admin123
/
shop-front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(shop): 修复支付方法显示问题并优化卡片布局 

修复当前支付方法计算中未正确处理数字类型的问题
合并运行模式显示项并调整卡片图片宽度和内边距
This commit is contained in:
dzq 2025-06-17 09:40:10 +08:00
parent fb862b7267
commit 6a14db1ee3
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/cabinet/shop/card.vue
View File

@ -145,10 +145,9 @@ function getPaymentMethods(mode: number): Array<{ label: string; type: string }>
</text>
</svg>
<el-descriptions class="cabinet-info" :column="2">
<el-descriptions class="cabinet-info" :column="1">
<!-- <el-descriptions-item class="type">模式：{{ item.belongType === 0 ? '借还模式' : '固资模式' }}</el-descriptions-item> -->
<el-descriptions-item class="mode">运行模式：</el-descriptions-item>
<el-descriptions-item class="mode"><el-tag :type="getModeType(item.mode)">{{
<el-descriptions-item class="mode">运行模式：<el-tag :type="getModeType(item.mode)">{{
getModeText(item.mode) }}</el-tag></el-descriptions-item>
<!-- <el-descriptions-item class="payment-methods">支付方式：
</el-descriptions-item>
@ -198,7 +197,7 @@ function getPaymentMethods(mode: number): Array<{ label: string; type: string }>
justify-content: space-between;
.cabinet-image {
width: 50%;
width: 40%;
height: 130px;
padding: 0 3px;
object-fit: contain;
@ -214,7 +213,7 @@ function getPaymentMethods(mode: number): Array<{ label: string; type: string }>
.cabinet-info {
text-align: left;
padding: 26px 0px;
padding: 16px 0px;
.name,
.type,

2
src/views/cabinet/shop/shop-form-modal.vue
View File

@ -113,7 +113,7 @@ const beforeAvatarUpload = (rawFile) => {
};
const currentPaymentMethods = computed(() => {
if (!formData.value.mode) return [];
if (typeof formData.value.mode !== 'number') return [];
const methodValues = modeToPaymentMethodMap[formData.value.mode] || [];
return methodValues.map(value => {
const option = paymentMethodOptions.find(item => item.value === value);