From 2d48f2743b368d753e82fe6b81f469379045382c Mon Sep 17 00:00:00 2001
From: wintsa <wintsa123@gmail.com>
Date: Fri, 23 Aug 2024 11:20:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=BF=E7=94=A8substr=E5=92=8Cinstr=E4=BB=A3?=
 =?UTF-8?q?=E6=9B=BF=E4=BA=86=E6=AD=A3=E5=88=99=E5=8C=B9=E9=85=8D=E6=80=A7?=
 =?UTF-8?q?=E8=83=BD=E6=85=A2=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 手动执行sql合并7个关联字段为一个.sql |  45 +++---
 页面横向滑动.html                    | 221 +++++++++++++++++++++++++++
 2 files changed, 247 insertions(+), 19 deletions(-)
 create mode 100644 页面横向滑动.html

diff --git a/手动执行sql合并7个关联字段为一个.sql b/手动执行sql合并7个关联字段为一个.sql
index 1e079f3..5b9e593 100644
--- a/手动执行sql合并7个关联字段为一个.sql
+++ b/手动执行sql合并7个关联字段为一个.sql
@@ -8,53 +8,60 @@ USING (
 ),
 tmp2 AS (
     SELECT id,
-           NVL2(glgc, '58505_gcxx' || REGEXP_SUBSTR(glgc, '[^,]+', 1, LEVEL), '') AS wysb
+           NVL2(glgc, '58505_gcxx' ||  SUBSTR(','||TO_CHAR(glgc)||',', INSTR(','||TO_CHAR(glgc)||',', ',', 1, LEVEL) + 1, INSTR(','||TO_CHAR(glgc)||',', ',', 1, LEVEL + 1) - INSTR(','||TO_CHAR(glgc)||',', ',', 1, LEVEL) - 1),'')
+           
+         AS wysb
     FROM tmp
-    CONNECT BY REGEXP_SUBSTR(glgc, '[^,]+', 1, LEVEL) IS NOT NULL
+     CONNECT BY LEVEL <= LENGTH(glgc) - LENGTH(REPLACE(glgc, ',', '')) + 1
           AND PRIOR id = id
           AND PRIOR DBMS_RANDOM.VALUE IS NOT NULL
     UNION ALL
     SELECT id,
-           NVL2(glgcxxsjd, '58505_tree' || REGEXP_SUBSTR(glgcxxsjd, '[^,]+', 1, LEVEL), '') AS wysb
+           NVL2(glgcxxsjd, '58505_tree' || SUBSTR(','||TO_CHAR(glgcxxsjd)||',', INSTR(','||TO_CHAR(glgcxxsjd)||',', ',', 1, LEVEL) + 1, INSTR(','||TO_CHAR(glgcxxsjd)||',', ',', 1, LEVEL + 1) - INSTR(','||TO_CHAR(glgcxxsjd)||',', ',', 1, LEVEL) - 1),'')
     FROM tmp
-    CONNECT BY REGEXP_SUBSTR(glgcxxsjd, '[^,]+', 1, LEVEL) IS NOT NULL
+     CONNECT BY LEVEL <= LENGTH(glgcxxsjd) - LENGTH(REPLACE(glgcxxsjd, ',', '')) + 1
           AND PRIOR id = id
           AND PRIOR DBMS_RANDOM.VALUE IS NOT NULL
     UNION ALL
-    SELECT id,
-           NVL2(glgcgc, '58505_gcgc' || REGEXP_SUBSTR(glgcgc, '[^,]+', 1, LEVEL), '') AS wysb
+      SELECT id,
+           NVL2(glgcxxsjd, '58505_gcgc' || SUBSTR(','||TO_CHAR(glgcgc)||',', INSTR(','||TO_CHAR(glgcgc)||',', ',', 1, LEVEL) + 1, INSTR(','||TO_CHAR(glgcgc)||',', ',', 1, LEVEL + 1) - INSTR(','||TO_CHAR(glgcgc)||',', ',', 1, LEVEL) - 1),'')
     FROM tmp
-    CONNECT BY REGEXP_SUBSTR(glgcgc, '[^,]+', 1, LEVEL) IS NOT NULL
+     CONNECT BY LEVEL <= LENGTH(glgcgc) - LENGTH(REPLACE(glgcgc, ',', '')) + 1
           AND PRIOR id = id
           AND PRIOR DBMS_RANDOM.VALUE IS NOT NULL
+   
     UNION ALL
-    SELECT id,
-           NVL2(glzbgl, '58505_zb' || REGEXP_SUBSTR(glzbgl, '[^,]+', 1, LEVEL), '') AS wysb
+          SELECT id,
+           NVL2(glgcxxsjd, '58505_zb' || SUBSTR(','||TO_CHAR(glzbgl)||',', INSTR(','||TO_CHAR(glzbgl)||',', ',', 1, LEVEL) + 1, INSTR(','||TO_CHAR(glzbgl)||',', ',', 1, LEVEL + 1) - INSTR(','||TO_CHAR(glzbgl)||',', ',', 1, LEVEL) - 1),'')
     FROM tmp
-    CONNECT BY REGEXP_SUBSTR(glzbgl, '[^,]+', 1, LEVEL) IS NOT NULL
+     CONNECT BY LEVEL <= LENGTH(glzbgl) - LENGTH(REPLACE(glzbgl, ',', '')) + 1
           AND PRIOR id = id
           AND PRIOR DBMS_RANDOM.VALUE IS NOT NULL
+   
     UNION ALL
-    SELECT id,
-           NVL2(glhtgl, '58505_ht' || REGEXP_SUBSTR(glhtgl, '[^,]+', 1, LEVEL), '') AS wysb
+           SELECT id,
+           NVL2(glgcxxsjd, '58505_ht' || SUBSTR(','||TO_CHAR(glhtgl)||',', INSTR(','||TO_CHAR(glhtgl)||',', ',', 1, LEVEL) + 1, INSTR(','||TO_CHAR(glhtgl)||',', ',', 1, LEVEL + 1) - INSTR(','||TO_CHAR(glhtgl)||',', ',', 1, LEVEL) - 1),'')
     FROM tmp
-    CONNECT BY REGEXP_SUBSTR(glhtgl, '[^,]+', 1, LEVEL) IS NOT NULL
+     CONNECT BY LEVEL <= LENGTH(glhtgl) - LENGTH(REPLACE(glhtgl, ',', '')) + 1
           AND PRIOR id = id
           AND PRIOR DBMS_RANDOM.VALUE IS NOT NULL
+   
     UNION ALL
-    SELECT id,
-           NVL2(gltbgl, '58505_tb' || REGEXP_SUBSTR(gltbgl, '[^,]+', 1, LEVEL), '') AS wysb
+      SELECT id,
+           NVL2(glgcxxsjd, '58505_tb' || SUBSTR(','||TO_CHAR(gltbgl)||',', INSTR(','||TO_CHAR(gltbgl)||',', ',', 1, LEVEL) + 1, INSTR(','||TO_CHAR(gltbgl)||',', ',', 1, LEVEL + 1) - INSTR(','||TO_CHAR(gltbgl)||',', ',', 1, LEVEL) - 1),'')
     FROM tmp
-    CONNECT BY REGEXP_SUBSTR(gltbgl, '[^,]+', 1, LEVEL) IS NOT NULL
+     CONNECT BY LEVEL <= LENGTH(gltbgl) - LENGTH(REPLACE(gltbgl, ',', '')) + 1
           AND PRIOR id = id
           AND PRIOR DBMS_RANDOM.VALUE IS NOT NULL
+   
     UNION ALL
-    SELECT id,
-           NVL2(glqtgl, '58505_qt' || REGEXP_SUBSTR(glqtgl, '[^,]+', 1, LEVEL), '') AS wysb
+      SELECT id,
+           NVL2(glgcxxsjd, '58505_qt' || SUBSTR(','||TO_CHAR(glqtgl)||',', INSTR(','||TO_CHAR(glqtgl)||',', ',', 1, LEVEL) + 1, INSTR(','||TO_CHAR(glqtgl)||',', ',', 1, LEVEL + 1) - INSTR(','||TO_CHAR(glqtgl)||',', ',', 1, LEVEL) - 1),'')
     FROM tmp
-    CONNECT BY REGEXP_SUBSTR(glqtgl, '[^,]+', 1, LEVEL) IS NOT NULL
+     CONNECT BY LEVEL <= LENGTH(glqtgl) - LENGTH(REPLACE(glqtgl, ',', '')) + 1
           AND PRIOR id = id
           AND PRIOR DBMS_RANDOM.VALUE IS NOT NULL
+ 
 ),
 tmp3 AS (
     SELECT id,
diff --git a/页面横向滑动.html b/页面横向滑动.html
new file mode 100644
index 0000000..8ec93f7
--- /dev/null
+++ b/页面横向滑动.html
@@ -0,0 +1,221 @@
+<script src="/myJavaScript/anime.min.js">
+</script>
+<script>
+    /*
+    每一步内容都必须存放在一个标签页，标签页横向排列，标签页前后各空出一列
+    每个标签都要在默认的style属性上设置为opacity:0，以默认隐藏步骤内容
+    每个步骤的内容默认隐藏
+    方法参数为对象：{curStepFieldId:"field216855",cols:4,vars:[{tab:"tab1",cnt:"cnt1",top:1},{tab:"tab2",cnt:"cnt2",top:0}],els:["title","identifier"]}
+    curStepFieldId为当前步骤字段id
+    cols为表格有效范围内的列数
+    vars为每个步骤对应的一组参数，vars参数组顺序与标签页DOM节点顺序一致
+    其中第一组参数代表意思为：tab1为标签页class，cnt1为步骤一页面的全部内容，1表示隐藏标签页顶部标签(0表示不隐藏)
+    els为其他需要在方法中将display属性还原的单元格class
+
+    注意：
+    这个方法需要结合以下CSS样式使用，以解决明细表头的问题
+    .excelDetailFixedHead {
+        position: sticky !important;
+        top: 0px !important;
+    }
+    */
+    function pageLateralSlider(obj) {
+        document.getElementsByClassName("wf-req-top-button")[0].parentNode.parentNode.id = "submitBtn";
+        $("#submitBtn").css("cssText", "display:none !important;");
+        const steps = obj.vars.length;
+        //基础判断
+        if (obj.cols !== steps + 2) {
+            console.log("cols数量与vars参数组数量矛盾");
+            return;
+        }
+        let myIntv = setInterval(() => {
+            //页面元素加载判断
+            for (let i = 0; i < steps; i++) {
+                if ($("." + obj.vars[i].tab).length === 0 || $("." + obj.vars[i].cnt).length === 0) {
+                    return;
+                }
+            }
+            for (let i = 0; i < obj.els.length; i++) {
+                if ($("." + obj.els[i]).length === 0) {
+                    return;
+                }
+            }
+            if ($(".tab_top").length !== steps) {
+                return;
+            }
+            if ($("#buttonCell").length === 0) {
+                return;
+            }
+            if ($(".excelMainTable>colgroup col").length !== obj.cols) {
+                return;
+            }
+            if ($(".wf-req-form").length === 0) {
+                return;
+            }
+            if ($(".wf-req-top-button").length === 0) {
+                return;
+            }
+            clearInterval(myIntv);
+            //自适应列宽            
+            const screen_width = $(".wf-req-form")[0].offsetWidth;
+            const padding_width = Math.floor(0.02 * screen_width);
+            const content_width = screen_width - 2 * padding_width;
+            $(".excelMainTable>colgroup col")[0].style.width = `${padding_width}px`;
+            $(".excelMainTable>colgroup col")[obj.cols - 1].style.width = `${padding_width}px`;
+            for (let i = 1; i <= steps; i++) {
+                $(".excelMainTable>colgroup col")[i].style.width = `${content_width}px`;
+            }
+            //隐藏标签页顶部标签
+            obj.vars.forEach((e, index) => {
+                if (e.top === 1) {
+                    $(".tab_top")[index].style.display = "none";
+                }
+            });
+            //显示其他需要还原display属性的单元格
+            obj.els.forEach(e => {
+                $("." + e).css("display", "");
+            });
+            //显示当前步骤内容
+            var curStepVar = + WfForm.getFieldValue(obj.curStepFieldId);
+            if (curStepVar === 0) {
+                $("." + obj.vars[curStepVar].cnt).css("display", "");
+                $("." + obj.vars[curStepVar].tab).css("opacity", "1");
+            } else {
+                let distance_0 = -curStepVar * content_width;
+                obj.vars.forEach(e => {
+                    anime({
+                        targets: '.' + e.tab + '_swap',
+                        translateX: distance_0,
+                        duration: 0,
+                        easing: 'easeInOutQuad',
+                    });
+                });
+                $("." + obj.vars[curStepVar].cnt).css("display", "");
+                $("." + obj.vars[curStepVar].tab).css("opacity", "1");
+            }
+            //核心功能        
+            $("#buttonCell").append("<span class='ant-btn preStep' style='display:none;'>上一步</span><span class='step-blank' style='display:none;'>&emsp;&emsp;</span><span class='ant-btn nexStep' style='display:none;'>下一步</span>");
+            if (curStepVar === 0) {
+                $(".preStep").css({ "display": "none" });
+                $(".step-blank").css({ "display": "none" });
+                $(".nexStep").css({ "display": "inline" });
+                $("#submitBtn").css("cssText", "display:none !important;");
+            } else if (curStepVar === steps - 1) {
+                $(".preStep").css({ "display": "inline" });
+                $(".step-blank").css({ "display": "none" });
+                $(".nexStep").css({ "display": "none" });
+                $("#submitBtn").css("cssText", "display:inline-block !important;");
+            } else {
+                $(".preStep").css({ "display": "inline" });
+                $(".step-blank").css({ "display": "inline" });
+                $(".nexStep").css({ "display": "inline" });
+                $("#submitBtn").css("cssText", "display:none !important;");
+            }
+            //点击事件
+            var click_judg = 0;
+            $(".nexStep").click(() => {
+                if (click_judg === 0) {
+                    click_judg++;
+                    curStepVar++;
+                    obj.vars.forEach((e, index) => {
+                        if (index !== curStepVar) {
+                            anime({
+                                targets: '.' + e.tab + '_swap',
+                                translateX: - curStepVar * content_width,
+                                opacity: 0,
+                                duration: 500,
+                                easing: 'easeInOutQuad',
+                            });
+                        }
+                    });
+                    $("." + obj.vars[curStepVar].cnt).css("display", "");
+                    $("." + obj.vars[curStepVar].tab).css("opacity", '1');
+                    anime({
+                        targets: '.' + obj.vars[curStepVar].tab + '_swap',
+                        translateX: - curStepVar * content_width,
+                        opacity: [0, 1],
+                        duration: 500,
+                        easing: 'easeInOutQuad'
+                    });
+                    $("." + obj.vars[curStepVar - 1].cnt).css("display", "none");
+                    if (curStepVar === 0) {
+                        $(".preStep").css({ "display": "none" });
+                        $(".step-blank").css({ "display": "none" });
+                        $(".nexStep").css({ "display": "inline" });
+                        $("#submitBtn").css("cssText", "display:none !important;");
+                    } else if (curStepVar === steps - 1) {
+                        $(".preStep").css({ "display": "inline" });
+                        $(".step-blank").css({ "display": "none" });
+                        $(".nexStep").css({ "display": "none" });
+                        $("#submitBtn").css("cssText", "display:inline-block !important;");
+                    } else {
+                        $(".preStep").css({ "display": "inline" });
+                        $(".step-blank").css({ "display": "inline" });
+                        $(".nexStep").css({ "display": "inline" });
+                        $("#submitBtn").css("cssText", "display:none !important;");
+                    }
+                    WfForm.changeFieldValue(obj.curStepFieldId, { value: curStepVar });
+                    click_judg--;
+                }
+            });
+            $(".preStep").click(() => {
+                if (click_judg === 0) {
+                    click_judg++;
+                    curStepVar--;
+                    obj.vars.forEach((e, index) => {
+                        if (index !== curStepVar) {
+                            anime({
+                                targets: '.' + e.tab + '_swap',
+                                translateX: - curStepVar * content_width,
+                                opacity: 0,
+                                duration: 500,
+                                easing: 'easeInOutQuad',
+                            });
+                        }
+                    });
+                    $("." + obj.vars[curStepVar].cnt).css("display", "");
+                    $("." + obj.vars[curStepVar].tab).css("opacity", '1');
+                    anime({
+                        targets: '.' + obj.vars[curStepVar].tab + '_swap',
+                        translateX: - curStepVar * content_width,
+                        opacity: [0, 1],
+                        duration: 500,
+                        easing: 'easeInOutQuad'
+                    });
+                    $("." + obj.vars[curStepVar + 1].cnt).css("display", "none");
+                    if (curStepVar === 0) {
+                        $(".preStep").css({ "display": "none" });
+                        $(".step-blank").css({ "display": "none" });
+                        $(".nexStep").css({ "display": "inline" });
+                        $("#submitBtn").css("cssText", "display:none !important;");
+                    } else if (curStepVar === steps - 1) {
+                        $(".preStep").css({ "display": "inline" });
+                        $(".step-blank").css({ "display": "none" });
+                        $(".nexStep").css({ "display": "none" });
+                        $("#submitBtn").css("cssText", "display:inline-block !important;");
+                    } else {
+                        $(".preStep").css({ "display": "inline" });
+                        $(".step-blank").css({ "display": "inline" });
+                        $(".nexStep").css({ "display": "inline" });
+                        $("#submitBtn").css("cssText", "display:none !important;");
+                    }
+                    WfForm.changeFieldValue(obj.curStepFieldId, { value: curStepVar });
+                    click_judg--;
+                }
+            });
+        }, 100);
+    }
+</script>
+
+<style>
+    /*隐藏提交按钮*/
+    .ant-col-xs-18>div>span:nth-of-type(1) {
+        display: none !important;
+    }
+
+    /*修复明细浮动表头问题*/
+    .excelDetailFixedHead {
+        position: sticky !important;
+        top: 0px !important;
+    }
+</style>
\ No newline at end of file