前端付款管理货名多选

src/views/houseSelfCollect/paymentManagement.vue

@@ -36,8 +36,8 @@
         <ws-button :type="invoicing === 0 ? 'primary' : ''" @click="screen(0)">未开票</ws-button>
       </template>
       <template slot="right">
-        <el-select class="warehouse_select" v-model="goodsName" placeholder="请选择货名" @change="goodsNameChange" filterable
-          clearable  style="margin: 0 10px">
+        <el-select class="warehouse_select" v-model="goodNames" placeholder="请选择货名" @change="goodsNameChange" filterable
+          clearable  multiple :multiple-limit="multipleLimit" style="margin: 0 10px">
           <el-option label="全部货名" value="全部货名"></el-option>
           <el-option v-for="item in goodnameList" :key="item.id" :label="item.goodsName" :value="item.goodsName">
           </el-option>
@@ -418,6 +418,7 @@
         customerInfo: false,
         form: {},
         labelposition: 'right',
+        multipleLimit:0,
         invoicingList: [{
           label: '航天信息',
           value: 1
@@ -499,7 +500,8 @@
         appendixIdsAdd: '',
         excelFreightspace: [],
         goodnameList: [],
-        goodsName: '全部货名',
+        goodNames: [],
+        goodsName: '',
         printTips:'',
         compId:''
       }
@@ -529,10 +531,15 @@
     },
     methods: {
       goodsNameChange(e) {
-        if(e == '全部货名'){
+        if(e.indexOf('全部货名')!=-1){
+          this.multipleLimit=1
+          this.goodNames=['全部货名']
           this.goodsName = ''
+        }else{
+          this.goodsName=this.goodNames.toString()
+          this.multipleLimit=this.goodnameList.length
         }
-        this.getList()
+        // this.getList()
       },
       importClick(file, fileList) {
         this.fileTemp = file.raw