fix: 调整工作台市场名称显示顺序并添加币种标签以改善用户界面

src/components/workspace/CashManagement.vue

@@ -42,8 +42,8 @@
           <span class="market-value">{{ market.value.toLocaleString() }} {{ t('workbench.SGD') }}</span>
         </div>
         <div v-else v-for="item in cashData.markets" :key="item.name" class="market-item">
-          <span class="market-name">{{ t('workbench.collect')}}{{ item.name }}：</span>
-          <span class="market-value">{{ item.value.toLocaleString() }}</span>
+          <span class="market-name">{{ item.name }}{{ t('workbench.collect') }}：</span>
+          <span class="market-value">{{ item.value.toLocaleString() }} {{ item.currencyLabel }}</span>
 
         </div>
 
@@ -135,7 +135,15 @@ const fetchCashData = async () => {
         value: resMap.get(m.name) ?? 0
       }))
     } else if (marksFlag.value=== false) {
-// 1. 定义币种中英文对照表 代收地区的币种
+      const currencyCollectMarketMap = {
+        sgd: t('workbench.Singapore'),
+        myr: t('workbench.Malaysia'),
+        hkd: t('workbench.HongKong'),
+        cad: t('workbench.Canada'),
+        thb: t('workbench.Thailand'),
+        vdn: t('workbench.VietnamHCM'),
+      };
+
       const currencyMap = {
         sgd: t('workbench.SGD'),
         myr: t('workbench.MYR'),
@@ -165,8 +173,9 @@ const fetchCashData = async () => {
                 : 0;
 
         return {
-          name: currencyMap[lowerCurrency],
+          name: currencyCollectMarketMap[lowerCurrency],
           value: total,
+          currencyLabel: currencyMap[lowerCurrency],
         };
       });
 
@@ -305,12 +314,12 @@ onMounted( async() => {
 
 .market-data {
   display: flex;
-  width: 245px;
+  width: 265px;
   flex-direction: column;
   align-items: flex-start;
   gap: 20px;
   padding: 10px;
-  margin-left: 40px;
+  margin-left: 20px;
 }
 
 .market-item {