From 8b92a8407f93661a126ffd7ee142aff3c07a9e72 Mon Sep 17 00:00:00 2001
From: kaeery <3491123437@qq.com>
Date: Fri, 28 Feb 2025 20:47:00 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=8B=9B=E7=94=9F=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E7=AB=AF=E3=80=91=20=E6=96=B0=E5=A2=9E#=20=E7=BA=BF=E7=B4=A2?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=EF=BC=9A=E5=AF=B9=E6=8E=A5=E7=BA=BF=E7=B4=A2?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/clue/index.ts                         |  4 +
 src/enums/index.ts                            | 14 ++++
 .../components/clue-detail/clue-record.vue    | 73 +++++++++----------
 src/views/customer/index.vue                  |  3 +
 src/views/summary/components/add-item.vue     |  4 +-
 .../summary/components/template-drawer.vue    |  3 +-
 .../summary/modules/summary-template.vue      |  3 +
 7 files changed, 61 insertions(+), 43 deletions(-)

diff --git a/src/api/clue/index.ts b/src/api/clue/index.ts
index a9ad940..32b0200 100644
--- a/src/api/clue/index.ts
+++ b/src/api/clue/index.ts
@@ -8,3 +8,7 @@ export function clueDetail(params?: any) {
 export function clueLists(params?: any) {
     return request.get({ url: '/clue/list', params })
 }
+// 线索记录列表
+export function clueRecordLists(params?: any) {
+    return request.get({ url: '/record/list', params })
+}
diff --git a/src/enums/index.ts b/src/enums/index.ts
index b4ea4a4..2cfdcb2 100644
--- a/src/enums/index.ts
+++ b/src/enums/index.ts
@@ -78,6 +78,20 @@ export const templateTypeMap: Record<templateTypeEum, string> = {
     [templateTypeEum.TELE]: '电销',
     [templateTypeEum.RECEULT]: '招生'
 }
+export enum clueStepEnum {
+    ADD_FLLOW = 0,
+    RECEIVE_CLUE = 1,
+    ADD_CLUE_PROGRESS = 2,
+    CLUE_COMPLETED = 3,
+    UPDATE_CLUSE_PROGRESS = 4
+}
+export const clueStepMap: Record<clueStepEnum, string> = {
+    [clueStepEnum.ADD_FLLOW]: '添加跟进',
+    [clueStepEnum.RECEIVE_CLUE]: '领取线索',
+    [clueStepEnum.ADD_CLUE_PROGRESS]: '添加进展',
+    [clueStepEnum.CLUE_COMPLETED]: '转化完成',
+    [clueStepEnum.UPDATE_CLUSE_PROGRESS]: '修改跟进'
+}
 
 const keys: Record<string, any> = {
     conversionMap: conversionMap,
diff --git a/src/views/clue/components/clue-detail/clue-record.vue b/src/views/clue/components/clue-detail/clue-record.vue
index c8a5fc3..e6f38a2 100644
--- a/src/views/clue/components/clue-detail/clue-record.vue
+++ b/src/views/clue/components/clue-detail/clue-record.vue
@@ -7,8 +7,8 @@
                     {{ item.user }}
                     <span class="text-black2">「{{ item.step }}」</span>
                 </div>
-                <div v-if="item.content" class="bg-primary-light-10 w-full p-[12px] rounded-[6px] flex flex-col gap-[6px]">
-                    <span v-for="(value, key) in item.content" :key="key">{{ key }}：{{ value }}</span>
+                <div v-if="item.content.length > 0" class="bg-primary-light-10 w-full p-[12px] rounded-[6px] flex flex-col gap-[6px]">
+                    <span v-for="(itemy, index) in item.content" :key="index">{{ itemy.title }}{{ itemy.content }}</span>
                 </div>
             </el-space>
         </el-timeline-item>
@@ -16,56 +16,51 @@
 </template>
 
 <script setup lang="ts">
+import { clueRecordLists } from '@/api/clue'
+import { clueStepEnum, clueStepMap } from '@/enums'
+
+interface IClueRecord {
+    date: string
+    user: string
+    step: string
+    content: { title: string; content: string }[] | []
+}
 const props = defineProps({
     modelValue: {
         type: String,
         default: 'clueRecord'
+    },
+    id: {
+        type: Number
     }
 })
 const loading = ref(false)
+const recordList = ref<IClueRecord[]>([])
+const fetchClueRecord = async () => {
+    const { id: clueId } = props
+    try {
+        loading.value = true
+        const result = await clueRecordLists({ clueId })
+        const data = result.lists.map(item => {
+            return {
+                date: item.createTime,
+                user: `${item.postName}：${item.userName}`,
+                step: clueStepMap[item.repairStep as clueStepEnum],
+                content: item.contentList ?? []
+            }
+        })
+        recordList.value = data
+    } catch (error) {}
+    loading.value = false
+}
+
 watch(
     () => props.modelValue,
     () => {
-        console.log('线索来源')
-        loading.value = true
-        setTimeout(() => {
-            loading.value = false
-        }, 500)
+        fetchClueRecord()
     },
     { immediate: true }
 )
-
-const recordList = ref([
-    {
-        date: '2025-02-12 15:47:00',
-        user: '电销老师：张三',
-        step: '添加跟进',
-        content: {
-            客户姓名: '韩梅梅',
-            联系电话: '188866668888',
-            基本情况:
-                '学生爸爸接电话，学生高三毕业，300多分，家长不清楚学生收到录取通知，家长说学生不读书了，我让家长先问问学生对未来的规划先和学生沟通一下，家长同意我们加他微信发专业资料给他看看，可以在微信上问问学生具体情况。推荐3'
-        }
-    },
-    { date: '2025-02-12 15:47:00', user: '招生老师：王五', step: '领取线索', content: null },
-    {
-        date: '2025-02-12 15:47:00',
-        user: '招生老师：王五',
-        step: '添加进展',
-        content: {
-            状态: '账号已添加'
-        }
-    },
-    {
-        date: '2025-02-12 15:47:00',
-        user: '招生老师：王五',
-        step: '转化完成',
-        content: {
-            是否转化成功: '是',
-            备注: '已交部分定位金'
-        }
-    }
-])
 </script>
 <style scoped lang="scss">
 :deep(.el-space) {
diff --git a/src/views/customer/index.vue b/src/views/customer/index.vue
index 2e1ce6b..f2c045b 100644
--- a/src/views/customer/index.vue
+++ b/src/views/customer/index.vue
@@ -6,6 +6,9 @@
                 <el-button type="primary" link @click="handleEdit(row)">编辑</el-button>
             </template>
         </customer-list>
+        <div class="flex justify-end pb-[20px] bg-white">
+            <pagination v-model="pager" @change="getLists" />
+        </div>
     </div>
     <customer-dialog ref="customerDialogRef" @refresh-list="getLists" />
 </template>
diff --git a/src/views/summary/components/add-item.vue b/src/views/summary/components/add-item.vue
index 85c7757..bcbafc0 100644
--- a/src/views/summary/components/add-item.vue
+++ b/src/views/summary/components/add-item.vue
@@ -4,7 +4,7 @@
         <div class="bg-primary-light-10 p-[16px] rounded-[6px] flex-1">
             <el-form-item label="表单类型" prop="formType">
                 <el-radio-group v-model="item.formType">
-                    <el-radio v-for="type in templateTypeOptions" :key="type.value" :label="type.value">{{ type.label }}</el-radio>
+                    <el-radio v-for="type in formTypeOptions" :key="type.value" :label="type.value">{{ type.label }}</el-radio>
                 </el-radio-group>
             </el-form-item>
             <el-form-item label="表单标题" prop="formTitle">
@@ -26,7 +26,7 @@
 <script setup lang="ts">
 import type { PropType } from 'vue'
 import type { Item } from './template-drawer.vue'
-import { formTypeEum, templateTypeOptions } from '@/enums'
+import { formTypeEum, formTypeOptions } from '@/enums'
 
 const props = defineProps({
     item: {
diff --git a/src/views/summary/components/template-drawer.vue b/src/views/summary/components/template-drawer.vue
index 6df475b..b409116 100644
--- a/src/views/summary/components/template-drawer.vue
+++ b/src/views/summary/components/template-drawer.vue
@@ -32,8 +32,7 @@ import ProDrawer, { type IParams } from '@/components/ProDrawer/index.vue'
 import addItem from './add-item.vue'
 import { postLists } from '@/api/account_center/postion'
 import type { FormInstance } from 'element-plus'
-import { templateAdd, templateDetail, templateEdit, templateLists } from '@/api/summary'
-import { toast } from '@/utils/util'
+import { templateAdd, templateDetail, templateEdit } from '@/api/summary'
 import feedback from '@/utils/feedback'
 
 export interface Item {
diff --git a/src/views/summary/modules/summary-template.vue b/src/views/summary/modules/summary-template.vue
index edb4a57..d52b5eb 100644
--- a/src/views/summary/modules/summary-template.vue
+++ b/src/views/summary/modules/summary-template.vue
@@ -24,6 +24,9 @@
                 <el-button type="primary" link @click="handleDelete(row)">删除</el-button>
             </template>
         </ProTable>
+        <div class="flex justify-end mt-4">
+            <pagination v-model="pager" @change="getLists" />
+        </div>
     </el-space>
     <template-drawer ref="templateDrawerRef" @refreshList="getLists" />
 </template>