2024-06-25-01

src/views/ecw/order/index.vue

 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
     <el-form
       :model="queryParams"
       ref="queryForm"
@@ -1349,7 +1348,6 @@ export default {
       //destCountryId:'',
       objectiveId: [],
       destWarehouseId: "",
-
       // 选中数组
       ids: [],
       //目的国

src/views/ecw/productPrice/index.vue

@@ -7,7 +7,6 @@
           : routeName
       }}
     </div>
-    <!-- 搜索工作栏 -->
     <el-form
       :model="queryParams"
       ref="queryForm"
@@ -80,13 +79,22 @@
         prop="transportType"
         v-if="!transportType"
       >
+      <!--控件对类型值有影响，不能在此处使用
         <dict-selector
           :type="DICT_TYPE.ECW_TRANSPORT_TYPE"
           v-model="queryParams.transportType"
           formatter="number"
           clearable
           @change="handleQuery"
-        />
+        />-->
+        <el-select
+          v-model="queryParams.transportType"
+          clearable
+          @change="handleQuery"
+        >
+         <el-option value="1" label="海运拼柜"></el-option>
+         <el-option value="3" label="专线空运"></el-option>
+        </el-select>
       </el-form-item>
       <!--海运不显示渠道-->
       <el-form-item
@@ -121,10 +129,10 @@
           />
         </el-select>
       </el-form-item>
-      <!--lanbm 2024-06-15 add -->
-      <el-form-item :label="$t('目的国')" prop="countryId">
+      <el-form-item :label="$t('目的国')" prop="destCountryId">
         <el-select
-          v-model="queryParams.countryId"
+          v-model="destCountryId"
+          :label="destCountryId"
           clearable
           @change="handleQuery"
         >
@@ -137,34 +145,24 @@
           </el-option>
         </el-select>
       </el-form-item>
-
       <el-form-item :label="$t('目的地')" prop="destCityId">
-        <el-select
-          v-model="queryParams.destCityId"
-          clearable
-          @change="handleQuery"
-        >
+        <el-select v-model="destCityId" clearable @change="handleQuery">
           <el-option
-            v-for="city in destCityList"
-            :key="city.id"
-            :label="$l(city, 'title')"
-            :value="city.id"
-          />
+            v-for="item in AddressCity"
+            :key="item.shi"
+            :label="item.shiName"
+            :value="item.shi"
+          ></el-option>
         </el-select>
       </el-form-item>
-      <!--lanbm 2024-06-15 add-->
-      <el-form-item :label="$t('目的仓')" prop="destCityId">
-        <el-select
-          v-model="queryParams.destCityId"
-          clearable
-          @change="handleQuery"
-        >
+      <el-form-item :label="$t('目的仓')" prop="destWarehouseId">
+        <el-select v-model="destWarehouseId" clearable @change="handleQuery">
           <el-option
-            v-for="city in destCityList"
-            :key="city.id"
-            :label="$l(city, 'title')"
-            :value="city.id"
-          />
+            v-for="item in AddressTown"
+            :key="item.id"
+            :label="item.titleZh"
+            :value="item.id"
+          ></el-option>
         </el-select>
       </el-form-item>
       <el-form-item :label="$t('是否预付')" prop="needPay">
@@ -829,6 +827,7 @@
 </template>
 
 <script>
+import { getRegionList } from "@/api/ecw/order";
 import {
   createProductPrice,
   updateProductPrice,
@@ -866,6 +865,13 @@ export default {
   },
   data() {
     return {
+      AddressCity: [], //目的城市
+      AddressProvince: [], //省份
+      AddressTown: [], //目的仓
+      destCountryId: [],
+      objectiveId: [],
+      destCityId: null,
+      destWarehouseId: "",
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -918,7 +924,11 @@ export default {
         clearanceVolumeUnit: null,
         shippingChannelId: null,
         status: null,
-        countryId:null,//国家
+        countryId: null, //国家
+        objectiveId: null,
+        destCityId: null, //目的城市
+        destCountryId: null, //目的国
+        destWarehouseId: null, //目的仓
       },
       // 表单参数
       form: {
@@ -1156,6 +1166,164 @@ export default {
     }
   },
   watch: {
+    destCountryId: {
+      //监听当前地区值的变化，于与上方地区值进行了双向绑定
+      deep: true, //深度监听
+      handler() {
+        //每当值省份值改变时其下地区值进行清空
+        this.AddressCity = [];
+        this.AddressTown = [];
+        this.destWarehouseId = "";
+        this.destCityId = "";
+        this.findByprovinceCode();
+        if (this.destCountryId == "") {
+          //1 是所有区域，2 国家，3是市，
+          getRegionList(4, 4)
+            .then(({ data }) => {
+              this.AddressCity = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+
+          getRegionList(5, 5)
+            .then(({ data }) => {
+              this.AddressTown = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+        } else if (
+          this.destCountryId != "" &&
+          this.objectiveId == "" &&
+          this.destWarehouseId == ""
+        ) {
+          getRegionList(2, this.destCountryId)
+            .then(({ data }) => {
+              this.AddressCity = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+          getRegionList(5, 5)
+            .then(({ data }) => {
+              this.AddressTown = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+        }
+      },
+    },
+    destCityId: {
+      deep: true, //深度监听 目的仓
+      handler() {
+        this.AddressTown = [];
+        this.destWarehouseId = "";
+        this.findBycityCode();
+        if (
+          this.destCityId != "" &&
+          this.destCountryId != "" &&
+          this.destWarehouseId == ""
+        ) {
+          //获取当前城市值id，获取该城市下区域
+          getRegionList(3, this.destCityId)
+            .then(({ data }) => {
+              this.AddressTown = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+        } else if (
+          this.destCountryId == "" &&
+          this.destCityId == "" &&
+          this.destWarehouseId == ""
+        ) {
+          getRegionList(5, 5)
+            .then(({ data }) => {
+              this.AddressTown = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+        } else if (
+          this.destCountryId != "" &&
+          this.destCityId == "" &&
+          this.destWarehouseId == ""
+        ) {
+          getRegionList(2, this.destCountryId)
+            .then(({ data }) => {
+              this.AddressCity = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+          getRegionList(5, 5)
+            .then(({ data }) => {
+              this.AddressTown = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+        } else if (
+          this.destCountryId == "" &&
+          this.destCityId != "" &&
+          this.destWarehouseId == ""
+        ) {
+          //获取当前城市值id，获取该城市下区域
+          getRegionList(3, this.destCityId)
+            .then(({ data }) => {
+              this.AddressTown = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+        }
+      },
+    },
+    destWarehouseId: {
+      deep: true, //深度监听
+      handler() {
+        if (
+          this.destCountryId != "" &&
+          this.destCityId != "" &&
+          this.destWarehouseId == ""
+        ) {
+          //获取当前城市值id，获取该城市下区域
+          getRegionList(3, this.destCityId)
+            .then(({ data }) => {
+              this.AddressTown = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+        } else if (
+          this.destCountryId != "" &&
+          this.destCityId == "" &&
+          this.destWarehouseId == ""
+        ) {
+          getRegionList(5, 5)
+            .then(({ data }) => {
+              this.AddressTown = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+        } else if (
+          this.destCountryId == "" &&
+          this.destCityId != "" &&
+          this.destWarehouseId == ""
+        ) {
+          getRegionList(3, this.destCityId)
+            .then(({ data }) => {
+              this.AddressTown = data;
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+        }
+      },
+    },
     "$route.query.product_id"() {
       // if(!this.$route.query.product_id){
       //   return this.product = null
@@ -1209,7 +1377,7 @@ export default {
       }
       this.getAttrList();
     }
-
+    this.getData();
     //获取城市列表
     this.getCountryList();
     this.getAllCityList();
@@ -1228,6 +1396,52 @@ export default {
     });
   },
   methods: {
+    findByprovinceCode() {
+      //获取当前省份值id，获取该省份下城市 destCountryId provinceCode
+      getRegionList(2, this.destCountryId)
+        .then(({ data }) => {
+          this.AddressCity = data;
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    },
+    findBycityCode() {
+      //获取当前城市值id，获取该城市下区域
+      getRegionList(3, this.objectiveId)
+        .then(({ data }) => {
+          this.AddressTown = data;
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    },
+    getData() {
+      //加载时发起请求获取所有省份值
+      getRegionList(1, 1)
+        .then(({ data }) => {
+          this.AddressProvince = data;
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+      //目的城市
+      getRegionList(4, 4)
+        .then(({ data }) => {
+          this.AddressCity = data;
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+      //目的仓
+      getRegionList(5, 5)
+        .then(({ data }) => {
+          this.AddressTown = data;
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    },
     /* 国家 */
     getCountryList() {
       getListTree({ treeType: 1 }).then((response) => {
@@ -1363,6 +1577,12 @@ export default {
       this.queryParams.pageNo = 1;
       this.queryParams.setPrice = undefined;
       this.queryParams.blacklist = undefined;
+      //目的城市
+      this.queryParams.destCityId = this.destCityId;
+      //目的国
+      this.queryParams.destCountryId = this.destCountryId;
+      //目的仓
+      this.queryParams.destWarehouseId = this.destWarehouseId;
       if (this.queryParams.combStatus) {
         let tmp = this.queryParams.combStatus.split("_");
         this.queryParams[tmp[0]] = tmp[1];

src/views/report/customer_analysis/index.vue

@@ -34,6 +34,7 @@
           v-model="queryParams.deptid"
           :options="deptOptions"
           :show-count="true"
+          :multiple="true"
           :placeholder="$t('请选择部门')"
           :normalizer="normalizer"
         />
@@ -280,7 +281,7 @@
         >
       </el-form-item>
     </el-form>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @sort-change="handleSort">
       <el-table-column label="排名" align="center" prop="px" />
       <el-table-column label="客户编号" align="center" prop="number">
         <template slot-scope="{ row }">
@@ -294,14 +295,24 @@
       <el-table-column label="客户姓名" align="center" prop="name" />
       <el-table-column label="客户经理" align="center" prop="salesman" />
       <el-table-column label="部门" align="center" prop="deptname" />
-      <el-table-column label="总V值" align="center" prop="allsumvolume" />
+      <el-table-column
+        label="总V值"
+        align="center"
+        prop="allsumvolume"
+        sortable="allsumvolume"
+      />
       <el-table-column
         label="总V值同比"
         align="center"
         prop="allsumvolumeTbShow"
       />
 
-      <el-table-column label="海运拼柜" align="center" prop="sumvolumeV1" />
+      <el-table-column
+        label="海运拼柜"
+        align="center"
+        prop="sumvolumeV1"
+        sortable="sumvolumeV1"
+      />
       <el-table-column label="海运占比" align="center" prop="seaZb" />
       <el-table-column
         label="海运拼柜同比"
@@ -309,7 +320,12 @@
         prop="sumvolumeTbShow1"
       />
 
-      <el-table-column label="专线空运" align="center" prop="sumweightV3" />
+      <el-table-column
+        label="专线空运"
+        align="center"
+        prop="sumweightV3"
+        sortable="sumweightV3"
+      />
       <el-table-column label="空运占比" align="center" prop="airZb" />
       <el-table-column
         label="专线空运同比"
@@ -530,6 +546,8 @@ export default {
         edate4: undefined, //客户创建时间
         sdate5: undefined, //首次成交时间
         edate5: undefined, //首次成交时间
+        orderfield:undefined,//排序字段
+        ordertype:undefined,//排序方式
       },
       // 表单参数
       form: {},
@@ -567,6 +585,13 @@ export default {
     //created ------> computed ------> mounted ------> watch
   },
   methods: {
+    handleSort(obj) {
+      if (obj.order != null && obj.prop != null) {
+        this.queryParams.orderfield=obj.prop;  //排序字段
+        this.queryParams.ordertype=obj.order;   //排序方式
+        this.getList();
+      }
+    },
     /** 查询列表 */
     getList() {
       this.loading = true;