From 338c08442abe3af1c980da4dc047045d5d375a46 Mon Sep 17 00:00:00 2001
From: kaeery <3491123437@qq.com>
Date: Wed, 22 Jan 2025 19:03:19 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E8=AE=A2=E5=8D=95=E3=80=91=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96#=20=E9=80=80=E6=AC=BE=E5=8E=9F=E5=9B=A0?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/bundle/pages/user_address/index.vue | 11 +++++++----
 src/pages/order_detail/index.vue        | 17 ++++++++++++++++-
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/bundle/pages/user_address/index.vue b/src/bundle/pages/user_address/index.vue
index 1e1a9c7..32fbce3 100644
--- a/src/bundle/pages/user_address/index.vue
+++ b/src/bundle/pages/user_address/index.vue
@@ -69,14 +69,14 @@
 </template>
 
 <script lang="ts" setup>
-import { shallowRef, ref, watch } from 'vue'
-import { onLoad, onShow, onUnload } from '@dcloudio/uni-app'
 import { getGeocoder } from '@/api/app'
-import { apiAddressLists, apiAddressEdit } from '@/api/user'
+import { apiAddressEdit, apiAddressLists } from '@/api/user'
 import { wxOaAddress } from '@/hooks/wechat'
-import { isWeixinClient } from '@/utils/client'
 import { useUserStore } from '@/stores/user'
+import { isWeixinClient } from '@/utils/client'
+import { onLoad, onShow, onUnload } from '@dcloudio/uni-app'
 import { storeToRefs } from 'pinia'
+import { ref, shallowRef } from 'vue'
 
 const paging = shallowRef<any>(null)
 const type = ref(false)
@@ -90,6 +90,9 @@ const queryList = async (pageNo, pageSize) => {
     try {
         const { lists } = await apiAddressLists({ pageNo, pageSize })
         paging.value.setLocalPaging(lists)
+        if (lists.length > 0) {
+            uni.$emit('address', lists[0])
+        }
     } catch (e) {
         console.log('报错=>', e)
         //TODO handle the exception
diff --git a/src/pages/order_detail/index.vue b/src/pages/order_detail/index.vue
index 0c9a70e..91dc190 100644
--- a/src/pages/order_detail/index.vue
+++ b/src/pages/order_detail/index.vue
@@ -186,10 +186,11 @@
                 </view>
                 <view
                     class="flex justify-between"
+                    :class="setRefuseReasonStyle()?.container"
                     v-if="orderData.orderStatus === 4 || orderData.orderStatus === 5"
                 >
                     <view>退款原因</view>
-                    <view class="flex-1 ml-2 text-right">
+                    <view class="flex-1" :class="setRefuseReasonStyle()?.content">
                         {{ orderData.orderRefundDetailVo?.refundReason }}
                     </view>
                 </view>
@@ -261,6 +262,20 @@ const payState = reactive({
 const orderId = ref<number | string>('')
 
 const isUseCoupon = computed(() => unref(orderData.value.couponDetailVo))
+const setRefuseReasonStyle = computed(() => () => {
+    const reason = orderData.value.orderRefundDetailVo?.refundReason as string
+    const classNameMap = {
+        container: '',
+        content: ''
+    }
+    if (reason.length <= 30) {
+        classNameMap.content = 'text-right'
+    } else {
+        classNameMap.container = 'flex-col gap-2'
+        classNameMap.content = 'text-left indent-3'
+    }
+    return classNameMap
+})
 
 // 初始化订单详情
 const initOrderDetail = async (): Promise<void> => {