仓库新加插槽

src/views/tirePartsMall/salesManagement/outboundWorkOrderL/detailsPage.vue

@@ -19,7 +19,36 @@
     </div>
     <div style="margin-top: 50px">
       <trade-card title="基础信息">
-        <avue-form :option="optionForm" v-model="form" ref="form"></avue-form>
+        <avue-form :option="optionForm" v-model="form" ref="form">
+          <template slot="storageName">
+            <dic-select
+              v-model="form.storageName"
+              placeholder="调出仓库"
+              label="cname"
+              res="records"
+              :disabled="disabled"
+              url="/blade-sales-part/storageDesc/list?current=1&size=5"
+              :filterable="true"
+              :remote="true"
+              dataName="cname"
+              @selectChange="dicChange('storageName', $event)"
+            ></dic-select>
+          </template>
+           <template slot="callInStorageName">
+            <dic-select
+              v-model="form.callInStorageName"
+              placeholder="调入仓库"
+              label="cname"
+              res="records"
+              :disabled="disabled"
+              url="/blade-sales-part/storageDesc/list?current=1&size=5"
+              :filterable="true"
+              :remote="true"
+              dataName="cname"
+              @selectChange="dicChange('callInStorageName', $event)"
+            ></dic-select>
+          </template>
+        </avue-form>
       </trade-card>
       <trade-card title="明细信息">
         <avue-crud
@@ -175,6 +204,7 @@ import dialogAssembly from "@/views/tirePartsMall/salesManagement/outboundWorkOr
 import { getKh } from "@/api/tirePartsMall/salesManagement/saleOrder";
 import { getList as inventoryList } from "@/api/tirePartsMall/inventory";
 import viewArea from "./components/viewArea.vue";
+import dicSelect from "@/components/dicSelect/main";
 
 export default {
   name: "detailsPage",
@@ -266,14 +296,14 @@ export default {
           // },
           {
             label: "调出仓库",
-            prop: "storageId",
+            prop: "storageName",
             disabled: true,
-            type: "select",
-            props: {
-              label: "cname",
-              value: "id"
-            },
-            dicUrl: "/api/blade-sales-part/storageDesc/listAll",
+            // type: "select",
+            // props: {
+            //   label: "cname",
+            //   value: "id"
+            // },
+            // dicUrl: "/api/blade-sales-part/storageDesc/listAll",
             rules: [
               {
                 required: true,
@@ -284,14 +314,14 @@ export default {
           },
           {
             label: "调入仓库",
-            prop: "callInStorageId",
+            prop: "callInStorageName",
             disabled: true,
-            type: "select",
-            props: {
-              label: "cname",
-              value: "id"
-            },
-            dicUrl: "/api/blade-sales-part/storageDesc/listAll",
+            // type: "select",
+            // props: {
+            //   label: "cname",
+            //   value: "id"
+            // },
+            // dicUrl: "/api/blade-sales-part/storageDesc/listAll",
             rules: [
               {
                 required: true,
@@ -898,7 +928,8 @@ export default {
   components: {
     reportDialog,
     dialogAssembly,
-    viewArea
+    viewArea,
+    dicSelect
   },
   props: {
     onLoad: Object,
@@ -933,9 +964,7 @@ export default {
     } else {
       this.optionForm.column.forEach(item => {
         if (
-          item.prop == "storageId" ||
           item.prop == "remarks" ||
-          item.prop == "callInStorageId" ||
           item.prop == "stockClerkId" ||
           item.prop == "businesDate"
         ) {
@@ -983,7 +1012,7 @@ export default {
         storageId: this.form.storageId,
         dot: row.dot
       };
-      this.$refs.viewArea.openDialog(obj, index, row.historyList, row.goodsNum,this.form.callInStorageId);
+      this.$refs.viewArea.openDialog(obj, index, row.historyList, row.goodsNum, this.form.callInStorageId);
     },
     areaData(list, index) {
       // console.log(list, index);
@@ -1286,9 +1315,7 @@ export default {
         this.$set(this.optionForm, "disabled", false);
         this.optionForm.column.forEach(item => {
           if (
-            item.prop == "storageId" ||
             item.prop == "remarks" ||
-            item.prop == "callInStorageId" ||
             item.prop == "stockClerkId" ||
             item.prop == "businesDate"
           ) {
@@ -1297,9 +1324,9 @@ export default {
             item.disabled = true;
           }
         });
-        if (this.form.shipItemsList.length != 0) {
-          this.findObject(this.optionForm.column, "storageId").disabled = true;
-        }
+        // if (this.form.shipItemsList.length != 0) {
+        //   this.findObject(this.optionForm.column, "storageId").disabled = true;
+        // }
 
         this.isAddDisabled = false;
         this.optionContactsBack.column.forEach(its => {
@@ -1377,7 +1404,7 @@ export default {
           goodsNumtype: false,
           // 价格
           pricetype: false,
-          historyList:[],
+          historyList: [],
           $cellEdit: true
         };
         this.form.shipItemsList.push(obj);