阶梯价格查看更多

src/views/ecw/productPrice/index.vue

@@ -169,6 +169,7 @@
                 {{$t('全包价')}}:{{ getCurrencySymbol(scope.row.priceStepList[0].allPriceUnit) + scope.row.priceStepList[0].allPrice}} 
                 {{ getCurrencyTitle(scope.row.priceStepList[0].allPriceUnit) + '/' + getUnitTitle(scope.row.priceStepList[0].allVolumeUnit)}}
               </div>
+              <el-button type="text" @click="showMoreStepPriceItem=scope.row">{{$t('查看更多')}}</el-button>
             </template>
             <template v-else>
               <div v-if="scope.row.priceType == 0">
@@ -238,6 +239,60 @@
     <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                 @pagination="getList"/>
 
+    <el-dialog :visible="!!showMoreStepPriceItem" :before-close="closeMoreStepPrice" :title="$t('查看阶梯价')">
+
+      <el-row :gutter="20" v-if="showMoreStepPriceItem">
+        <el-col :span="12">
+          <div v-for="(item, index) in showMoreStepPriceItem.priceStepList">
+            <div class="page-title">
+              {{$t("第{no}阶梯（{start}~{end}{weightUnit}）", {
+              no: index + 1,
+              start: item.startNum,
+              end: item.endNum,
+              weightUnit:  getUnitTitle(item.weightUnit),
+              })}}
+            </div>
+
+            <div v-if="showMoreStepPriceItem.priceType == 0">
+              {{$t('运费')}}:{{ getCurrencySymbol(item.transportPriceUnit) + item.transportPrice}}&nbsp;
+              {{ getCurrencyTitle(item.transportPriceUnit) + '/' + getUnitTitle(item.transportVolumeUnit)}}
+              <br />
+              <template v-if="[3,4].indexOf(+showMoreStepPriceItem.warehouseLineDO.transportType) > -1">
+                <!--空运的清关费单独显示-->
+              </template>
+              <template v-else>
+                <!--海运的清关费-->
+                {{$t('清关费')}}:{{ getCurrencySymbol(item.clearancePriceUnit) + item.clearancePrice}}&nbsp;
+                {{ getCurrencyTitle(item.clearancePriceUnit) + '/' + getUnitTitle(item.clearanceVolumeUnit)}}
+              </template>
+            </div>
+            <div v-if="showMoreStepPriceItem.priceType == 1">
+              {{$t('全包价')}}:{{ getCurrencySymbol(item.allPriceUnit) + item.allPrice}}&nbsp;
+              {{ getCurrencyTitle(item.allPriceUnit) + '/' + getUnitTitle(item.allVolumeUnit)}}
+            </div>
+          </div>
+        </el-col>
+        <!--空运的清关费单独显示-->
+        <el-col :span="12" v-if="[3,4].indexOf(+showMoreStepPriceItem.warehouseLineDO.transportType) > -1">
+          <template v-if="showMoreStepPriceItem.clearPriceStepList.length">
+            <div v-for="(item, index) in showMoreStepPriceItem.clearPriceStepList">
+              <div  class="page-title">
+                {{$t("第{no}阶梯（{start}~{end}{weightUnit}）", {
+                no: index + 1,
+                start: item.startNum,
+                end: item.endNum,
+                weightUnit:  getUnitTitle(item.weightUnit),
+                })}}
+              </div>
+              {{$t('清关费')}}:{{ getCurrencySymbol(item.clearancePriceUnit) + item.clearancePrice}}&nbsp;
+              {{ getCurrencyTitle(item.clearancePriceUnit) + '/' + getUnitTitle(item.clearanceVolumeUnit)}}
+            </div>
+          </template>
+          <template v-else>{{$t('暂无清关费设置')}}</template>
+        </el-col>
+      </el-row>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -296,9 +351,6 @@ export default {
       routeParams:{},    //路线搜索条件
       isUpdate: false,   //更新操作
 
-      //货柜位置
-      locationList:[],
-
       // 遮罩层
       loading: true,
       // 导出遮罩层
@@ -353,7 +405,8 @@ export default {
       /* advanceStatusDictDatas: getDictDatas(DICT_TYPE.ADVANCE_STATUS), */
       AuditStatusEnum: AuditStatusEnum,
       locationList: getDictDatas(DICT_TYPE.ECW_CONTAINER_LOCATION),
-
+      // 查看更多阶梯价
+      showMoreStepPriceItem: null
     };
   },
 
@@ -824,6 +877,10 @@ export default {
     copyTemplate(row){
       // 跳转到批量设置页面，并填充数据
       this.$router.push(`../../lineProject/batch-edit-${row.transportType == 3 || row.transportType == 4 ? 'air' : 'sea'}?templateId=${row.id}`)
+    },
+    // 关闭更多阶梯价格窗口
+    closeMoreStepPrice(){
+      this.showMoreStepPriceItem=null
     }
 
   }