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>
|
</text>
|
||||||
</svg>
|
</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="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>
|
getModeText(item.mode) }}</el-tag></el-descriptions-item>
|
||||||
<!-- <el-descriptions-item class="payment-methods">支付方式:
|
<!-- <el-descriptions-item class="payment-methods">支付方式:
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
|
@ -198,7 +197,7 @@ function getPaymentMethods(mode: number): Array<{ label: string; type: string }>
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.cabinet-image {
|
.cabinet-image {
|
||||||
width: 50%;
|
width: 40%;
|
||||||
height: 130px;
|
height: 130px;
|
||||||
padding: 0 3px;
|
padding: 0 3px;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
|
@ -214,7 +213,7 @@ function getPaymentMethods(mode: number): Array<{ label: string; type: string }>
|
||||||
|
|
||||||
.cabinet-info {
|
.cabinet-info {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 26px 0px;
|
padding: 16px 0px;
|
||||||
|
|
||||||
.name,
|
.name,
|
||||||
.type,
|
.type,
|
||||||
|
|
|
@ -113,7 +113,7 @@ const beforeAvatarUpload = (rawFile) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
const currentPaymentMethods = computed(() => {
|
const currentPaymentMethods = computed(() => {
|
||||||
if (!formData.value.mode) return [];
|
if (typeof formData.value.mode !== 'number') return [];
|
||||||
const methodValues = modeToPaymentMethodMap[formData.value.mode] || [];
|
const methodValues = modeToPaymentMethodMap[formData.value.mode] || [];
|
||||||
return methodValues.map(value => {
|
return methodValues.map(value => {
|
||||||
const option = paymentMethodOptions.find(item => item.value === value);
|
const option = paymentMethodOptions.find(item => item.value === value);
|
||||||
|
|
Loading…
Reference in New Issue