大屏修改

src/views/index/kshData.vue

 <!--
  * @Author: your name
  * @Date: 2021-07-11 15:04:34
- * @LastEditTime: 2022-04-01 11:28:21
- * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2022-03-04 14:01:48
+ * @LastEditors: LYS
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\views\index\kshData.vue
 -->
@@ -137,20 +137,20 @@
               <span
                 :class="{ activeBtn: activeBtn == `1-${fpaLegth1}` }"
                 v-if="fpaLegth1 > 0"
-                @click="updateBtn(`1-${fpaLegth1}`, 1, fpaLegth1)"
+                @click="updateBtn(`1-${fpaLegth1}`, 0, fpaLegth1-1)"
                 >1-{{ fpaLegth1 }}</span
               >
               <span
                 :class="{ activeBtn: activeBtn == `13-${fpaLegth2}` }"
                 v-if="fpaLegth2 > 0"
-                @click="updateBtn(`13-${fpaLegth2}`, 13, fpaLegth2)"
+                @click="updateBtn(`13-${fpaLegth2}`, 12, fpaLegth2-1)"
                 >13-{{ fpaLegth2 }}</span
               >
               <span
-                :class="{ activeBtn: activeBtn == `26-${fpaLegth3}` }"
-                @click="updateBtn(`26-${fpaLegth3}`, 26, fpaLegth3)"
+                :class="{ activeBtn: activeBtn == `25-${fpaLegth3}` }"
+                @click="updateBtn(`25-${fpaLegth3}`, 24, fpaLegth3-1)"
                 v-if="fpaLegth3 > 0"
-                >26-{{ fpaLegth3 }}</span
+                >25-{{ fpaLegth3 }}</span
               >
             </div>
             <div
@@ -313,9 +313,9 @@ export default {
           codeTree: "CODE_AJLB",
         },
         {
-          name: "小类案别",
+          name: "小案类别",
           id: "gabAjxzlb",
-          placeholder: "小类案别",
+          placeholder: "小案类别",
           type: "codeTreeDialog",
           props: [], //字典弹框需要的字段
           value: "",
@@ -324,9 +324,9 @@ export default {
           codeTree: "CODE_GABAJZLB",
         },
         {
-          name: "细类案别",
+          name: "细案类别",
           id: "gabAjxalb",
-          placeholder: "细类案别",
+          placeholder: "细案类别",
           type: "codeTreeDialog",
           props: [], //字典弹框需要的字段
           value: "",
@@ -885,22 +885,18 @@ export default {
     let unitcode = JSON.parse(
       sessionStorage.getItem("userInfo")
     ).unitcode.slice(0, 6);
-
+    
     let unit = unitcode == "010000" ? "" : unitcode;
     self.$set(self.formData, "asjfsddXzqhdm", unit);
     self.xzqh =
       unitcode == "010000" ? "china" : self.provinceCodes[unitcode.slice(0, 2)];
-      debugger
     self.propQueryField.forEach((val) => {
-      debugger
       if (val.type == "code" || val.type == "codeTreeDialog") {
         if (val.codeOptions.length == 0) {
           axios
             .get(`JsonData/${val.codeTree}.json`)
             .then((res) => {
-              debugger
               if(val.codeTree =='CODE_XZQH'){
-                debugger
                 let arr1 = res.data.data.rows.filter(
                   (item) => item.id.slice(0, 2) == unitcode.slice(0, 2)
                 );
@@ -930,7 +926,6 @@ export default {
                 }
 
               }else{
-                debugger
                 self.$set(val, "codeOptions", res.data.data.rows);
               }
             })
@@ -947,7 +942,6 @@ export default {
     //   spinner: "el-icon-loading",
     //   background: "rgba(255, 255, 255, 0.7)",
     // });
-    // debugger
     this.getEslaTopTenQuery();
     this.getEsdyxgwrqTopTenQuery();
     this.getEsFpaTsfxQueryAll(0, 11);
@@ -971,7 +965,6 @@ export default {
         //   spinner: "el-icon-loading",
         //   background: "rgba(255, 255, 255, 0.7)",
         // });
-        debugger;
         let unitcode = JSON.parse(
           sessionStorage.getItem("userInfo")
         ).unitcode.slice(0, 6);
@@ -983,7 +976,6 @@ export default {
               axios
                 .get(`JsonData/${val.codeTree}.json`)
                 .then((res) => {
-                  debugger
                   if(val.codeTree =='CODE_XZQH'){
 
                     let arr1 = res.data.data.rows.filter(
@@ -1014,7 +1006,6 @@ export default {
                       self.$set(val, "codeOptions", arr4);
                     }
                   }else{
-                    debugger
                     self.$set(val, "codeOptions", res.data.rows);
                   }
                 })
@@ -1037,7 +1028,6 @@ export default {
             this.getEslaXyrTopTenQuery();
           });
         } else {
-          debugger;
           this.$nextTick(() => {
             this.getEsLatsfxFpaQuery();
             // this.setMap("china", this.points);
@@ -1060,7 +1050,6 @@ export default {
       handler(val) {
         console.log(val);
         if (val == 4) {
-          debugger;
           this.Loading.close();
         }
       },
@@ -1178,7 +1167,6 @@ export default {
      */
     updateBtn(name, num1, num2) {
       this.activeBtn = name;
-      debugger;
       this.getEsFpaTsfxQuery(num1, num2);
     },
     //年龄段和性别分布
@@ -1204,7 +1192,7 @@ export default {
           });
           self.echartsNum++;
           self.setLineDiagram(lineData1, lineData2, nlData,myChart);
-
+      
 
         }
       });
@@ -1763,18 +1751,35 @@ export default {
         if (res.code == 200) {
           debugger
           let fpaLegth = res.data.rows.length % 12;
-          let num = parseInt(res.data.rows.length / 12);
-          this.fpaLegth1 = num == 0 ? fpaLegth : 12;
-          this.fpaLegth2 =
-            num == 1 ? fpaLegth + 12 : this.fpaLegth1 == 12 ? 25 : 0;
-          this.fpaLegth3 = num == 2 ? fpaLegth + 25 : 0;
+          // let num = parseInt(res.data.rows.length / 12);
+          // self.fpaLegth1 = (num == 0 && res.data.rows.length<=12) ? fpaLegth : 12;
+            if( res.data.rows.length > 12 && res.data.rows.length < 24){
+              self.fpaLegth2 = fpaLegth + 12
+              self.fpaLegth3 = 0
+              self.fpaLegth1 = 0
+            }else if(res.data.rows.length < 12 || res.data.rows.length === 12){
+              self.fpaLegth1 = res.data.rows.length
+              self.fpaLegth2 = 0
+              self.fpaLegth3 = 0
+            }else if( res.data.rows.length > 24){
+              self.fpaLegth1 = 12
+              self.fpaLegth2 = 24
+              self.fpaLegth3 = fpaLegth + 24
+            }else if(res.data.rows.length === 24){
+              self.fpaLegth3 = 0
+              self.fpaLegth2 = 24
+              self.fpaLegth1 = 12
+          }
+          // self.fpaLegth2 =
+          //         (num == 1 && res.data.rows.length > 12) ? fpaLegth + 12 : self.fpaLegth1 == 12 ? 25 : 0;
+          // self.fpaLegth3 = num == 2 ? fpaLegth + 25 : 0;
           res.data.rows.forEach((item) => {
             self.allData1.push(item.name);
             self.allData2.push(item.numFa);
             self.allData3.push(item.numPa);
           });
           self.getEsFpaTsfxQuery(0, 11);
-          this.activeBtn = `1-${this.fpaLegth1}`;
+          self.activeBtn = `1-${self.fpaLegth1}`;
         }
       });
     },
@@ -1785,7 +1790,7 @@ export default {
       let areaYData = [];
       let data4 = [];
       let data5 = [];
-
+     
       let myChart = this.$echarts.init(this.$refs.aside_solveacase);
       for (let i = num1; i <= num2; i++) {
         if (self.allData1[i]) {
@@ -1813,7 +1818,6 @@ export default {
       })
         .then((res) => {
           if (res.code == 200) {
-            debugger;
             //  self.zxqh = self.zxqh ? self.xzqh:'china'
             self.setMap(self.xzqh, res.data.rows, myChart);
           }
@@ -1830,7 +1834,7 @@ export default {
      * @return {*}
      */
     setAside_solveacase(y, data1, data2, myChart) {
-
+      
       // let myChart = this.$echarts.init(this.$refs.aside_solveacase);
       myChart.setOption({
         title: {
@@ -2155,9 +2159,8 @@ export default {
       // }
       self.Toploading = true;
       // this.$nextTick(() => {
-      //   debugger
       // });
-
+     
       EslaTopTenQuery({
         asjfsddXzqhdm: self.formData.asjfsddXzqhdm,
         gabAjxzlb: self.formData.gabAjxzlb,
@@ -2168,7 +2171,6 @@ export default {
       })
         .then((res) => {
           console.log('res....',res);
-          debugger
           if (res.code == 200) {
             res.data.rows.forEach((item) => {
               ydata.push(item.name);
@@ -2192,7 +2194,6 @@ export default {
      * @return {*}
      */
     setSuchCaseTop10(ydata, data4, myChart) {
-      debugger
       var self = this;
       this.Toploading = false;
       // let myChart = this.$echarts.init(this.$refs.suchCaseTop10);
@@ -2295,7 +2296,6 @@ export default {
       //   spinner: "el-icon-loading",
       //   background: "rgba(255, 255, 255, 0.7)",
       // });
-      // debugger;
       if (type != "china") {
         type = self.xzqh;
       }
@@ -2501,20 +2501,18 @@ export default {
       let unitcode = JSON.parse(
         sessionStorage.getItem("userInfo")
       ).unitcode.slice(0, 6);
-      debugger;
       if (!this.formData.asjfsddXzqhdm) {
         if (unitcode != "010000") {
           this.$message.error("请选择行政单位");
         } else {
           this.xzqh =
             this.provinceCodes[this.formData.asjfsddXzqhdm.slice(0, 2)];
-          // this.Loading = this.$loading({
-          //   lock: true,
-          //   text: "正在查询...",
-          //   spinner: "el-icon-loading",
-          //   background: "rgba(255, 255, 255, 0.7)",
-          // });
-          debugger;
+          this.Loading = this.$loading({
+            lock: true,
+            text: "正在查询...",
+            spinner: "el-icon-loading",
+            background: "rgba(255, 255, 255, 0.7)",
+          });
           this.getEsLatsfxFpaQuery();
           // this.setMap(this.xzqh, this.points);
           this.getEslaTopTenQuery();
@@ -2537,7 +2535,6 @@ export default {
         //   spinner: "el-icon-loading",
         //   background: "rgba(255, 255, 255, 0.7)",
         // });
-        debugger;
         this.getEsLatsfxFpaQuery();
         // this.setMap(this.xzqh, this.points);
         this.getEslaTopTenQuery();
@@ -2579,7 +2576,6 @@ export default {
       //   spinner: "el-icon-loading",
       //   background: "rgba(255, 255, 255, 0.7)",
       // });
-      debugger;
       let unitcode = JSON.parse(
         sessionStorage.getItem("userInfo")
       ).unitcode.slice(0, 6);