成本分配表-子表备注弹窗

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

@@ -0,0 +1,76 @@
+<template>
+    <a-modal
+      :title="备注"
+      v-model="remarkModVis"
+      width="50%"
+      @ok="ok"
+      cancelText="取消"
+      @cancel="close"
+    >
+    <div>
+      
+     <a-textarea
+      v-model="value"
+      placeholder="请输入"
+      :auto-size="{ minRows: 3, maxRows: 15 }"
+    />
+    </div>
+    </a-modal>
+  </template>
+  
+  <script>
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import JEllipsis from '@/components/jeecg/JEllipsis'
+  import { downFile } from '@/api/manage'
+  export default {
+    name: 'submitInformation', // 反馈信息 弹窗
+    mixins: [JeecgListMixin],
+    components: { JEllipsis},
+    data() {
+      return {      
+        remarkModVis : false,
+         value:'',
+         text:'',
+         father:{}
+      }
+    },
+    watch:{
+    },
+   
+    methods: {
+        ok(){
+          this.$emit('close',this.value,this.text,this.father)
+          this.close()
+        },
+        close(){
+            this.remarkModVis = false
+            this.value = ''
+        }
+   },
+  }
+  </script>
+  <style lang="less" scoped>
+  @import '~@assets/less/common.less';
+  @import '~@assets/less/overwriter.less';
+  // /deep/ .ant-table-thead > tr > th {
+  //   text-align: center;
+  //   // font-weight: 700;
+  // }
+  
+  // /deep/ .ant-table-tbody {
+  //   text-align: center;
+  // }
+  //  /deep/ .ant-table-footer .ant-table-body {
+  //     overflow: hidden !important;
+  //   }
+  // /deep/ th.replacecolor {
+  //   background-color: #ccc;
+  // }
+  /deep/ .ant-modal-body {
+    height: 100% !important;
+  }
+  /deep/ .ant-modal-content{
+    overflow: auto;
+  }
+  </style>
+  

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

@@ -38,7 +38,8 @@
             </span>
             <!-- 备注 -->
             <span slot="remarks" slot-scope="text,record">
-              <a-input placeholder="请输入" v-model="record.remarks" v-show='showSelect==0'/>
+              <!-- <a-input placeholder="请输入" v-model="record.remarks" v-show='showSelect==0'/> -->
+              <a @click="inputRemark(record,'面料')" v-show='showSelect==0'> 备注</a>
               <span v-show='showSelect==1'>{{ text }}</span>
             </span>
           </a-table>
@@ -70,7 +71,8 @@
             </span>
             <!-- 备注 -->
             <span slot="remarks" slot-scope="text,record">
-              <a-input placeholder="请输入" v-model="record.remarks" v-show='showSelect==0'/>
+              <!-- <a-input placeholder="请输入" v-model="record.remarks" v-show='showSelect==0'/> -->
+              <a @click="inputRemark(record,'辅料')" v-show='showSelect==0'> 备注</a>
               <span v-show='showSelect==1'>{{ text }}</span>
             </span>
           </a-table>
@@ -185,6 +187,7 @@
       <!-- 余下数量 -->
       <ingRemQua-modal ref="ingRemQuaModal" :father="bb"></ingRemQua-modal>
       <pilosity-fewer-list-modal ref="pilosityFewerListModal"></pilosity-fewer-list-modal>
+      <submit-information  ref="submitInformation" @close="closeRemark"></submit-information>
     </div>
   </div>
 </template>
@@ -199,7 +202,7 @@ import fabRemQuaModal from '@views/cost-allocation-total/modal/fabRemQuaModal.vu
 import ingInQuaModal from '@views/cost-allocation-total/modal/ingInQuaModal.vue'
 import ingRemQuaModal from '@views/cost-allocation-total/modal/ingRemQuaModal.vue'
 import pilosityFewerListModal from '@views/cost-allocation-total/modal/pilosityFewerModal.vue'
-
+import submitInformation from '@views/reportForms/cost-allocation-table/submitInformation.vue' // tabs组件
 export default {
   name: 'UnitTabs', //  Tabs 详情
   mixins: [JeecgListMixin],
@@ -211,6 +214,7 @@ export default {
     ingInQuaModal, // 辅料 转入数量
     ingRemQuaModal ,// 余下数量
     pilosityFewerListModal,//多发少发
+    submitInformation
   },
   data() {
     // let ellipsis = (v, l = 20) => <j-ellipsis value={v} length={l} />
@@ -732,10 +736,15 @@ export default {
         }
       }
     },
-
-    aa() {},
-    bb() {},
-    cc() {}
+    inputRemark(record,data){
+       this.$refs.submitInformation.remarkModVis = true
+       this.$refs.submitInformation.value = record.remarks
+       this.$refs.submitInformation.text = data
+       this.$refs.submitInformation.father = record
+    },
+    closeRemark(value,data,record){
+      record.remarks=value
+    }
   },
 
   computed: {