新增箱型箱量

src/views/warehouseBusiness/goodsTransfer/index.vue

@@ -710,6 +710,42 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item >
+              <el-table
+                :data="CntrTable"
+                style="width: 80%"
+                :header-cell-style="{ lineHeight: '16px' }"
+              >
+                <el-table-column prop="fCntrid " label="箱型">
+                  <template slot-scope="scope">
+                    <el-input
+                      placeholder="请输入箱号"
+                      v-model="scope.row.fCntrid "
+                    >
+                    </el-input>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="fCntrcount" label="箱量">
+                  <template slot-scope="scope">
+                    <el-input
+                      placeholder="请输入箱量"
+                      v-model="scope.row.fCntrcount"
+                    >
+                    </el-input>
+                  </template>
+                   </el-table-column>
+              </el-table>
+              <div style="display: flex; justify-content: center;width: 80%">
+                <el-tag size="mini" class="tag-hover"
+                  @click="addRow"><i class="el-icon-plus"></i
+                ></el-tag>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        
         <el-button type="primary" :disabled="browseStatus" @click="saveForm"
           >保 存</el-button
         >
@@ -2038,6 +2074,7 @@ export default {
   },
   data() {
     return {
+      CntrTable:[{}],
       idCopy: "",
       //全屏放大
       dialogFull: false,
@@ -2504,6 +2541,10 @@ export default {
     this.Jump();
   },
   methods: {
+    addRow() {
+      var obj = {};
+      this.CntrTable.push(obj);
+    },
     full() {
       this.dialogFull = !this.dialogFull;
     },
@@ -3120,6 +3161,7 @@ export default {
       this.warehouseOptions = [];
       this.relevantAttachments = [];
       this.mblnoStatus = "";
+      this.CntrTable=[{}];
       this.form = {
         fCorpid: null,
         fTocorpid: null,
@@ -4386,4 +4428,11 @@ export default {
 .el-icon-full-screen:before {
   content: "\e719";
 }
+.tag-hover:hover {
+  background-color: #d9ebfb;
+}
+.tag-hover {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
 </style>