修改问题
parent
938e430186
commit
da4d175e91
|
|
@ -4,7 +4,7 @@ NODE_ENV=development
|
||||||
VITE_DEV=true
|
VITE_DEV=true
|
||||||
|
|
||||||
# 请求路径
|
# 请求路径
|
||||||
VITE_BASE_URL='http://192.168.251.60:48080'
|
VITE_BASE_URL='http://172.22.3.6:48080'
|
||||||
|
|
||||||
# 文件上传类型:server - 后端上传, client - 前端直连上传,仅支持 S3 服务
|
# 文件上传类型:server - 后端上传, client - 前端直连上传,仅支持 S3 服务
|
||||||
VITE_UPLOAD_TYPE=server
|
VITE_UPLOAD_TYPE=server
|
||||||
|
|
|
||||||
|
|
@ -18,6 +18,7 @@
|
||||||
<el-select
|
<el-select
|
||||||
v-model="formData.ownerUserId"
|
v-model="formData.ownerUserId"
|
||||||
:disabled="formType !== 'create'"
|
:disabled="formType !== 'create'"
|
||||||
|
filterable
|
||||||
class="w-1/1"
|
class="w-1/1"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
|
|
@ -36,6 +37,7 @@
|
||||||
<el-select
|
<el-select
|
||||||
:disabled="formData.customerDefault"
|
:disabled="formData.customerDefault"
|
||||||
v-model="formData.customerId"
|
v-model="formData.customerId"
|
||||||
|
filterable
|
||||||
placeholder="请选择客户"
|
placeholder="请选择客户"
|
||||||
class="w-1/1"
|
class="w-1/1"
|
||||||
>
|
>
|
||||||
|
|
@ -113,7 +115,7 @@
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="直属上级" prop="parentId">
|
<el-form-item label="直属上级" prop="parentId">
|
||||||
<el-select v-model="formData.parentId" placeholder="请选择直属上级" class="w-1/1">
|
<el-select v-model="formData.parentId" filterable placeholder="请选择直属上级" class="w-1/1">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in contactList"
|
v-for="item in contactList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<Dialog v-model="dialogVisible" :title="dialogTitle">
|
<Dialog v-model="dialogVisible" :title="dialogTitle" width="50%">
|
||||||
<el-form
|
<el-form
|
||||||
ref="formRef"
|
ref="formRef"
|
||||||
v-loading="formLoading"
|
v-loading="formLoading"
|
||||||
|
|
|
||||||
|
|
@ -12,8 +12,8 @@
|
||||||
<el-descriptions-item label="客户来源">
|
<el-descriptions-item label="客户来源">
|
||||||
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_SOURCE" :value="customer.source" />
|
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_SOURCE" :value="customer.source" />
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="合作类型">{{ customer.cooperationType }}</el-descriptions-item>
|
<el-descriptions-item label="合作类型">{{ getName(getIntDictOptions(DICT_TYPE.CRM_COOPERATION_TYPE),customer.cooperationType) }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="合作地区">{{ customer.cooperationArea }}</el-descriptions-item>
|
<el-descriptions-item label="合作地区">{{ getName(getIntDictOptions(DICT_TYPE.CRM_COOPERATION_AREA),customer.cooperationArea) }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="客户级别">
|
<el-descriptions-item label="客户级别">
|
||||||
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_LEVEL" :value="customer.level" />
|
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_LEVEL" :value="customer.level" />
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
|
|
@ -66,7 +66,7 @@
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import * as CustomerApi from '@/api/crm/customer'
|
import * as CustomerApi from '@/api/crm/customer'
|
||||||
import { DICT_TYPE } from '@/utils/dict'
|
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
|
||||||
import { formatDate } from '@/utils/formatTime'
|
import { formatDate } from '@/utils/formatTime'
|
||||||
|
|
||||||
defineOptions({ name: 'CrmCustomerDetailsInfo' })
|
defineOptions({ name: 'CrmCustomerDetailsInfo' })
|
||||||
|
|
@ -75,5 +75,11 @@ const { customer } = defineProps<{
|
||||||
}>()
|
}>()
|
||||||
|
|
||||||
const activeNames = ref(['basicInfo', 'systemInfo']) // 展示的折叠面板
|
const activeNames = ref(['basicInfo', 'systemInfo']) // 展示的折叠面板
|
||||||
|
const getName = (opt, val) => {
|
||||||
|
console.log('%csrc/views/crm/customer/detail/CustomerDetailsInfo.vue:79 opt, val', 'color: #007acc;', opt, val);
|
||||||
|
const arr = opt.filter(v => v.value == val)
|
||||||
|
console.log('%csrc/views/crm/customer/detail/CustomerDetailsInfo.vue:81 arr', 'color: #007acc;', arr);
|
||||||
|
return arr.length ? arr[0]['label'] : ''
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped></style>
|
<style lang="scss" scoped></style>
|
||||||
|
|
|
||||||
|
|
@ -51,7 +51,7 @@
|
||||||
<el-tab-pane label="联系人" lazy>
|
<el-tab-pane label="联系人" lazy>
|
||||||
<ContactList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
|
<ContactList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<!-- <el-tab-pane label="团队成员">
|
<el-tab-pane label="团队成员">
|
||||||
<PermissionList
|
<PermissionList
|
||||||
ref="permissionListRef"
|
ref="permissionListRef"
|
||||||
:biz-id="customer.id!"
|
:biz-id="customer.id!"
|
||||||
|
|
@ -59,7 +59,7 @@
|
||||||
:show-action="!permissionListRef?.isPool || false"
|
:show-action="!permissionListRef?.isPool || false"
|
||||||
@quit-team="close"
|
@quit-team="close"
|
||||||
/>
|
/>
|
||||||
</el-tab-pane> -->
|
</el-tab-pane>
|
||||||
<el-tab-pane label="商机" lazy>
|
<el-tab-pane label="商机" lazy>
|
||||||
<BusinessList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
|
<BusinessList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
ref="formRef"
|
ref="formRef"
|
||||||
:model="formData"
|
:model="formData"
|
||||||
:rules="formRules"
|
:rules="formRules"
|
||||||
label-width="100px"
|
label-width="110px"
|
||||||
v-loading="formLoading"
|
v-loading="formLoading"
|
||||||
>
|
>
|
||||||
<el-row>
|
<el-row>
|
||||||
|
|
@ -69,7 +69,7 @@
|
||||||
<Icon class="mr-5px" icon="ep:plus" />
|
<Icon class="mr-5px" icon="ep:plus" />
|
||||||
添加联系人
|
添加联系人
|
||||||
</el-button>
|
</el-button>
|
||||||
<FollowUpRecordContactForm :contacts="formData.contacts" />
|
<FollowUpRecordContactForm @success="del" :contacts="formData.contacts" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
@ -111,7 +111,9 @@ const formData = ref({
|
||||||
nextTime: undefined,
|
nextTime: undefined,
|
||||||
picUrls: undefined,
|
picUrls: undefined,
|
||||||
fileUrls: undefined,
|
fileUrls: undefined,
|
||||||
contactIds: undefined
|
contactIds: undefined,
|
||||||
|
contacts: []
|
||||||
|
|
||||||
})
|
})
|
||||||
const formRef = ref() // 表单 Ref
|
const formRef = ref() // 表单 Ref
|
||||||
const formRules = reactive({
|
const formRules = reactive({
|
||||||
|
|
@ -126,6 +128,18 @@ const contactTableSelectRef = ref<InstanceType<typeof ContactListModal>>()
|
||||||
const handleOpenContact = () => {
|
const handleOpenContact = () => {
|
||||||
contactTableSelectRef.value?.open()
|
contactTableSelectRef.value?.open()
|
||||||
}
|
}
|
||||||
|
const handleAddContact = (contactId: [], newContacts: ContactApi.ContactVO[]) => {
|
||||||
|
newContacts.forEach((contact) => {
|
||||||
|
if (!formData.value.contacts.some((item) => item.id === contact.id)) {
|
||||||
|
formData.value.contacts.push(contact)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const del = (index: number) => {
|
||||||
|
formData.value.contacts.splice(index, 1)
|
||||||
|
|
||||||
|
}
|
||||||
/** 打开弹窗 */
|
/** 打开弹窗 */
|
||||||
const open = async (bizType: number, bizId: number) => {
|
const open = async (bizType: number, bizId: number) => {
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
|
|
@ -145,14 +159,12 @@ const submitForm = async () => {
|
||||||
// 提交请求
|
// 提交请求
|
||||||
formLoading.value = true
|
formLoading.value = true
|
||||||
try {
|
try {
|
||||||
const data = formData.value as unknown as ReturnVisitRecordVO
|
const data = {
|
||||||
if (formType.value === 'create') {
|
...formData.value,
|
||||||
await ReturnVisitRecordApi.createReturnVisitRecord(data)
|
contactIds: formData.value.contacts.map((item) => item.id),
|
||||||
message.success(t('common.createSuccess'))
|
} as unknown as ReturnVisitRecordVO
|
||||||
} else {
|
await ReturnVisitRecordApi.createReturnVisitRecord(data)
|
||||||
await ReturnVisitRecordApi.updateReturnVisitRecord(data)
|
message.success(t('common.createSuccess'))
|
||||||
message.success(t('common.updateSuccess'))
|
|
||||||
}
|
|
||||||
dialogVisible.value = false
|
dialogVisible.value = false
|
||||||
// 发送操作成功的事件
|
// 发送操作成功的事件
|
||||||
emit('success')
|
emit('success')
|
||||||
|
|
@ -172,6 +184,7 @@ const resetForm = () => {
|
||||||
nextTime: undefined,
|
nextTime: undefined,
|
||||||
picUrls: undefined,
|
picUrls: undefined,
|
||||||
fileUrls: undefined,
|
fileUrls: undefined,
|
||||||
|
contacts: [] ,
|
||||||
contactIds: undefined
|
contactIds: undefined
|
||||||
}
|
}
|
||||||
formRef.value?.resetFields()
|
formRef.value?.resetFields()
|
||||||
|
|
|
||||||
|
|
@ -50,7 +50,6 @@
|
||||||
link
|
link
|
||||||
type="danger"
|
type="danger"
|
||||||
@click="handleDelete(scope.row.id)"
|
@click="handleDelete(scope.row.id)"
|
||||||
v-hasPermi="['crm:return-visit-record:delete']"
|
|
||||||
>
|
>
|
||||||
删除
|
删除
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,7 @@
|
||||||
<Icon class="mr-5px" icon="ep:plus" />
|
<Icon class="mr-5px" icon="ep:plus" />
|
||||||
添加联系人
|
添加联系人
|
||||||
</el-button>
|
</el-button>
|
||||||
<FollowUpRecordContactForm :contacts="formData.contacts" />
|
<FollowUpRecordContactForm @success="del" :contacts="formData.contacts" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24" v-if="formData.bizType == BizTypeEnum.CRM_CUSTOMER">
|
<el-col :span="24" v-if="formData.bizType == BizTypeEnum.CRM_CUSTOMER">
|
||||||
|
|
@ -162,6 +162,10 @@ const handleAddContact = (contactId: [], newContacts: ContactApi.ContactVO[]) =>
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const del = (index: number) => {
|
||||||
|
formData.value.contacts.splice(index, 1)
|
||||||
|
|
||||||
|
}
|
||||||
/** 关联商机 */
|
/** 关联商机 */
|
||||||
const businessTableSelectRef = ref<InstanceType<typeof BusinessListModal>>()
|
const businessTableSelectRef = ref<InstanceType<typeof BusinessListModal>>()
|
||||||
const handleOpenBusiness = () => {
|
const handleOpenBusiness = () => {
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" fixed="right" label="操作" width="130">
|
<el-table-column align="center" fixed="right" label="操作" width="130">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button link type="danger" @click="handleDelete(scope.row.id)"> 移除</el-button>
|
<el-button link type="danger" @click="handleDelete(scope.$index)"> 移除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
@ -40,8 +40,10 @@ watch(
|
||||||
{ immediate: true }
|
{ immediate: true }
|
||||||
)
|
)
|
||||||
|
|
||||||
|
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
const handleDelete = (index: number) => {
|
const handleDelete = (index: number) => {
|
||||||
formData.value.splice(index, 1)
|
emit('success', index)
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<Dialog :title="dialogTitle" v-model="dialogVisible">
|
<Dialog :title="dialogTitle" v-model="dialogVisible" width="50%">
|
||||||
<el-form
|
<el-form
|
||||||
ref="formRef"
|
ref="formRef"
|
||||||
:model="formData"
|
:model="formData"
|
||||||
:rules="formRules"
|
:rules="formRules"
|
||||||
label-width="100px"
|
label-width="110px"
|
||||||
v-loading="formLoading"
|
v-loading="formLoading"
|
||||||
>
|
>
|
||||||
<el-row>
|
<el-row>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue