客户

.env

@@ -2,7 +2,7 @@
 VITE_APP_TITLE=暖界办公
 
 # 项目本地运行端口号
-VITE_PORT=80
+VITE_PORT=81
 
 # open 运行 npm run dev 时自动打开浏览器
 VITE_OPEN=true
@@ -14,7 +14,7 @@ VITE_APP_TENANT_ENABLE=false
 VITE_APP_CAPTCHA_ENABLE=false
 
 # 文档地址的开关
-VITE_APP_DOCALERT_ENABLE=true
+VITE_APP_DOCALERT_ENABLE=false
 
 # 百度统计
 VITE_APP_BAIDU_CODE = a1ff8825baa73c3a78eb96aa40325abc

.env.local

@@ -4,7 +4,7 @@ NODE_ENV=development
 VITE_DEV=true
 
 # 请求路径
-VITE_BASE_URL='http://localhost:48080'
+VITE_BASE_URL='http://192.168.251.60:48080'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持 S3 服务
 VITE_UPLOAD_TYPE=server

src/api/crm/customer/companyInfo/changerecorddata/index.ts

@@ -0,0 +1,10 @@
+import request from '@/config/axios'
+
+// 工商变更数据 API
+export const ChangeRecordDataApi = {
+  // 查询工商变更数据分页
+  getChangeRecordDataPage: async (params: any) => {
+    return await request.get({ url: `/crm/change-record-data/page`, params })
+  },
+
+}

src/api/crm/customer/companyInfo/companyabnormalinfo/index.ts

@@ -0,0 +1,10 @@
+import request from '@/config/axios'
+
+// 企业经营异常信息 API
+export const CompanyAbnormalInfoApi = {
+  // 查询企业经营异常信息分页
+  getCompanyAbnormalInfoPage: async (params: any) => {
+    return await request.get({ url: `/crm/company-abnormal-info/page`, params })
+  },
+
+}

src/api/crm/customer/companyInfo/companybranchinfo/index.ts

@@ -0,0 +1,11 @@
+import request from '@/config/axios'
+
+
+// 企业分支机构信息 API
+export const CompanyBranchInfoApi = {
+  // 查询企业分支机构信息分页
+  getCompanyBranchInfoPage: async (params: any) => {
+    return await request.get({ url: `/crm/company-branch-info/page`, params })
+  },
+
+}

src/api/crm/customer/companyInfo/companycourtinfo/index.ts

@@ -0,0 +1,10 @@
+import request from '@/config/axios'
+
+// 企业法院公告信息 API
+export const CompanyCourtInfoApi = {
+  // 查询企业法院公告信息分页
+  getCompanyCourtInfoPage: async (params: any) => {
+    return await request.get({ url: `/crm/company-court-info/page`, params })
+  },
+
+}

src/api/crm/customer/companyInfo/companyjudgmentdebtorinfo/index.ts

@@ -0,0 +1,10 @@
+import request from '@/config/axios'
+
+// 企业被执行人信息 API
+export const CompanyJudgmentDebtorInfoApi = {
+  // 查询企业被执行人信息分页
+  getCompanyJudgmentDebtorInfoPage: async (params: any) => {
+    return await request.get({ url: `/crm/company-judgment-debtor-info/page`, params })
+  },
+
+}

src/api/crm/customer/companyInfo/companylawsuitinfo/index.ts

@@ -0,0 +1,10 @@
+import request from '@/config/axios'
+
+// 企业法律诉讼信息 API
+export const CompanyLawsuitInfoApi = {
+  // 查询企业法律诉讼信息分页
+  getCompanyLawsuitInfoPage: async (params: any) => {
+    return await request.get({ url: `/crm/company-lawsuit-info/page`, params })
+  },
+
+}

src/api/crm/customer/companyInfo/employeedata/index.ts

@@ -0,0 +1,9 @@
+import request from '@/config/axios'
+
+// 董事会成员 API
+export const EmployeeDataApi = {
+  // 查询董事会成员分页
+  getEmployeeDataPage: async (params: any) => {
+    return await request.get({ url: `/crm/employee-data/page`, params })
+  },
+}

src/api/crm/customer/companyInfo/partnerdata/index.ts

@@ -0,0 +1,10 @@
+import request from '@/config/axios'
+
+// 股东数据 API
+export const PartnerDataApi = {
+  // 查询股东数据分页
+  getPartnerDataPage: async (params: any) => {
+    return await request.get({ url: `/crm/partner-data/page`, params })
+  },
+
+}

src/api/crm/customer/returnvisitrecord/index.ts

@@ -0,0 +1,47 @@
+import request from '@/config/axios'
+
+// CRM 回访记录 VO
+export interface ReturnVisitRecordVO {
+  id: number // 编号
+  customerId: number // 数据编号
+  type: number // 回访类型
+  returnVisitDate: Date // 回访日期
+  content: string // 回访内容
+  nextTime: Date // 下次联系时间
+  picUrls: string // 图片
+  fileUrls: string // 附件
+  contactIds: string // 关联的联系人编号数组
+}
+
+// CRM 回访记录 API
+export const ReturnVisitRecordApi = {
+  // 查询CRM 回访记录分页
+  getReturnVisitRecordPage: async (params: any) => {
+    return await request.get({ url: `/crm/return-visit-record/page`, params })
+  },
+
+  // 查询CRM 回访记录详情
+  getReturnVisitRecord: async (id: number) => {
+    return await request.get({ url: `/crm/return-visit-record/get?id=` + id })
+  },
+
+  // 新增CRM 回访记录
+  createReturnVisitRecord: async (data: ReturnVisitRecordVO) => {
+    return await request.post({ url: `/crm/return-visit-record/create`, data })
+  },
+
+  // 修改CRM 回访记录
+  updateReturnVisitRecord: async (data: ReturnVisitRecordVO) => {
+    return await request.put({ url: `/crm/return-visit-record/update`, data })
+  },
+
+  // 删除CRM 回访记录
+  deleteReturnVisitRecord: async (id: number) => {
+    return await request.delete({ url: `/crm/return-visit-record/delete?id=` + id })
+  },
+
+  // 导出CRM 回访记录 Excel
+  exportReturnVisitRecord: async (params) => {
+    return await request.download({ url: `/crm/return-visit-record/export-excel`, params })
+  }
+}

src/utils/dict.ts

@@ -214,6 +214,10 @@ export enum DICT_TYPE {
   CRM_FOLLOW_UP_TYPE = 'crm_follow_up_type', // CRM 跟进方式
   CRM_PRODUCT_CATEGORY = "crm_product_category", //CRM 产品类型
   CRM_PRODUCT_DETAIL_TYPE = "crm_product_detail_type", //CRM 产品明细类型
+  CRM_COOPERATION_TYPE = "crm_cooperation_type", //CRM 合作类型
+  CRM_COOPERATION_AREA = "crm_cooperation_area", //CRM 合作地区
+  CRM_CUSTOMER_STSTUS = "crm_customer_status", //CRM 客户状态
+  CRM_RETURN_VISIT_STSTUS = "crm_return_visit_type", //CRM 回访类型
 
   // ========== ERP - 企业资源计划模块  ==========
   ERP_AUDIT_STATUS = 'erp_audit_status', // ERP 审批状态

src/views/crm/backlog/index.vue

@@ -63,11 +63,11 @@ const leftSides = ref([
     menu: 'customerTodayContact',
     count: customerTodayContactCount
   },
-  {
+  // {
-    name: '分配给我的线索',
+  //   name: '分配给我的线索',
-    menu: 'clueFollow',
+  //   menu: 'clueFollow',
-    count: clueFollowCount
+  //   count: clueFollowCount
-  },
+  // },
   {
     name: '分配给我的客户',
     menu: 'customerFollow',
@@ -83,21 +83,21 @@ const leftSides = ref([
     menu: 'contractAudit',
     count: contractAuditCount
   },
-  {
+  // {
-    name: '待审核回款',
+  //   name: '待审核回款',
-    menu: 'receivableAudit',
+  //   menu: 'receivableAudit',
-    count: receivableAuditCount
+  //   count: receivableAuditCount
-  },
+  // },
-  {
+  // {
-    name: '待回款提醒',
+  //   name: '待回款提醒',
-    menu: 'receivablePlanRemind',
+  //   menu: 'receivablePlanRemind',
-    count: receivablePlanRemindCount
+  //   count: receivablePlanRemindCount
-  },
+  // },
-  {
+  // {
-    name: '即将到期的合同',
+  //   name: '即将到期的合同',
-    menu: 'contractRemind',
+  //   menu: 'contractRemind',
-    count: contractRemindCount
+  //   count: contractRemindCount
-  }
+  // }
 ])
 
 /** 侧边点击 */

src/views/crm/customer/CustomerForm.vue

@@ -14,30 +14,12 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="客户来源" prop="source">
+          <el-form-item label="商务拓展人" prop="developer">
-            <el-select v-model="formData.source" placeholder="请选择客户来源" class="w-1/1">
-              <el-option
-                v-for="dict in getIntDictOptions(DICT_TYPE.CRM_CUSTOMER_SOURCE)"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="12">
-          <el-form-item label="手机" prop="mobile">
-            <el-input v-model="formData.mobile" placeholder="请输入手机" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="负责人" prop="ownerUserId">
             <el-select
-              v-model="formData.ownerUserId"
+               class="w-1/1"
-              :disabled="formType !== 'create'"
+               placeholder="请选择商务拓展人"
-              class="w-1/1"
+              v-model="formData.developer"
+              filterable
             >
               <el-option
                 v-for="item in userOptions"
@@ -50,18 +32,120 @@
         </el-col>
       </el-row>
       <el-row>
+        <el-col :span="12">
+          <el-form-item label="合作类型" prop="cooperationType">
+            <el-select v-model="formData.cooperationType" filterable placeholder="请选择合作类型" class="w-1/1">
+              <el-option
+                v-for="dict in getIntDictOptions(DICT_TYPE.CRM_COOPERATION_TYPE)"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="合作地区" prop="cooperationArea">
+            <el-select v-model="formData.cooperationArea" filterable placeholder="请选择合作地区" class="w-1/1">
+              <el-option
+                v-for="dict in getIntDictOptions(DICT_TYPE.CRM_COOPERATION_AREA)"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="负责人" prop="ownerUserId">
+            <el-select
+              v-model="formData.ownerUserId"
+              class="w-1/1"
+              filterable
+            >
+              <el-option
+                v-for="item in userOptions"
+                :key="item.id"
+                :label="item.nickname"
+                :value="item.id"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="协助人" prop="">
+            <el-select v-model="formData.assist" filterable placeholder="请选择协助人" class="w-1/1">
+              <el-option
+                v-for="item in userOptions"
+                :key="item.id"
+                :label="item.nickname"
+                :value="item.id"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="线索拓展人" prop="">
+            <el-select v-model="formData.clueDeveloper" filterable placeholder="请选择线索拓展人" class="w-1/1">
+              <el-option
+                v-for="item in userOptions"
+                :key="item.id"
+                :label="item.nickname"
+                :value="item.id"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="客户来源" prop="source">
+            <el-select v-model="formData.source" filterable placeholder="请选择客户来源" class="w-1/1">
+              <el-option
+                v-for="dict in getIntDictOptions(DICT_TYPE.CRM_CUSTOMER_SOURCE)"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        
+        <el-col :span="12">
+          <el-form-item label="手机号" prop="mobile">
+            <el-input v-model="formData.mobile" placeholder="请输入手机号" />
+          </el-form-item>
+        </el-col>
         <el-col :span="12">
           <el-form-item label="电话" prop="telephone">
             <el-input v-model="formData.telephone" placeholder="请输入电话" />
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="12">
           <el-form-item label="邮箱" prop="email">
             <el-input v-model="formData.email" placeholder="请输入邮箱" />
           </el-form-item>
         </el-col>
+        <el-col :span="12">
+          <el-form-item label="下次联系时间" prop="contactNextTime">
+            <el-date-picker
+              v-model="formData.contactNextTime"
+              placeholder="选择下次联系时间"
+              type="datetime"
+              value-format="x"
+              class="!w-1/1"
+            />
+          </el-form-item>
+        </el-col>
       </el-row>
-      <el-row>
+
+      <!-- <el-row>
         <el-col :span="12">
           <el-form-item label="微信" prop="wechat">
             <el-input v-model="formData.wechat" placeholder="请输入微信" />
@@ -98,7 +182,7 @@
             </el-select>
           </el-form-item>
         </el-col>
-      </el-row>
+      </el-row> -->
       <el-row>
         <el-col :span="12">
           <el-form-item label="地址" prop="areaId">
@@ -109,7 +193,7 @@
               class="w-1/1"
               clearable
               filterable
-              placeholder="请选择城市"
+              placeholder="请选择地址"
             />
           </el-form-item>
         </el-col>
@@ -120,23 +204,13 @@
         </el-col>
       </el-row>
       <el-row>
-        <el-col :span="12">
+        <el-col :span="24">
-          <el-form-item label="下次联系时间" prop="contactNextTime">
+          <el-form-item label="客户详情" prop="customerDetails">
-            <el-date-picker
+            <el-input v-model="formData.customerDetails" type="textarea" placeholder="请输入客户详情" />
-              v-model="formData.contactNextTime"
-              placeholder="选择下次联系时间"
-              type="datetime"
-              value-format="x"
-              class="!w-1/1"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="备注" prop="remark">
-            <el-input type="textarea" v-model="formData.remark" placeholder="请输入备注" />
           </el-form-item>
         </el-col>
       </el-row>
+      
     </el-form>
     <template #footer>
       <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
@@ -176,11 +250,17 @@ const formData = ref({
   industryId: undefined,
   level: undefined,
   source: undefined,
-  remark: undefined
+  remark: undefined,
+  developer: undefined,
+  assist: undefined,
+  clueDeveloper: undefined,
 })
 const formRules = reactive({
   name: [{ required: true, message: '客户名称不能为空', trigger: 'blur' }],
-  ownerUserId: [{ required: true, message: '负责人不能为空', trigger: 'blur' }]
+  ownerUserId: [{ required: true, message: '负责人不能为空', trigger: 'blur' }],
+  developer: [{ required: true, message: '商务拓展人不能为空', trigger: 'change' }],
+  cooperationType: [{ required: true, message: '合作类型不能为空', trigger: 'change' }],
+  cooperationArea: [{ required: true, message: '合作地区不能为空', trigger: 'change' }],
 })
 const formRef = ref() // 表单 Ref
 
@@ -206,7 +286,10 @@ const open = async (type: string, id?: number) => {
   // 默认新建时选中自己
   if (formType.value === 'create') {
     formData.value.ownerUserId = useUserStore().getUser.id
+    formData.value.developer = useUserStore().getUser.id
+    formData.value.assist = useUserStore().getUser.id
   }
+
 }
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 
@@ -253,7 +336,10 @@ const resetForm = () => {
     industryId: undefined,
     level: undefined,
     source: undefined,
-    remark: undefined
+    reamark: undefined,
+    developer: undefined,
+    assist: undefined,
+    clueDeveloper: undefined,
   }
   formRef.value?.resetFields()
 }

src/views/crm/customer/detail/CustomerDetailsInfo.vue

@@ -12,24 +12,31 @@
           <el-descriptions-item label="客户来源">
             <dict-tag :type="DICT_TYPE.CRM_CUSTOMER_SOURCE" :value="customer.source" />
           </el-descriptions-item>
-          <el-descriptions-item label="手机">{{ customer.mobile }}</el-descriptions-item>
+          <el-descriptions-item label="合作类型">{{ customer.cooperationType }}</el-descriptions-item>
+          <el-descriptions-item label="合作地区">{{ customer.cooperationArea }}</el-descriptions-item>
+          <el-descriptions-item label="客户级别">
+            <dict-tag :type="DICT_TYPE.CRM_CUSTOMER_LEVEL" :value="customer.level" />
+          </el-descriptions-item>
+          <el-descriptions-item label="商务拓展人">{{ customer.developerName }}</el-descriptions-item>
+          <el-descriptions-item label="线索拓展人">{{ customer.clueDeveloperName }}</el-descriptions-item>
+          <el-descriptions-item label="协助人">{{ customer.assistName }}</el-descriptions-item>
+          <el-descriptions-item label="所属行业">{{ customer.industryId }}</el-descriptions-item>
+          <el-descriptions-item label="手机号">{{ customer.mobile }}</el-descriptions-item>
           <el-descriptions-item label="电话">{{ customer.telephone }}</el-descriptions-item>
           <el-descriptions-item label="邮箱">{{ customer.email }}</el-descriptions-item>
           <el-descriptions-item label="地址">
             {{ customer.areaName }} {{ customer.detailAddress }}
           </el-descriptions-item>
-          <el-descriptions-item label="QQ">{{ customer.qq }}</el-descriptions-item>
+          
-          <el-descriptions-item label="微信">{{ customer.wechat }}</el-descriptions-item>
           <el-descriptions-item label="客户行业">
             <dict-tag :type="DICT_TYPE.CRM_CUSTOMER_INDUSTRY" :value="customer.industryId" />
           </el-descriptions-item>
-          <el-descriptions-item label="客户级别">
+          <el-descriptions-item label="客户详情">{{ customer.customerDetails }}</el-descriptions-item>
-            <dict-tag :type="DICT_TYPE.CRM_CUSTOMER_LEVEL" :value="customer.level" />
+          
-          </el-descriptions-item>
           <el-descriptions-item label="下次联系时间">
             {{ formatDate(customer.contactNextTime) }}
           </el-descriptions-item>
-          <el-descriptions-item label="备注">{{ customer.remark }}</el-descriptions-item>
+          <!-- <el-descriptions-item label="备注">{{ customer.remark }}</el-descriptions-item> -->
         </el-descriptions>
       </el-collapse-item>
       <el-collapse-item name="systemInfo">

src/views/crm/customer/detail/companyDetailsInfo.vue

@@ -0,0 +1,139 @@
+<template>
+  <ContentWrap>
+    <el-collapse v-model="activeNames" class="">
+      <el-collapse-item name="basicInfo">
+        
+        <el-descriptions :column="4">
+          <el-descriptions-item label="统一信用代码">
+            {{ customer.creditNo }}
+          </el-descriptions-item>
+          <el-descriptions-item label="客户状态">
+            <dict-tag :type="DICT_TYPE.CRM_CUSTOMER_STSTUS" :value="customer.customerStatus" />
+          </el-descriptions-item>
+          <el-descriptions-item label="营运状态">{{ customer.serviceStatus }}</el-descriptions-item>
+          <el-descriptions-item label="法定代表人">{{ customer.legalPersonName }}</el-descriptions-item>
+          <el-descriptions-item label="网站">
+            {{ customer.website }}
+          </el-descriptions-item>
+          <el-descriptions-item label="实缴注册资本">{{ customer.actualCapital }}</el-descriptions-item>
+          <el-descriptions-item label="注册资本">{{ customer.registerCapital }}</el-descriptions-item>
+          <el-descriptions-item label="币种">{{ customer.registerCapitalCurrency }}</el-descriptions-item>
+          <el-descriptions-item label="注册地址">{{ customer.registeredAddress }}</el-descriptions-item>
+          <el-descriptions-item label="实缴字符数">{{ customer.actualCharacters }}</el-descriptions-item>
+          <el-descriptions-item label="成立日期">{{ customer.startDate }}</el-descriptions-item>
+          <el-descriptions-item label="开户行名称">{{ customer.bankName }}</el-descriptions-item>
+          <el-descriptions-item label="银行账号">
+            {{ customer.bankAccount }}
+          </el-descriptions-item>
+          
+          <el-descriptions-item label="纳税人资质">
+            {{ customer.taxQualification }}
+          </el-descriptions-item>
+          <el-descriptions-item label="参保人数">{{ customer.socialEmployeeNum }}</el-descriptions-item>
+          
+          <el-descriptions-item label="营业期限">
+            {{ customer.businessTerm }}
+          </el-descriptions-item>
+          <el-descriptions-item label="登记机关">
+            {{ customer.belongOrg }}
+          </el-descriptions-item>
+          <el-descriptions-item label="公司类型">
+            {{ customer.regType }}
+          </el-descriptions-item>
+          <el-descriptions-item label="工商注册号">
+            {{ customer.registerNo }}
+          </el-descriptions-item>
+          <el-descriptions-item label="股东数量">
+            {{ customer.partnerTotal }}
+          </el-descriptions-item>
+          <el-descriptions-item label="变更数量">
+            {{ customer.changeRecordDataTotal }}
+          </el-descriptions-item>
+          <el-descriptions-item label="董事会人数">
+            {{ customer.employeeDataTotal }}
+          </el-descriptions-item>
+          
+          <!-- <el-descriptions-item label="备注">{{ customer.remark }}</el-descriptions-item> -->
+        </el-descriptions>
+        <el-descriptions :column="4">
+          <el-descriptions-item label="经营范围">
+            {{ customer.businessScope }}
+          </el-descriptions-item>
+        </el-descriptions>
+      </el-collapse-item>
+      
+      <el-collapse-item name="systemInfo">
+        <el-descriptions :column="4">
+          <el-descriptions-item label="股东信息">
+            <PartnerData />
+          </el-descriptions-item>
+        </el-descriptions>
+
+        <el-descriptions :column="4">
+          <el-descriptions-item label="工商变更数据">
+            <ChangeRecordDataForm />
+          </el-descriptions-item>
+
+          <el-descriptions :column="4">
+          <el-descriptions-item label="董事会成员">
+            <EmployeeData />
+          </el-descriptions-item>
+        </el-descriptions>
+        
+        <el-descriptions :column="4">
+          <el-descriptions-item label="企业分支机构">
+            <CompanyBranchInfo />
+          </el-descriptions-item>
+        </el-descriptions>
+        
+        </el-descriptions>
+        <el-descriptions :column="4">
+          <el-descriptions-item label="企业经营异常信息">
+            <CompanyaBnormalInfo />
+          </el-descriptions-item>
+        </el-descriptions>
+
+        <el-descriptions :column="4">
+          <el-descriptions-item label="企业被执行人">
+            <CompanyJudgmentDebtorInfo />
+          </el-descriptions-item>
+        </el-descriptions>
+
+        <el-descriptions :column="4">
+          <el-descriptions-item label="企业法院公告信息">
+            <CompanyCourtInfo />
+          </el-descriptions-item>
+        </el-descriptions>
+
+        <el-descriptions :column="4">
+          <el-descriptions-item label="企业法律诉讼信息">
+            <CompanyLawsuitInfo />
+          </el-descriptions-item>
+        </el-descriptions>
+
+        
+      </el-collapse-item>
+    </el-collapse>
+  </ContentWrap>
+</template>
+<script lang="ts" setup>
+import * as CustomerApi from '@/api/crm/customer'
+import { DICT_TYPE } from '@/utils/dict'
+import { formatDate } from '@/utils/formatTime'
+import ChangeRecordDataForm from './companyInfo/changerecorddata/index.vue' // 变更
+import CompanyaBnormalInfo from './companyInfo/companyabnormalinfo/index.vue' // 异常
+import CompanyBranchInfo from './companyInfo/companybranchinfo/index.vue' // 企业分支机构
+import CompanyCourtInfo from './companyInfo/companycourtinfo/index.vue' // 企业法院公告信息
+import CompanyJudgmentDebtorInfo from './companyInfo/companyjudgmentdebtorinfo/index.vue' // 企业被执行人
+import CompanyLawsuitInfo from './companyInfo/companylawsuitinfo/index.vue' // 企业法律诉讼信息
+import EmployeeData from './companyInfo/employeedata/index.vue' // 董事会成员
+import PartnerData from './companyInfo/partnerdata/index.vue' // 股东信息
+
+defineOptions({ name: 'CrmCustomerDetailsInfo' })
+const { customer } = defineProps<{
+  customer: CustomerApi.CustomerVO // 客户明细
+}>()
+
+const activeNames = ref(['basicInfo', 'systemInfo']) // 展示的折叠面板
+</script>
+<style lang="scss" scoped></style>

src/views/crm/customer/detail/companyInfo/changerecorddata/index.vue

@@ -0,0 +1,51 @@
+<template>
+ 
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="序号" type="index" width="60" align="center" />
+      <el-table-column label="变更日期" align="center" width="170" prop="changeRecordDate" />
+      <el-table-column label="变更类型" align="center" prop="changeRecordItem" />
+      <el-table-column label="变更前" align="center" prop="changeRecordBefore" />
+      <el-table-column label="变更后" align="center" prop="changeRecordAfter" />
+    </el-table>
+  </ContentWrap>
+</template>
+
+<script setup lang="ts">
+import { ChangeRecordDataApi } from '@/api/crm/customer/companyInfo/changerecorddata'
+
+/** 工商变更数据 列表 */
+defineOptions({ name: 'CrmChangeRecordData' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<ChangeRecordDataVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 999,
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await ChangeRecordDataApi.getChangeRecordDataPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>

src/views/crm/customer/detail/companyInfo/companyabnormalinfo/index.vue

@@ -0,0 +1,53 @@
+<template>
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="序号" type="index" width="60" align="center" />
+      <el-table-column label="异常日期" width="170" align="center" prop="idate" />
+      <el-table-column label="异常原因" align="center" prop="ireason" />
+      <el-table-column label="检查机构" align="center" prop="orgName" />
+      <el-table-column label="移除异常原因" align="center" prop="oreason" />
+    </el-table>
+   
+  </ContentWrap>
+
+</template>
+
+<script setup lang="ts">
+import { CompanyAbnormalInfoApi } from '@/api/crm/customer/companyInfo/companyabnormalinfo'
+
+/** 企业经营异常信息 列表 */
+defineOptions({ name: 'CompanyAbnormalInfo' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<CompanyAbnormalInfoVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 999,
+  
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await CompanyAbnormalInfoApi.getCompanyAbnormalInfoPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>

src/views/crm/customer/detail/companyInfo/companybranchinfo/index.vue

@@ -0,0 +1,48 @@
+<template>
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="序号" type="index" width="60" align="center" />
+      <el-table-column label="姓名" align="center" prop="name" />
+    </el-table>
+    
+  </ContentWrap>
+
+</template>
+
+<script setup lang="ts">
+import { CompanyBranchInfoApi } from '@/api/crm/customer/companyInfo/companybranchinfo'
+
+/** 企业分支机构信息 列表 */
+defineOptions({ name: 'CompanyBranchInfo' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<CompanyBranchInfoVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 999,
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await CompanyBranchInfoApi.getCompanyBranchInfoPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>

src/views/crm/customer/detail/companyInfo/companycourtinfo/index.vue

@@ -0,0 +1,51 @@
+<template>
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="序号" type="index" width="60" align="center" />
+      <el-table-column label="发布日期" width="170" align="center" prop="publishDate" />
+      <el-table-column label="法院名称" align="center" prop="courtOrg" />
+      <el-table-column label="公告类型" align="center" prop="courtType" />
+      <el-table-column label="当事人" align="center" prop="parties" />
+      <el-table-column label="案件原由" align="center" prop="reason" />
+    </el-table>
+  </ContentWrap>
+</template>
+
+<script setup lang="ts">
+import { CompanyCourtInfoApi } from '@/api/crm/customer/companyInfo/companycourtinfo'
+
+/** 企业法院公告信息 列表 */
+defineOptions({ name: 'CompanyCourtInfo' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<CompanyCourtInfoVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 999,
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await CompanyCourtInfoApi.getCompanyCourtInfoPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>

src/views/crm/customer/detail/companyInfo/companyjudgmentdebtorinfo/index.vue

@@ -0,0 +1,51 @@
+<template>
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="序号" type="index" width="60" align="center" />
+      <el-table-column label="法院名称" align="center" prop="caseOrg" />
+      <el-table-column label="案件编号" align="center" prop="caseNo" />
+      <el-table-column label="发布日期" width="170" align="center" prop="publishDate" />
+      <el-table-column label="当事人" align="center" prop="parties" />
+    </el-table>
+  </ContentWrap>
+
+</template>
+
+<script setup lang="ts">
+import { CompanyJudgmentDebtorInfoApi } from '@/api/crm/customer/companyInfo/companyjudgmentdebtorinfo'
+
+/** 企业被执行人信息 列表 */
+defineOptions({ name: 'CompanyJudgmentDebtorInfo' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<CompanyJudgmentDebtorInfoVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 999,
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await CompanyJudgmentDebtorInfoApi.getCompanyJudgmentDebtorInfoPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>

src/views/crm/customer/detail/companyInfo/companylawsuitinfo/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="序号" type="index" width="60" align="center" />
+      <el-table-column label="案件名称" align="center" prop="caseName" />
+      <el-table-column label="发布日期" width="170" align="center" prop="publishDate" />
+      <el-table-column label="案件原由" align="center" prop="caseReason" />
+      <el-table-column label="案件内容" align="center" prop="caseContent" />
+    </el-table>
+    
+  </ContentWrap>
+
+</template>
+
+<script setup lang="ts">
+import { CompanyLawsuitInfoApi } from '@/api/crm/customer/companyInfo/companylawsuitinfo'
+
+/** 企业法律诉讼信息 列表 */
+defineOptions({ name: 'CompanyLawsuitInfo' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<CompanyLawsuitInfoVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 999,
+  
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await CompanyLawsuitInfoApi.getCompanyLawsuitInfoPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>

src/views/crm/customer/detail/companyInfo/employeedata/index.vue

@@ -0,0 +1,50 @@
+<template>
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="序号" type="index" width="60" align="center" />
+      <el-table-column label="姓名" align="center" prop="name" />
+      <el-table-column label="职位" align="center" prop="title" />
+    </el-table>
+  </ContentWrap>
+
+</template>
+
+<script setup lang="ts">
+import { EmployeeDataApi } from '@/api/crm/customer/companyInfo/employeedata'
+
+/** 董事会成员 列表 */
+defineOptions({ name: 'EmployeeData' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<EmployeeDataVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 999,
+  
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await EmployeeDataApi.getEmployeeDataPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>

src/views/crm/customer/detail/companyInfo/partnerdata/index.vue

@@ -0,0 +1,51 @@
+<template>
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="序号" type="index" width="60" align="center" />
+      <el-table-column label="股东名称" align="center" prop="partnerName" />
+      <el-table-column label="认缴出资额" align="center" prop="totalShouldCapital" />
+      <el-table-column label="股东类型" align="center" prop="partnerType" />
+      <el-table-column label="实缴出资额" align="center" prop="totalRealCapital" />
+    </el-table>
+  </ContentWrap>
+
+</template>
+
+<script setup lang="ts">
+import { PartnerDataApi } from '@/api/crm/customer/companyInfo/partnerdata'
+
+/** 股东数据 列表 */
+defineOptions({ name: 'PartnerData' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<PartnerDataVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 999,
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await PartnerDataApi.getPartnerDataPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>

src/views/crm/customer/detail/index.vue

@@ -45,10 +45,13 @@
       <el-tab-pane label="基本信息">
         <CustomerDetailsInfo :customer="customer" />
       </el-tab-pane>
+      <el-tab-pane label="工商信息">
+        <CompanyDetailsInfo :customer="customer" />
+      </el-tab-pane>
       <el-tab-pane label="联系人" lazy>
         <ContactList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
       </el-tab-pane>
-      <el-tab-pane label="团队成员">
+      <!-- <el-tab-pane label="团队成员">
         <PermissionList
           ref="permissionListRef"
           :biz-id="customer.id!"
@@ -56,17 +59,20 @@
           :show-action="!permissionListRef?.isPool || false"
           @quit-team="close"
         />
-      </el-tab-pane>
+      </el-tab-pane> -->
       <el-tab-pane label="商机" lazy>
         <BusinessList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
       </el-tab-pane>
       <el-tab-pane label="合同" lazy>
         <ContractList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
       </el-tab-pane>
-      <el-tab-pane label="回款" lazy>
+      <el-tab-pane label="回访" lazy>
+        <ReturnVisitrecord :biz-id="customerId" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
+      </el-tab-pane>
+      <!-- <el-tab-pane label="回款" lazy>
         <ReceivablePlanList :customer-id="customer.id!" @create-receivable="createReceivable" />
         <ReceivableList ref="receivableListRef" :customer-id="customer.id!" />
-      </el-tab-pane>
+      </el-tab-pane> -->
       <el-tab-pane label="操作日志">
         <OperateLogV2 :log-list="logList" />
       </el-tab-pane>
@@ -82,8 +88,10 @@
 import { useTagsViewStore } from '@/store/modules/tagsView'
 import * as CustomerApi from '@/api/crm/customer'
 import CustomerForm from '@/views/crm/customer/CustomerForm.vue'
+import CompanyDetailsInfo from './companyDetailsInfo.vue' // 工商信息
 import CustomerDetailsInfo from './CustomerDetailsInfo.vue' // 客户明细 - 详细信息
 import CustomerDetailsHeader from './CustomerDetailsHeader.vue' // 客户明细 - 头部
+import ReturnVisitrecord from './returnvisitrecord/index.vue' // 回访
 import ContactList from '@/views/crm/contact/components/ContactList.vue' // 联系人列表
 import ContractList from '@/views/crm/contract/components/ContractList.vue' // 合同列表
 import BusinessList from '@/views/crm/business/components/BusinessList.vue' // 商机列表

src/views/crm/customer/detail/returnvisitrecord/ReturnVisitRecordForm.vue

@@ -0,0 +1,179 @@
+<template>
+  <Dialog title="新增" v-model="dialogVisible" width="50%">
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="100px"
+      v-loading="formLoading"
+    >
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="回访类型" prop="type">
+            <el-select v-model="formData.type" placeholder="请选择回访类型">
+              <el-option
+                v-for="dict in getIntDictOptions(DICT_TYPE.CRM_RETURN_VISIT_STSTUS)"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="回访日期" prop="returnVisitDate">
+            <el-date-picker
+              style="width: 100%"
+              v-model="formData.returnVisitDate"
+              type="date"
+              value-format="x"
+              placeholder="选择回访日期"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="回访内容" prop="content">
+            <el-input v-model="formData.content" :rows="3" type="textarea" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="下次联系时间" prop="nextTime">
+            <el-date-picker
+              v-model="formData.nextTime"
+              style="width: 100%"
+              type="date"
+              value-format="x"
+              placeholder="选择下次联系时间"
+            />
+          </el-form-item>
+        </el-col>
+        <!-- <el-col :span="12">
+        <el-form-item label="关联的联系人编号数组" prop="contactIds">
+            <el-input v-model="formData.contactIds" placeholder="请输入关联的联系人编号数组" />
+          </el-form-item>
+        </el-col> -->
+        <el-col :span="24">
+          <el-form-item label="图片" prop="picUrls">
+            <UploadImgs v-model="formData.picUrls" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="附件" prop="fileUrls">
+                <UploadFile v-model="formData.fileUrls" />
+
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="关联联系人" prop="contactIds">
+                <el-button @click="handleOpenContact">
+                  <Icon class="mr-5px" icon="ep:plus" />
+                  添加联系人
+                </el-button>
+                <FollowUpRecordContactForm :contacts="formData.contacts" />
+              </el-form-item>
+        </el-col>
+      </el-row>
+        </el-form>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+  <!-- 弹窗 -->
+  <ContactListModal
+    ref="contactTableSelectRef"
+    :customer-id="formData.bizId"
+    @success="handleAddContact"
+  />
+</template>
+<script setup lang="ts">
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { ReturnVisitRecordApi, ReturnVisitRecordVO } from '@/api/crm/customer/returnvisitrecord'
+import FollowUpRecordContactForm from '../../../followup/components/FollowUpRecordContactForm.vue'
+import ContactListModal from '@/views/crm/contact/components/ContactListModal.vue'
+
+/** CRM 回访记录 表单 */
+defineOptions({ name: 'ReturnVisitRecordForm' })
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formData = ref({
+  id: undefined,
+  customerId: undefined,
+  type: undefined,
+  returnVisitDate: undefined,
+  content: undefined,
+  nextTime: undefined,
+  picUrls: undefined,
+  fileUrls: undefined,
+  contactIds: undefined
+})
+const formRef = ref() // 表单 Ref
+const formRules = reactive({
+  type: [{ required: true, message: '回访类型不能为空', trigger: 'change' }],
+  returnVisitDate: [{ required: true, message: '回访日期不能为空', trigger: 'blur' }],
+  content: [{ required: true, message: '回访内容不能为空', trigger: 'blur' }],
+  nextTime: [{ required: true, message: '下次联系时间不能为空', trigger: 'blur' }]
+})
+
+/** 关联联系人 */
+const contactTableSelectRef = ref<InstanceType<typeof ContactListModal>>()
+const handleOpenContact = () => {
+  contactTableSelectRef.value?.open()
+}
+/** 打开弹窗 */
+const open = async (bizType: number, bizId: number) => {
+  dialogVisible.value = true
+  resetForm()
+  formData.value.bizType = bizType
+  formData.value.bizId = bizId
+  formData.value.customerId = bizId
+  
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  await formRef.value.validate()
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value as unknown as ReturnVisitRecordVO
+    if (formType.value === 'create') {
+      await ReturnVisitRecordApi.createReturnVisitRecord(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await ReturnVisitRecordApi.updateReturnVisitRecord(data)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    id: undefined,
+    customerId: undefined,
+    type: undefined,
+    returnVisitDate: undefined,
+    content: undefined,
+    nextTime: undefined,
+    picUrls: undefined,
+    fileUrls: undefined,
+    contactIds: undefined
+  }
+  formRef.value?.resetFields()
+}
+</script>

src/views/crm/customer/detail/returnvisitrecord/index.vue

@@ -0,0 +1,173 @@
+<template>
+  <el-row class="mb-10px" justify="end">
+  
+  <el-button
+          type="primary"
+          plain
+          @click="openForm"
+          class="ml-5px"
+        >
+          <Icon icon="ep:plus" class="mr-5px" /> 新增
+        </el-button>
+  </el-row>
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="编号" align="center" prop="id" />
+      <el-table-column label="数据编号" align="center" prop="customerId" />
+      <el-table-column label="回访类型" align="center" prop="type" />
+      <el-table-column label="回访日期" align="center" prop="returnVisitDate" />
+      <el-table-column label="回访内容" align="center" prop="content" />
+      <el-table-column
+        label="下次联系时间"
+        align="center"
+        prop="nextTime"
+        :formatter="dateFormatter"
+        width="180px"
+      />
+      <el-table-column label="图片" align="center" prop="picUrls" />
+      <el-table-column label="附件" align="center" prop="fileUrls" />
+      <el-table-column label="关联的联系人编号数组" align="center" prop="contactIds" />
+      <el-table-column label="创建者" align="center" prop="creator" />
+      <el-table-column
+        label="创建时间"
+        align="center"
+        prop="createTime"
+        :formatter="dateFormatter"
+        width="180px"
+      />
+      <el-table-column label="更新者" align="center" prop="updater" />
+      <el-table-column
+        label="更新时间"
+        align="center"
+        prop="updateTime"
+        :formatter="dateFormatter"
+        width="180px"
+      />
+      <el-table-column label="操作" align="center" min-width="120px">
+        <template #default="scope">
+          <el-button
+            link
+            type="danger"
+            @click="handleDelete(scope.row.id)"
+            v-hasPermi="['crm:return-visit-record:delete']"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <Pagination
+      :total="total"
+      v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </ContentWrap>
+
+  <!-- 表单弹窗：添加/修改 -->
+  <ReturnVisitRecordForm ref="formRef" @success="getList" />
+</template>
+
+<script setup lang="ts">
+import { dateFormatter } from '@/utils/formatTime'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import download from '@/utils/download'
+import { ReturnVisitRecordApi, ReturnVisitRecordVO } from '@/api/crm/customer/returnvisitrecord'
+import ReturnVisitRecordForm from './ReturnVisitRecordForm.vue'
+
+/** CRM 回访记录 列表 */
+defineOptions({ name: 'ReturnVisitRecord' })
+const props = defineProps<{
+  bizType: number
+  bizId: number
+}>()
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<ReturnVisitRecordVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  customerId: undefined,
+  type: undefined,
+  returnVisitDate: [],
+  content: undefined,
+  nextTime: [],
+  picUrls: undefined,
+  fileUrls: undefined,
+  contactIds: undefined,
+  creator: undefined,
+  createTime: [],
+  updater: undefined,
+  updateTime: []
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await ReturnVisitRecordApi.getReturnVisitRecordPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = () => {
+  formRef.value.open(props.bizType, props.bizId)
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    await ReturnVisitRecordApi.deleteReturnVisitRecord(id)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
+/** 导出按钮操作 */
+const handleExport = async () => {
+  try {
+    // 导出的二次确认
+    await message.exportConfirm()
+    // 发起导出
+    exportLoading.value = true
+    const data = await ReturnVisitRecordApi.exportReturnVisitRecord(queryParams)
+    download.excel(data, 'CRM 回访记录.xls')
+  } catch {
+  } finally {
+    exportLoading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>