hhyykk/ipms-sjy-ui
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy-ui.git synced 2025-07-16 20:05:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

📖 CRM：跟进记录的 code review

Browse Source
This commit is contained in:
YunaiV
2024-01-15 21:30:25 +08:00
parent 163613e90c
commit 9fa769b16a
15 changed files with 40 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -36,15 +36,12 @@
</CustomerDetailsHeader>
<el-col>
<el-tabs>
<el-tab-pane label="详细资料">
<CustomerDetailsInfo :customer="customer" />
</el-tab-pane>
<el-tab-pane label="操作日志">
<OperateLogV2 :log-list="logList" />
</el-tab-pane>
<el-tab-pane label="跟进">
<el-tab-pane label="跟进记录">
<FollowUpList :biz-id="customerId" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
</el-tab-pane>
<el-tab-pane label="基本信息">
<CustomerDetailsInfo :customer="customer" />
</el-tab-pane>
<el-tab-pane label="联系人" lazy>
<ContactList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
</el-tab-pane>
@ -66,6 +63,9 @@
<ReceivablePlanList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
<ReceivableList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
</el-tab-pane>
<el-tab-pane label="操作日志">
<OperateLogV2 :log-list="logList" />
</el-tab-pane>
<el-tab-pane label="回访" lazy>TODO 待开发</el-tab-pane>
</el-tabs>
</el-col>

2
src/views/crm/customer/index.vue
View File

@ -146,7 +146,7 @@
</template>
</el-table-column>
<el-table-column align="center" label="距离进入公海" prop="poolDay">
<template #default="scope"> {{ scope.row.poolDay }}天</template>
<template #default="scope"> {{ scope.row.poolDay }} 天</template>
</el-table-column>
<el-table-column
:formatter="dateFormatter"

2
src/views/crm/customer/pool/index.vue
View File

@ -187,7 +187,7 @@ import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import * as CustomerApi from '@/api/crm/customer'
defineOptions({ name: 'CrmCustomer' })
defineOptions({ name: 'CrmCustomerPool' })
const message = useMessage() // 消息弹窗

4
src/views/crm/followup/FollowUpRecordForm.vue
View File

@ -1,3 +1,4 @@
<!-- 跟进记录的添加表单弹窗 -->
<template>
<Dialog v-model="dialogVisible" :title="dialogTitle" width="50%">
<el-form
@ -30,11 +31,13 @@
/>
</el-form-item>
</el-col>
<!-- TODO @puhui999：不搞富文本哈；然后加个附件、图片两个 form-item 哈 -->
<el-col :span="24">
<el-form-item label="跟进内容" prop="content">
<Editor v-model="formData.content" height="300px" />
</el-form-item>
</el-col>
<!-- TODO @puhui999：因为不考虑编辑的情况，是不是关联要是个弹窗选择哈？ -->
<el-col :span="24">
<el-form-item label="关联联系人" prop="contactIds">
<el-select v-model="formData.contactIds" multiple placeholder="请选择">
@ -90,7 +93,6 @@ import { BusinessList, ContactList } from './components'
import * as ContactApi from '@/api/crm/contact'
import * as BusinessApi from '@/api/crm/business'
/** 跟进记录 表单 */
defineOptions({ name: 'FollowUpRecordForm' })
const { t } = useI18n() // 国际化

8
src/views/crm/followup/index.vue
View File

@ -1,3 +1,4 @@
<!-- 某个记录的跟进记录列表，目前主要用于 CRM 客户、商机等详情界面 -->
<template>
<!-- 操作栏 -->
<el-row class="mb-10px" justify="end">
@ -24,7 +25,9 @@
prop="nextTime"
width="180px"
/>
<!-- TODO @puhui999：点击后，查看关联联系人 -->
<el-table-column align="center" label="关联联系人" prop="contactIds" />
<!-- TODO @puhui999：点击后，查看关联商机 -->
<el-table-column align="center" label="关联商机" prop="businessIds" />
<el-table-column
:formatter="dateFormatter"
@ -73,7 +76,7 @@ import { DICT_TYPE } from '@/utils/dict'
import { FollowUpRecordApi, FollowUpRecordVO } from '@/api/crm/followup'
import FollowUpRecordForm from './FollowUpRecordForm.vue'
/** 跟进记录 列表 */
/** 跟进记录列表 */
defineOptions({ name: 'FollowUpRecord' })
const props = defineProps<{
bizType: number
@ -84,8 +87,7 @@ const { t } = useI18n() // 国际化
const loading = ref(true) // 列表的加载中
const list = ref<FollowUpRecordVO[]>([]) // 列表的数据
// 列表的总页数
const total = ref(0)
const total = ref(0) // 列表的总页数
const queryParams = reactive({
pageNo: 1,
pageSize: 10,

2
src/views/crm/permission/components/TransferForm.vue
View File

@ -1,3 +1,4 @@
<!-- 转移数据的表单弹窗，目前主要用于 CRM 客户、商机等详情界面 -->
<template>
<Dialog v-model="dialogVisible" :title="dialogTitle" width="30%">
<el-form
@ -39,6 +40,7 @@
</el-radio-group>
</el-form-item>
</el-form>
<!-- TODO 转移客户时，需要额外有【联系人】【商机】【合同】的 checkbox 选择 -->
<template #footer>
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>

2
src/views/crm/product/ProductForm.vue
View File

@ -47,7 +47,7 @@
<el-form-item label="产品单位" prop="unit">
<el-select v-model="formData.unit" class="w-1/1" placeholder="请选择单位">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.PRODUCT_UNIT)"
v-for="dict in getIntDictOptions(DICT_TYPE.CRM_PRODUCT_UNIT)"
:key="dict.value"
:label="dict.label"
:value="dict.value"

2
src/views/crm/product/detail/ProductDetailsHeader.vue
View File

@ -22,7 +22,7 @@
{{ productCategoryList?.find((c) => c.id === product.categoryId)?.name }}
</el-descriptions-item>
<el-descriptions-item label="产品单位">
<dict-tag :type="DICT_TYPE.PRODUCT_UNIT" :value="product.unit" />
<dict-tag :type="DICT_TYPE.CRM_PRODUCT_UNIT" :value="product.unit" />
</el-descriptions-item>
<el-descriptions-item label="产品价格">{{ fenToYuan(product.price) }}元</el-descriptions-item>
<el-descriptions-item label="产品编码">{{ product.no }}</el-descriptions-item>

10
src/views/crm/product/detail/ProductDetailsInfo.vue
View File

@ -14,10 +14,10 @@
{{ productCategoryList?.find((c) => c.id === product.categoryId)?.name }}
</el-descriptions-item>
<el-descriptions-item label="是否上下架">
<dict-tag :type="DICT_TYPE.CRM_PRODUCT_STATUS" :value="product.status"/>
<dict-tag :type="DICT_TYPE.CRM_PRODUCT_STATUS" :value="product.status" />
</el-descriptions-item>
<el-descriptions-item label="单位">
<dict-tag :type="DICT_TYPE.PRODUCT_UNIT" :value="product.unit"/>
<dict-tag :type="DICT_TYPE.CRM_PRODUCT_UNIT" :value="product.unit" />
</el-descriptions-item>
</el-descriptions>
</el-collapse-item>
@ -25,12 +25,12 @@
</ContentWrap>
</template>
<script setup lang="ts">
import {DICT_TYPE} from '@/utils/dict'
import { DICT_TYPE } from '@/utils/dict'
import * as ProductApi from '@/api/crm/product'
import {fenToYuan} from '@/utils'
import { fenToYuan } from '@/utils'
import * as ProductCategoryApi from '@/api/crm/product/productCategory'
const {product} = defineProps<{
const { product } = defineProps<{
product: ProductApi.ProductVO
}>()

2
src/views/crm/product/index.vue
View File

@ -60,7 +60,7 @@
<el-table-column label="产品类型" align="center" prop="categoryName" width="160" />
<el-table-column label="产品单位" align="center" prop="unit">
<template #default="scope">
<dict-tag :type="DICT_TYPE.PRODUCT_UNIT" :value="scope.row.unit" />
<dict-tag :type="DICT_TYPE.CRM_PRODUCT_UNIT" :value="scope.row.unit" />
</template>
</el-table-column>
<el-table-column label="产品编码" align="center" prop="no" />