pull/781/head
zhaoyan
parent
fcd3b294f6
commit
739256cd3b
4
.env
4
.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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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 })
|
||||
},
|
||||
|
||||
}
|
||||
|
|
@ -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 })
|
||||
},
|
||||
|
||||
}
|
||||
|
|
@ -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 })
|
||||
},
|
||||
|
||||
}
|
||||
|
|
@ -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 })
|
||||
},
|
||||
|
||||
}
|
||||
|
|
@ -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 })
|
||||
},
|
||||
|
||||
}
|
||||
|
|
@ -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 })
|
||||
},
|
||||
|
||||
}
|
||||
|
|
@ -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 })
|
||||
},
|
||||
}
|
||||
|
|
@ -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 })
|
||||
},
|
||||
|
||||
}
|
||||
|
|
@ -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 })
|
||||
}
|
||||
}
|
||||
|
|
@ -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 审批状态
|
||||
|
|
|
|||
|
|
@ -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
|
||||
// }
|
||||
])
|
||||
|
||||
/** 侧边点击 */
|
||||
|
|
|
|||
|
|
@ -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()
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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' // 商机列表
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue