页面调整

This commit is contained in:
lcc
2025-07-19 01:53:15 +08:00
parent b766cc54c4
commit 11936e8391
4 changed files with 34 additions and 9 deletions
+22 -2
View File
@@ -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>
+3 -1
View File
@@ -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>
+7 -4
View File
@@ -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;
};
+2 -2
View File
@@ -231,8 +231,8 @@ const onSubmit = async (values) => {
// 显示确认弹窗
try {
await showConfirmDialog({
title: '',
message: '确定要提交吗?',
title: '确定要提交吗?',
message: '',
confirmButtonText: '确定提交',
cancelButtonText: '取消',
});