crm:code review 客户详情

This commit is contained in:
YunaiV 2023-11-26 20:18:33 +08:00
parent 85810c0786
commit ae8cb9218c
6 changed files with 19 additions and 14 deletions

View File

@ -10,6 +10,7 @@
<el-form-item label="线索名称" prop="name"> <el-form-item label="线索名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入线索名称" /> <el-input v-model="formData.name" placeholder="请输入线索名称" />
</el-form-item> </el-form-item>
<!-- TODO 芋艿后续客户的选择 -->
<el-form-item label="客户" prop="customerId"> <el-form-item label="客户" prop="customerId">
<el-select v-model="formData.customerId" clearable placeholder="请选择客户"> <el-select v-model="formData.customerId" clearable placeholder="请选择客户">
<el-option <el-option

View File

@ -1,4 +0,0 @@
// TODO 可以挪到它对应的 api.ts 文件里哈
/**
*
*/

View File

@ -12,5 +12,7 @@
<script setup lang="ts"> <script setup lang="ts">
import * as CustomerApi from '@/api/crm/customer' import * as CustomerApi from '@/api/crm/customer'
const { customer } = defineProps<{ customer: CustomerApi.CustomerVO }>() const { customer } = defineProps<{
customer: CustomerApi.CustomerVO
}>()
</script> </script>

View File

@ -87,7 +87,9 @@ import * as CustomerApi from '@/api/crm/customer'
import { DICT_TYPE } from '@/utils/dict' import { DICT_TYPE } from '@/utils/dict'
import { formatDate } from '@/utils/formatTime' import { formatDate } from '@/utils/formatTime'
const { customer } = defineProps<{ customer: CustomerApi.CustomerVO }>() const { customer } = defineProps<{
customer: CustomerApi.CustomerVO
}>()
// //
const activeNames = ref(['basicInfo', 'systemInfo']) const activeNames = ref(['basicInfo', 'systemInfo'])

View File

@ -7,7 +7,7 @@
</div> </div>
<div> <div>
<!-- 右上按钮 --> <!-- 右上按钮 -->
<el-button v-hasPermi="['crm:customer:update']" @click="openForm('update', customer.id)"> <el-button v-hasPermi="['crm:customer:update']" @click="openForm(customer.id)">
编辑 编辑
</el-button> </el-button>
<el-button>更改成交状态</el-button> <el-button>更改成交状态</el-button>
@ -70,16 +70,20 @@
<script setup lang="ts"> <script setup lang="ts">
import * as CustomerApi from '@/api/crm/customer' import * as CustomerApi from '@/api/crm/customer'
import { DICT_TYPE } from '@/utils/dict' import { DICT_TYPE } from '@/utils/dict'
// TODO @wanwan CustomerBasicInfo
import CustomerBasicInfo from '@/views/crm/customer/detail/CustomerBasicInfo.vue' import CustomerBasicInfo from '@/views/crm/customer/detail/CustomerBasicInfo.vue'
import CustomerForm from '@/views/crm/customer/CustomerForm.vue' import CustomerForm from '@/views/crm/customer/CustomerForm.vue'
const { customer, loading } = defineProps<{ customer: CustomerApi.CustomerVO; loading: boolean }>() const { customer, loading } = defineProps<{
customer: CustomerApi.CustomerVO
const openForm = (type: string, id?: number) => { loading: boolean
formRef.value.open(type, id) }>()
}
/** 修改操作 */
const formRef = ref() const formRef = ref()
const openForm = (id?: number) => {
formRef.value.open('update', id)
}
const emit = defineEmits(['refresh']) // success const emit = defineEmits(['refresh']) // success
</script> </script>

View File

@ -1,5 +1,5 @@
<template> <template>
<CustomerDetailsTop :customer="customer" :loading="loading" @refresh="getCustomerData(id)" /> <CustomerDetailsHeader :customer="customer" :loading="loading" @refresh="getCustomerData(id)" />
<el-col> <el-col>
<el-tabs> <el-tabs>
<el-tab-pane label="详细资料"> <el-tab-pane label="详细资料">
@ -66,7 +66,7 @@ const loading = ref(true) // 加载中
/** /**
* 获取详情 * 获取详情
* *
* @param id * @param id 客户编号
*/ */
const customer = ref<CustomerApi.CustomerVO>({} as CustomerApi.CustomerVO) // const customer = ref<CustomerApi.CustomerVO>({} as CustomerApi.CustomerVO) //
const getCustomerData = async (id: number) => { const getCustomerData = async (id: number) => {