master
doublekou 11 months ago
commit c6b90e1b62

@ -94,8 +94,21 @@ const columns: ProColumns[] = [
}, },
{ {
title: '客户名称', title: '客户名称',
width: 120,
dataIndex: 'customName' dataIndex: 'customName'
}, },
{
title: '客户类型',
dataIndex: 'customType',
width: 80,
customRender: ({ record }: any) => {
if (record.customType == 0) {
return h('div', 'A型')
} else if (record.customType == 1) {
return h('div', 'B型')
}
}
},
{ {
title: '联系方式', title: '联系方式',
width: 100, width: 100,

@ -1,92 +1,103 @@
<template> <template>
<a-modal <div ref="refModel">
:title="title" <a-modal
:visible="visible" :title="title"
:mask-closable="false" :visible="visible"
:centered="true" :mask-closable="false"
:body-style="{ paddingBottom: '8px' }" :centered="true"
:confirm-loading="submitLoading" :body-style="{ paddingBottom: '8px', paddingTop: '0px' }"
:width="650" :confirm-loading="submitLoading"
@cancel="handleClose" :width="650"
> :get-container="() => $refs.refModel"
<a-form @cancel="handleClose"
:model="formModel"
:label-col="{ sm: { span: 24 }, md: { span: 8 } }"
:wrapper-col="wrapperCol"
> >
<a-row justify="start"> <a-tabs centered>
<a-col :span="12"> <a-tab-pane v-if="formModel.customType === 0" key="1" tab="A类型客户" />
<a-form-item label="客户称呼"> <a-tab-pane v-if="formModel.customType === 1" key="2" tab="B类型客户" force-render />
<a-input v-model:value="formModel.customName" placeholder="请输入" readonly /> </a-tabs>
</a-form-item> <a-form
</a-col> :model="formModel"
</a-row> :label-col="{ sm: { span: 24 }, md: { span: 8 } }"
<a-row justify="start"> :wrapper-col="wrapperCol"
<a-col :span="12"> >
<a-form-item label="客户联系方式"> <a-row justify="start">
<a-input v-model:value="formModel.customNid" placeholder="请输入" readonly /> <a-col :span="12">
</a-form-item> <a-form-item label="客户称呼">
</a-col> <a-input v-model:value="formModel.customName" placeholder="请输入" readonly />
</a-row> </a-form-item>
<a-row justify="start"> </a-col>
<a-col :span="24"> </a-row>
<a-form-item <a-row justify="start">
label="客户地址信息" <a-col :span="12">
:label-col="{ sm: { span: 24 }, md: { span: 4 } }" <a-form-item label="客户联系方式">
:wrapper-col="{ sm: { span: 24 }, md: { span: 20 } }" <a-input v-model:value="formModel.customNid" placeholder="请输入" readonly />
> </a-form-item>
<a-input v-model:value="formModel.comprehensiveAddress" placeholder="请输入" readonly /> </a-col>
</a-form-item> </a-row>
</a-col>
</a-row>
<a-row justify="start">
<a-col :span="24">
<a-form-item
label="备注"
:label-col="{ sm: { span: 24 }, md: { span: 4 } }"
:wrapper-col="{ sm: { span: 24 }, md: { span: 20 } }"
>
<a-input v-model:value="formModel.remark" readonly />
</a-form-item>
</a-col>
</a-row>
<template v-for="item in formModel.customStoreVOList" :key="item.storeId">
<a-row justify="start"> <a-row justify="start">
<a-col xs="24" :sm="24" :md="12"> <a-col :span="24">
<a-form-item label="预约门店"> <a-form-item
<a-input v-model:value="item.storeName" placeholder="请输入" readonly /> label="客户地址信息"
:label-col="{ sm: { span: 24 }, md: { span: 4 } }"
:wrapper-col="{ sm: { span: 24 }, md: { span: 20 } }"
>
<a-input
v-model:value="formModel.comprehensiveAddress"
placeholder="请输入"
readonly
/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col xs="24" :sm="24" :md="12"> </a-row>
<a-form-item label="预约时间"> <a-row justify="start">
<a-input v-model:value="item.reservationTime" placeholder="未选择" readonly /> <a-col :span="24">
<a-form-item
label="备注"
:label-col="{ sm: { span: 24 }, md: { span: 4 } }"
:wrapper-col="{ sm: { span: 24 }, md: { span: 20 } }"
>
<a-input v-model:value="formModel.remark" readonly />
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<template v-for="item in formModel.customStoreVOList" :key="item.storeId">
<a-row justify="start">
<a-col xs="24" :sm="24" :md="12">
<a-form-item label="预约门店">
<a-input v-model:value="item.storeName" placeholder="请输入" readonly />
</a-form-item>
</a-col>
<a-col xs="24" :sm="24" :md="12">
<a-form-item label="预约时间">
<a-input v-model:value="item.reservationTime" placeholder="未选择" readonly />
</a-form-item>
</a-col>
</a-row>
</template>
</a-form>
<template #footer>
<div v-if="title !== '详情'">
<a-button v-if="title !== '审核'" @click="visible = false"></a-button>
<a-button
v-if="formModel.enrollStatus == 1 && formModel.customType == 1"
type="primary"
html-type="submit"
style="margin-left: 10px"
@click="toExamine(0)"
>重审</a-button
>
<a-button
v-if="formModel.enrollStatus == 1 && formModel.customType == 0"
type="primary"
html-type="submit"
style="margin-left: 10px"
@click="toExamine(1)"
>分发</a-button
>
</div>
</template> </template>
</a-form> </a-modal>
<template #footer> </div>
<div v-if="title !== '详情'">
<a-button v-if="title !== '审核'" @click="visible = false"></a-button>
<a-button
v-if="formModel.enrollStatus == 1 && formModel.customType == 1"
type="primary"
html-type="submit"
style="margin-left: 10px"
@click="toExamine(0)"
>重审</a-button
>
<a-button
v-if="formModel.enrollStatus == 1"
type="primary"
html-type="submit"
style="margin-left: 10px"
@click="toExamine(1)"
>分发</a-button
>
</div>
</template>
</a-modal>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -96,12 +107,13 @@ import type { FormRequestMapping } from '@/hooks/form'
import { overrideProperties } from '@/utils/bean-utils' import { overrideProperties } from '@/utils/bean-utils'
import { message } from 'ant-design-vue' import { message } from 'ant-design-vue'
import { updateCustomerAudit } from '@/api/geopoliticalCustomers/index' import { updateCustomerAudit } from '@/api/geopoliticalCustomers/index'
import { useAdminForm, useFormAction, FormAction, labelCol, wrapperCol } from '@/hooks/form' import { useAdminForm, useFormAction, FormAction, wrapperCol } from '@/hooks/form'
import { useUserStore } from '@/stores/user-store' import { useUserStore } from '@/stores/user-store'
import { doRequest } from '@/utils/axios/request' import { doRequest } from '@/utils/axios/request'
import { getCustomDetails } from '@/api/geopoliticalCustomers' import { getCustomDetails } from '@/api/geopoliticalCustomers'
// //
import 'dayjs/locale/zh-cn' import 'dayjs/locale/zh-cn'
import { $ref } from 'vue/macros'
// import dayjs from 'dayjs' // import dayjs from 'dayjs'
const emits = defineEmits<{ const emits = defineEmits<{
(e: 'submit-success'): void (e: 'submit-success'): void
@ -330,4 +342,14 @@ defineExpose({
right: 3px; right: 3px;
font-size: 15px; font-size: 15px;
} }
//modal
::v-deep .ant-modal-header {
padding: 16px 24px 0px !important;
border-bottom: unset !important;
}
//a-tabs
::v-deep .ant-tabs-top > .ant-tabs-nav {
margin: 0 0 25px 0;
line-height: 0.5715;
}
</style> </style>

Loading…
Cancel
Save