cxw-010203

src/views/IndustryDataExport/getApiData.js

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-10-27 15:26:21
- * @LastEditTime: 2021-10-27 15:53:06
+ * @LastEditTime: 2021-10-28 10:28:34
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/IndustryDataExport/getApiData.js
@@ -39,7 +39,10 @@ export default {
             this.getData(1)
                 .then((res) => {
                     let data = res.data1;
+                    let x = this.quDaoAll.replace(/\(.*?\)/g, "");
+                    this.quDaoAll = x + "(" + data[0] + ")";
                     let arr = [...this.plainOptions];
+                    data.splice(0,1);
                     for (let i = 0; i < data.length; i++) {
                         let label = arr[i].label || "";
                         let str = label.replace(/\(.*?\)/g, "");
@@ -96,11 +99,14 @@ export default {
                     let data = res.data;
                     let arr = [];
                     data.forEach((ele) => {
-                        let obj = {
+                        let obj = null;
+                        if(ele.key != -1) {
+                            obj = {
                                 label: ele.value,
                                 value: ele.key,
                             };
                             arr.push(obj);
+                        }
                     });
                     this.plainOptions = arr;
                     resolve(arr);
@@ -118,11 +124,13 @@ export default {
                     let data = res.data;
                     let arr = [];
                     data.forEach((ele) => {
+                        if(ele.key != -1) {
                             let obj = {
                                 label: ele.value,
                                 value: ele.key,
                             };
                             arr.push(obj);
+                        }  
                     });
                     this.plainOptions1 = arr;
                     resolve(arr);

src/views/IndustryDataExport/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: xw
  * @Date: 2021-10-11 14:11:04
- * @LastEditTime: 2021-10-27 18:43:03
+ * @LastEditTime: 2021-10-28 10:30:38
  * @LastEditors: Please set LastEditors
  * @Description: 行业数据导出
  * @FilePath: /data-show/src/views/IndustryDataExport/index.vue
@@ -23,10 +23,16 @@
                     </div>
                     <div class="ide-d1-dd1" style="margin-top: 24px">
                         <span class="s1">渠道：</span>
+                        <a-checkbox :disabled="noClick" :indeterminate="qdIndeterminate" :checked="qdCheckAll" @change="onCheckAllChangeQd">
+                            {{quDaoAll}}
+                        </a-checkbox>
                         <a-checkbox-group v-model="quDao" :disabled="noClick" :options="plainOptions" @change="(val) => onChange(val, 'quDao')" />
                     </div>
                     <div class="ide-d1-dd1" style="margin-top: 24px">
                         <span class="s1">调性：</span>
+                        <a-checkbox :disabled="noClick" :indeterminate="qgIndeterminate" :checked="qgCheckAll" @change="onCheckAllChangeQg">
+                            全部
+                        </a-checkbox>
                         <a-checkbox-group v-model="qingGan" :disabled="noClick" :options="plainOptions3" @change="(val) => onChange(val, 'qingGan')" />
                     </div>
                 </div>
@@ -75,13 +81,18 @@
 </template>
 
 <script>
-import getApiData from "./getApiData"
-import tableEvent from "./tableEvent"
+import getApiData from "./getApiData";
+import tableEvent from "./tableEvent";
 export default {
     name: "IndustryDataExport",
     data() {
         return {
             quDao: [],
+            quDaoAll: "全部",
+            qdIndeterminate:true,
+            qdCheckAll: false,
+            qgIndeterminate: true,
+            qgCheckAll: false,
             qingGan: [],
             crisis: [],
             value3: [],
@@ -103,7 +114,7 @@ export default {
                 sQuDao: "",
                 sBrand: "",
                 sSeriesName: "",
-                iTimeType: 0
+                iTimeType: 0,
             },
             modalObj: {
                 title: "导出选项",
@@ -158,16 +169,16 @@ export default {
                 sFileName: "",
                 sCheckedIds: "",
                 iNum: "",
-              sField: ""
-            }
+                sField: "",
+            },
         };
     },
     created() {
-       this.initDoc()
+        this.initDoc();
     },
     methods: {
         ...getApiData,
-        ...tableEvent  
+        ...tableEvent,
     },
 };
 </script>
@@ -219,7 +230,7 @@ export default {
         background-size: cover;
         text-align: center;
         line-height: 80px;
-    color: #63AECC;
+        color: #63aecc;
         font-size: 28px;
         cursor: pointer;
     }

src/views/IndustryDataExport/tableEvent.js

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-10-27 15:29:37
- * @LastEditTime: 2021-10-27 19:37:22
+ * @LastEditTime: 2021-10-28 10:36:57
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/IndustryDataExport/tableEvent.js
@@ -69,8 +69,12 @@ export default {
     onChange(val, type) {
         this.noClick = true;
         if (type === "quDao") {
+            this.qdIndeterminate = !!this.quDao.length && this.quDao.length < this.plainOptions.length;
+            this.qdCheckAll = this.quDao.length === this.plainOptions.length;
             this.form.sQuDao = this.quDao.toString();
         } else if (type === "qingGan") {
+            this.qgIndeterminate = !!this.qingGan.length && this.qingGan.length < this.plainOptions3.length;
+            this.qgCheckAll = this.qingGan.length === this.plainOptions3.length;
             this.doFormQS(this.qingGan);
         }
         this.form.iPageIndex = 1;
@@ -184,6 +188,7 @@ export default {
             }
         }
     },
+    // 导出数据
     exportExcel() {
         if (this.execlForm.iNum) {
             this.mergeForm();
@@ -195,5 +200,43 @@ export default {
                 });
             })
         }
+    },
+    // 点击渠道全部的效果
+    onCheckAllChangeQd(e) {
+        let arr = [];
+        this.plainOptions.forEach(ele => {
+            let value = ele.value;
+            arr.push(value)
+        })
+        Object.assign(this, {
+            quDao: e.target.checked ? arr : [],
+            qdIndeterminate: false,
+            qdCheckAll: e.target.checked,
+        });
+        this.form.sQuDao = this.quDao.toString();
+        this.form.iPageIndex = 1;
+        this.pagination.current = 1;
+        Promise.all([this.getList(), this.getTable()]).then(() => {
+            this.noClick = false;
+        });
+    },
+    // 点击调性全部的方法
+    onCheckAllChangeQg(e) {
+        let arr = [];
+        this.plainOptions3.forEach(ele => {
+            let value = ele.value;
+            arr.push(value)
+        })
+        Object.assign(this, {
+            qingGan: e.target.checked ? arr : [],
+            qgIndeterminate: false,
+            qgCheckAll: e.target.checked,
+        });
+        this.doFormQS(this.qingGan);
+        this.form.iPageIndex = 1;
+        this.pagination.current = 1;
+        Promise.all([this.getList(), this.getTable()]).then(() => {
+            this.noClick = false;
+        });
     }
 }