采购退库--选择车辆

anrui-scm/anrui-scm-ui/src/views/supplychain/caigoutuiku/relation/xuanzecheliang.vue

@@ -8,6 +8,7 @@
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
+      <div class="main-content">
         <div class="webcon">
           <div class="searchcon">
             <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
@@ -83,7 +84,8 @@
                     class="pagination" @pagination="getList"/>
           </div>
           <div class="">
-          <el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"
+            <el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" border
+                      style="width: 100%"
                       @selection-change="handleSelectionChange">
               <el-table-column width="50px" type="selection" align="center"/>
               <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
@@ -128,15 +130,16 @@
         </div>
       </div>
     </div>
+  </div>
 </template>
 
 <script>
-  import { mapGetters } from 'vuex'
-  import Pagination from '@/components/pagination'
-  import pageye from '@/components/pagination/pageye'
-  import req from '@/api/supplychain/purchasereturntowarehouse'
+import { mapGetters } from 'vuex'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import req from '@/api/supplychain/purchasereturntowarehouse'
 
-  export default {
+export default {
   name: 'xuanzecheliang',
   components: {
     Pagination,
@@ -180,7 +183,8 @@
             productLine: '',
             vehicleState: '',
             vehicleType: '',
-            vehicleVersion: ''
+            vehicleVersion: '',
+            vinNoList:[]
           }
         },
         selectDate: undefined,
@@ -236,7 +240,8 @@
             productLine: '',
             vehicleState: '',
             vehicleType: '',
-            vehicleVersion: ''
+            vehicleVersion: '',
+            vinNoList: []
           }
         }
       },
@@ -395,15 +400,7 @@
       // 查询列表信息
       getList() {
         this.listLoading = true
-        req.pagerList({
-          current: this.listQuery.current,
-          size: this.listQuery.size,
-          params: {
-            modelName: this.listQuery.modelName,
-            carModel: this.listQuery.carModel,
-            brandName: this.listQuery.brandName
-          }
-        }).then((response) => {
+        req.pagerList(this.listQuery).then((response) => {
           console.log('列表查询结果：', response)
           this.listLoading = false
           if (
@@ -426,7 +423,8 @@
       },
       // 排除已选信息
       loadVinNo(vinNoList) {
-        this.vinNoList = vinNoList
+        this.listQuery.params.vinNoList = vinNoList
+        this.getList()
       }
     }