From bf0eba559ba3edc73fea76998899da407da5d8b9 Mon Sep 17 00:00:00 2001
From: wuteng <419274783@qq.com>
Date: Mon, 28 Jul 2025 17:46:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=91=98=E5=B7=A5=E6=8F=90=E6=88=90=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE-=E4=BA=A7=E5=93=81=E7=B1=BB=E5=9E=8B=20=E6=8A=8A?=
 =?UTF-8?q?=E5=B7=B2=E5=81=9C=E7=94=A8=E7=9A=84=E6=94=BE=E5=87=BA=E6=9D=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TransLineMultipleAllPicker.vue            | 146 ++++++++++++++++
 .../TransProductMultipleAllPicker2.vue        | 156 ++++++++++++++++++
 .../emisCommissionQuoteForm.vue               |  11 +-
 3 files changed, 308 insertions(+), 5 deletions(-)
 create mode 100644 src/views/emis/EmisBaseTools/TransLineMultipleAllPicker.vue
 create mode 100644 src/views/emis/EmisBaseTools/TransProductMultipleAllPicker2.vue

diff --git a/src/views/emis/EmisBaseTools/TransLineMultipleAllPicker.vue b/src/views/emis/EmisBaseTools/TransLineMultipleAllPicker.vue
new file mode 100644
index 00000000..93a10974
--- /dev/null
+++ b/src/views/emis/EmisBaseTools/TransLineMultipleAllPicker.vue
@@ -0,0 +1,146 @@
+<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.prodCode" :label="item.lineName" :value="item.lineCode">
+           <el-checkbox  style="pointer-events: none"  :key="item.lineCode"  :label="item.lineCode+''">{{item.lineName+((item.status==0)?'-已停用':'')}}</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';
+  import { listSimpleAllEmisTransLine } from "@/api/emis/emisTransLine";
+
+  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
+      }
+    },
+    data() {
+      return {
+        optionItems: [],
+        svalue: [],
+        isFistInit:true,
+        checkAll: false, //招标阶段 是否全选
+        isIndeterminate: false, //全选复选框标识
+        searchLineCode:this.value,
+      };
+    },
+    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.lineCode
+          })
+          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.lineCode === this.svalue){
+            itemSelData.push(item);
+          }
+        });
+        this.$emit("onChange",itemSelData);
+        this.dispatch('ElFormItem', 'el.form.change', [this.svalue]);
+      },
+      queryData(val,key) {
+        let queryParams = {
+          pageNum: 1,
+          pageSize: 300,
+          lineCode:key,
+          lineName:val,
+          // status:1
+        };
+        listSimpleAllEmisTransLine(queryParams).then(response => {
+            this.optionItems = response.rows;
+        });
+      },
+
+    }
+  };
+</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/EmisBaseTools/TransProductMultipleAllPicker2.vue b/src/views/emis/EmisBaseTools/TransProductMultipleAllPicker2.vue
new file mode 100644
index 00000000..f763cdbb
--- /dev/null
+++ b/src/views/emis/EmisBaseTools/TransProductMultipleAllPicker2.vue
@@ -0,0 +1,156 @@
+<template>
+  <el-select
+    multiple
+    collapse-tags
+    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.prodCode" :label="item.prodName" :value="item.prodCode">
+           <el-checkbox  style="pointer-events: none"  :key="item.prodCode"  :label="item.prodCode+''">
+            <span v-if="item.status==1">{{item.prodName}}({{item.transLine}})</span>
+            <span v-else style="text-decoration: line-through;color: gray;">{{item.prodName}}({{item.transLine}})(停用)</span>
+          </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';
+  import { listEmisTransProduct } from "@/api/emis/emisTransProduct";
+
+  export default {
+    name: "TransProductMultiplePicker",
+    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
+      }
+    },
+    data() {
+      return {
+        optionItems: [],
+        svalue: [],
+        isFistInit:true,
+        checkAll: false, //招标阶段 是否全选
+        isIndeterminate: false, //全选复选框标识
+        searchProdCode:this.value,
+      };
+    },
+    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.searchProdCode=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.prodCode
+          })
+          this.svalue=data
+        }else{
+          this.svalue=[];
+        }
+
+        this.$emit("input", this.svalue?this.svalue.join(','):null);
+        this.isIndeterminate = false;
+      },
+      onChange(val) {
+        console.log(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.prodCode === this.svalue){
+            itemSelData.push(item);
+          }
+        });
+        this.$emit("onChange",itemSelData);
+        this.dispatch('ElFormItem', 'el.form.change', [this.svalue]);
+      },
+      queryData() {
+        if(!this.transLineCode ){
+
+          if(this.isFistInit && !this.value){
+            this.optionItems=[];
+            return;
+          }
+        }
+
+        let queryParams = {
+          pageNum: 1,
+          pageSize: 300,
+          prodCode:this.searchProdCode,
+          transLineCode:this.transLineCode
+        };
+        listEmisTransProduct(queryParams).then(response => {
+            this.optionItems = response.rows;
+        });
+      },
+
+    }
+  };
+</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/emisCommissionQuote/emisCommissionQuoteForm.vue b/src/views/emis/emisCommissionQuote/emisCommissionQuoteForm.vue
index 9971ee94..97c9f1a5 100644
--- a/src/views/emis/emisCommissionQuote/emisCommissionQuoteForm.vue
+++ b/src/views/emis/emisCommissionQuote/emisCommissionQuoteForm.vue
@@ -32,12 +32,12 @@
           </el-col>
           <el-col :span="24">
             <el-form-item label="线路" prop="transLineCode">
-                <TransLineMultiplePicker v-model="form.transLineCode"  isInitiated="true"></TransLineMultiplePicker>
+                <TransLineMultipleAllPicker v-model="form.transLineCode"  isInitiated="true"></TransLineMultipleAllPicker>
             </el-form-item>
           </el-col>
           <el-col :span="24">
             <el-form-item label="产品类型" prop="prodCode">
-              <TransProductMultiplePicker placeholder="产品类型" v-model="form.prodCode" :transLineCode="form.transLineCode"></TransProductMultiplePicker>
+              <TransProductMultipleAllPicker2 placeholder="产品类型" v-model="form.prodCode" :transLineCode="form.transLineCode"></TransProductMultipleAllPicker2>
             </el-form-item>
           </el-col>
           <el-col :span="24">
@@ -243,8 +243,9 @@ import CountryMutiSelectPicker from '@/views/emis/EmisBaseTools/CountryMutiSelec
 import CountryMutiSelectPicker1 from '@/views/emis/EmisBaseTools/CountryMutiSelectPicker.vue';
 
 
-import TransLineMultiplePicker from '@/views/emis/EmisBaseTools/TransLineMultiplePicker.vue';
-import TransProductMultiplePicker from '@/views/emis/EmisBaseTools/TransProductMultiplePicker.vue';
+import TransLineMultipleAllPicker from '@/views/emis/EmisBaseTools/TransLineMultipleAllPicker.vue';
+import TransProductMultipleAllPicker from '@/views/emis/EmisBaseTools/TransProductMultipleAllPicker.vue';
+import TransProductMultipleAllPicker2 from '@/views/emis/EmisBaseTools/TransProductMultipleAllPicker2.vue';
 
 import EmisSiteMutiSelectPicker from '@/views/emis/EmisBaseTools/EmisSiteMutiSelectPicker.vue';
 import EmisSiteSimplePicker from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
@@ -271,7 +272,7 @@ export default {
   },
   components: {
     EmisSiteSimplePicker,EmisSiteMutiSelectPicker,CountryMutiSelectPicker,CountryMutiSelectPicker1,EcqExpressionPanel,
-    EmisStaffSimpleListPicker,TransLineMultiplePicker,TransProductMultiplePicker
+    EmisStaffSimpleListPicker,TransLineMultipleAllPicker,TransProductMultipleAllPicker,TransProductMultipleAllPicker2
   },
   dicts: ['emis_price_type','emis_fee_type','sys_currency_type',
   'emis_commission_post','emis_biz_shipping_method','emis_commission_fee_type'],