fix(shop): 修复支付方法显示问题并优化卡片布局
修复当前支付方法计算中未正确处理数字类型的问题 合并运行模式显示项并调整卡片图片宽度和内边距
This commit is contained in:
parent
fb862b7267
commit
6a14db1ee3
|
@ -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,
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in New Issue