From 7927bf8ff3583a0362e93abbb85df17db5bd90a4 Mon Sep 17 00:00:00 2001
From: yz_08 <yz_0812@outlook.com>
Date: 星期一, 22 二月 2021 19:04:18 +0800
Subject: [PATCH] 修改云盘智搜-附件管理,单选改为多选

---
 src/views/yunpan/fujian.vue    |  204 +++++++++++++++++++++++++++++++-------------------
 src/views/user/inemployees.vue |   24 +++---
 2 files changed, 139 insertions(+), 89 deletions(-)

diff --git a/src/views/user/inemployees.vue b/src/views/user/inemployees.vue
index 9770bfb..682c56b 100644
--- a/src/views/user/inemployees.vue
+++ b/src/views/user/inemployees.vue
@@ -82,18 +82,18 @@
                   <td>
                     <el-checkbox-group v-model="queryParams.politics">
                       <el-checkbox label="" @change="selectAllPolitics">全部</el-checkbox>
-                      <el-checkbox label="01">中共党员</el-checkbox>
-                      <el-checkbox label="02">预备党员</el-checkbox>
-                      <el-checkbox label="03">共青团员</el-checkbox>
-                      <el-checkbox label="04">民革会员</el-checkbox>
-                      <el-checkbox label="05">民盟盟员</el-checkbox>
-                      <el-checkbox label="06">民建会员</el-checkbox>
-                      <el-checkbox label="07">民进会员</el-checkbox>
-                      <el-checkbox label="08">农工党员</el-checkbox>
-                      <el-checkbox label="09">致公党员</el-checkbox>
-                      <el-checkbox label="10">九三社员</el-checkbox>
-                      <el-checkbox label="11">台盟盟员</el-checkbox>
-                      <el-checkbox label="12">民主人士</el-checkbox>
+                      <el-checkbox label="01">党员</el-checkbox>
+                      <el-checkbox label="02">预备</el-checkbox>
+                      <el-checkbox label="03">共青</el-checkbox>
+                      <el-checkbox label="04">民革</el-checkbox>
+                      <el-checkbox label="05">民盟</el-checkbox>
+                      <el-checkbox label="06">民建</el-checkbox>
+                      <el-checkbox label="07">民进</el-checkbox>
+                      <el-checkbox label="08">农工</el-checkbox>
+                      <el-checkbox label="09">致公</el-checkbox>
+                      <el-checkbox label="10">九三</el-checkbox>
+                      <el-checkbox label="11">台盟</el-checkbox>
+                      <el-checkbox label="12">民主</el-checkbox>
                       <el-checkbox label="13">群众</el-checkbox>
                     </el-checkbox-group>
                   </td>
diff --git a/src/views/yunpan/fujian.vue b/src/views/yunpan/fujian.vue
index 7ca92db..943245d 100644
--- a/src/views/yunpan/fujian.vue
+++ b/src/views/yunpan/fujian.vue
@@ -57,87 +57,87 @@
                 <tr>
                   <td class="td">性别</td>
                   <td class="td-group">
-                    <el-radio-group v-model="queryform.sex" class="fj-radio">
-                      <el-radio :label="-1">全部</el-radio>
-                      <el-radio :label="1">男性</el-radio>
-                      <el-radio :label="2">女性</el-radio>
-                    </el-radio-group>
+                    <el-checkbox-group v-model="queryform.sex" class="fj-checkbox">
+                      <el-checkbox label="" @change="selectAllSex">全部</el-checkbox>
+                      <el-checkbox label="1">男性</el-checkbox>
+                      <el-checkbox label="2">女性</el-checkbox>
+                    </el-checkbox-group>
                   </td>
                 </tr>
                 <tr>
                   <td class="td">最高学历</td>
                   <td class="td-group">
-                    <el-radio-group v-model="queryform.education" class="fj-radio">
-                      <el-radio :label="-1">全部</el-radio>
-                      <el-radio :label="91">无学历</el-radio>
-                      <el-radio :label="81">小学</el-radio>
-                      <el-radio :label="71">初中</el-radio>
-                      <el-radio :label="61">高中</el-radio>
-                      <el-radio :label="42">中技</el-radio>
-                      <el-radio :label="41">中专</el-radio>
-                      <el-radio :label="31">大学专科</el-radio>
-                      <el-radio :label="21">大学本科</el-radio>
-                      <el-radio :label="11">硕士</el-radio>
-                      <el-radio :label="10">博士</el-radio>
-                    </el-radio-group>
+                    <el-checkbox-group v-model="queryform.education" class="fj-checkbox">
+                      <el-checkbox label="" @change="selectAllEducation">全部</el-checkbox>
+                      <el-checkbox label="91">无学历</el-checkbox>
+                      <el-checkbox label="81">小学</el-checkbox>
+                      <el-checkbox label="71">初中</el-checkbox>
+                      <el-checkbox label="61">高中</el-checkbox>
+                      <el-checkbox label="42">中技</el-checkbox>
+                      <el-checkbox label="41">中专</el-checkbox>
+                      <el-checkbox label="31">大学专科</el-checkbox>
+                      <el-checkbox label="21">大学本科</el-checkbox>
+                      <el-checkbox label="11">硕士</el-checkbox>
+                      <el-checkbox label="10">博士</el-checkbox>
+                    </el-checkbox-group>
                   </td>
                 </tr>
                 <tr>
                   <td class="td">政治面貌</td>
                   <td class="td-group">
-                    <el-radio-group v-model="queryform.politics" class="fj-radio">
-                      <el-radio :label="-1">全部</el-radio>
-                      <el-radio label="01">党员</el-radio>
-                      <el-radio label="02">预备</el-radio>
-                      <el-radio label="03">共青</el-radio>
-                      <el-radio label="04">民革</el-radio>
-                      <el-radio label="05">民盟</el-radio>
-                      <el-radio label="06">民建</el-radio>
-                      <el-radio label="07">民进</el-radio>
-                      <el-radio label="08">农工</el-radio>
-                      <el-radio label="09">致公</el-radio>
-                      <el-radio label="10">九三</el-radio>
-                      <el-radio label="11">台盟</el-radio>
-                      <el-radio label="12">民主</el-radio>
-                      <el-radio label="12">群众</el-radio>
-                    </el-radio-group>
+                    <el-checkbox-group v-model="queryform.politics" class="fj-checkbox">
+                      <el-checkbox label="" @change="selectAllPolitics">全部</el-checkbox>
+                      <el-checkbox label="01">党员</el-checkbox>
+                      <el-checkbox label="02">预备</el-checkbox>
+                      <el-checkbox label="03">共青</el-checkbox>
+                      <el-checkbox label="04">民革</el-checkbox>
+                      <el-checkbox label="05">民盟</el-checkbox>
+                      <el-checkbox label="06">民建</el-checkbox>
+                      <el-checkbox label="07">民进</el-checkbox>
+                      <el-checkbox label="08">农工</el-checkbox>
+                      <el-checkbox label="09">致公</el-checkbox>
+                      <el-checkbox label="10">九三</el-checkbox>
+                      <el-checkbox label="11">台盟</el-checkbox>
+                      <el-checkbox label="12">民主</el-checkbox>
+                      <el-checkbox label="13">群众</el-checkbox>
+                    </el-checkbox-group>
                   </td>
                 </tr>
                 <tr>
                   <td class="td">年龄</td>
                   <td class="td-group">
-                    <el-radio-group v-model="queryform.age" class="fj-radio">
-                      <el-radio :label="-1">全部</el-radio>
-                      <el-radio :label="1">18-29</el-radio>
-                      <el-radio :label="2">30-39</el-radio>
-                      <el-radio :label="3">40-49</el-radio>
-                      <el-radio :label="4">50-59</el-radio>
-                      <el-radio :label="5">60-69</el-radio>
-                      <el-radio :label="6">69及以上</el-radio>
-                    </el-radio-group>
+                    <el-checkbox-group v-model="queryform.age" class="fj-checkbox">
+                      <el-checkbox label="" @change="selectAllage">全部</el-checkbox>
+                      <el-checkbox label="18-29">18-29</el-checkbox>
+                      <el-checkbox label="30-39">30-39</el-checkbox>
+                      <el-checkbox label="40-49">40-49</el-checkbox>
+                      <el-checkbox label="50-59">50-59</el-checkbox>
+                      <el-checkbox label="60-69">60-69</el-checkbox>
+                      <el-checkbox label="69-999">69及以上</el-checkbox>
+                    </el-checkbox-group>
                   </td>
                 </tr>
                 <tr>
                   <td class="td">档案情况</td>
                   <td class="td-group">
-                    <el-radio-group v-model="queryform.archivesStatus" class="fj-radio">
-                      <el-radio :label="-1">全部</el-radio>
-                      <el-radio :label="1">已移交</el-radio>
-                      <el-radio :label="0">未移交</el-radio>
-                    </el-radio-group>
+                    <el-checkbox-group v-model="queryform.archivesStatus" class="fj-checkbox">
+                      <el-checkbox label="" @change="selectAllArchivesStatus">全部</el-checkbox>
+                      <el-checkbox label="0">已移交</el-checkbox>
+                      <el-checkbox label="1">未移交</el-checkbox>
+                    </el-checkbox-group>
                   </td>
                 </tr>
                 <tr>
                   <td class="td">保险类型</td>
                   <td class="td-group">
-                    <el-radio-group v-model="queryform.insuranceType" class="fj-radio">
-                      <el-radio :label="-1">全部</el-radio>
-                      <el-radio :label="1">(深户)五险一档</el-radio>
-                      <el-radio :label="2">(非深户)五险一档</el-radio>
-                      <el-radio :label="3">(非深户)五险二档</el-radio>
-                      <el-radio :label="4">(非深户)五险三档)</el-radio>
-                      <el-radio :label="5">(非深户)四险一档</el-radio>
-                    </el-radio-group>
+                    <el-checkbox-group v-model="queryform.insuranceType" class="fj-checkbox">
+                      <el-checkbox label="" @change="selectAllInsuranceType">全部</el-checkbox>
+                      <el-checkbox label="1">深户(五险一档)</el-checkbox>
+                      <el-checkbox label="2">非深户(五险一档)</el-checkbox>
+                      <el-checkbox label="3">非深户(五险二档)</el-checkbox>
+                      <el-checkbox label="4">非深户(五险三档)</el-checkbox>
+                      <el-checkbox label="5">非深户(四险三档)</el-checkbox>
+                    </el-checkbox-group>
                   </td>
                 </tr>
               </table>
@@ -310,6 +310,10 @@
   },
   data() {
     return {
+      queryCheckAll: {
+        sexcheckAll: false,
+        sexisIndeterminate: true
+      },
       downloaddialogFormVisible: false,
       deldialogFormVisible: false,
       formLabelWidth: '100px',
@@ -343,12 +347,12 @@
         certificateNumb: '',
         deptName: '',
         entryDate: '',
-        sex: -1,
-        education: -1,
-        politics: -1,
-        age: -1,
-        archivesStatus: -1,
-        insuranceType: -1
+        sex: [],
+        education: [],
+        politics: [],
+        age: [],
+        archivesStatus: [],
+        insuranceType: []
       },
       total: 0, // 总数量
       pagination: { // 分页参数
@@ -403,6 +407,10 @@
     this.fetch()
   },
   methods: {
+    handleCheckAllChange(val) {
+      debugger
+      this.queryCheckAll.sexisIndeterminate = false
+    },
     downloadlabel(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
@@ -491,12 +499,12 @@
         certificateNumb: '',
         deptName: '',
         entryDate: '',
-        sex: -1,
-        education: -1,
-        politics: -1,
-        age: -1,
-        archivesStatus: -1,
-        insuranceType: -1
+        sex: [],
+        education: [],
+        politics: [],
+        age: [],
+        archivesStatus: [],
+        insuranceType: []
       }
     },
     findEmpAccessoryAll() {
@@ -546,6 +554,48 @@
     },
     showEmpInfo() {
       this.dialogTableVisible = true
+    },
+    selectAllSex(val) {
+      if (val) {
+        this.queryform.sex = ['1', '2']
+      } else {
+        this.queryform.sex = []
+      }
+    },
+    selectAllEducation(val) {
+      if (val) {
+        this.queryform.education = ['91', '81', '71', '61', '42', '41', '31', '21', '11', '10']
+      } else {
+        this.queryform.education = []
+      }
+    },
+    selectAllPolitics(val) {
+      if (val) {
+        this.queryform.politics = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13']
+      } else {
+        this.queryform.politics = []
+      }
+    },
+    selectAllage(val) {
+      if (val) {
+        this.queryform.age = ['18-29', '30-39', '40-49', '50-59', '60-69', '69-999']
+      } else {
+        this.queryform.age = []
+      }
+    },
+    selectAllArchivesStatus(val) {
+      if (val) {
+        this.queryform.archivesStatus = ['0', '1']
+      } else {
+        this.queryform.archivesStatus = []
+      }
+    },
+    selectAllInsuranceType(val) {
+      if (val) {
+        this.queryform.insuranceType = ['1', '2', '3', '4', '5']
+      } else {
+        this.queryform.insuranceType = []
+      }
     }
   }
 }
@@ -559,6 +609,15 @@
 }
 </style>
 <style lang="scss">
+.fj-checkbox{
+  .el-checkbox__input.is-checked .el-checkbox__inner {
+      border-color: #a32c30;;
+      background: #a32c30;;
+  }
+  .el-checkbox__label {
+    color: #000 !important;
+  }
+}
 .fjgl-class{
     height: 90%;
      overflow: auto;
@@ -571,15 +630,6 @@
 }
 .fj-table thead {
     color: #000;
-}
-.fj-radio{
-.el-radio__input.is-checked .el-radio__inner {
-    border-color: #a32c30;;
-    background: #a32c30;;
-}
-.el-radio__label {
-	color: #000 !important;
-}
 }
 .td {
 	background-color: #dddcdc !important;

--
Gitblit v1.8.0