页面调整
This commit is contained in:
@@ -43,6 +43,16 @@
|
||||
</div>
|
||||
</van-popup>
|
||||
<PopContent :content="content" :show-pop="showContentPop" @update:show-pop="showContentPop = $event" />
|
||||
<van-dialog v-model:show="showConfirm">
|
||||
<div class="mt40 text-color-theme inner10 text-center">
|
||||
<div>补贴名额有限,抓紧时间领取吧!</div>
|
||||
<div class="mt10">有任何疑问可添加车管家的微信进行咨询~</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<vue-qrcode class="qrcode" value="https://example.com" :margin="0"/>
|
||||
</div>
|
||||
</van-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -52,8 +62,9 @@ import { ref, reactive, defineEmits, watch } from 'vue'
|
||||
import CouponItem from '@/components/CouponItem.vue' // 导入CouponItem组件
|
||||
import PopContent from '@/components/PopContent.vue' // 导入PopContent组件
|
||||
import api from '@/utils/api' // 导入API模块
|
||||
import { showToast } from 'vant' // 导入Toast组件
|
||||
import { showToast,showDialog } from 'vant' // 导入Toast组件
|
||||
import { getBasicConfig } from '@/utils/basicSetting'
|
||||
import VueQrcode from 'vue-qrcode'; // 直接导入
|
||||
|
||||
const emit = defineEmits(['update:showPop','showStorePop'])
|
||||
defineOptions({
|
||||
@@ -70,6 +81,7 @@ const mobile = ref('');
|
||||
const code = ref('');
|
||||
const is_show_count = ref(false);
|
||||
const count_time = ref(60000);
|
||||
const showConfirm = ref(false);
|
||||
|
||||
watch(() => props.showPop, async(val) => {
|
||||
console.log('showPop', val);
|
||||
@@ -193,6 +205,7 @@ function handleSuccess(){
|
||||
function handleClose() {
|
||||
// 关闭弹窗逻辑
|
||||
console.log('close')
|
||||
showConfirm.value = true;
|
||||
emit('update:showPop', false)
|
||||
}
|
||||
|
||||
@@ -212,4 +225,11 @@ function handleShowStores() {
|
||||
</script>
|
||||
|
||||
|
||||
<style></style>
|
||||
<style>
|
||||
.qrcode {
|
||||
display: block;
|
||||
width: 50vw;
|
||||
height: 50vw;
|
||||
margin: 0 auto;
|
||||
}
|
||||
</style>
|
||||
@@ -21,7 +21,9 @@
|
||||
<div class="fn-flex-item fn-flex fn-flex-column justify-between ml30">
|
||||
<h4 class="font-28 font-bold" v-if="item.price">补贴金额<span class="font-34 text-color-theme ml10">{{item.price}}</span></h4>
|
||||
<div>
|
||||
<p class="font-24 fn-flex" v-if="item.biz"><span class="wp30 color-999">城市门店</span><span
|
||||
<p class="font-24 fn-flex" v-if="item.city"><span class="wp30 color-999">购车城市</span><span
|
||||
class="fn-flex-item">{{item.city}}</span></p>
|
||||
<p class="font-24 fn-flex" v-if="item.biz"><span class="wp30 color-999">购车门店</span><span
|
||||
class="fn-flex-item">{{item.biz}}</span></p>
|
||||
<p class="font-24 fn-flex mt10" v-if="item.car"><span class="wp30 color-999">品牌车型</span><span
|
||||
class="fn-flex-item">{{item.car}}</span></p>
|
||||
|
||||
@@ -48,6 +48,9 @@
|
||||
<a href="javascript:void(0)" @click="showPopContent(allowance_insuranc_info,2)" class="view-example"><span class="font-26 mr10">查看示例</span><van-icon size="16" name="arrow" /></a>
|
||||
</template>
|
||||
</van-cell>
|
||||
<div class="text-center inner10 font-26 text-color-theme">
|
||||
平安车险客户上传保单可加速审核
|
||||
</div>
|
||||
<div class="upload-box ml20 mr20">
|
||||
<van-uploader v-model="form.insuranceFile" :multiple="false" :max-count="1" accept="image/*" :after-read="onInsuranceRead">
|
||||
<template #preview-cover="{ file }">
|
||||
@@ -162,7 +165,7 @@ const rules = {
|
||||
store: [{ required: true, message: '请选择购车门店' }],
|
||||
model: [{ required: true, message: '请选择品牌车型' }],
|
||||
invoiceFile: [{ validator: (val) => val && val.length > 0, message: '请上传发票' }],
|
||||
insuranceFile: [{ validator: (val) => val && val.length > 0, message: '请上传商业保险单' }],
|
||||
// insuranceFile: [{ validator: (val) => val && val.length > 0, message: '请上传商业保险单' }],
|
||||
};
|
||||
|
||||
// 组件挂载时检查补贴ID
|
||||
@@ -521,9 +524,9 @@ const validateForm = () => {
|
||||
errors.push('请上传发票');
|
||||
}
|
||||
|
||||
if (!form.insuranceUrl) {
|
||||
errors.push('请上传商业保险单');
|
||||
}
|
||||
// if (!form.insuranceUrl) {
|
||||
// errors.push('请上传商业保险单');
|
||||
// }
|
||||
|
||||
return errors;
|
||||
};
|
||||
|
||||
@@ -231,8 +231,8 @@ const onSubmit = async (values) => {
|
||||
// 显示确认弹窗
|
||||
try {
|
||||
await showConfirmDialog({
|
||||
title: '',
|
||||
message: '确定要提交吗?',
|
||||
title: '确定要提交吗?',
|
||||
message: '',
|
||||
confirmButtonText: '确定提交',
|
||||
cancelButtonText: '取消',
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user