显示出箱子的长宽高体积

src/views/modules/ecss/partHsCode.vue

@@ -161,6 +161,26 @@
               <el-input v-model="hsCodeModelData.packageNo" disabled ></el-input>
             </el-form-item>
           </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'长(M)'">
+              <el-input v-model="hsCodeModelData.length" disabled ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'宽(M)'">
+              <el-input v-model="hsCodeModelData.width" disabled ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'高(M)'">
+              <el-input v-model="hsCodeModelData.height" disabled ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'体积(M³)'">
+              <el-input v-model="packageVolume" disabled ></el-input>
+            </el-form-item>
+          </el-col>
         </el-row>
       </el-form>
       <el-footer style="height:40px;margin-top: 10px;text-align:center">
@@ -736,7 +756,10 @@
           partDesc: '',
           hsCode:'',
           hsCodeDesc:'',
-          packageNo:''
+          packageNo:'',
+          length: '',
+          width: '',
+          height: ''
         },
         currentRow:{
           site:'',
@@ -747,6 +770,21 @@
         }
       }
     },
+    computed: {
+      /**
+       * 计算包装箱体积 (长 * 宽 * 高)
+       */
+      packageVolume() {
+        const length = parseFloat(this.hsCodeModelData.length) || 0
+        const width = parseFloat(this.hsCodeModelData.width) || 0
+        const height = parseFloat(this.hsCodeModelData.height) || 0
+
+        if (length > 0 && width > 0 && height > 0) {
+          return (length * width * height).toFixed(6)
+        }
+        return ''
+      }
+    },
     mounted() {
       this.$nextTick(() => {
         this.height = (window.innerHeight - 240)/2;
@@ -909,6 +947,9 @@
       },
       hsCodeModel(row){
         this.hsCodeModelData=JSON.parse(JSON.stringify(row))
+        this.hsCodeModelData.length = row.boxLength/100
+        this.hsCodeModelData.width = row.boxWidth/100
+        this.hsCodeModelData.height = row.boxHeight/100
         this.hsCodeModelFlag=true
       },
       changeData(row){