From 30dc8193f79a4df8bfa4e5e793b797e070b72676 Mon Sep 17 00:00:00 2001
From: wuteng <419274783@qq.com>
Date: Thu, 5 Mar 2026 17:45:22 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=90=E5=8D=95=E6=9F=A5=E8=AF=A2=EF=BC=8C?=
 =?UTF-8?q?=E4=BB=98=E6=AC=BE=E6=96=B9=E5=BC=8F=E5=A4=9A=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PaymentTypeMultipleAllPicker.vue          | 122 ++++++++++++++++++
 .../emis/emisWaybill/centerWaybillList.vue    |   9 +-
 .../emis/emisWaybill/dispatchWaybillList.vue  |   7 +-
 .../emis/emisWaybill/sendWaybillList.vue      |   8 +-
 .../emis/emisWaybill/sendWaybillListNew.vue   |  10 +-
 5 files changed, 143 insertions(+), 13 deletions(-)
 create mode 100644 src/views/emis/EmisBaseTools/PaymentTypeMultipleAllPicker.vue

diff --git a/src/views/emis/EmisBaseTools/PaymentTypeMultipleAllPicker.vue b/src/views/emis/EmisBaseTools/PaymentTypeMultipleAllPicker.vue
new file mode 100644
index 00000000..2e0c0f65
--- /dev/null
+++ b/src/views/emis/EmisBaseTools/PaymentTypeMultipleAllPicker.vue
@@ -0,0 +1,122 @@
+<template>
+  <!-- collapse-tags -->
+  <el-select multiple filterable clearable ref="selectRef" v-model="svalue" :placeholder="placeholder" @blur="onBlur"
+    @focus="onFocus" style="width:100%" class="mutiSelect" :popper-append-to-body="false" @change="onChange">
+    <div style="padding: 0px 8px 0 20px;width:100%;line-height:34px;display:inline-flex">
+      <div style="width:50%">
+        <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
+      </div>
+      <div style="width:50%;text-align:right">
+        <el-button type="primary" size="mini" style="padding:2px 10px" @click="hideMe">确定</el-button>
+      </div>
+    </div>
+    <el-checkbox-group v-model="svalue"> 
+      <el-option v-for="item in optionItems" :key="item.value" :label="item.label" :value="item.value">
+        <el-checkbox  style="pointer-events: none" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
+      </el-option>
+      <!-- style="pointer-events: none" -->
+    </el-checkbox-group>
+  </el-select>
+
+
+  <!-- style="width:100%" multiple-->
+
+</template>
+<script>
+import emitter from 'element-ui/src/mixins/emitter';
+export default {
+  name: "TransLineMultiplePicker",
+  mixins: [emitter],
+  props: {
+    value: {
+      type: [String],
+      required: false
+    },
+    transLineCode: {
+      type: String,
+      required: false
+    },
+    placeholder: {
+      type: String,
+      required: false
+    },
+    isInitiated: {
+      type: [Boolean, String],
+      required: false,
+      default: false
+    }
+  },
+  dicts: ['emis_payment_type'],
+  data() {
+    return {
+      optionItems: [],
+      svalue: [],
+      isFistInit: true,
+      checkAll: false, //招标阶段 是否全选
+      isIndeterminate: false, //全选复选框标识
+    };
+  },
+  watch: {
+    value(newVal) {
+      if (this.value) {
+        this.svalue = this.value.split(',');
+      }
+    },
+    transLineCode(newVal) {
+      this.queryData();
+    }
+  },
+  created() {
+    this.queryData();
+  },
+  methods: {
+    hideMe() {
+      this.$refs.selectRef.blur();
+    },
+    onFocus() {
+      this.searchLineCode = null;
+    },
+    onBlur(val) {
+      this.$emit("input", this.svalue ? this.svalue.join(',') : null);
+      this.dispatch('ElFormItem', 'el.form.blur', [this.svalue]);
+    },
+    handleCheckAllChange(isCheckAll) {
+      if (isCheckAll) {
+        const data = this.optionItems.map(item => {
+          return item.value
+        })
+        this.svalue = data
+      } else {
+        this.svalue = [];
+      }
+
+      this.$emit("input", this.svalue ? this.svalue.join(',') : null);
+      this.isIndeterminate = false;
+    },
+    onChange(val) {
+      const checkedCount = this.svalue.length;
+      this.checkAll = checkedCount === this.optionItems.length;
+      this.isIndeterminate = checkedCount > 0 && checkedCount < this.optionItems.length;
+
+      // this.$emit("input", this.svalue);
+      this.$emit("input", this.svalue ? this.svalue.join(',') : null);
+      let itemSelData = []
+      this.optionItems.forEach(item => {
+        if (item.value === this.svalue) {
+          itemSelData.push(item);
+        }
+      });
+      this.$emit("onChange", itemSelData);
+      this.dispatch('ElFormItem', 'el.form.change', [this.svalue]);
+    },
+    queryData() {
+      this.optionItems = this.dict.type.emis_payment_type
+    },
+  }
+};
+</script>
+<style scoped>
+.mutiSelect :deep .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
+  display: none;
+}
+</style>
diff --git a/src/views/emis/emisWaybill/centerWaybillList.vue b/src/views/emis/emisWaybill/centerWaybillList.vue
index 068cb8d9..2fc5c653 100644
--- a/src/views/emis/emisWaybill/centerWaybillList.vue
+++ b/src/views/emis/emisWaybill/centerWaybillList.vue
@@ -38,14 +38,15 @@
                 <AllMonthpayAccountPicker v-model="queryParams.custNo" ></AllMonthpayAccountPicker>
               </el-form-item>
               <el-form-item label="付款方式" prop="paymentType" >
-              <el-select clearable v-model="queryParams.paymentType" placeholder="请选择">
+              <!-- <el-select clearable v-model="queryParams.paymentType" placeholder="请选择">
                   <el-option
                     v-for="dict in dict.type.emis_payment_type"
                     :key="dict.value"
                     :label="dict.label"
                     :value="dict.value"
                   ></el-option>
-                </el-select>
+                </el-select> -->
+                <PaymentTypeMultipleAllPicker v-model="queryParams.paymentType"  ></PaymentTypeMultipleAllPicker>
             </el-form-item>
 
             </el-col>
@@ -680,7 +681,7 @@ import TransLineAllPicker from '@/views/emis/EmisBaseTools/TransLineAllPicker.vu
 import TransProductAllPicker from '@/views/emis/EmisBaseTools/TransProductAllPicker.vue'
 import AllMonthpayAccountPicker from '@/views/emis/EmisBaseTools/AllMonthpayAccountPicker.vue';
 import EmisMoneyUserPicker from '@/views/emis/EmisBaseTools/EmisMoneyUserPicker.vue';
-
+import PaymentTypeMultipleAllPicker  from '@/views/emis/EmisBaseTools/PaymentTypeMultipleAllPicker.vue';
 export default {
   name: "CenterWaybillList",
   // name: "DispatchWaybillList",
@@ -709,7 +710,7 @@ export default {
     TransProductAllPicker,
     AllMonthpayAccountPicker,
     EmisMoneyUserPicker,
-
+    PaymentTypeMultipleAllPicker,
   },
   dicts: ['emis_qujian_fangshi','emis_declare_mode','emis_customs_clear',
         'emis_tab_packing_type','emis_tab_dispatch_mode','emis_payment_type',
diff --git a/src/views/emis/emisWaybill/dispatchWaybillList.vue b/src/views/emis/emisWaybill/dispatchWaybillList.vue
index 72a520f1..bf88dae3 100644
--- a/src/views/emis/emisWaybill/dispatchWaybillList.vue
+++ b/src/views/emis/emisWaybill/dispatchWaybillList.vue
@@ -54,14 +54,15 @@
                 <AllMonthpayAccountPicker v-model="queryParams.custNo" ></AllMonthpayAccountPicker>
               </el-form-item>
               <el-form-item label="付款方式" prop="paymentType" >
-              <el-select clearable v-model="queryParams.paymentType" placeholder="请选择">
+              <!-- <el-select clearable v-model="queryParams.paymentType" placeholder="请选择">
                   <el-option
                     v-for="dict in dict.type.emis_payment_type"
                     :key="dict.value"
                     :label="dict.label"
                     :value="dict.value"
                   ></el-option>
-                </el-select>
+                </el-select> -->
+                <PaymentTypeMultipleAllPicker v-model="queryParams.paymentType"  ></PaymentTypeMultipleAllPicker>
             </el-form-item>
 
             </el-col>
@@ -648,6 +649,7 @@ import TransLineAllPicker from '@/views/emis/EmisBaseTools/TransLineAllPicker.vu
 import TransProductAllPicker from '@/views/emis/EmisBaseTools/TransProductAllPicker.vue'
 import AllMonthpayAccountPicker from '@/views/emis/EmisBaseTools/AllMonthpayAccountPicker.vue';
 import EmisMoneyUserPicker from '@/views/emis/EmisBaseTools/EmisMoneyUserPicker.vue';
+import PaymentTypeMultipleAllPicker from '@/views/emis/EmisBaseTools/PaymentTypeMultipleAllPicker.vue';
 
 export default {
   // name: "SendWaybillList",
@@ -677,6 +679,7 @@ export default {
     TransProductAllPicker,
     AllMonthpayAccountPicker,
     EmisMoneyUserPicker,
+    PaymentTypeMultipleAllPicker
   },
   dicts: ['emis_qujian_fangshi','emis_declare_mode','emis_customs_clear',
         'emis_tab_packing_type','emis_tab_dispatch_mode','emis_payment_type',
diff --git a/src/views/emis/emisWaybill/sendWaybillList.vue b/src/views/emis/emisWaybill/sendWaybillList.vue
index 89adb4ad..d1df6f19 100644
--- a/src/views/emis/emisWaybill/sendWaybillList.vue
+++ b/src/views/emis/emisWaybill/sendWaybillList.vue
@@ -57,14 +57,15 @@
               <AllMonthpayAccountPicker v-model="queryParams.custNo" @onChange="onCustNoChange"></AllMonthpayAccountPicker>
             </el-form-item>
             <el-form-item label="付款方式" prop="paymentType" >
-            <el-select clearable v-model="queryParams.paymentType" placeholder="请选择">
+            <!-- <el-select clearable v-model="queryParams.paymentType" placeholder="请选择">
                 <el-option
                   v-for="dict in dict.type.emis_payment_type"
                   :key="dict.value"
                   :label="dict.label"
                   :value="dict.value"
                 ></el-option>
-              </el-select>
+              </el-select> -->
+              <PaymentTypeMultipleAllPicker v-model="queryParams.paymentType"  ></PaymentTypeMultipleAllPicker>
             </el-form-item>
         </el-col>
 
@@ -662,7 +663,7 @@ import {timeDiffTime,timeFormat} from '@/utils/dateUtils'
 import { formatSearchStr,deepClone } from '@/utils/index'
 import clip from '@/utils/clipboard'
 import EmisMoneyUserPicker from '@/views/emis/EmisBaseTools/EmisMoneyUserPicker.vue';
-
+import PaymentTypeMultipleAllPicker from '@/views/emis/EmisBaseTools/PaymentTypeMultipleAllPicker.vue';
 export default {
   name: "SendWaybillList",
   // name: "DispatchWaybillList",
@@ -697,6 +698,7 @@ export default {
     AllMonthpayAccountPicker,
     TransProductMultipleAllPicker,
     EmisMoneyUserPicker,
+    PaymentTypeMultipleAllPicker
   },
   dicts: ['emis_qujian_fangshi','emis_declare_mode','emis_customs_clear',
         'emis_tab_packing_type','emis_tab_dispatch_mode','emis_payment_type',
diff --git a/src/views/emis/emisWaybill/sendWaybillListNew.vue b/src/views/emis/emisWaybill/sendWaybillListNew.vue
index 6164bb41..b14cf42f 100644
--- a/src/views/emis/emisWaybill/sendWaybillListNew.vue
+++ b/src/views/emis/emisWaybill/sendWaybillListNew.vue
@@ -60,14 +60,15 @@
         <AllMonthpayAccountPicker v-model="queryParams.custNo" @onChange="onCustNoChange"></AllMonthpayAccountPicker>
       </el-form-item>
       <el-form-item label="付款方式" prop="paymentType" >
-      <el-select clearable v-model="queryParams.paymentType" placeholder="请选择">
+      <!-- <el-select clearable v-model="queryParams.paymentType" placeholder="请选择">
           <el-option
             v-for="dict in dict.type.emis_payment_type"
             :key="dict.value"
             :label="dict.label"
             :value="dict.value"
           ></el-option>
-        </el-select>
+        </el-select> -->
+        <PaymentTypeMultipleAllPicker v-model="queryParams.paymentType"  ></PaymentTypeMultipleAllPicker>
       </el-form-item>
   </el-col>
 
@@ -667,7 +668,7 @@ import TransProductMultipleAllPicker from "../EmisBaseTools/TransProductMultiple
 
 import AllMonthpayAccountPicker from '@/views/emis/EmisBaseTools/AllMonthpayAccountPicker.vue';
 import EmisMoneyUserPicker from '@/views/emis/EmisBaseTools/EmisMoneyUserPicker.vue';
-
+import PaymentTypeMultipleAllPicker from '@/views/emis/EmisBaseTools/PaymentTypeMultipleAllPicker.vue';
 export default {
   name: "SendWaybillListNew",
   // name: "DispatchWaybillList",
@@ -700,7 +701,8 @@ export default {
     TransProductAllPicker,
     AllMonthpayAccountPicker,
     TransProductMultipleAllPicker
-    ,EmisMoneyUserPicker
+    ,EmisMoneyUserPicker,
+    PaymentTypeMultipleAllPicker
   },
   dicts: ['emis_qujian_fangshi','emis_declare_mode','emis_customs_clear',
         'emis_tab_packing_type','emis_tab_dispatch_mode','emis_payment_type',