lsq
/
byhl-zt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

123

Browse Source
master
飘泊客 11 months ago
parent 800f944b84
commit f191d10141
1 changed files with 97 additions and 85 deletions
Show Stats Download Patch File Download Diff File

182
src/views/qualityInspectionDistribution/inspectionModal.vue
Unescape Escape View File

@ -1,96 +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-tabs centered> @cancel="handleClose"
<a-tab-pane v-if="formModel.customType === 0" key="1" tab="A类型客户" />
<a-tab-pane v-if="formModel.customType === 1" key="2" tab="B类型客户" force-render />
</a-tabs>
<a-form
: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 && formModel.customType == 0"
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">
@ -106,6 +113,7 @@ 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
@ -334,7 +342,11 @@ 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距离下面的距离 //a-tabs距离下面的距离
::v-deep .ant-tabs-top > .ant-tabs-nav { ::v-deep .ant-tabs-top > .ant-tabs-nav {
margin: 0 0 25px 0; margin: 0 0 25px 0;

Write Preview
Loading…
Cancel
Save