我的待接收客户列表

src/views/ecw/customerConfirm/index.vue

@@ -3,46 +3,60 @@
 
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="客户编号" prop="number">
+      <el-form-item :label="$t('客户编号')" prop="number">
         <el-input v-model="queryParams.number" placeholder="请输入客户编号" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item label="客户名称" prop="name">
+      <el-form-item :label="$t('客户名称')" prop="name">
         <el-input v-model="queryParams.name" placeholder="请输入客户名称" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item label="客户等级" prop="level">
-        <el-select v-model="queryParams.level" placeholder="请选择客户等级" clearable size="small">
-          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CUSTOMER_LEVEL)"
-                       :key="dict.value" :label="dict.label" :value="dict.value"/>
+      <el-form-item :label="$t('客户等级')" prop="level">
+        <el-select clearable  v-model="queryParams.level" :placeholder="$t('请选择客户等级')" clearable size="small">
+          <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_LEVEL)"
+                     :key="dict.value" :label="dict.label" :value="dict.value"/>
         </el-select>
       </el-form-item>
-      <el-form-item label="客户来源" prop="source">
-        <el-select v-model="queryParams.source" placeholder="请选择客户来源" clearable size="small">
-          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)"
-                       :key="dict.value" :label="dict.label" :value="dict.value"/>
+      <el-form-item :label="$t('联系方式')">
+        <el-input :placeholder="$t('请输入联系方式')" v-model="queryParams.defaultContactPhone"></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('客户类别')" prop="level">
+        <dict-selector :type="DICT_TYPE.CUSTOMER_TYPE"  multiple v-model="queryParams.type"></dict-selector>
+      </el-form-item>
+      <el-form-item :label="$t('客户经理')" prop="customerService">
+        <el-select clearable  v-model="queryParams.customerService" :placeholder="$t('请选择客户经理')" clearable size="small">
+          <el-option v-for="dict in customerServiceList"
+                     :key="dict.id" :label="dict.nickname" :value="dict.id"/>
         </el-select>
       </el-form-item>
-      <el-form-item label="客户经理" prop="customerService">
-        <el-select v-model="queryParams.customerService" placeholder="请选择客户经理" clearable size="small">
-          <el-option v-for="dict in serviceStaffOptions"
-                       :key="dict.id" :label="dict.nickname" :value="dict.id"/>
+      <el-form-item :label="$t('客户来源')" prop="source">
+        <el-select clearable  v-model="queryParams.source" :placeholder="$t('请选择客户来源')" clearable size="small">
+          <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)"
+                     :key="dict.value" :label="dict.label" :value="dict.value"/>
         </el-select>
       </el-form-item>
-      <el-form-item label="客户状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="请选择客户状态" clearable size="small">
-          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CUSTOMER_STATUS)"
-                       :key="dict.value" :label="dict.label" :value="dict.value"/>
+      <el-form-item :label="$t('国家')" prop="source">
+        <el-select clearable  v-model="form.country" :placeholder="$t('请选择国家')">
+          <el-option v-for="dict in countryList"
+                     :key="dict.id" :label="dict.nameZh" :value="parseInt(dict.id)" />
         </el-select>
       </el-form-item>
-      <el-form-item label="部门" prop="department">
-        <el-input v-model="queryParams.department" placeholder="请输入部门" clearable @keyup.enter.native="handleQuery"/>
+      <el-form-item :label="$t('客户状态')" prop="status">
+        <el-select clearable  v-model="queryParams.status" :placeholder="$t('请选择客户状态')" clearable size="small">
+          <el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_STATUS)"
+                     :key="dict.value" :label="dict.label" :value="dict.value"/>
+        </el-select>
       </el-form-item>
-      <el-form-item label="创建时间">
-        <el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
-                        type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" />
+      <el-form-item :label="$t('创建时间')">
+        <el-date-picker clearable  v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
+                        type="daterange" range-separator="-" :start-placeholder="$t('开始日期')" :end-placeholder="$t('结束日期')" />
+      </el-form-item>
+      <el-form-item :label="$t('信用等级')" prop="department">
+        <el-select clearable  v-model="form.level" >
+          <el-option  v-for="(item,index) in creditList" :label="item.nameZh" :key="index" :value="item.id" ></el-option>
+        </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        <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>
 
@@ -58,31 +72,29 @@
 
     <!-- 列表 -->
     <el-table v-loading="loading" :data="list">
-      <el-table-column label="客户编号" align="center" prop="number" />
-      <el-table-column label="客户名称" align="center" prop="name" />
-      <el-table-column label="客户等级" align="center" prop="level">
+      <el-table-column :label="$t('客户编号')" align="center" prop="number" />
+      <el-table-column :label="$t('客户名称')" align="center" prop="name" />
+      <el-table-column :label="$t('客户等级')" align="center" prop="vipLevelNameZh">
         <template slot-scope="scope">
           <dict-tag :type="DICT_TYPE.CUSTOMER_LEVEL" :value="scope.row.level" />
         </template>
       </el-table-column>
-      <el-table-column label="国家" align="center" prop="country">
-        <template slot-scope="scope">
-          <dict-tag :type="DICT_TYPE.COUNTRY" :value="scope.row.country" />
-        </template>
-      </el-table-column>
-      <el-table-column label="客户经理" align="center" prop="customerService" :formatter="customerServiceFn">
-      </el-table-column>
-      <el-table-column label="客户状态" align="center" prop="status">
+      <el-table-column :label="$t('信用等级')" prop="creditLevelNameZh"></el-table-column>
+      <el-table-column :label="$t('客户状态')" align="center" prop="status">
         <template slot-scope="scope">
           <dict-tag :type="DICT_TYPE.CUSTOMER_STATUS" :value="scope.row.status" />
         </template>
       </el-table-column>
-      <el-table-column label="部门" align="center" prop="department" />
-      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+      <el-table-column :label="$t('主联系人')" prop="defaultContactName"></el-table-column>
+      <el-table-column :label="$t('主联系方式')" prop="defaultContactPhone"></el-table-column>
+      <el-table-column :label="$t('创建时间')" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
+      <el-table-column :label="$t('客户经理')" align="center" prop="customerService" :formatter="customerServiceFn">
+      </el-table-column>
+      <el-table-column :label="$t('国家')" align="center" prop="country" :formatter="countryFormatter"></el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-delete" @click="handleConfirmService(scope.row)"
@@ -314,6 +326,8 @@ import { listServiceUser } from "@/api/system/user"
 import { getDictDatas, DICT_TYPE } from '@/utils/dict'
 import {CommonStatusEnum} from '@/utils/constants'
 import {handOverCustomer} from "../../../api/ecw/customer";
+import {getCountryListAll} from "@/api/ecw/country";
+import {getCreditPage} from "@/api/customer/credit";
 
 
 
@@ -360,17 +374,33 @@ export default {
         weightUnit: [{ required: true, message: "重货标准(CBM)不能为空", trigger: "blur" }],
       },
 
-      serviceStaffOptions: []
+      serviceStaffOptions: [],
+      customerServiceList:[],
+      countryList:[],
+      creditList:[]
     };
   },
   created() {
     this.getList();
+    getCreditPage({page:1,rows:999}).then(r => {
+      this.creditList = r.data.list
+    })
     // 获得客服人员列表
     listServiceUser().then(response => {
       this.serviceStaffOptions = response.data;
     })
+    listServiceUser().then(r=>{
+      this.customerServiceList = r.data;
+    })
+    getCountryListAll().then(r => {
+      this.countryList = r.data
+    })
   },
   methods: {
+    countryFormatter(row, column, cellValue) {
+      const country = this.countryList.find((e) => e.id === cellValue)
+      return country?.nameZh
+    },
     customerServiceFn(row){
      let obj =  this.serviceStaffOptions.find(item => item.id === row.customerService)
       return obj ? obj.nickname : '';