全包价，费用登记

src/views/ecw/box/costForm.vue

 <template>
   <div class="app-costForm shippingSea-dialog">
-    <el-form ref="costForm" :model="costObj" label-width="80px">
+    <el-form ref="costForm" :model="costObj" :rules="rules" label-width="80px">
 
-      <el-form-item label="操作步骤">
+      <el-form-item label="操作步骤" prop="opStepType">
         <el-select v-model="costObj.opStepType" placeholder="请选择操作步骤">
           <el-option v-for="type in this.getDictDatas(DICT_TYPE.BOX_SHIPPING_PROCESS)" :key="type.value" :label="type.label" :value="type.value"></el-option>
         </el-select>
       </el-form-item>
 
-      <el-form-item label="费用类型">
+      <el-form-item label="费用类型" prop="costType">
         <el-select v-model="costObj.costType" placeholder="请选择费用类型">
           <el-option v-for="type in this.getDictDatas(DICT_TYPE.FEE_TYPE)" :key="type.value" :label="type.label" :value="type.value"></el-option>
         </el-select>
       </el-form-item>
 
-      <el-form-item label="供应商">
+      <el-form-item label="供应商" prop="supplierId">
         <el-select v-model="costObj.supplierId" placeholder="请选择供应商">
           <el-option v-for="supplier in allSupplier" :key="supplier.id" :label="supplier.companyZh" :value="supplier.id"></el-option>
         </el-select>
       </el-form-item>
 
       <el-row class="two-element-formItem">
-        <el-form-item label="金额">
+        <el-form-item label="金额" prop="price">
           <el-input-number v-model="costObj.price" controls-position="right" :min="1"></el-input-number>
         </el-form-item>
-        <el-form-item label="" label-width="0px">
+        <el-form-item label="" label-width="0px" prop="priceUnit">
           <el-select v-model="costObj.priceUnit" placeholder="请选择单位">
             <el-option v-for="type in this.getDictDatas(DICT_TYPE.BOX_SHIPPING_PRICE_UNIT)" :key="type.value" :label="type.label" :value="type.value"></el-option>
           </el-select>
@@ -57,6 +57,14 @@ export default {
       costObj: {},
       // 供应商
       allSupplier: [],
+
+      rules: {
+        opStepType: [{ required: true, message: "操作步骤不能为空", trigger: "change" }],
+        costType: [{ required: true, message: "费用类型不能为空", trigger: "change" }],
+        supplierId: [{ required: true, message: "供应商不能为空", trigger: "blur" }],
+        price: [{ required: true, message: "金额不能为空", trigger: "blur" }],
+        priceUnit: [{ required: true, message: "金额单位不能为空", trigger: "blur" }]
+      },
     };
   },
   created() {

src/views/ecw/productPrice/index.vue

@@ -145,13 +145,17 @@
 
       <el-table-column prop="price" :label="$t('价格')" align="center">
           <template slot-scope="scope">
-            <div>
+            <div v-if="scope.row.priceType == 0">
               {{$t('运费')}}:{{ getCurrencySymbol(scope.row.transportPriceUnit) + scope.row.transportPrice}}&nbsp; 
               {{ getCurrencyTitle(scope.row.transportPriceUnit) + '/' + getUnitTitle(scope.row.transportVolumeUnit)}}
               <br />
               {{$t('清关费')}}:{{ getCurrencySymbol(scope.row.clearancePriceUnit) + scope.row.clearancePrice}}&nbsp; 
               {{ getCurrencyTitle(scope.row.clearancePriceUnit) + '/' + getUnitTitle(scope.row.clearanceVolumeUnit)}}
             </div>
+            <div v-if="scope.row.priceType == 1">
+              {{$t('全包价')}}:{{ getCurrencySymbol(scope.row.allPriceUnit) + scope.row.allPrice}}&nbsp; 
+              {{ getCurrencyTitle(scope.row.allPriceUnit) + '/' + getUnitTitle(scope.row.allVolumeUnit)}}
+            </div>
           </template>
       </el-table-column>