入库弹窗编辑组件

src/components/WarehouseAreaDialog/index.vue

@@ -66,7 +66,6 @@ export default {
   data() {
     return {
       opened: false,
-      key: 0,
 
       orderId: '',
       area: [],

src/views/ecw/order/warehousing/components/editDialog.vue

+<template>
+  <div>
+
+    <el-dialog
+      title="入仓-货物入仓"
+      :visible.sync="opened"
+      width="600px"
+      :before-close="handleClose()"
+    >
+      {{ id }}
+      <span slot="footer">
+        <el-button @click="opened = false">关 闭</el-button>
+        <el-button type="primary" @click="opened = false">提 交</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'editDialog',
+
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    id:  Number
+  },
+
+  mounted() {
+  },
+
+  data() {
+    return {
+      opened: false,
+    };
+  },
+
+  watch: {
+    visible(val) {
+      if (val) {
+        this.opened = true
+      } else {
+      }
+    },
+    opened(val) {
+      if (val) {
+      } else {
+        this.$emit('update:visible', false)
+      }
+    }
+  },
+
+  methods: {
+    handleClose() {},
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/ecw/order/warehousing/index.vue

@@ -55,7 +55,7 @@
         prop="address"
         label="操作">
         <template v-slot="{row}">
-          <el-button size="mini" type="text">入仓</el-button>
+          <el-button size="mini" type="text" @click="handleWarehousing(row.id)">入仓</el-button>
           <el-button size="mini" type="text">追加</el-button>
           <el-button size="mini" type="text">退仓</el-button>
         </template>
@@ -156,6 +156,8 @@
     </el-form>
 
     <warehouse-area-dialog :visible.sync="areaVisible"></warehouse-area-dialog>
+
+    <edit-dialog :visible.sync="warehousingVisible" :id="warehousingId"></edit-dialog>
   </div>
 </template>
 
@@ -164,13 +166,15 @@ import {getCurrencyList} from "@/api/ecw/currency"
 import {getOrder} from "@/api/ecw/order"
 import orderBaseInfo from "@/components/OrderBaseInfo"
 import WarehouseAreaDialog from '@/components/WarehouseAreaDialog'
+import editDialog from '@/views/ecw/order/warehousing/components/editDialog'
 
 export default {
   name: "Warehousing",
 
   components: {
     orderBaseInfo,
-    WarehouseAreaDialog
+    WarehouseAreaDialog,
+    editDialog
   },
 
   mounted() {
@@ -180,15 +184,25 @@ export default {
     }
     getCurrencyList().then(res => this.currencyList = res.data)
   },
+
   data() {
     return {
       areaVisible: false,
+      warehousingVisible: false,
       form: {
         a: '',
         b: 3
       },
       currencyList:[],
-      order: {}
+      order: {},
+      warehousingId: undefined
+    }
+  },
+
+  methods: {
+    handleWarehousing(id) {
+      this.warehousingId = id
+      this.warehousingVisible = true
     }
   }
 }