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>
<a-modal
:title="title"
:visible="visible"
:mask-closable="false"
:centered="true"
:body-style="{ paddingBottom: '8px' }"
:confirm-loading="submitLoading"
:width="650"
@cancel="handleClose"
>
<a-tabs centered>
<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"
<div ref="refModel">
<a-modal
:title="title"
:visible="visible"
:mask-closable="false"
:centered="true"
:body-style="{ paddingBottom: '8px', paddingTop: '0px' }"
:confirm-loading="submitLoading"
:width="650"
:get-container="() => $refs.refModel"
@cancel="handleClose"
>
<a-row justify="start">
<a-col :span="12">
<a-form-item label="客户称呼">
<a-input v-model:value="formModel.customName" placeholder="请输入" readonly />
</a-form-item>
</a-col>
</a-row>
<a-row justify="start">
<a-col :span="12">
<a-form-item label="客户联系方式">
<a-input v-model:value="formModel.customNid" placeholder="请输入" readonly />
</a-form-item>
</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.comprehensiveAddress" placeholder="请输入" readonly />
</a-form-item>
</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-tabs centered>
<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-col :span="12">
<a-form-item label="客户称呼">
<a-input v-model:value="formModel.customName" placeholder="请输入" readonly />
</a-form-item>
</a-col>
</a-row>
<a-row justify="start">
<a-col :span="12">
<a-form-item label="客户联系方式">
<a-input v-model:value="formModel.customNid" placeholder="请输入" readonly />
</a-form-item>
</a-col>
</a-row>
<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-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.comprehensiveAddress"
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-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-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>
</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>
</a-modal>
</a-modal>
</div>
</template>
<script setup lang="ts">
@ -106,6 +113,7 @@ import { doRequest } from '@/utils/axios/request'
import { getCustomDetails } from '@/api/geopoliticalCustomers'
//预约时间
import 'dayjs/locale/zh-cn'
import { $ref } from 'vue/macros'
// import dayjs from 'dayjs'
const emits = defineEmits<{
(e: 'submit-success'): void
@ -334,7 +342,11 @@ defineExpose({
right: 3px;
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;

Write Preview
Loading…
Cancel
Save