下拉反选清空&优化备件申购

src/views/custom/outStock/index.vue

@@ -10,7 +10,21 @@
         <div class="filter-container">
           <el-select v-model="getdataListParm.parammaps.pastureArr" style="width: 220px;" placeholder="牧场" class="filter-item" multiple
               collapse-tags  filterable collapse-tags-tooltip  >
+               <!--  -->
+           <div class="select_up">
+                <el-button type="text" @click="selectAll">
+                    <i class="jw jw-quanxuan " />
+                    全选</el-button>
+                <el-button type="text" @click="removeTag(1)">
+                    <i class="jw jw-qingkong " />
+                    清空</el-button>
+                <el-button type="text" @click="selectReverse">
+                    <i class="jw jw-fanxuan " />
+                    反选</el-button>
+            </div>
+            <div class="select_list">
             <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+            </div>
           </el-select>
           <el-input v-model="getdataListParm.parammaps.useForm" placeholder="出库单号" style="width: 200px;" class="filter-item" />
           <el-select v-model="getdataListParm.parammaps.useType" clearable placeholder="出库方式" class="filter-item" style="width: 120px;">
@@ -140,7 +154,21 @@
         <div class="filter-container">
           <el-select v-model="getdataListParm2.parammaps.pastureArr" multiple
               collapse-tags  filterable collapse-tags-tooltip filterable  style="width: 220px;" placeholder="牧场" class="filter-item">
+                 <!--  -->
+           <div class="select_up">
+                <el-button type="text" @click="selectAll2">
+                    <i class="jw jw-quanxuan " />
+                    全选</el-button>
+                <el-button type="text" @click="removeTag(2)">
+                    <i class="jw jw-qingkong " />
+                    清空</el-button>
+                <el-button type="text" @click="selectReverse2">
+                    <i class="jw jw-fanxuan " />
+                    反选</el-button>
+            </div>
+            <div class="select_list">
             <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+             </div>
           </el-select>
           <el-input v-model="getdataListParm2.parammaps.useForm" placeholder="出库单号" style="width: 200px;" class="filter-item" />
           <el-input v-model="getdataListParm2.parammaps.partCode" placeholder="备件编号" style="width: 200px;" class="filter-item" />
@@ -1476,6 +1504,57 @@ export default {
   },
 
   methods: {
+      // 删除
+    removeTag(type) {
+      if (type == 1) {
+        this.getdataListParm.parammaps.pastureArr = []
+      } else {
+        this.getdataListParm2.parammaps.pastureArr = []
+      }
+    },
+    // 全选
+    selectAll(val) {
+      val = []
+      this.findAllPasture.map(item => {
+          val.push(item.name)
+      })
+      this.getdataListParm.parammaps.pastureArr = val
+    },
+    // 反选
+    selectReverse(val) {
+        val = []
+        this.findAllPasture.map(item => {
+            let index = this.getdataListParm.parammaps.pastureArr.indexOf(item.name);
+            if (index != -1) {
+                //orgData.splice(index, 1)
+            } else {
+                val.push(item.name)
+            }
+        })
+        this.getdataListParm.parammaps.pastureArr = val
+    },
+
+      // 全选
+    selectAll2(val) {
+      val = []
+      this.findAllPasture.map(item => {
+          val.push(item.name)
+      })
+      this.getdataListParm2.parammaps.pastureArr = val
+    },
+    // 反选
+    selectReverse2(val) {
+        val = []
+        this.findAllPasture.map(item => {
+            let index = this.getdataListParm2.parammaps.pastureArr.indexOf(item.name);
+            if (index != -1) {
+                //orgData.splice(index, 1)
+            } else {
+                val.push(item.name)
+            }
+        })
+        this.getdataListParm2.parammaps.pastureArr = val
+    },
     // 获取订单号数据
     async getNumberArr(id) {
       const params = {
@@ -3431,6 +3510,38 @@ export default {
   }
 </style>
 <style lang="scss" scoped>
+.select_up {
+    padding: 0 12px;
+    font-size: 14px;
+    position: absolute;
+    z-index: 99999;
+    background-color: white;
+    top: 0px;
+    width: 100%;
+    border-radius: 5px 5px 0 0;
+
+    ::v-deep .el-button {
+        color: #bcbcbc;
+        font-size: 14px;
+
+        i {
+            font-size: 14px;
+        }
+    }
+
+    ::v-deep .el-button:hover {
+        color: #409EFF;
+    }
+
+        .el-button+.el-button {
+            margin-left: 6px;
+        }
+    }
+
+    .select_list {
+        margin-top: 25px;
+    }
+
   .el-radio{
     margin: 10px 10px;
   }

src/views/custom/purchase/index.vue

@@ -235,8 +235,22 @@
         <div class="DistributionManagement">
           <div class="filter-container">
             <el-select v-model="getdataListParm4.parammaps.pastureArr" style="width: 210px;" placeholder="牧场" class="filter-item"  multiple
-        collapse-tags  collapse-tags-tooltip filterable >
+                 collapse-tags  collapse-tags-tooltip filterable >
+                  <!--  -->
+           <div class="select_up">
+                <el-button type="text" @click="selectAll4">
+                    <i class="jw jw-quanxuan " />
+                    全选</el-button>
+                <el-button type="text" @click="removeTag(4)">
+                    <i class="jw jw-qingkong " />
+                    清空</el-button>
+                <el-button type="text" @click="selectReverse4">
+                    <i class="jw jw-fanxuan " />
+                    反选</el-button>
+            </div>
+            <div class="select_list">
               <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+              </div>
             </el-select>
             <el-input v-model="getdataListParm4.parammaps.matchCode" placeholder="配单号" clearable style="width: 200px;" class="filter-item" />
             <el-select v-model="getdataListParm4.parammaps.statue" clearable placeholder="审核状态" class="filter-item" style="width: 120px;">
@@ -594,7 +608,20 @@
           <div class="filter-container">
             <el-select v-model="getdataListParm2.parammaps.pastureArr" style="width: 210px;" placeholder="牧场" class="filter-item" multiple
         collapse-tags filterable collapse-tags-tooltip>
+          <div class="select_up">
+                <el-button type="text" @click="selectAll2">
+                    <i class="jw jw-quanxuan " />
+                    全选</el-button>
+                <el-button type="text" @click="removeTag(2)">
+                    <i class="jw jw-qingkong " />
+                    清空</el-button>
+                <el-button type="text" @click="selectReverse2">
+                    <i class="jw jw-fanxuan " />
+                    反选</el-button>
+            </div>
+            <div class="select_list">
               <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+              </div>
             </el-select>
             <el-input v-model="getdataListParm2.parammaps.buyeCode" placeholder="采购单号" clearable style="width: 200px;" class="filter-item" />
             <el-select v-model="getdataListParm2.parammaps.statu" clearable placeholder="单据状态" class="filter-item" style="width: 120px;">
@@ -864,7 +891,21 @@
           <div class="filter-container">
             <el-select v-model="getdataListParm3.parammaps.pastureArr" style="width: 210px;" placeholder="牧场" class="filter-item"  multiple
         collapse-tags filterable collapse-tags-tooltip >
+        <!--  -->
+           <div class="select_up">
+                <el-button type="text" @click="selectAll3">
+                    <i class="jw jw-quanxuan " />
+                    全选</el-button>
+                <el-button type="text" @click="removeTag(3)">
+                    <i class="jw jw-qingkong " />
+                    清空</el-button>
+                <el-button type="text" @click="selectReverse3">
+                    <i class="jw jw-fanxuan " />
+                    反选</el-button>
+            </div>
+            <div class="select_list">
               <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+            </div>
             </el-select>
             <el-input v-model="getdataListParm3.parammaps.partCode" placeholder="备件编号" style="width: 200px;" class="filter-item" />
             <el-input v-model="getdataListParm3.parammaps.partName" placeholder="备件名称" style="width: 140px;" class="filter-item" />
@@ -1005,7 +1046,21 @@
           <div class="filter-container">
             <el-select v-model="getdataListParm5.parammaps.pastureArr" style="width: 220px;" placeholder="牧场" class="filter-item"  multiple
         collapse-tags filterable collapse-tags-tooltip >
+        <!--  -->
+           <div class="select_up">
+                <el-button type="text" @click="selectAll5">
+                    <i class="jw jw-quanxuan " />
+                    全选</el-button>
+                <el-button type="text" @click="removeTag(5)">
+                    <i class="jw jw-qingkong " />
+                    清空</el-button>
+                <el-button type="text" @click="selectReverse5">
+                    <i class="jw jw-fanxuan " />
+                    反选</el-button>
+            </div>
+            <div class="select_list">
               <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+             </div>
             </el-select>
             <el-input v-model="getdataListParm5.parammaps.buyeCode" placeholder="采购单号" style="width: 140px;" class="filter-item" />
             <el-autocomplete v-model="getdataListParm5.parammaps.providerName" value-key="providerName" class="inline-input" :fetch-suggestions="providerSearch" placeholder="供应商" style="width:150px;top:-3px;" @select="handleSelectProvider" />
@@ -1826,6 +1881,105 @@ export default {
 
   methods: {
 
+      // 删除
+    removeTag(type) {
+      switch (type) {
+        case 2:
+          this.getdataListParm2.parammaps.pastureArr = [];
+          break;
+        case 3:
+          this.getdataListParm3.parammaps.pastureArr = [];
+           break;
+        case 4:
+          this.getdataListParm4.parammaps.pastureArr = [];
+           break;
+        case 5:
+          this.getdataListParm5.parammaps.pastureArr = [];
+           break;
+      }
+
+
+    },
+    // 全选
+    selectAll2(val){
+      val = []
+      this.findAllPasture.map(item => {
+          val.push(item.name)
+      })
+      this.getdataListParm2.parammaps.pastureArr = val
+    },
+     selectAll3(val){
+      val = []
+      this.findAllPasture.map(item => {
+          val.push(item.name)
+      })
+      this.getdataListParm3.parammaps.pastureArr = val
+    },
+     selectAll4(val){
+      val = []
+      this.findAllPasture.map(item => {
+          val.push(item.name)
+      })
+      this.getdataListParm4.parammaps.pastureArr = val
+    },
+     selectAll5(val){
+      val = []
+      this.findAllPasture.map(item => {
+          val.push(item.name)
+      })
+      this.getdataListParm5.parammaps.pastureArr = val
+    },
+    // 反选
+    selectReverse2(val) {
+        val = []
+        this.findAllPasture.map(item => {
+            let index = this.getdataListParm2.parammaps.pastureArr.indexOf(item.name);
+            if (index != -1) {
+                //orgData.splice(index, 1)
+            } else {
+                val.push(item.name)
+            }
+        })
+        this.getdataListParm2.parammaps.pastureArr = val
+    },
+     selectReverse3(val) {
+        val = []
+        this.findAllPasture.map(item => {
+            let index = this.getdataListParm3.parammaps.pastureArr.indexOf(item.name);
+            if (index != -1) {
+                //orgData.splice(index, 1)
+            } else {
+                val.push(item.name)
+            }
+        })
+        this.getdataListParm3.parammaps.pastureArr = val
+    },
+     selectReverse4(val) {
+        val = []
+        this.findAllPasture.map(item => {
+            let index = this.getdataListParm4.parammaps.pastureArr.indexOf(item.name);
+            if (index != -1) {
+                //orgData.splice(index, 1)
+            } else {
+                val.push(item.name)
+            }
+        })
+        this.getdataListParm4.parammaps.pastureArr = val
+    },
+     selectReverse5(val) {
+        val = []
+        this.findAllPasture.map(item => {
+            let index = this.getdataListParm5.parammaps.pastureArr.indexOf(item.name);
+            if (index != -1) {
+                //orgData.splice(index, 1)
+            } else {
+                val.push(item.name)
+            }
+        })
+        this.getdataListParm5.parammaps.pastureArr = val
+    },
+
+
     form_add5() {
       this.resetCreateTemp5()
       this.createTemp5.buyeCode = ''
@@ -3514,6 +3668,39 @@ export default {
 }
 </style>
 <style lang="scss" scoped>
+.select_up {
+    padding: 0 12px;
+    font-size: 14px;
+    position: absolute;
+    z-index: 99999;
+    background-color: white;
+    top: 0px;
+    width: 100%;
+    border-radius: 5px 5px 0 0;
+
+    ::v-deep .el-button {
+        color: #bcbcbc;
+        font-size: 14px;
+
+        i {
+            font-size: 14px;
+        }
+    }
+
+    ::v-deep .el-button:hover {
+        color: #409EFF;
+    }
+
+        .el-button+.el-button {
+            margin-left: 6px;
+        }
+    }
+
+    .select_list {
+        margin-top: 25px;
+    }
+
+
 .app-contentConfirmationSheet {
   margin-bottom: 50px;
 }

src/views/custom/receive/index.vue

@@ -7,7 +7,21 @@
     <div class="filter-container">
       <el-select v-model="getdataListParm.parammaps.pastureArr" style="width: 220px;" placeholder="牧场"  multiple
         collapse-tags filterable collapse-tags-tooltip  class="filter-item" @change="changePastureName">
+        <!--  -->
+           <div class="select_up">
+                <el-button type="text" @click="selectAll">
+                    <i class="jw jw-quanxuan " />
+                    全选</el-button>
+                <el-button type="text" @click="removeTag">
+                    <i class="jw jw-qingkong " />
+                    清空</el-button>
+                <el-button type="text" @click="selectReverse">
+                    <i class="jw jw-fanxuan " />
+                    反选</el-button>
+            </div>
+        <div class="select_list">
         <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+        </div>
       </el-select>
       <el-input v-model="getdataListParm.parammaps.applyCode" clearable placeholder="领用单号" style="width: 200px;" class="filter-item" />
       <el-select v-model="getdataListParm.parammaps.applyType" style="width: 120px;" clearable placeholder="领用类型" class="filter-item">
@@ -685,6 +699,31 @@ export default {
   },
 
   methods: {
+       // 删除
+    removeTag(type) {
+      this.getdataListParm.parammaps.pastureArr = []
+    },
+    // 全选
+    selectAll(val) {
+      val = []
+      this.findAllPasture.map(item => {
+          val.push(item.name)
+      })
+      this.getdataListParm.parammaps.pastureArr = val
+    },
+    // 反选
+    selectReverse(val) {
+        val = []
+        this.findAllPasture.map(item => {
+            let index = this.getdataListParm.parammaps.pastureArr.indexOf(item.name);
+            if (index != -1) {
+                //orgData.splice(index, 1)
+            } else {
+                val.push(item.name)
+            }
+        })
+        this.getdataListParm.parammaps.pastureArr = val
+    },
     tableSort(column) {
       sortChange(column, this.listSee)
     },
@@ -1819,6 +1858,38 @@ export default {
   }
 </style>
 <style lang="scss" scoped>
+.select_up {
+    padding: 0 12px;
+    font-size: 14px;
+    position: absolute;
+    z-index: 99999;
+    background-color: white;
+    top: 0px;
+    width: 100%;
+    border-radius: 5px 5px 0 0;
+
+    ::v-deep .el-button {
+        color: #bcbcbc;
+        font-size: 14px;
+
+        i {
+            font-size: 14px;
+        }
+    }
+
+    ::v-deep .el-button:hover {
+        color: #409EFF;
+    }
+
+        .el-button+.el-button {
+            margin-left: 6px;
+        }
+    }
+
+    .select_list {
+        margin-top: 25px;
+    }
+
   .el-table  {
     text-align: left !important;
   }

src/views/custom/storage/index.vue

@@ -9,7 +9,21 @@
         <div class="filter-container">
           <el-select v-model="getdataListParm.parammaps.pastureArr" style="width: 220px;" placeholder="牧场"  multiple
         collapse-tags  filterable collapse-tags-tooltip  class="filter-item">
-            <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+          <!--  -->
+           <div class="select_up">
+                <el-button type="text" @click="selectAll">
+                    <i class="jw jw-quanxuan " />
+                    全选</el-button>
+                <el-button type="text" @click="removeTag(1)">
+                    <i class="jw jw-qingkong " />
+                    清空</el-button>
+                <el-button type="text" @click="selectReverse">
+                    <i class="jw jw-fanxuan " />
+                    反选</el-button>
+            </div>
+            <div class="select_list">
+              <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+            </div>
           </el-select>
           <el-input v-model="getdataListParm.parammaps.laidCode" placeholder="入库单号" style="width: 200px;" class="filter-item" />
           <el-date-picker ref="inputDatetime" v-model="getdataListParm.parammaps.inputDatetime" class="inputDatetime" type="datetimerange" style="width: 250px;top:-3px;" format="yyyy-MM-dd" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
@@ -135,7 +149,21 @@
         <div class="filter-container">
           <el-select v-model="getdataListParm2.parammaps.pastureArr" style="width: 220px;"   multiple
         collapse-tags  filterable collapse-tags-tooltip  placeholder="牧场" class="filter-item">
-            <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+         <!--  -->
+           <div class="select_up">
+                <el-button type="text" @click="selectAll2">
+                    <i class="jw jw-quanxuan " />
+                    全选</el-button>
+                <el-button type="text" @click="removeTag(2)">
+                    <i class="jw jw-qingkong " />
+                    清空</el-button>
+                <el-button type="text" @click="selectReverse2">
+                    <i class="jw jw-fanxuan " />
+                    反选</el-button>
+            </div>
+            <div class="select_list">
+              <el-option v-for="item in findAllPasture" :key="item.id" :label="item.name" :value="item.name" />
+            </div>
           </el-select>
           <el-input v-model="getdataListParm2.parammaps.laidCode" placeholder="入库单号" style="width: 200px;" class="filter-item" />
           <el-input v-model="getdataListParm2.parammaps.partCode" placeholder="备件编号" style="width: 200px;" class="filter-item" />
@@ -1024,6 +1052,59 @@ export default {
   },
 
   methods: {
+     // 删除
+    removeTag(type) {
+
+      if (type == 1) {
+        this.getdataListParm.parammaps.pastureArr = []
+      } else {
+        this.getdataListParm2.parammaps.pastureArr = []
+      }
+    },
+    // 全选
+    selectAll(val) {
+      val = []
+      this.findAllPasture.map(item => {
+          val.push(item.name)
+      })
+      this.getdataListParm.parammaps.pastureArr = val
+    },
+    // 反选
+    selectReverse(val) {
+        val = []
+        this.findAllPasture.map(item => {
+            let index = this.getdataListParm.parammaps.pastureArr.indexOf(item.name);
+            if (index != -1) {
+                //orgData.splice(index, 1)
+            } else {
+                val.push(item.name)
+            }
+        })
+        this.getdataListParm.parammaps.pastureArr = val
+    },
+
+      // 全选
+    selectAll2(val) {
+      val = []
+      this.findAllPasture.map(item => {
+          val.push(item.name)
+      })
+      this.getdataListParm2.parammaps.pastureArr = val
+    },
+    // 反选
+    selectReverse2(val) {
+        val = []
+        this.findAllPasture.map(item => {
+            let index = this.getdataListParm2.parammaps.pastureArr.indexOf(item.name);
+            if (index != -1) {
+                //orgData.splice(index, 1)
+            } else {
+                val.push(item.name)
+            }
+        })
+        this.getdataListParm2.parammaps.pastureArr = val
+    },
+
     tableSort(column) {
       if (this.activeName == 'second') {
         sortChange(column, this.list2)
@@ -1033,9 +1114,6 @@ export default {
     },
     get_auto_buttons() {
       // 新增
-
-
-
       const StorageSap = 'customs:storage:sap'
       const isStorageSap = checkButtons(this.$store.state.user.buttons, StorageSap)
       this.isStorageSap = isStorageSap
@@ -2706,4 +2784,44 @@ export default {
   .el-radio{
     margin-right: 5px;
   }
+
+.el-select-dropdown__list {
+    height: 100%;
+    overflow: hidden;
+
+}
+
+.select_up {
+    padding: 0 12px;
+    font-size: 14px;
+    position: absolute;
+    z-index: 99999;
+    background-color: white;
+    top: 0px;
+    width: 100%;
+    border-radius: 5px 5px 0 0;
+
+    ::v-deep .el-button {
+        color: #bcbcbc;
+        font-size: 14px;
+
+        i {
+            font-size: 14px;
+        }
+    }
+
+    ::v-deep .el-button:hover {
+        color: #409EFF;
+    }
+
+        .el-button+.el-button {
+            margin-left: 6px;
+        }
+    }
+
+    .select_list {
+        margin-top: 25px;
+    }
+
+
 </style>

src/views/custom/subscribe/index.vue

@@ -32,12 +32,26 @@
         filterable collapse-tags-tooltip
         class="filter-item"
       >
+      <!--  -->
+           <div class="select_up">
+                <el-button type="text" @click="selectAll">
+                    <i class="jw jw-quanxuan " />
+                    全选</el-button>
+                <el-button type="text" @click="removeTag">
+                    <i class="jw jw-qingkong " />
+                    清空</el-button>
+                <el-button type="text" @click="selectReverse">
+                    <i class="jw jw-fanxuan " />
+                    反选</el-button>
+            </div>
+            <div class="select_list">
         <el-option
           v-for="item in findAllPasture"
           :key="item.id"
           :label="item.name"
           :value="item.name"
         />
+        </div>
       </el-select>
       <el-input
         v-model="getdataListParm.parammaps.orderNumber"
@@ -2809,6 +2823,31 @@ export default {
   },
 
   methods: {
+    // 删除
+    removeTag() {
+      this.getdataListParm.parammaps.pastureArr = []
+    },
+    // 全选
+    selectAll(val) {
+      val = []
+      this.findAllPasture.map(item => {
+          val.push(item.name)
+      })
+      this.getdataListParm.parammaps.pastureArr = val
+    },
+    // 反选
+    selectReverse(val) {
+        val = []
+        this.findAllPasture.map(item => {
+            let index = this.getdataListParm.parammaps.pastureArr.indexOf(item.name);
+            if (index != -1) {
+                //orgData.splice(index, 1)
+            } else {
+                val.push(item.name)
+            }
+        })
+        this.getdataListParm.parammaps.pastureArr = val
+    },
     // 关闭查看弹窗
     handleCancel() {
       this.dialogFormVisibleSee = false;
@@ -6910,6 +6949,37 @@ export default {
 /deep/ .el-badge__content.is-fixed {
   z-index: 1;
 }
+.select_up {
+    padding: 0 12px;
+    font-size: 14px;
+    position: absolute;
+    z-index: 99999;
+    background-color: white;
+    top: 0px;
+    width: 100%;
+    border-radius: 5px 5px 0 0;
+
+    ::v-deep .el-button {
+        color: #bcbcbc;
+        font-size: 14px;
+
+        i {
+            font-size: 14px;
+        }
+    }
+
+    ::v-deep .el-button:hover {
+        color: #409EFF;
+    }
+
+        .el-button+.el-button {
+            margin-left: 6px;
+        }
+    }
+
+    .select_list {
+        margin-top: 25px;
+    }
 </style>
 <style lang="scss">
 .el-step__head.is-success {

src/views/maintenance/repair/index.vue

@@ -2920,7 +2920,7 @@ export default {
     },
     add_dialog_saveSave() {
       this.requestParam.name = 'insertmaintain'
-      this.requestParam.parammaps = this.createTemp
+      this.requestParam.parammaps = JSON.parse(JSON.stringify(this.createTemp));
 
       var detailString = this.requestParam.parammaps.details.toString()