hookehuyr

fix(collectionSettings): 调整图片上传区域高度并优化日期选择器限制

增加银行和身份证图片上传区域的高度以改善用户体验
为证件有效期日期选择器添加最大和最小日期限制,防止选择无效日期
移除冗余的catch-move属性
......@@ -282,7 +282,7 @@
.bank-img-upload {
width: 100%;
height: 200rpx;
height: 250rpx;
border: 2rpx dashed #ddd;
border-radius: 12rpx;
display: flex;
......@@ -364,7 +364,7 @@
.idcard-img-upload {
width: 100%;
height: 200rpx;
height: 250rpx;
border: 2rpx dashed #ddd;
border-radius: 12rpx;
display: flex;
......@@ -397,7 +397,7 @@
.idcard-img-image {
width: 100%;
height: 200rpx;
height: 250rpx;
border-radius: 12rpx;
object-fit: cover;
}
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-07 15:12:29
* @LastEditTime: 2025-08-07 15:16:21
* @FilePath: /jgdl/src/pages/collectionSettings/index.vue
* @Description: 收款设置
-->
......@@ -42,7 +42,6 @@
v-model:visible="showAccountModal"
position="bottom"
:style="{ width: '100%', height: '85%' }"
:catch-move="true"
:close-on-click-overlay="false"
closeable
close-icon-position="top-right"
......@@ -139,7 +138,6 @@
v-model:visible="showIdentityModal"
position="bottom"
:style="{ width: '100%', height: '85%' }"
:catch-move="true"
:close-on-click-overlay="false"
closeable
close-icon-position="top-right"
......@@ -284,6 +282,8 @@
v-model="idcardBeginDate"
type="date"
title="选择证件有效期开始日期"
:max-date="maxYearDate"
:min-date="minYearDate"
@confirm="onIdcardBeginDateConfirm"
@cancel="showIdcardBeginDate = false"
/>
......@@ -299,6 +299,8 @@
v-model="idcardEndDate"
type="date"
title="选择证件有效期结束日期"
:max-date="maxYearDate"
:min-date="minYearDate"
@confirm="onIdcardEndDateConfirm"
@cancel="showIdcardEndDate = false"
/>
......@@ -403,6 +405,17 @@ const idCardError = ref('');
const idcardBeginDate = ref(new Date());
const idcardEndDate = ref(new Date());
/**
* 日期选择器的最大日期(当天)
*/
const maxYearDate = ref(new Date());
/**
* 日期选择器的最小日期(当前年份前80年)
*/
const currentYear = new Date().getFullYear();
const minYearDate = ref(new Date(currentYear - 80, 0, 1)); // 80年前的1月1日
// 银行选择器当前选中的值
const bankPickerValue = ref([]);
......