feat(ebiz): 添加承保结果页面UI展示

- 引入 vant 组件库的 Image 和 Button 组件
- 添加错误提示图片和文案显示
- 实现页面布局居中对齐
- 设置背景色为白色并占满全屏
- 添加确定按钮并设置样式
- 引入评估结果图片资源
This commit is contained in:
hz
2025-12-11 14:36:23 +08:00
parent f3a852cbc2
commit 1ad3d29cd1
2 changed files with 30 additions and 23 deletions

View File

@@ -158,26 +158,6 @@ export default {
.sale-list-container {
background-color: #f5f5f5;
}
.submit-btn {
bottom: 10px;
width: 90%;
transform: translateX(5%);
}
/deep/ .dialog-delete .van-dialog__header {
padding: 0.5em;
margin-bottom: 0;
border-bottom: 1px solid #eaeaea;
}
/deep/ .van-cell {
padding: 0;
padding-bottom: 0.5em;
border-bottom: 1px solid #eaeaea;
}
/deep/ .van-dialog__content {
padding: 1em;
}
.van-search__content {
background: #fff !important;

View File

@@ -1,11 +1,38 @@
<script>
import { Image as VanImage, Button } from 'vant'
export default {
name: 'UnderwritingResult'
name: 'UnderwritingResult',
components: { Button, VanImage },
data() {
return {
errorMsg: '根据您的信息,不符合本产品承保要求',
image: require('@/assets/images/ebiz/evalImg.png')
}
}
}
</script>
<template>
<div class="underwriting-result-container"></div>
<div class="underwriting-result-container flex justify-content-c align-items-c">
<div class="error-msg flex column align-items-c">
<VanImage :src="image" alt="error-result-image" width="80%" />
<div class="mt40">{{ errorMsg }}</div>
</div>
<Button class="submit-btn bottom-btn mt20" color="#E9322E">确定</Button>
</div>
</template>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.underwriting-result-container {
background-color: #ffffff;
margin-top: 0 !important;
height: 100vh;
width: 100vw;
overflow: hidden;
.error-msg {
height: fit-content;
}
}
</style>