Merge branch 'dev' of http://gitlab.jdshangmen.com/jiedao-app/jiedao-app-operator into dev

src/components/CustomerFollow/index.vue

@@ -141,6 +141,10 @@ export default {
      */
     id: Number,
     customerId: Number,
+    customerQuery:{
+      type:Boolean,
+      default:false
+    }
   },
   data() {
     return {
@@ -237,7 +241,7 @@ export default {
        this.$refs.dictMethod.changeValue(this.customerFollow.form.followMethod);
     },
     getCustomerFollowList() {
-    if(this.$route.name === 'customerQuery'){
+    if(this.customerQuery){
       getCustomerFollowPage({customerId: this.customerId,pageNo:this.pageNo,pageSize:this.pageSize}).then(r => {
         this.customerFollowList = r.data.list;
         this.total = r.data.total;

src/views/ecw/box/ladingBill/makeLadingBill.vue

@@ -201,7 +201,7 @@ export default {
         /* doc.save("a4.pdf");
         return Promise.reject() */
         let form = new FormData()
-        let file = this.currRow.orderNo + '-' + orderData.marks + '.pdf' //this.selfNo + '-' + this.currRow.tidanNo + '.pdf'
+        let file = this.selfNo + "-" + this.currRow.tidanNo + ' ' + orderData.marks + '.pdf' //this.selfNo + '-' + this.currRow.tidanNo + '.pdf'
 
         form.append('file', new File([doc.output('arraybuffer')], file, {type: 'application/pdf'}))
         form.append('path', `admin/shipment/${this.selfNo}/pdf/${file}`) // 最前面不能有/，否则返回的url会有两个/

src/views/ecw/channel/componrnts/packaging-type.vue

 <template>
  <div>
     <el-row type="flex" align="align" :gutter="10" >
-      <el-col :span="3">空运订单重量上限(kg)</el-col>
+      <el-col :span="6">空运订单重量上限(kg)</el-col>
       <el-col :span="6" ><el-input v-model="value1.airWeightLimit"></el-input></el-col>
       <el-col :span="6">
         <slot></slot>
       </el-col>
     </el-row>
     <h1>空运清关费</h1>
-      <div v-for="(item ,index) in value1.channelPriceStepClearanceList">
+      <div v-for="(item ,index) in value1[keyArr]">
         <el-row :gutter="10">
           <el-col :span="4">
             第{{index + 1 }}阶梯定价方案：
@@ -58,7 +58,11 @@ export default {
   props:{
     value:{
       type:Object,
-      default:()=>({channelPriceStepClearanceList:[]})
+      default:()=>({})
+    },
+    keyArr:{
+       type:String,
+       default:'channelPriceStepClearanceList'
     }
   },
   name: "packaging-type",
@@ -74,16 +78,14 @@ export default {
       value1:{
         airWeightLimit:undefined,
         packagingTypes:undefined,
-        channelPriceStepClearanceList:[],
       },
 
     }
   },
   mounted() {
     this.value1 = this.value
-    console.log(this.value1,'value1')
       this.$nextTick(()=>{
-        if(this.value1.channelPriceStepClearanceList.length === 0){
+        if(this.value1[this.keyArr] && this.value1[this.keyArr].length === 0){
           this.addInterval()
         }
       })
@@ -100,11 +102,12 @@ export default {
          "startNum":'',
          "weightUnit":''
        }
-       this.value1.channelPriceStepClearanceList.push(p)
-
+       this.value1[this.keyArr].push(p)
+        this.$forceUpdate();
      },
      deleteFn(index){
-       this.value1.channelPriceStepClearanceList.splice(index, 1)
+       this.value1[this.keyArr].splice(index, 1)
+       this.$forceUpdate();
      }
    },
   watch:{

src/views/ecw/channel/edit.vue

@@ -225,6 +225,9 @@ export default {
         if (this.$route.query.id) {
             getChannel(this.$route.query.id).then((res) => {
                 this.$set(this, 'form', {... res.data})
+              if(!this.form.channelPackagingList !==  null ){
+                this.form.channelPackagingList = [];
+              }
                 this.form.attrId = this.form.attrId.split(',').map(i => +i)
                 this.form.channelPackagingList.forEach(item =>{
                   item.packagingTypes = item.packagingTypes.split(',') || []
@@ -268,14 +271,16 @@ export default {
             this.form.channelPackagingList[index] = { airWeightLimit:undefined, packagingTypes:[], channelPriceStepClearanceList:[],}
           }
           item.channelPriceStepClearanceList.forEach((itemm, indexx) => {
-            let p = {   "channelId":'',
+            let p = {
+              "channelId":'',
               "clearancePrice":'',
               "clearancePriceUnit":'',
               "clearanceVolumeUnit":'',
               "endNum":'',
               "packagingId":'',
               "startNum":'',
-              "weightUnit":''}
+              "weightUnit":''
+            }
            if(!this.form.channelPackagingList[index].channelPriceStepClearanceList[indexx]){
              this.form.channelPackagingList[index].channelPriceStepClearanceList[indexx] = p;
            }

src/views/ecw/customer/query.vue

@@ -303,7 +303,7 @@
             <pagination @pagination="getInfoListOfferPage" :page.sync="infoListOfferFrom.pageNo" :limit.sync="infoListOfferFrom.pageSize"  :total="infoListOfferTotal" ></pagination>
           </el-tab-pane>
           <el-tab-pane name="follow" :label="$t('跟进')">
-            <customer-follow ref="customerFollow" :id="id" :customer-id="id"></customer-follow>
+            <customer-follow customerQuery ref="customerFollow" :id="id" :customer-id="id"></customer-follow>
           </el-tab-pane>
           <el-tab-pane name="complain" :label="$t('客户投诉')">
             <customer-complaint ref="customerComplaint" :customer-id="id" hidden-search></customer-complaint>

src/views/ecw/order/stocking/index.vue

@@ -85,8 +85,10 @@
         prop="address"
         :label="$t('操作')">
         <template v-slot="{ row, column, $index }">
-          <el-button v-if="row.packStatus == 1" size="mini" type="warning" @click="noNeedPack(row)">{{$t('无需打包')}}</el-button>
-          <el-button v-if="row.packStatus == 1" size="mini" type="primary" @click="package(row, $t('打包'))">{{$t('打包')}}</el-button>
+          <template v-if="wareItemPackStatus(row.orderItemId) == 1">
+            <el-button size="mini" type="warning" @click="noNeedPack(row)">{{$t('无需打包')}}</el-button>
+            <el-button size="mini" type="primary" @click="package(row, $t('打包'))">{{$t('打包')}}</el-button>
+          </template>
           <el-button v-else size="mini" type="primary" @click="package(row, $t('修改打包'))">{{$t('修改打包')}}</el-button>
         </template>
       </el-table-column>
@@ -159,7 +161,7 @@
       :order-item-b="packageWarehouseItem"
       :title="packageTitle"
       v-if="!!packageOrderItem"
-      @close="packageOrderItem=null;packageOrderItem=null"
+      @close="onPackageClose"
     ></package>
   </div>
 </template>
@@ -313,13 +315,23 @@ export default {
     },
     // 完成备货
     async handleSubmit() {
-      // TODO 判断是否有未完成打包
+      let unpackProds = []
+      this.orderItemList.forEach(item => {
+        if(item.packStatus == 1){
+          unpackProds.push(this.$l(item, 'prodTitle'))
+        }
+      })
+      if(unpackProds.length){
+        return this.$alert(`商品${unpackProds.join(',')}未完成打包,无法完成备货`, this.$t('提示'))
+      }
 
       let form = {...this.form}
       form.orderId = this.orderId
       form.manualExceptionType = form.manualExceptionType.join(',')
       finishStock(form).then(res => {
-        this.$message.success(this.$t('操作成功'))
+        return this.$alert(this.$t('操作成功'))
+      }).then(() => {
+        this.$tab.closePage()
       })
     },
     // 显示打包弹层
@@ -334,6 +346,11 @@ export default {
         this.$message.success(this.$t('操作成功'))
       })
     },
+    onPackageClose(){
+      this.packageOrderItem=null;
+      this.packageOrderItem=null;
+      this.getOrderItemList()
+    }
   },
   watch: {
     /*orderSpecialNeeds(val){

src/views/ecw/product/index.vue

@@ -130,8 +130,8 @@
     <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" />
 
     <!-- 对话框(添加 / 修改) -->
-    <el-dialog :title="title" :visible.sync="open" width="550px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="110px">
+    <el-dialog :title="title" :visible.sync="open" width="850px" append-to-body>
+      <el-form v-if="open"  ref="form" :model="form" :rules="rules" label-width="110px">
         <el-form-item :label="$t('商品类型')" prop="typeId">
           <el-select v-model="form.typeId" :placeholder="$t('选择商品类型')" clearable>
             <el-option v-for="types in typeList" :key="types.id" :label="types.titleZh" :value="types.id" />
@@ -148,15 +148,6 @@
 
         <el-form-item :label="$t('商品图片')" prop="img">
           <image-upload v-model="form.imgs" />
-          <!-- <el-col :span="8">
-            <el-input v-model="form.imgs" :placeholder="$t('请上传图片')" disabled />
-          </el-col> -->
-
-          <!-- <el-upload action="#" :http-request="requestUpload" :show-file-list="false" :before-upload="beforeUpload">
-            <el-button size="small">{{ $t('上传图片') }}<i class="el-icon-upload el-icon--right"></i>
-            </el-button>
-          </el-upload> -->
-
         </el-form-item>
 
         <el-form-item prop="auditStatus" :label="$t('是否审核')">
@@ -224,9 +215,6 @@
           </el-input>
         </el-form-item>
         <el-form-item  :label="$t('可参与优惠')">
-          <!--          <el-select multiple v-model="form.couponlds" size="5"  style="min-width: 300px; border:1px solid #DCDFE6; border-radius:4px">-->
-          <!--            <el-option v-for="item in preferentialList"  :value="item.couponId" :label="item.titleZh" :key="item.couponId" :disabled="item.mandatory">{{item.titleZh}}</el-option>-->
-          <!--          </el-select>-->
           <div style="width: 300px;height: 400px;border: 1px solid;overflow-y: auto">
             <div @click="selectMoveAbout(item)" style="display: flex;justify-content: space-between; align-items: center;" :style="{'cursor':item.mandatory ? 'no-drop' : 'pointer'  }"  v-for="item in preferentialList" :key="item.couponId" >
               <div>
@@ -236,12 +224,26 @@
             </div>
           </div>
         </el-form-item>
+        <packaging-type  key-arr="priceStepClearanceList" v-model="form">
+          <el-button @click="visible =  true; open = false;" type="text">选择空运模板</el-button>
+        </packaging-type>
+         <p v-if="lineNum">
+           <span>
+             复制模板线路价格：{{lineNum}}个
+           </span>
+           <span style="color: #0a84ff;cursor: pointer;">
+             查看《#选择空运商品模板名称#》路线价格
+           </span>
+         </p>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">{{$t('确定')}}</el-button>
         <el-button @click="cancel">{{$t('取消')}}</el-button>
       </div>
     </el-dialog>
+    <el-dialog :visible.sync="visible" >
+      <product-dialog @copyLine="copyLine"></product-dialog>
+    </el-dialog>
   </div>
 </template>
 
@@ -261,14 +263,19 @@ import {DICT_TYPE, getDictDatas} from '@/utils/dict';
 import {AuditStatusEnum, CommonStatusEnum} from '@/utils/constants';
 import {uploadFile} from "@/api/infra/file";
 import ImageUpload from '@/components/ImageUpload'
+import PackagingType from "@/views/ecw/channel/componrnts/packaging-type.vue";
+import ProductDialog from "@/views/ecw/product/product-dialog.vue";
 
 export default {
   name: "EcwProductIndex",
   components: {
+    ProductDialog,
+    PackagingType,
     ImageUpload
   },
   data() {
     return {
+      visible:false,
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -313,7 +320,9 @@ export default {
         status: null,
       },
       // 表单参数
-      form: {},
+      form: {
+
+      },
       // 表单校验
       rules: {
         typeId: [{ required: true, message: this.$t("商品类型不能为空"), trigger: "change" }],
@@ -335,7 +344,8 @@ export default {
       packagingList: getDictDatas(DICT_TYPE.ECW_PACKAGING_TYPE),
       locationList: getDictDatas(DICT_TYPE.ECW_CONTAINER_LOCATION),
       preferentialList:[],
-      exceptionProductId:0//新增商品异常传的id
+      exceptionProductId:0,//新增商品异常传的id
+      lineNum:0
     };
   },
 
@@ -403,6 +413,51 @@ export default {
 
   },
   methods: {
+    copyLine(val , bol){
+      let copy = ()=>{
+        this.form.airWeightLimit = val.airWeightLimit;
+        val.priceStepClearanceList.forEach((item ,index) =>{
+          if(this.form.priceStepClearanceList[index]){
+            this.form.priceStepClearanceList[index].clearancePrice = item.clearancePrice
+            this.form.priceStepClearanceList[index].clearancePriceUnit = item.clearancePriceUnit
+            this.form.priceStepClearanceList[index].clearanceVolumeUnit = item.clearanceVolumeUnit
+          }else {
+            let p = {
+              "channelId":'',
+              "clearancePrice":item.clearancePrice,
+              "clearancePriceUnit":item.clearancePriceUnit,
+              "clearanceVolumeUnit":item.clearanceVolumeUnit,
+              "endNum":'',
+              "packagingId":'',
+              "startNum":'',
+              "weightUnit":''
+            }
+            this.form.priceStepClearanceList.push(p)
+          }
+        })
+      }
+      this.visible = false;
+      if(bol){
+        this.$confirm(`请确认是否要将#${this.$l(val,'title')}#的所有路线价格复制到当前商品#${this.$l(this.form,'title')}#中？`, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.form.priceLineCount = val.id;
+          this.lineNum = val.priceStepClearanceCount;
+          this.form.priceLineCount = val.id;
+          this.isCopyProductPriceTemplate = true;
+          copy()
+          this.open = true;
+        }).catch(() => {
+          this.open = true;
+        });
+      }else {
+        this.open = true;
+        copy()
+      }
+      this.$forceUpdate()
+    },
     /** 获取产品属性列表 */
     getAttrList() {
       getProductAttrList().then(response => {
@@ -477,7 +532,12 @@ export default {
         requirements: 0,
         needBook: 0,
         couponIds:[],
+        airWeightLimit:undefined,
+        priceStepClearanceList:[],
+        isCopyProductPriceTemplate:false,
+        productTemplateId:undefined,
       };
+      this.lineNum = 0
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
@@ -511,6 +571,7 @@ export default {
       const id = row.id;
       getProduct(id).then(response => {
         this.form = {...response.data,couponIds:[]};
+        this.form.channelPriceStepClearanceList = this.form.priceStepClearanceList;
         let attrArray = this.form.attrId?this.form.attrId.split(','):[];
         for (let index in attrArray) {
           let value = attrArray[index];
@@ -540,9 +601,14 @@ export default {
         this.form.attrId = this.form.attrArray.join(',');
         // 修改的提交
         if (this.form.id != null) {
+          this.form.priceStepClearanceList.forEach(i =>{
+            i.productId = this.form.id
+          })
           if(this.exceptionProductId){
             this.form.productId = this.exceptionProductId
             this.form.status = 0
+          }else {
+            this.form.productId = this.form.id
           }
           updateProduct(this.form).then(response => {
             this.$modal.msgSuccess(this.$t("修改成功"));

src/views/ecw/product/product-dialog.vue

+
+<template>
+  <div class="app-container">
+
+    <!-- 搜索工作栏 -->
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item :label="$t('商品编码')" prop="productCode">
+        <el-input v-model="queryParams.productCode" :placeholder="$t('请输入商品编码')" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+
+      <el-form-item :label="$t('海关编码')" prop="customsCode">
+        <el-input v-model="queryParams.customsCode" :placeholder="$t('请输入海关编码')" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+
+      <el-form-item :label="$t('商品名称')" prop="titleZh">
+        <el-input v-model="queryParams.titleZh" :placeholder="$t('请输入商品名称')" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+
+      <el-form-item :label="$t('商品类型')" prop="attrId">
+        <el-select v-model="queryParams.typeId" :placeholder="$t('选择商品类型')" clearable>
+          <el-option v-for="types in typeList" :key="types.id" :label="$l(types, 'title')" :value="types.id" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('商品特性')" prop="attrId">
+        <el-select v-model="queryParams.attrId" :placeholder="$t('选择商品特性')" clearable>
+          <el-option v-for="attr in attrList" :key="attr.id" :label="attr.attrName" :value="attr.id" />
+        </el-select>
+      </el-form-item>
+
+      <!-- <el-form-item :label="$t('审核状态')" prop="auditStatus">
+        <el-select v-model="queryParams.auditStatus" :placeholder="$t('选择审核状态')" clearable>
+          <el-option v-for="auditStatusItem in auditStatusDictDatas" :key="auditStatusItem.id" :label="auditStatusItem.label" :value="auditStatusItem.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('上架状态')" prop="status">
+        <el-select v-model="queryParams.status" :placeholder="$t('选择上架状态')" clearable>
+          <el-option v-for="statusItem in statusDictDatas" :key="statusItem.id" :label="statusItem.value == CommonStatusEnum.ENABLE ? '已上架' : '已下架'" :value="statusItem.value" />
+        </el-select>
+      </el-form-item> -->
+
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">{{$t('搜索')}}</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">{{$t('重置')}}</el-button>
+      </el-form-item>
+    </el-form>
+
+
+    <!-- 列表 -->
+    <el-table v-loading="loading" :data="list">
+      <el-table-column :label="$t('序号')" align="center" prop="id" />
+      <el-table-column :label="$t('商品类型')" align="center" prop="typeId">
+        <template slot-scope="scope">
+          <span>{{ getTypeName(scope.row.typeId) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('中文标题')" align="center" prop="titleZh" />
+      <el-table-column :label="$t('英文标题')" align="center" prop="titleEn" />
+      <el-table-column prop="airWeightLimit" :label="$t('订单重量上限kg')"></el-table-column>
+
+      <el-table-column :label="$t('操作')" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button @click="copyLine(scope.row , false)"  type="text">仅复制商品</el-button>
+          <el-button @click="copyLine(scope.row , true)" type="text">仅复制商品与线路价格</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页组件 -->
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+  </div>
+</template>
+
+<script>
+import {
+  createProduct,
+  deleteProduct,
+  exportProductExcel,
+  getProduct,
+  getProductPage,
+  product_coupon_newProd,
+  updateProduct
+} from "@/api/ecw/product";
+import {getProductAttrList} from "@/api/ecw/productAttr";
+import {getProductTypeList} from "@/api/ecw/productType";
+import {DICT_TYPE, getDictDatas} from '@/utils/dict';
+import {AuditStatusEnum, CommonStatusEnum} from '@/utils/constants';
+import {uploadFile} from "@/api/infra/file";
+import ImageUpload from '@/components/ImageUpload'
+import PackagingType from "@/views/ecw/channel/componrnts/packaging-type.vue";
+
+export default {
+  name: "product-dialog",
+  components: {
+    PackagingType,
+    ImageUpload
+  },
+  data() {
+    return {
+      visible:false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      //特性列表
+      attrList: [],
+      //类型列表
+      typeList: [],
+      //材质列表
+      materialList: [],
+      //包装列表
+      packagingList: [],
+      //货柜位置
+      locationList: [],
+
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 产品列表
+      list: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      dateRangeCreateTime: [],
+      // 查询参数
+      queryParams: {
+        pageNo: 1,
+        pageSize: 10,
+        typeId: null,
+        attrId: null,
+        titleZh: null,
+        titleEn: null,
+        auditStatus: null,
+        status: null,
+      },
+      // 表单参数
+      form: {
+
+      },
+      // 表单校验
+      rules: {
+        typeId: [{ required: true, message: this.$t("商品类型不能为空"), trigger: "change" }],
+        attrArray: [{ required: true, message: this.$t("商品特性不能为空"), trigger: "change" }],
+        titleZh: [{ required: true, message: this.$t("中文标题不能为空"), trigger: "blur" }],
+        titleEn: [{ required: true, message: this.$t("英文标题不能为空"), trigger: "blur" }],
+        // materialType: [{ required: true, message: this.$t("商品材质不能为空"), trigger: "blur" }],
+        // packaging: [{ required: true, message: this.$t("包装要求不能为空"), trigger: "blur" }],
+        // containerLocation: [{ required: true, message: this.$t("默认货柜位置不能为空"), trigger: "blur" }],
+        // square: [{ required: true, message: this.$t("订单方数上线不能为空"), trigger: "blur" }],
+        // needBook: [{ required: true, message: this.$t("是否预约入仓不能为空"), trigger: "blur" }],
+      },
+
+      CommonStatusEnum: CommonStatusEnum,
+      AuditStatusEnum: AuditStatusEnum,
+      statusDictDatas: getDictDatas(DICT_TYPE.COMMON_STATUS),
+      auditStatusDictDatas: getDictDatas(DICT_TYPE.AUDIT_STATUS),
+      materialList: getDictDatas(DICT_TYPE.ECW_PRODUCT_MATERIAL),
+      packagingList: getDictDatas(DICT_TYPE.ECW_PACKAGING_TYPE),
+      locationList: getDictDatas(DICT_TYPE.ECW_CONTAINER_LOCATION),
+      preferentialList:[],
+      exceptionProductId:0//新增商品异常传的id
+    };
+  },
+
+  computed: {
+    getTypeName() {
+      return typeId => {
+        for (let index in this.typeList) {
+          let typeItem = this.typeList[index];
+          if (typeItem.id == typeId) {
+            return this.$l(typeItem, 'title');
+          }
+        }
+      }
+    },
+
+    getAttrName() {
+      return attrIds => {
+        let productAttrArray = [];
+        let attrArray = attrIds.split(',');
+        for (let attrIndex in attrArray) {
+          let attrId = attrArray[attrIndex];
+          for (let index in this.attrList) {
+            let attrItem = this.attrList[index];
+            if (attrItem.id == attrId) {
+              productAttrArray.push(this.$l(attrItem, 'attrName'));
+            }
+          }
+        }
+        return productAttrArray.join(',');
+      }
+    },
+    firstImg(){
+      return imgString => {
+        if(!imgString || imgString == '') return imgString
+        let imgs = imgString.split(',')
+        return imgs.length ? imgs[0] : null
+      }
+    }
+  },
+
+  activated(){
+    if(this.$route.query.typeId != this.queryParams.typeId){
+      this.queryParams.typeId = +this.$route.query.typeId || null
+    }
+    //新增商品异常跳转商品修改
+    if(this.$route.query.prodId){
+      this.exceptionProductId = this.$route.query.prodId
+      this.handleUpdate({id:this.$route.query.prodId})
+    }
+    this.getList()
+  },
+  created() {
+    //新增商品异常跳转商品修改
+    if(this.$route.query.prodId){
+      this.exceptionProductId = this.$route.query.prodId
+      this.handleUpdate({id:this.$route.query.prodId})
+    }
+    let typeId = this.$route.query.typeId;
+    if (typeId) {
+      this.queryParams.typeId = parseInt(typeId);
+    }
+    this.getAttrList();
+    this.getTypeList();
+    this.getList();
+
+  },
+  methods: {
+    copyLine(row, bol){
+      this.$emit( 'copyLine', row, bol)
+
+
+    },
+    /** 获取产品属性列表 */
+    getAttrList() {
+      getProductAttrList().then(response => {
+        this.attrList = response.data;
+      })
+    },
+
+    /** 获取产品类型列表 */
+    getTypeList() {
+      getProductTypeList().then(response => {
+        this.typeList = response.data;
+      })
+    },
+
+    /**跳转价格管理 */
+    toPriceManager(row) {
+      /* localStorage.setItem('product', JSON.stringify(row));
+      localStorage.setItem('typeList', JSON.stringify(this.typeList)); */
+      this.$router.push({
+        name: 'ProductPrice',
+        query: {
+          product_id: row.id,
+          product_type: row.typeId
+        }
+      })
+    },
+
+    handleStatusChange(row, statusType) {
+      updateProduct(row).then(() => {
+        this.$modal.msgSuccess(this.$t("修改成功"));
+      }).catch(function () {
+        if (statusType == 'status') {
+          row.status = row.status === CommonStatusEnum.ENABLE ? CommonStatusEnum.DISABLE : CommonStatusEnum.ENABLE;
+        } else {
+          row.auditStatus = row.auditStatus === AuditStatusEnum.PASS ? AuditStatusEnum.NOT_PASS : AuditStatusEnum.PASS;
+        }
+
+      });
+    },
+
+    /** 查询列表 */
+    getList() {
+      this.loading = true;
+      // 处理查询参数
+      let params = { ...this.queryParams };
+      params.filter=false;
+      this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
+      // 执行查询
+      params.status = 0;
+      getProductPage(params).then(response => {
+        this.list = response.data.list;
+        this.total = response.data.total;
+        this.loading = false;
+      });
+    },
+    /** 取消按钮 */
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    /** 表单重置 */
+    reset() {
+      this.form = {
+        id: undefined,
+        typeId: undefined,
+        attrArray: undefined,
+        attrId: undefined,
+        titleZh: undefined,
+        titleEn: undefined,
+        auditStatus: undefined,
+        status: undefined,
+        requirements: 0,
+        needBook: 0,
+        couponIds:[],
+        airWeightLimit:undefined,
+        priceStepClearanceList:[],
+        channelPriceStepClearanceList:[],
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNo = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRangeCreateTime = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = this.$t("添加商品");
+      product_coupon_newProd().then(r => {
+        this.preferentialList = r.data
+        this.form.couponIds = this.preferentialList.filter(i => i.isDefault).map(i => i.couponId)
+      })
+      if (this.queryParams.typeId) {
+        this.form.typeId = this.queryParams.typeId;
+      }
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      // this.reset();
+      console.log(row);
+      const id = row.id;
+      getProduct(id).then(response => {
+        this.form = {...response.data,couponIds:[]};
+        this.form.channelPriceStepClearanceList = this.form.priceStepClearanceList;
+        let attrArray = this.form.attrId?this.form.attrId.split(','):[];
+        for (let index in attrArray) {
+          let value = attrArray[index];
+          attrArray[index] = parseInt(value);
+        }
+        this.$nextTick(() =>{
+          this.$set(this.form, 'attrArray', attrArray)
+        })
+        this.open = true;
+        this.title = this.$t("修改商品");
+        product_coupon_newProd({prodId:id}).then(r => {
+          this.preferentialList = r.data
+          this.form.couponIds = this.preferentialList.filter(i => i.isDefault).map(i => i.couponId)
+          // this.reset()
+        })
+      });
+    },
+
+    /** 提交按钮 */
+    submitForm() {
+      console.log(this.form);
+      this.$refs["form"].validate(valid => {
+        if (!valid) {
+          return;
+        }
+        this.form.priceStepClearanceList = this.form.channelPriceStepClearanceList;
+        //商品特性转字符串
+        this.form.attrId = this.form.attrArray.join(',');
+        // 修改的提交
+        if (this.form.id != null) {
+          this.form.priceStepClearanceList.forEach(i =>{
+            i.productId = this.form.id
+          })
+          if(this.exceptionProductId){
+            this.form.productId = this.exceptionProductId
+            this.form.status = 0
+          }else {
+            this.form.productId = this.form.id
+          }
+          updateProduct(this.form).then(response => {
+            this.$modal.msgSuccess(this.$t("修改成功"));
+            this.open = false;
+            if(this.exceptionProductId){
+              this.exceptionProductId = null
+              this.$router.replace({ path: '/product/product-list'})
+            }
+            this.getList();
+          });
+          return;
+        }
+        // 添加的提交
+        createProduct(this.form).then(response => {
+          this.$modal.msgSuccess(this.$t("新增成功"));
+          this.open = false;
+          this.getList();
+        });
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const id = row.id;
+      this.$modal.confirm(this.$t('是否确认删除商品编号为{id}的数据项?', {id})).then(function () {
+        return deleteProduct(id);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess(this.$t("删除成功"));
+      }).catch(() => { });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      // 处理查询参数
+      let params = { ...this.queryParams };
+      params.pageNo = undefined;
+      params.pageSize = undefined;
+      this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
+      // 执行导出
+      this.$modal.confirm(this.$t('是否确认导出所有商品数据项?')).then(() => {
+        this.exportLoading = true;
+        return exportProductExcel(params);
+      }).then(response => {
+        this.$download.excel(response, '商品.xlsx');
+        this.exportLoading = false;
+      }).catch(() => { });
+    },
+
+    // 覆盖默认的上传行为
+    requestUpload() {
+    },
+    // 上传预处理
+    beforeUpload(file) {
+      if (file.type.indexOf("image/") == -1) {
+        this.$modal.msgError(this.$t("文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。"));
+      } else {
+        //上传
+        let formData = new FormData();
+        formData.append("file", file);
+        formData.append("path", this.uuid());
+        uploadFile(formData).then(response => {
+          this.$set(this.form, 'imgs', response.data);
+          // this.form.img = response.data;
+        })
+      }
+    },
+
+    uuid() {
+      var s = [];
+      var hexDigits = "0123456789abcdef";
+      for (var i = 0; i < 36; i++) {
+        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+      }
+      s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
+      s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
+      s[8] = s[13] = s[18] = s[23] = "-";
+
+      var uuid = s.join("");
+      return uuid;
+    },
+    // 批量设置商品属性
+    handleEdit() {
+      this.$router.push({
+        path: "product-attr/edit",
+        query: {
+          ids: this.ids
+        }
+      });
+    },
+    selectMoveAbout(val){
+      if(!val.mandatory){
+        let index = this.form.couponIds.findIndex(i => val.couponId == i)
+        if(index >= 0){
+          this.$confirm(this.$t(`您确定要将商品从优惠活动${this.$l(val,'title')}中移出吗？`), this.$t('提示'), {
+            confirmButtonText: this.$t('确定'),
+            cancelButtonText:this.$t('取消') ,
+            type: 'warning'
+          }).then(() => {
+            this.form.couponIds.splice(index,1)
+            this.$forceUpdate()
+          }).catch(() => {
+
+          });
+        }else {
+          this.$confirm(this.$t(`您确定要将商品加入到优惠活动${this.$l(val,'title')}中吗？`), this.$t('提示'), {
+            confirmButtonText: this.$t('确定'),
+            cancelButtonText:this.$t('取消') ,
+            type: 'warning'
+          }).then(() => {
+            this.form.couponIds.push(val.couponId)
+            this.$forceUpdate()
+          }).catch(() => {
+
+          });
+        }
+      }
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+
+</style>

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
     }
 
   }