缺货修改

@@ -7,12 +7,15 @@
         </p>
         <p class="row">缺货数：{{lackNum}}</p>
         <p class="row">
-            <Button type="error" @click="confirm">上传确认缺货</Button>
+            <Button type="error" @click="upload">上传确认缺货</Button>
         </p>
+        <UploadStockOut ref="stockOut"></UploadStockOut>
     </div>
 </template>
 
 <script>
+    import { UploadStockOut } from 'components/modal'
+
     export default {
         name: 'CellDeliver',
         props: {
@@ -25,13 +28,15 @@
             }
         },
         methods: {
-            confirm(){
-                this.$em
-                this.$Message.error('上传缺货')
+            upload(){
+                this.$refs.stockOut.show();
             },
             change(val){
                 this.$emit('num-change', val)
             }
+        },
+        components: {
+            UploadStockOut
         }
     }
 </script>

 <template>
     <Modal
         v-model="showModal"
-        @on-ok="ok"
-        @on-cancel="cancel"
+        @on-ok="clickOk"
+        @on-cancel="clickCancel"
         width="auto"
-        class-name="out-stock-modal"
+        class-name="upload-stock-modal"
         cancel-text="取消"
         ok-text="提交">
         <div class="detail">
@@ -59,12 +59,9 @@ export default {
         show() {
             this.showModal = true;
         },
-        ok(){
-
+        clickOk(){
         },
-        cancel(){
-            this.$Message.info('click cancel')
-
+        clickCancel(){
         }
     }
 };
@@ -72,7 +69,7 @@ export default {
 
 <style lang="scss">
 
-    .out-stock-modal {
+    .upload-stock-modal {
         .detail {
             height: 200px;
         }

@@ -45,7 +45,6 @@
                   @on-change="pageChange" :page-size="20" show-total></Page>
         </LayoutList>
 
-        <UploadStockOut ref="stockOut"></UploadStockOut>
         <DeliverProduct ref="deliver"></DeliverProduct>
     </div>
 </template>