From 7923078e1707a25da16b916823e208bc87c31ae4 Mon Sep 17 00:00:00 2001
From: Wanwan <913752709@qq.com>
Date: Sun, 29 Oct 2023 00:03:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E5=AE=A2=E6=88=B7?=
 =?UTF-8?q?=E8=A1=A8=E7=9A=84=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(cherry picked from commit 59cf0c29f09e8a21987cce4c1adc7bc42ec5a19c)
---
 src/api/crm/customer/index.ts           |  3 ++
 src/utils/dict.ts                       |  5 +++-
 src/views/crm/customer/CustomerForm.vue | 40 +++++++++++++++++++++++--
 src/views/crm/customer/index.vue        | 15 ++++++++++
 4 files changed, 59 insertions(+), 4 deletions(-)

diff --git a/src/api/crm/customer/index.ts b/src/api/crm/customer/index.ts
index b9d67a75..0cbba590 100644
--- a/src/api/crm/customer/index.ts
+++ b/src/api/crm/customer/index.ts
@@ -3,6 +3,9 @@ import request from '@/config/axios'
 export interface CustomerVO {
   id: number
   name: string
+  industryId: number
+  level: number
+  source: number
   followUpStatus: boolean
   lockStatus: boolean
   mobile: string
diff --git a/src/utils/dict.ts b/src/utils/dict.ts
index e380d555..c27ed25d 100644
--- a/src/utils/dict.ts
+++ b/src/utils/dict.ts
@@ -190,5 +190,8 @@ export enum DICT_TYPE {
 
   // ========== CRM - 客户管理模块 ==========
   CRM_RECEIVABLE_CHECK_STATUS = 'crm_receivable_check_status',
-  CRM_RETURN_TYPE = 'crm_return_type'
+  CRM_RETURN_TYPE = 'crm_return_type',
+  CRM_CUSTOMER_INDUSTRY = 'crm_customer_industry',
+  CRM_CUSTOMER_LEVEL = 'crm_customer_level',
+  CRM_CUSTOMER_SOURCE = 'crm_customer_source'
 }
diff --git a/src/views/crm/customer/CustomerForm.vue b/src/views/crm/customer/CustomerForm.vue
index 323e9a62..b9b8d452 100644
--- a/src/views/crm/customer/CustomerForm.vue
+++ b/src/views/crm/customer/CustomerForm.vue
@@ -14,6 +14,36 @@
       <el-form-item label="手机" prop="mobile">
         <el-input v-model="formData.mobile" placeholder="请输入手机" />
       </el-form-item>
+      <el-form-item label="所属行业" prop="industryId">
+        <el-select v-model="formData.industryId" placeholder="请选择所属行业">
+          <el-option
+              v-for="dict in getStrDictOptions(DICT_TYPE.CRM_CUSTOMER_INDUSTRY)"
+              :key="dict.value + ''"
+              :label="dict.label"
+              :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="客户等级" prop="level">
+        <el-select v-model="formData.level" placeholder="请选择客户等级">
+          <el-option
+              v-for="dict in getStrDictOptions(DICT_TYPE.CRM_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="formData.source" placeholder="请选择客户来源">
+          <el-option
+              v-for="dict in getStrDictOptions(DICT_TYPE.CRM_CUSTOMER_SOURCE)"
+              :key="dict.value + ''"
+              :label="dict.label"
+              :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item label="电话" prop="telephone">
         <el-input v-model="formData.telephone" placeholder="请输入电话" />
       </el-form-item>
@@ -57,7 +87,7 @@
   </Dialog>
 </template>
 <script setup lang="ts">
-import { DICT_TYPE, getBoolDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
 import * as CustomerApi from '@/api/crm/customer'
 
 const { t } = useI18n() // 国际化
@@ -71,6 +101,9 @@ const formData = ref({
   id: undefined,
   name: undefined,
   mobile: undefined,
+  industryId: undefined,
+  level: undefined,
+  source: undefined,
   telephone: undefined,
   website: undefined,
   qq: undefined,
@@ -136,9 +169,10 @@ const resetForm = () => {
   formData.value = {
     id: undefined,
     name: undefined,
-    followUpStatus: undefined,
-    lockStatus: undefined,
     mobile: undefined,
+    industryId: undefined,
+    level: undefined,
+    source: undefined,
     telephone: undefined,
     website: undefined,
     qq: undefined,
diff --git a/src/views/crm/customer/index.vue b/src/views/crm/customer/index.vue
index d7c21464..a246e79b 100644
--- a/src/views/crm/customer/index.vue
+++ b/src/views/crm/customer/index.vue
@@ -67,6 +67,21 @@
           <dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.dealStatus" />
         </template>
       </el-table-column>
+      <el-table-column label="所属行业" align="center" prop="industryId">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.CRM_CUSTOMER_INDUSTRY" :value="scope.row.industryId" />
+        </template>
+      </el-table-column>
+      <el-table-column label="客户等级" align="center" prop="level">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.CRM_CUSTOMER_LEVEL" :value="scope.row.level" />
+        </template>
+      </el-table-column>
+      <el-table-column label="客户来源" align="center" prop="source">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.CRM_CUSTOMER_SOURCE" :value="scope.row.source" />
+        </template>
+      </el-table-column>
       <el-table-column label="手机" align="center" prop="mobile" />
       <el-table-column label="电话" align="center" prop="telephone" />
       <el-table-column label="网址" align="center" prop="website" />