供应商下拉数据

src/api/reportForms/supplier-capacity.js

@@ -9,6 +9,8 @@ const addSupplierList = params => postAction('/capacity/syCapacityControl/add',
 const editSupplierList = params => postAction('/capacity/syCapacityControl/edit', params)
 //删除
 const deleteSupplierList = params => deleteAction('/capacity/syCapacityControl/deleteBatch', params)
+const option = params => getAction('/orderData/syOrderDataItem/querySupplier', params)
 
 
-export { supplierList ,addSupplierList,editSupplierList,deleteSupplierList}
+
+export { supplierList ,addSupplierList,editSupplierList,deleteSupplierList,option}

src/views/reportForms/supplier-capacity.vue

@@ -53,15 +53,16 @@
         :columns="suplierListColumns"
         :data-source="suplierListData"
         :loading="loading"
+        :height="500"
         :pagination="pagination"
         @change="handleTableChange"
         :rowSelection="{ selectedRowKeys: selectedRowKeys,onChange: onSelectChange }"
-        :scroll="{ x: 1500,y: 500 }"
+        :scroll="{ x: 1500,}"
       >
       <!-- 供应商编码 -->
       <template slot="supplierCode" slot-scope="text, record, index" >
           <a-form-model-item prop="supplierCode" :rules="rules.supplierCode" v-if="record.status == '0'">
-              <a-input style="width:100%" type="text" v-model="record.supplierCode"  />
+              <a-input placeholder="根据供应商名称自动带出" v-model="record.supplierCode" readOnly></a-input>
           </a-form-model-item>
           <a-form-model-item prop="supplierCode" :rules="rules.supplierCode" v-if="record.status == '1'">
                <span>{{record.supplierCode}}</span>
@@ -70,7 +71,9 @@
       <!-- 供应商名称 -->
       <template slot="supplier" slot-scope="text, record, index" >
           <a-form-model-item prop="supplier" :rules="rules.supplier" v-if="record.status == '0'">
-              <a-input style="width:100%" type="text" v-model="record.supplier"  />
+               <a-select v-model="record.supplier" style="width: 200px" placeholder="请选择供应商名称" @change="changeSuplier($event,record)">
+                 <a-select-option v-for="(item,index) in option" :key="item.supplier">{{item.supplier}}</a-select-option>
+               </a-select>
           </a-form-model-item>
           <a-form-model-item prop="supplier" :rules="rules.supplier" v-if="record.status == '1'">
                <span>{{record.supplier}}</span>
@@ -134,7 +137,7 @@ import { JeecgListMixin } from '@/mixins/JeecgListMixin'
 import JEllipsis from '@/components/jeecg/JEllipsis'
 import moment from 'moment'
 
-import { supplierList,addSupplierList,editSupplierList,deleteSupplierList } from '@api/reportForms/supplier-capacity'
+import { supplierList,addSupplierList,editSupplierList,deleteSupplierList ,option} from '@api/reportForms/supplier-capacity'
 
 export default {
   name: 'PreBookList', // 预托书列表
@@ -156,7 +159,7 @@ export default {
         { 
           title: '供应商名称', 
           dataIndex: 'supplier', 
-          width: 120, 
+          width: 150, 
           className: 'replacecolor' ,
           scopedSlots: { customRender: 'supplier' },
           },
@@ -197,6 +200,7 @@ export default {
         },
         
       ],
+      option:[],
       suplierListData: [
       ],
       selectedRowKeys:[],
@@ -217,6 +221,10 @@ export default {
 
   created() {
     this.getSupplierList()
+    option().then(res => {  
+      this.option = res
+      debugger
+ })
   },
   computed: {},
   mounted() {},
@@ -277,6 +285,14 @@ export default {
         
       }
     },
+    changeSuplier(val,record){
+      debugger
+      this.option.map(item =>{
+        if(item.supplier == val) {
+          record.supplierCode = item.supplier_code
+        }
+      })
+    },
     delectLLine(){
       var ids = this.selectedRowKeys.toString()
       deleteSupplierList({ids}).then(res => {