成本分配表-面料-多发少发弹窗

src/views/cost-allocation-total/modal/pilosityFewerModal.vue

@@ -11,7 +11,7 @@
     <a-spin :spinning="confirmLoading">
       <!-- 回显信息  -->
       <div class="table-page-search-wrapper" style="marginTop:20px;">
-        <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <!-- <a-form layout="inline" @keyup.enter.native="searchQuery">
           <a-row :gutter="24">
             <a-col :md="6" :sm="8">
               <a-form-item label="存货名称">
@@ -39,16 +39,31 @@
               <a-form-item label="多发少发">
                 <a-input v-model="pilosityFewerList.pilosityFewer"></a-input>
               </a-form-item>
-            </a-col>
+            </a-col> -->
             <!-- <a-col :md="6" :sm="8">
               <a-form-item label="备注">
                 <a-input v-model="pilosityFewerList.styleNumber"></a-input>
               </a-form-item>
             </a-col> -->
 
-            <a-col :md="24" :sm="24">
+            <!-- <a-col :md="24" :sm="24">
               <a-form-item label="备注" class="noteBg">
-                <a-input type="textarea" v-model="pilosityFewerList.remarks" style="minHeight:100px;"></a-input>
+                <a-input type="textarea" v-model="pilosityFewerList.remarks" style="minHeight:100px;"></a-input> -->
+                <a-table
+                     bordered
+                    :loading="loading"
+                    :columns="pilosityFewerColumns"
+                     :data-source="pilosityFewerList"
+                     :pagination="false"
+                    :scroll="{ y: 500 }"
+                   >
+                   <span slot="color" slot-scope="text,record">
+                     <a-input placeholder="请输入" v-model="record.color" />
+                    </span>
+                    <span slot="remarks" slot-scope="text,record">
+                     <a-input placeholder="请输入" v-model="record.remarks" />
+                    </span>
+                </a-table>
 
                 <!-- 导出 打印 返回  -->
                 <a-row style="marginTop:20px;">
@@ -60,10 +75,9 @@
                     </span>
                   </a-col>
                 </a-row>
-              </a-form-item>
-            </a-col>
+            <!-- </a-col>
           </a-row>
-        </a-form>
+        </a-form> -->
       </div>
     </a-spin>
   </a-modal>
@@ -78,7 +92,47 @@ export default {
       loading: false,
       confirmLoading: false,
       pilosityFewerModVis: false,
-      pilosityFewerList: []
+      pilosityFewerList: [],
+      pilosityFewerColumns:[
+        {
+          title: '存货名称',
+          dataIndex: 'goodsName',
+          width: 120,
+          className: 'replacecolor'
+        },
+        {
+          title: '色号',
+          dataIndex: 'color',
+          width: 120,
+          className: 'replacecolor',
+          scopedSlots: { customRender: 'color' },
+        },
+        {
+          title: '计划数量',
+          dataIndex: 'planQuantity',
+          width: 120,
+          className: 'replacecolor'
+        },
+        {
+          title: '购入数量',
+          dataIndex: 'purchaseQuantity',
+          width: 120,
+          className: 'replacecolor'
+        },
+        {
+          title: '多发少发',
+          dataIndex: 'pilosityFewer',
+          width: 120,
+          className: 'replacecolor'
+        },
+        {
+          title: '备注',
+          dataIndex: 'remarks',
+          width: 120,
+          className: 'replacecolor',
+          scopedSlots: { customRender: 'remarks' },
+        },
+      ]
     }
   },
   // 接收父组件 方法

src/views/reportForms/cost-allocation-table/tabs.vue

@@ -691,13 +691,13 @@ export default {
     },
 
     //面料-多发少发
-    pilosityFewerCell(){
+    pilosityFewerCell(record){
       return {
         on: {
           click: event => {
             console.log('面料 - 多发少发')
             this.$refs.pilosityFewerListModal.pilosityFewerModVis = true
-            this.$refs.pilosityFewerListModal.pilosityFewerList = record.pilosutyFewerList
+            this.$refs.pilosityFewerListModal.pilosityFewerList = record.pilosityFewerList
           }
         }
       }