新增采购计划

klp-ui/src/views/wms/purchasePlan/index.vue

@@ -239,6 +239,25 @@
         <el-button @click="detailOpen = false">关 闭</el-button>
       </div>
     </el-dialog>
+
+    <!-- 新增采购计划底部抽屉 -->
+    <el-drawer
+      title="新增采购计划"
+      :visible.sync="addDrawerOpen"
+      direction="btt"
+      size="90%"
+      :with-header="true"
+      :wrapperClosable="false"
+      custom-class="purchase-drawer"
+      append-to-body
+      mask-closable="false"
+    >
+      <CreatePurchasePanel
+        :order-id="''"
+        :recommend-data="{}"
+        @confirm="onAddConfirm"
+      />
+    </el-drawer>
   </div>
 </template>
 
@@ -247,13 +266,15 @@ import { listPurchasePlan, getPurchasePlan, delPurchasePlan, addPurchasePlan, up
 import { listOrder } from "@/api/wms/order";
 import PurchasePlanClac from "./panels/clac.vue";
 import PurchasePlanDetail from "./panels/detail.vue";
+import CreatePurchasePanel from "./panels/CreatePurchasePanel.vue";
 import { EOrderStatus } from "../../../utils/enums";
 
 export default {
   name: "PurchasePlan",
   components: {
     PurchasePlanClac,
-    PurchasePlanDetail
+    PurchasePlanDetail,
+    CreatePurchasePanel
   },
   dicts: ['order_status'],
   data() {
@@ -327,7 +348,8 @@ export default {
         status: [
           { required: true, message: "状态不能为空", trigger: "change" }
         ],
-      }
+      },
+      addDrawerOpen: false,
     };
   },
   mounted() {
@@ -383,9 +405,7 @@ export default {
     },
     /** 新增按钮操作 */
     handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加采购计划主";
+      this.addDrawerOpen = true;
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -498,7 +518,19 @@ export default {
     handleDetail(row) {
       this.selectedPlanId = row.planId;
       this.detailOpen = true;
+    },
+    onAddConfirm() {
+      this.addDrawerOpen = false;
+      this.getList();
     }
   }
 };
 </script>
+
+<style>
+.purchase-drawer .el-drawer__body {
+  padding: 24px;
+  background: #f9f9f9;
+  overflow-y: auto;
+}
+</style>