上传缺货修改

@@ -27,13 +27,6 @@ import _ from 'lodash';
 export default {
     name: 'UploadStockOut',
     props: {
-        newLackNum: {
-            type: [String, Number],
-            default: ''
-        },
-        row: {
-            type: Object
-        }
     },
     data() {
         return {
@@ -43,13 +36,13 @@ export default {
                 {
                     title: '商品图片',
                     key: 'image',
-                    render(row) {
+                    render() {
                     }
                 },
                 {
                     title: '商品信息',
                     key: 'info',
-                    render(row) {
+                    render() {
                         return `测试信息`
                     }
                 },
@@ -62,17 +55,12 @@ export default {
         };
     },
     created() {
-        this.row.newLackNum = this.newLackNum;
-        this.tableData = [this.row];
     },
     watch: {
-        newLackNum(val) {
-            this.row.newLackNum = val;
-            this.tableData = [this.row];
-        }
     },
     methods: {
-        show() {
+        show(row) {
+            console.log(row)
             this.showModal = true;
         },
         clickOk(){

@@ -2,43 +2,45 @@
     <div class="cell-stock-out">
         <p class="row">
             缺货<span class="num">
-                <Input number
-                       v-model="newLackNum">
-                </Input>
+                <Input number v-model="uploadNum"></Input>
             </span>
         </p>
-        <p class="row">缺货数：{{row.lackNum}}</p>
+        <p class="row">缺货数：{{lackNum}}</p>
         <p class="row">
             <Button type="error" @click="showModal">上传确认缺货</Button>
         </p>
-        <UploadStockOut
-            ref="stockOut"
-            :row="row"
-            :new-lack-num="newLackNum"
-            @ok-click="uploadSubmit">
-        </UploadStockOut>
     </div>
 </template>
 
 <script>
     import service from 'trade-service';
-    import { UploadStockOut } from 'components/modal'
 
     export default {
         name: 'CellStockOut',
         props: {
-            row: {
-                type: Object
+            rowIndex: {
+                type: [String, Number]
+            },
+            lackNum: {
+                type: [String, Number]
             }
         },
         data() {
             return {
-                newLackNum: ''
+                uploadNum: ''
+            }
+        },
+        watch: {
+            uploadNum(value) {
+                this.$emit('lack-num-change', {
+                    value,
+                    index: this.rowIndex
+                });
             }
         },
         methods: {
             showModal(){
-                this.$refs.stockOut.show();
+                this.$emit('click-upload', this.rowIndex);
             },
             uploadSubmit(){
                 const params = {
@@ -49,12 +51,8 @@
                 service.allotStockOut(params)
                     .then(res => {
                         console.log(res)
-
                     });
             }
-        },
-        components: {
-            UploadStockOut
         }
     }
 </script>

@@ -14,36 +14,26 @@ export default () => {
             },
             prodCode: {
                 label: '商品编码',
-                labelSpan: 6,
                 model: '',
-                holder: '',
-                fieldSpan: 18
+                holder: ''
             },
             merChantCode: {
                 label: '商家编码',
-                labelSpan: 6,
                 model: '',
                 holder: '',
-                fieldSpan: 18
             },
             prodBarCode: {
                 label: '商品条码',
-                labelSpan: 6,
                 model: '',
-                holder: '',
-                fieldSpan: 18
+                holder: ''
             },
             orderTime: {
                 label: '下单时间',
-                labelSpan: 6,
                 model: '',
-                holder: '',
-                fieldSpan: 18
+                holder: ''
             },
             prodStatus: {
                 label: '商品状态',
-                labelSpan: 6,
-                fieldSpan: 18,
                 model: -1,
                 options: [
                     {
@@ -117,10 +107,13 @@ export default () => {
                 {
                     title: '缺货',
                     align: 'center',
-                    render(row){
+                    render(row, column, index){
                         return `<cell-stock-out
-                    :row="row"
-                ></cell-stock-out>`
+                            :row-index="${index}"
+                            :lack-num="row.lackNum"
+                            @lack-num-change="lackNumChange"
+                            @click-upload="showUploadModal(${index})"
+                        ></cell-stock-out>`
                     }
                 },
                 {

@@ -45,7 +45,13 @@
                   @on-change="pageChange" :page-size="20" show-total></Page>
         </LayoutList>
 
-        <DeliverProduct ref="deliver" :deliver-rows="deliverRows"></DeliverProduct>
+        <DeliverProduct
+            ref="deliverModal"
+            :deliver-rows="deliverRows">
+        </DeliverProduct>
+        <UploadStockOut
+            ref="stockOutModal">
+        </UploadStockOut>
     </div>
 </template>
 
@@ -54,7 +60,7 @@
     import moment from 'moment';
     import service from 'trade-service';
     import Store from '../store/undone';
-    import { DeliverProduct } from 'components/modal'
+    import { DeliverProduct, UploadStockOut } from 'components/modal' ;
     import { CellPrdInfo, CellDispatch, CellDeliver, CellStockOut } from '../components';
 
     export default {
@@ -173,7 +179,7 @@
                     this.$Message.error('请先勾选要发货的订单');
                     return;
                 }
-                this.$refs.deliver.show();
+                this.$refs.deliverModal.show();
             },
             setModel(k, v) {
                 this.filters[k].model = v;
@@ -186,6 +192,16 @@
                     return 'over-time';
                 }
                 return '';
+            },
+            lackNumChange(data) {
+                console.log(data)
+                const i = data.index;
+                const v = data.value;
+                this.table.list[i].inputLackNum = +v;
+            },
+            showUploadModal(index) {
+                const row = this.table.list[index];
+                this.$refs.stockOutModal.show(row);
             }
         },
         components: {
@@ -193,7 +209,8 @@
             CellDispatch,
             CellDeliver,
             CellStockOut,
-            DeliverProduct
+            DeliverProduct,
+            UploadStockOut
         }
     };
 </script>