From 8cf9f6e0ea9dbbfab47c023c745e411ae007e301 Mon Sep 17 00:00:00 2001
From: kaeery <3491123437@qq.com>
Date: Thu, 27 Feb 2025 22:48:32 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=8B=9B=E7=94=9F=E5=B9=B3=E5=8F=B0?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E7=AB=AF=E3=80=91=20=E6=96=B0=E5=A2=9E#=20?=
 =?UTF-8?q?=E7=BA=BF=E7=B4=A2=E5=88=97=E8=A1=A8=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                         | 10 +++++++
 src/enums/index.ts                            | 18 ++++++++++++
 .../clue/components/clue-detail/base-info.vue | 12 ++++----
 src/views/clue/index.vue                      |  8 +++---
 src/views/clue/modules/clue-list.vue          | 28 ++++++++++++++-----
 5 files changed, 60 insertions(+), 16 deletions(-)
 create mode 100644 src/api/clue/index.ts

diff --git a/src/api/clue/index.ts b/src/api/clue/index.ts
new file mode 100644
index 0000000..a9ad940
--- /dev/null
+++ b/src/api/clue/index.ts
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 线索详情
+export function clueDetail(params?: any) {
+    return request.get({ url: '/clue/detail', params })
+}
+// 线索列表
+export function clueLists(params?: any) {
+    return request.get({ url: '/clue/list', params })
+}
diff --git a/src/enums/index.ts b/src/enums/index.ts
index f5cdb1c..5c765d1 100644
--- a/src/enums/index.ts
+++ b/src/enums/index.ts
@@ -10,3 +10,21 @@ export enum isDisabledEnum {
     YES = 1,
     NO = 0
 }
+export enum converStatusEnum {
+    INTENTION = 0, //有意向
+    UN_RECEIVED = 1, //待领取
+    CONVERTED_PROCESS = 2, //转化中
+    ADD_RELATION = 3, //已添加
+    EXCEPTION = 4, //异常待处理
+    CONVERTED = 5, //已成交
+    FAILED = 6 //已战败
+}
+export const conversionMap = {
+    [converStatusEnum.INTENTION]: '有意向',
+    [converStatusEnum.UN_RECEIVED]: '待领取',
+    [converStatusEnum.CONVERTED_PROCESS]: '转化中',
+    [converStatusEnum.ADD_RELATION]: '已添加',
+    [converStatusEnum.EXCEPTION]: '异常待处理',
+    [converStatusEnum.CONVERTED]: '已成交',
+    [converStatusEnum.FAILED]: '已战败'
+}
diff --git a/src/views/clue/components/clue-detail/base-info.vue b/src/views/clue/components/clue-detail/base-info.vue
index 611c744..af608cf 100644
--- a/src/views/clue/components/clue-detail/base-info.vue
+++ b/src/views/clue/components/clue-detail/base-info.vue
@@ -17,14 +17,16 @@ const loading = ref(false)
 watch(
     () => props.modelValue,
     () => {
-        console.log('基础信息')
-        loading.value = true
-        setTimeout(() => {
-            loading.value = false
-        }, 500)
+        fetchClueDetail()
     },
     { immediate: true }
 )
+const fetchClueDetail = () => {
+    loading.value = true
+    try {
+    } catch (error) {}
+    loading.value = false
+}
 const baseInfo = ref([
     {
         title: '线索基本信息',
diff --git a/src/views/clue/index.vue b/src/views/clue/index.vue
index a4ab822..fc3fc5b 100644
--- a/src/views/clue/index.vue
+++ b/src/views/clue/index.vue
@@ -14,16 +14,16 @@
 import searchForm from './modules/search-form.vue'
 import clueList from './modules/clue-list.vue'
 import clueDetail from './modules/clue-detail.vue'
-import { postLists } from '@/api/org/post'
 import { usePaging } from '@/hooks/usePaging'
+import { clueLists } from '@/api/clue'
 
 const queryParams = reactive({
-    name: '',
-    conversionStatus: ''
+    likeWork: '',
+    situation: ''
 })
 
 const { pager, getLists, resetPage, resetParams } = usePaging({
-    fetchFun: postLists,
+    fetchFun: clueLists,
     params: queryParams
 })
 getLists()
diff --git a/src/views/clue/modules/clue-list.vue b/src/views/clue/modules/clue-list.vue
index 38ce2d8..a4dee70 100644
--- a/src/views/clue/modules/clue-list.vue
+++ b/src/views/clue/modules/clue-list.vue
@@ -1,6 +1,12 @@
 <template>
     <el-card shadow="never" class="!border-none mt-4">
         <ProTable ref="proTableRef" :columns="columns" :tableData="tableData" :loading="loading" :maxHeight="530">
+            <template #listSource="{ row }">
+                <span>{{ parseClueSource(row.listSource) }}</span>
+            </template>
+            <template #situation="{ row }">
+                <span>{{ parseConversion(row.situation) }}</span>
+            </template>
             <template #operation="{ row }">
                 <slot name="operation" :row="row" />
             </template>
@@ -9,6 +15,8 @@
 </template>
 
 <script setup lang="ts">
+import { converStatusEnum, conversionMap } from '@/enums'
+
 defineProps({
     loading: {
         type: Boolean,
@@ -21,14 +29,20 @@ defineProps({
 })
 const proTableRef = ref()
 const columns = reactive([
-    { prop: 'accountName', label: '学生名字', width: 180 },
-    { prop: 'mobile', label: '联系电话', width: 180 },
-    { prop: 'organization', label: '电销老师', width: 180 },
-    { prop: 'position', label: '转化老师', width: 180 },
-    { prop: 'position', label: '名单来源', width: 180 },
-    { prop: 'position', label: '转化情况', width: 180 },
-    { prop: 'accountStatus', label: '创建人', width: 180 },
+    { prop: 'studentName', label: '学生名字', width: 180 },
+    { prop: 'phone', label: '联系电话', width: 180 },
+    { prop: 'telemarketingTeacherName', label: '电销老师', width: 180 },
+    { prop: 'recruitTeacherName', label: '转化老师', width: 180 },
+    { prop: 'listSource', label: '名单来源', width: 180 },
+    { prop: 'situation', label: '转化情况', width: 180 },
     { prop: 'operation', label: '操作', fixed: 'right', width: 250 }
 ])
+const clueSource = shallowRef([{ label: '线下名单', value: 0 }])
+const parseClueSource = (value: number) => {
+    const item = clueSource.value.find((item: any) => item.value === value)
+    return item?.label || ''
+}
+
+const parseConversion = computed(() => (value: converStatusEnum) => conversionMap[value])
 </script>
 <style scoped></style>