From 1855bca307ba2bef44eeb407d9ebf6eb87d71354 Mon Sep 17 00:00:00 2001
From: dzq <dzq@ys.com>
Date: Mon, 7 Jul 2025 08:51:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=99=BA=E8=83=BD=E6=9F=9C=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85):=20=E6=B7=BB=E5=8A=A0=E6=94=AF=E4=BB=98=E6=96=B9?=
 =?UTF-8?q?=E5=BC=8F=E6=98=BE=E7=A4=BA=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在智能柜详情页面中，新增计算属性 currentPaymentMethods 用于根据店铺模式显示对应的支付方式标签。替换原有的借呗支付显示为多种支付方式的标签展示，提升用户体验。
---
 .../cabinet/smart-cabinet-card/detail.vue     | 25 ++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/views/cabinet/smart-cabinet-card/detail.vue b/src/views/cabinet/smart-cabinet-card/detail.vue
index 9ac48bc..7e47c28 100644
--- a/src/views/cabinet/smart-cabinet-card/detail.vue
+++ b/src/views/cabinet/smart-cabinet-card/detail.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
+import { ref, onMounted, computed } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { getSmartCabinetDetailApi, type SmartCabinetDTO, getBalanceEnableText } from "@/api/cabinet/smart-cabinet";
 import { CabinetCellQuery, changeGoodsCellsStock, clearGoodsCells, getCabinetCellList, type CabinetCellDTO } from "@/api/cabinet/cabinet-cell";
@@ -25,6 +25,7 @@ import { CabinetMainboardDTO, deleteMainboard, getMainboardList, updateMainboard
 import { getShopById, ShopDTO, getModeText } from "@/api/shop/shop";
 import { useBtnPermissionStore } from "@/store/modules/btnPermission";
 import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
+import { modeToPaymentMethodMap, paymentMethodOptions } from "@/utils/maps/payment";
 
 defineOptions({
   name: "SmartCabinetDetail"
@@ -82,6 +83,15 @@ const currentCellId = ref<number>();
 const cellFormVisible = ref(false);
 const cellEditVisible = ref(false);
 
+const currentPaymentMethods = computed(() => {
+  if (typeof shopInfo.value.mode !== 'number') return [];
+  const methodValues = modeToPaymentMethodMap[shopInfo.value.mode] || [];
+  return methodValues.map(value => {
+    const option = paymentMethodOptions.find(item => item.value === value);
+    return option ? { label: option.label, type: option.type } : null;
+  }).filter(Boolean);
+});
+
 function handleConfigure(row: CabinetCellDTO) {
   if (row.goodsId) {
     currentCell.value = row;
@@ -351,8 +361,12 @@ onMounted(() => {
                 @click="gatewayConfigVisible = true">
                 配置
               </el-button></el-descriptions-item>
-            <el-descriptions-item label="借呗支付">{{ getBalanceEnableText(shopInfo.balanceEnable)
-              }}</el-descriptions-item>
+            <el-descriptions-item label="支付方式">
+              <el-tag v-for="method in currentPaymentMethods" :key="method.label" :type="method.type"
+                style="margin-right: 5px;">
+                {{ method.label }}
+              </el-tag>
+            </el-descriptions-item>
             <!-- <el-descriptions-item label="商品模式">
               {{ cabinetInfo.belongType === 0 ? '借还模式' : '固资模式' }}
             </el-descriptions-item> -->
@@ -419,9 +433,8 @@ onMounted(() => {
                     class="cell-btn">
                     格口配置
                   </el-button>
-                  <el-button v-if="!item.goodsId && item.isRented && shopInfo && shopInfo.mode == 3"
-                    link type="primary" @click="handleAb98ViewDetail(item.ab98UserId, item.name)"
-                    class="cell-btn">
+                  <el-button v-if="!item.goodsId && item.isRented && shopInfo && shopInfo.mode == 3" link type="primary"
+                    @click="handleAb98ViewDetail(item.ab98UserId, item.name)" class="cell-btn">
                     {{ item.name }}
                   </el-button>
                   <!-- <el-button v-if="item.goodsId" type="warning" link :icon="useRenderIcon(EditPen)"