0

src/views/ecw/customer/index.vue

@@ -64,7 +64,10 @@
         <el-input
           :placeholder="$t('请输入联系方式')"
           v-model.trim="queryParams.defaultContactPhone"
-          @input="queryParams.defaultContactPhone=queryParams.defaultContactPhone.replace(/\s+/g, '')"
+          @input="
+            queryParams.defaultContactPhone =
+              queryParams.defaultContactPhone.replace(/\s+/g, '')
+          "
         ></el-input>
       </el-form-item>
       <el-form-item :label="$t('客户类别')" prop="level">
@@ -76,9 +79,20 @@
           @change="handleQuery"
         ></dict-selector>
       </el-form-item>
-      <el-form-item :label="$t('部门')" v-if="path != '/customer/department-customers'">
-        <el-select v-model="queryParams.deptIds" :placeholder="$t('请选择部门')">
-          <el-option v-for="item in deptList" :key="item.id" :label="item.name" :value="item.id"/>
+      <el-form-item
+        :label="$t('部门')"
+        v-if="path != '/customer/department-customers'"
+      >
+        <el-select
+          v-model="queryParams.deptIds"
+          :placeholder="$t('请选择部门')"
+        >
+          <el-option
+            v-for="item in deptList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
         </el-select>
       </el-form-item>
       <el-form-item :label="$t('客户经理')" prop="customerService">
@@ -370,7 +384,7 @@
           </template>
         </el-input>
       </el-form-item>
-       <el-form-item :label="$t('推介人')" v-show="showSearch">
+      <el-form-item :label="$t('推介人')" v-show="showSearch">
         <el-select
           clearable
           remote
@@ -682,22 +696,25 @@
       </el-table-column>
       <el-table-column :label="$t('客户类别')" align="center" prop="status">
         <template slot-scope="scope">
-          <dict-tag
-            :type="DICT_TYPE.CUSTOMER_TYPE"
-            :value="scope.row.type"
-          />
+          <dict-tag :type="DICT_TYPE.CUSTOMER_TYPE" :value="scope.row.type" />
         </template>
       </el-table-column>
       <el-table-column :label="$t('角色')" align="center" prop="status">
         <template slot-scope="scope">
-          <dict-tag
-            :type="DICT_TYPE.CUSTOMER_ROLE"
-            :value="scope.row.roles"
-          />
+          <dict-tag :type="DICT_TYPE.CUSTOMER_ROLE" :value="scope.row.roles" />
         </template>
       </el-table-column>
-      <el-table-column :label="$t('客户经理')" align="center" prop="customerServiceName"></el-table-column>
-      <el-table-column :label="$t('国籍')" align="center" prop="country" :formatter="countryFormatter"></el-table-column>
+      <el-table-column
+        :label="$t('客户经理')"
+        align="center"
+        prop="customerServiceName"
+      ></el-table-column>
+      <el-table-column
+        :label="$t('国籍')"
+        align="center"
+        prop="country"
+        :formatter="countryFormatter"
+      ></el-table-column>
       <el-table-column :label="$t('出货渠道')" align="center">
         <template slot-scope="{ row }">
           {{ channel(row.transportType) }}
@@ -745,13 +762,21 @@
       </el-table-column>
       <el-table-column :label="$t('入公海时间')" align="center" width="160">
         <template v-slot="{ row }">
-          {{ parseTime( row.enterOpenSeaTime ? row.enterOpenSeaTime : row.estimateEnterOpenSeaTime)}}
+          {{
+            parseTime(
+              row.enterOpenSeaTime
+                ? row.enterOpenSeaTime
+                : row.estimateEnterOpenSeaTime
+            )
+          }}
         </template>
       </el-table-column>
       <el-table-column :label="$t('入仓确认')" align="center">
         <template slot-scope="scope">
-          <el-tag type="success" v-if="scope.row.arrivalConfirm == 1">{{ $t('是') }}</el-tag>
-          <el-tag type="info">{{ $t('否') }}</el-tag>
+          <el-tag type="success" v-if="scope.row.arrivalConfirm == 1">{{
+            $t("是")
+          }}</el-tag>
+          <el-tag type="info">{{ $t("否") }}</el-tag>
         </template>
       </el-table-column>
       <el-table-column :label="$t('控货无收货人')" align="center">
@@ -782,7 +807,11 @@
           />
         </template>
       </el-table-column>
-      <el-table-column :label="$t('创建人')"  prop="createUsername" align="center">
+      <el-table-column
+        :label="$t('创建人')"
+        prop="createUsername"
+        align="center"
+      >
       </el-table-column>
       <el-table-column :label="$t('创建时间')" align="center" width="160">
         <template slot-scope="scope">
@@ -791,10 +820,15 @@
       </el-table-column>
       <el-table-column :label="$t('最后更新时间')" align="center" width="160">
         <template slot-scope="scope">
-          <span >{{ parseTime(scope.row.updateTime) }}</span>
+          <span>{{ parseTime(scope.row.updateTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column width="200px" :label="$t('操作')" align="center" fixed="right">
+      <el-table-column
+        width="200px"
+        :label="$t('操作')"
+        align="center"
+        fixed="right"
+      >
         <template slot-scope="scope">
           <!--          <el-button size="mini" type="text" v-show="'development' === env && scope.row.isInOpenSea"  @click="seasPond(scope.row)"-->
           <!--                     v-hasPermi="['ecw:customer:query']">{{$t('掉入公海池')}}</el-button>-->
@@ -1429,7 +1463,7 @@ import {
   deptExportExcel,
   recycleUnconfirmedCustomer,
   updatecustomerToOld,
-  competitorListAll
+  competitorListAll,
 } from "@/api/ecw/customer";
 import { getDictDatas, DICT_TYPE } from "@/utils/dict";
 import { CommonStatusEnum } from "@/utils/constants";
@@ -1438,10 +1472,19 @@ import upload from "@/components/ImageUpload";
 import { getNodeList } from "@/api/ecw/node";
 import CustomerFollowList from "./components/customerFollow";
 import customerComplaints from "@/components/customerComplaints";
-import { listServiceUser, getUserProfile, listAllSimpl } from "@/api/system/user";
+import {
+  listServiceUser,
+  getUserProfile,
+  listAllSimpl,
+} from "@/api/system/user";
 import { getCountryListAll } from "@/api/ecw/country";
 import { getCreditPage } from "@/api/customer/credit";
-import { customerExportExcel, changeCustomerDefaultPay, changeCustomerNoConsignee,changeCustomerDefaultBilling} from "@/api/ecw/customer";
+import {
+  customerExportExcel,
+  changeCustomerDefaultPay,
+  changeCustomerNoConsignee,
+  changeCustomerDefaultBilling,
+} from "@/api/ecw/customer";
 import transferCustomer from "@/views/ecw/customer/transferCustomer";
 import Template from "@/views/cms/template/index.vue";
 import AddPotentialCustom from "@/views/ecw/customer/addPotentialCustom.vue";
@@ -1462,7 +1505,7 @@ export default {
     CustomerFollowList,
     customerComplaints,
     transferCustomer,
-    AreaCodeSelector
+    AreaCodeSelector,
   },
   data() {
     return {
@@ -1647,38 +1690,42 @@ export default {
       }
     },
     combinedQueryParams() {
-      let queryParams = {}
+      let queryParams = {};
       if (this.enterOpenSeaTime && this.enterOpenSeaTime.length == 2) {
-        queryParams.beginEnterOpenSeaTime = this.enterOpenSeaTime[0]
-        queryParams.endEnterOpenSeaTime = this.enterOpenSeaTime[1]
+        queryParams.beginEnterOpenSeaTime = this.enterOpenSeaTime[0];
+        queryParams.endEnterOpenSeaTime = this.enterOpenSeaTime[1];
       }
-      if (this.customerServiceConfirmedTime && this.customerServiceConfirmedTime.length == 2) {
-        queryParams.beginCustomerServiceConfirmedTime = this.enterOpenSeaTime[0]
-        queryParams.endCustomerServiceConfirmedTime = this.enterOpenSeaTime[1]
+      if (
+        this.customerServiceConfirmedTime &&
+        this.customerServiceConfirmedTime.length == 2
+      ) {
+        queryParams.beginCustomerServiceConfirmedTime =
+          this.enterOpenSeaTime[0];
+        queryParams.endCustomerServiceConfirmedTime = this.enterOpenSeaTime[1];
       }
       if (this.dateRangeCreateTime && this.dateRangeCreateTime.length == 2) {
-        queryParams.beginCreateTime = this.dateRangeCreateTime[0]
-        queryParams.endCreateTime = this.dateRangeCreateTime[1]
+        queryParams.beginCreateTime = this.dateRangeCreateTime[0];
+        queryParams.endCreateTime = this.dateRangeCreateTime[1];
       }
       if (this.firstDealTime && this.firstDealTime.length == 2) {
-        queryParams.beginFirstDealTime = this.firstDealTime[0]
-        queryParams.endFirstDealTime = this.firstDealTime[1]
+        queryParams.beginFirstDealTime = this.firstDealTime[0];
+        queryParams.endFirstDealTime = this.firstDealTime[1];
       }
       if (this.weightYearly.value) {
-        let key = 'eqWeightYearly'
-        if (this.weightYearly.key == 'leNumberKey') {
-          key = 'leWeightYearly'
-        } else if (this.weightYearly.key == 'geNumberKey') {
-          key = 'geWeightYearly'
+        let key = "eqWeightYearly";
+        if (this.weightYearly.key == "leNumberKey") {
+          key = "leWeightYearly";
+        } else if (this.weightYearly.key == "geNumberKey") {
+          key = "geWeightYearly";
         }
         queryParams[key] = this.weightYearly.value;
       }
       if (this.numYearly.value) {
-        let key = 'eqNumYearly'
-        if (this.numYearly.key == 'leNumberKey') {
-          key = 'leNumYearly'
-        } else if (this.numYearly.key == 'geNumberKey') {
-          key = 'geNumYearly'
+        let key = "eqNumYearly";
+        if (this.numYearly.key == "leNumberKey") {
+          key = "leNumYearly";
+        } else if (this.numYearly.key == "geNumberKey") {
+          key = "geNumYearly";
         }
         queryParams[key] = this.numYearly.value;
       }
@@ -1721,10 +1768,10 @@ export default {
     });
     competitorListAll().then((r) => {
       this.competitorList = r.data;
-    })
-    listMySimpleDepts().then(response => {
-      this.deptList = response.data
-    })
+    });
+    listMySimpleDepts().then((response) => {
+      this.deptList = response.data;
+    });
   },
   activated() {
     this.getList();
@@ -1800,12 +1847,12 @@ export default {
     },
     followUp(row) {
       this.customerId = row.id;
-      this.customerFollowVisible = true
-      this.$nextTick(_ => {
+      this.customerFollowVisible = true;
+      this.$nextTick((_) => {
         // this.$refs.CustomerFollowList.customerFollow.dialogVisible = true;
-        this.$refs['CustomerFollowList'].init()
-        this.$refs['CustomerFollowList'].handleAdd()
-      })
+        this.$refs["CustomerFollowList"].init();
+        this.$refs["CustomerFollowList"].handleAdd();
+      });
     },
     //报价
     quote(row) {
@@ -1989,9 +2036,9 @@ export default {
     /** 重置按钮操作 */
     resetQuery() {
       this.dateRangeCreateTime = [];
-      this.enterOpenSeaTime = []
-      this.customerServiceConfirmedTime = []
-      this.firstDealTime = []
+      this.enterOpenSeaTime = [];
+      this.customerServiceConfirmedTime = [];
+      this.firstDealTime = [];
       this.resetForm("queryForm");
       this.queryParams = {
         pageNo: 1,
@@ -2065,100 +2112,100 @@ export default {
     setDefaultPay() {
       changeCustomerDefaultPay({
         customerIdList: this.selectCustomerList,
-        defaultPay: true
-      }).then(_ => {
-        this.$message.success(this.$t("操作成功"))
-        this.getList()
-      })
+        defaultPay: true,
+      }).then((_) => {
+        this.$message.success(this.$t("操作成功"));
+        this.getList();
+      });
     },
     setNoConsignee() {
       changeCustomerNoConsignee({
         customerIdList: this.selectCustomerList,
-        noConsigee: true
-      }).then(_ => {
-        this.$message.success(this.$t("操作成功"))
-        this.getList()
-      })
+        noConsigee: true,
+      }).then((_) => {
+        this.$message.success(this.$t("操作成功"));
+        this.getList();
+      });
     },
     setDefaultBilling() {
       changeCustomerDefaultBilling({
         customerIdList: this.selectCustomerList,
-        defaultBilling: true
-      }).then(_ => {
-        this.$message.success(this.$t("操作成功"))
-        this.getList()
-      })
+        defaultBilling: true,
+      }).then((_) => {
+        this.$message.success(this.$t("操作成功"));
+        this.getList();
+      });
     },
     getBusiCountryNames(ids) {
       if (ids) {
-        const idsArr = ids.split(',')
-        const strArr = []
-        this.countryList.forEach(item => {
+        const idsArr = ids.split(",");
+        const strArr = [];
+        this.countryList.forEach((item) => {
           if (idsArr.includes(item.id.toString())) {
-            strArr.push(this.isChinese ? item.nameZh : item.nameEn)
+            strArr.push(this.isChinese ? item.nameZh : item.nameEn);
           }
-        })
-        return strArr.length > 0 ? strArr.join(',') : null
+        });
+        return strArr.length > 0 ? strArr.join(",") : null;
       } else {
-        return null
+        return null;
       }
     },
     getBusiCountryNames(ids) {
       if (ids) {
-        const idsArr = ids.split(',')
-        const strArr = []
-        this.countryList.forEach(item => {
+        const idsArr = ids.split(",");
+        const strArr = [];
+        this.countryList.forEach((item) => {
           if (idsArr.includes(item.id.toString())) {
-            strArr.push(this.isChinese ? item.nameZh : item.nameEn)
+            strArr.push(this.isChinese ? item.nameZh : item.nameEn);
           }
-        })
-        return strArr.length > 0 ? strArr.join(',') : null
+        });
+        return strArr.length > 0 ? strArr.join(",") : null;
       } else {
-        return null
+        return null;
       }
     },
     getPickupPointNames(ids) {
       if (ids) {
-        const idsArr = ids.split(',')
-        const strArr = []
-        this.getNodeLists.forEach(item => {
+        const idsArr = ids.split(",");
+        const strArr = [];
+        this.getNodeLists.forEach((item) => {
           if (idsArr.includes(item.id.toString())) {
-            strArr.push(this.isChinese ? item.titleZh : item.titleEn)
+            strArr.push(this.isChinese ? item.titleZh : item.titleEn);
           }
-        })
-        return strArr.length > 0 ? strArr.join(',') : null
+        });
+        return strArr.length > 0 ? strArr.join(",") : null;
       } else {
-        return null
+        return null;
       }
     },
     getProductTypeNames(ids) {
       if (ids) {
-        const idsArr = ids.split(',')
-        const strArr = []
-        this.productTypeList.forEach(item => {
+        const idsArr = ids.split(",");
+        const strArr = [];
+        this.productTypeList.forEach((item) => {
           if (idsArr.includes(item.id.toString())) {
-            strArr.push(this.isChinese ? item.titleZh : item.titleEn)
+            strArr.push(this.isChinese ? item.titleZh : item.titleEn);
           }
-        })
-        return strArr.length > 0 ? strArr.join(',') : null
+        });
+        return strArr.length > 0 ? strArr.join(",") : null;
       } else {
-        return null
+        return null;
       }
     },
     getPromoterName(id) {
       if (id) {
-        let strName = ''
-        for(const item of this.customerSelectFn) {
+        let strName = "";
+        for (const item of this.customerSelectFn) {
           if (item.id == id) {
-            strName = item.name
-            break
+            strName = item.name;
+            break;
           }
         }
-        return strName
+        return strName;
       } else {
-        return null
+        return null;
       }
-    }
+    },
   },
 };
 </script>