yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of https://gitee.com/guochang-hongyun/warm-kingdom-vue3-oa

pull/781/head
felix 2025-04-26 22:40:44 +08:00
parent de731f3408 739256cd3b
commit f3ea6f2996
27 changed files with 1207 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env
View File

@ -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

2
.env.local
View File

@ -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

10
src/api/crm/customer/companyInfo/changerecorddata/index.ts Normal file
View File

@ -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 })
},
}

10
src/api/crm/customer/companyInfo/companyabnormalinfo/index.ts Normal file
View File

@ -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 })
},
}

11
src/api/crm/customer/companyInfo/companybranchinfo/index.ts Normal file
View File

@ -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 })
},
}

10
src/api/crm/customer/companyInfo/companycourtinfo/index.ts Normal file
View File

@ -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 })
},
}

10
src/api/crm/customer/companyInfo/companyjudgmentdebtorinfo/index.ts Normal file
View File

@ -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 })
},
}

10
src/api/crm/customer/companyInfo/companylawsuitinfo/index.ts Normal file
View File

@ -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 })
},
}

9
src/api/crm/customer/companyInfo/employeedata/index.ts Normal file
View File

@ -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 })
},
}

10
src/api/crm/customer/companyInfo/partnerdata/index.ts Normal file
View File

@ -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 })
},
}

47
src/api/crm/customer/returnvisitrecord/index.ts Normal file
View File

@ -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 })
}
}

4
src/utils/dict.ts
View File

@ -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 审批状态

40
src/views/crm/backlog/index.vue
View File

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

172
src/views/crm/customer/CustomerForm.vue
View File

@ -14,30 +14,12 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户来源" prop="source">
<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-form-item label="商务拓展人" prop="developer">
<el-select
v-model="formData.ownerUserId"
:disabled="formType !== 'create'"
class="w-1/1"
class="w-1/1"
placeholder="请选择商务拓展人"
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-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-col :span="12">
<el-form-item label="备注" prop="remark">
<el-input type="textarea" v-model="formData.remark" placeholder="请输入备注" />
<el-col :span="24">
<el-form-item label="客户详情" prop="customerDetails">
<el-input v-model="formData.customerDetails" type="textarea" 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()
}

21
src/views/crm/customer/detail/CustomerDetailsInfo.vue
View File

@ -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="客户级别">
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_LEVEL" :value="customer.level" />
</el-descriptions-item>
<el-descriptions-item label="客户详情">{{ customer.customerDetails }}</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">

139
src/views/crm/customer/detail/companyDetailsInfo.vue Normal file
View File

@ -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>

51
src/views/crm/customer/detail/companyInfo/changerecorddata/index.vue Normal file
View File

@ -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>

53
src/views/crm/customer/detail/companyInfo/companyabnormalinfo/index.vue Normal file
View File

@ -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>

48
src/views/crm/customer/detail/companyInfo/companybranchinfo/index.vue Normal file
View File

@ -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>

51
src/views/crm/customer/detail/companyInfo/companycourtinfo/index.vue Normal file
View File

@ -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>

51
src/views/crm/customer/detail/companyInfo/companyjudgmentdebtorinfo/index.vue Normal file
View File

@ -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>

52
src/views/crm/customer/detail/companyInfo/companylawsuitinfo/index.vue Normal file
View File

@ -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>

50
src/views/crm/customer/detail/companyInfo/employeedata/index.vue Normal file
View File

@ -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>

51
src/views/crm/customer/detail/companyInfo/partnerdata/index.vue Normal file
View File

@ -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>

16
src/views/crm/customer/detail/index.vue
View File

@ -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' // 商机列表

179
src/views/crm/customer/detail/returnvisitrecord/ReturnVisitRecordForm.vue Normal file
View File

@ -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>

173
src/views/crm/customer/detail/returnvisitrecord/index.vue Normal file
View File

@ -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>