前端gjy

src/views/statisticalReport/purchaseClosingCashierList.vue

@@ -53,31 +53,32 @@
           style="text-align: right; line-height: 60px; padding-right: 10px"
           :span="8"
         >
-          <ws-select
+          <el-select
             v-model="contractNo"
             placeholder="请选择合同"
             clearable
+            filterable
+            :filter-method="dataFilter"
             @change="contractchange"
             maxlength="500"
             type="input"
             class="findValue"
           >
-            <ws-option key="" label="全部合同" value="" />
-            <ws-option
+            <el-option
               v-if="item.reportStatus"
-              v-for="item in contractNoList"
+              v-for="item in options"
               :key="item.constKey"
               :label="item.contractNo + '(' + item.reportStatus + ')'"
               :value="item.contractNo"
             />
-            <ws-option
+            <el-option
               v-if="!item.reportStatus"
-              v-for="item in contractNoList"
+              v-for="item in options"
               :key="item.constKey"
               :label="item.contractNo"
               :value="item.contractNo"
             />
-          </ws-select>
+          </el-select>
         </el-col>
       </el-row>
       <el-table
@@ -409,9 +410,10 @@ export default {
       submitType: true,
       size: 10,
       spanArr: [],
+      options:[],
       contractNoList: [],
       modification: [],
-      contractNo: '',
+      contractNo: '全部合同',
       compId: sessionStorage.getItem('ws-pf_compId'),
       roleId: sessionStorage.getItem('ws-pf_roleId'),
       deptCircularPage: {},
@@ -700,6 +702,8 @@ export default {
         .toPromise()
         .then((response) => {
           this.contractNoList = response
+          this.contractNoList.unshift({contractNo:'全部合同'})
+          this.options=this.contractNoList
         })
     },
     handleRemove(file) {
@@ -788,6 +792,24 @@ export default {
       }
       return fmt
     },
+    dataFilter(val) {
+      // console.log(val,"名")
+      this.contractNo = val 
+      if (val) {
+        //val存在
+        this.options = this.contractNoList.filter(item => {
+          if (
+            !!~item.contractNo.indexOf(val) ||
+            !!~item.contractNo.toUpperCase().indexOf(val.toUpperCase())
+          ) {
+            return true
+          }
+        })
+      } else {
+        //val为空时，还原数组
+        this.options = this.contractNoList
+      }
+    },
     handleSizeChange(val) {
       console.log(`每页 ${val} 条`)
       this.pageSize = val

src/views/statisticalReport/purchaseReceiptStatisticsList.vue

@@ -65,31 +65,32 @@
           style="text-align: right; line-height: 60px; padding-right: 10px"
           :span="8"
         >
-          <ws-select
+           <el-select
             v-model="contractNo"
             placeholder="请选择合同"
             clearable
+            filterable
+            :filter-method="dataFilter"
             @change="contractchange"
             maxlength="500"
             type="input"
             class="findValue"
           >
-            <ws-option key="" label="全部合同" value="" />
-            <ws-option
+            <el-option
               v-if="item.reportStatus"
-              v-for="item in contractNoList"
+              v-for="item in options"
               :key="item.constKey"
               :label="item.contractNo + '(' + item.reportStatus + ')'"
               :value="item.contractNo"
             />
-            <ws-option
+            <el-option
               v-if="!item.reportStatus"
-              v-for="item in contractNoList"
+              v-for="item in options"
               :key="item.constKey"
               :label="item.contractNo"
               :value="item.contractNo"
             />
-          </ws-select>
+          </el-select>
         </el-col>
       </el-row>
       <div v-if="contractNo != ''">
@@ -584,6 +585,7 @@ export default {
       showType: true,
       // 年
       year: '',
+      options:[],
       pickerOptions: {},
       invoiceTypeList: [
         { value: '自开发票', type: 1 },
@@ -606,7 +608,7 @@ export default {
       submitType: true,
       size: 10,
       spanArr: [],
-      contractNo: '',
+      contractNo: '全部合同',
       inOutTaskNo: '',
       compId: sessionStorage.getItem('ws-pf_compId'),
       roleId: sessionStorage.getItem('ws-pf_roleId'),
@@ -1002,6 +1004,24 @@ export default {
         })
       }
     },
+    dataFilter(val) {
+      // console.log(val,"名")
+      this.contractNo = val
+      if (val) {
+        //val存在
+        this.options = this.contractNoList.filter(item => {
+          if (
+            !!~item.contractNo.indexOf(val) ||
+            !!~item.contractNo.toUpperCase().indexOf(val.toUpperCase())
+          ) {
+            return true
+          }
+        })
+      } else {
+        //val为空时，还原数组
+        this.options =this.contractNoList
+      }
+    },
     handlepass() {
       var that = this
       if (this.modification.length == 0) {
@@ -1234,6 +1254,8 @@ export default {
         .toPromise()
         .then((response) => {
           this.contractNoList = response
+          this.contractNoList.unshift({contractNo:'全部合同'})
+          this.options=this.contractNoList
         })
     },
     handleRemove(file) {

src/views/statisticalReport/salesClosingCashierList.vue

@@ -52,31 +52,32 @@
         style="text-align: right; line-height: 60px; padding-right: 10px"
         :span="8"
       >
-        <ws-select
-          v-model="contractNo"
-          placeholder="请选择合同"
-          clearable
-          @change="contractchange"
-          maxlength="500"
-          type="input"
-          class="findValue"
-        >
-          <ws-option key="" label="全部合同" value="" />
-          <ws-option
-            v-if="item.reportStatus"
-            v-for="item in contractNoList"
-            :key="item.constKey"
-            :label="item.contractNo + '(' + item.reportStatus + ')'"
-            :value="item.contractNo"
-          />
-          <ws-option
-            v-if="!item.reportStatus"
-            v-for="item in contractNoList"
-            :key="item.constKey"
-            :label="item.contractNo"
-            :value="item.contractNo"
-          />
-        </ws-select>
+        <el-select
+            v-model="contractNo"
+            placeholder="请选择合同"
+            clearable
+            filterable
+            :filter-method="dataFilter"
+            @change="contractchange"
+            maxlength="500"
+            type="input"
+            class="findValue"
+          >
+            <el-option
+              v-if="item.reportStatus"
+              v-for="item in options"
+              :key="item.constKey"
+              :label="item.contractNo + '(' + item.reportStatus + ')'"
+              :value="item.contractNo"
+            />
+            <el-option
+              v-if="!item.reportStatus"
+              v-for="item in options"
+              :key="item.constKey"
+              :label="item.contractNo"
+              :value="item.contractNo"
+            />
+          </el-select>
       </el-col>
     </el-row>
 
@@ -421,9 +422,10 @@ export default {
       multipleSelection: [],
       size: 10,
       spanArr: [],
-      contractNo: '',
+      contractNo: '全部合同',
       roleFlag: '1',
       inOutTaskNo: '',
+      options:[],
       compId: sessionStorage.getItem('ws-pf_compId'),
       roleId: sessionStorage.getItem('ws-pf_roleId'),
       saleList: [],
@@ -503,6 +505,24 @@ export default {
         }
       }
     },
+    dataFilter(val) {
+      // console.log(val,"名")
+      this.contractNo = val 
+      if (val) {
+        //val存在
+        this.options = this.contractNoList.filter(item => {
+          if (
+            !!~item.contractNo.indexOf(val) ||
+            !!~item.contractNo.toUpperCase().indexOf(val.toUpperCase())
+          ) {
+            return true
+          }
+        })
+      } else {
+        //val为空时，还原数组
+        this.options = this.contractNoList
+      }
+    },
     contractchange(e) {
       this.contractNo = e
       this.getList()
@@ -785,6 +805,8 @@ export default {
         .toPromise()
         .then((response) => {
           this.contractNoList = response
+          this.contractNoList.unshift({contractNo:'全部合同'})
+          this.options=this.contractNoList
         })
     },
     // loaddata(){

src/views/statisticalReport/salesDeliveryReportList.vue

@@ -59,31 +59,32 @@
           style="text-align: right; line-height: 60px; padding-right: 10px"
           :span="8"
         >
-          <ws-select
+          <el-select
             v-model="contractNo"
             placeholder="请选择合同"
             clearable
+            filterable
+            :filter-method="dataFilter"
             @change="contractchange"
             maxlength="500"
             type="input"
             class="findValue"
           >
-            <ws-option key="" label="全部合同" value="" />
-            <ws-option
+            <el-option
               v-if="item.reportStatus"
-              v-for="item in contractNoList"
+              v-for="item in options"
               :key="item.constKey"
               :label="item.contractNo + '(' + item.reportStatus + ')'"
               :value="item.contractNo"
             />
-            <ws-option
+            <el-option
               v-if="!item.reportStatus"
-              v-for="item in contractNoList"
+              v-for="item in options"
               :key="item.constKey"
               :label="item.contractNo"
               :value="item.contractNo"
             />
-          </ws-select>
+          </el-select>
         </el-col>
       </el-row>
       <div v-if="contractNo != ''">
@@ -500,8 +501,9 @@ export default {
       submitType: true,
       size: 10,
       spanArr: [],
-      contractNo: '',
+      contractNo: '全部合同',
       inOutTaskNo: '',
+      options:[],
       compId: sessionStorage.getItem('ws-pf_compId'),
       deptCircularPage: {},
       warehouseList: [],
@@ -555,6 +557,24 @@ export default {
   //    }
   // },
   methods: {
+    dataFilter(val) {
+      // console.log(val,"名")
+      this.contractNo = val 
+      if (val) {
+        //val存在
+        this.options = this.contractNoList.filter(item => {
+          if (
+            !!~item.contractNo.indexOf(val) ||
+            !!~item.contractNo.toUpperCase().indexOf(val.toUpperCase())
+          ) {
+            return true
+          }
+        })
+      } else {
+        //val为空时，还原数组
+        this.options = this.contractNoList
+      }
+    },
     handleRowClick(row) {
       if (row.approveStatus == null) {
         this.$refs.warehouseList.toggleRowSelection(row)
@@ -967,6 +987,8 @@ export default {
         .toPromise()
         .then((response) => {
           this.contractNoList = response
+          this.contractNoList.unshift({contractNo:'全部合同'})
+          this.options=this.contractNoList
         })
     },
     //最终结算价