From 3c315cf28799362c1d8b34fdf862b1fadf7db3ad Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 9 Sep 2023 01:44:08 +0800
Subject: [PATCH] =?UTF-8?q?code=20review=EF=BC=9A=E5=AE=8C=E5=96=84?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E8=AF=A6=E6=83=85=E5=92=8C=E5=94=AE=E5=90=8E?=
 =?UTF-8?q?=E9=80=80=E6=AC=BE=20TODO=20=E6=8F=90=E5=88=B0=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/mall/trade/order/index.ts             |  1 +
 src/config/axios/service.ts                   |  1 +
 .../mall/trade/afterSale/detail/index.vue     | 19 ++++---------------
 src/views/mall/trade/order/detail/index.vue   | 17 +++++++++++------
 4 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/src/api/mall/trade/order/index.ts b/src/api/mall/trade/order/index.ts
index 730a57a6..6f55b573 100644
--- a/src/api/mall/trade/order/index.ts
+++ b/src/api/mall/trade/order/index.ts
@@ -54,6 +54,7 @@ export interface OrderVO {
   logs?: logs[]
 }
 
+// TODO @puhui999：OrderLogRespVO 会不会更好哈。
 export interface logs {
   content?: string
   createTime?: Date
diff --git a/src/config/axios/service.ts b/src/config/axios/service.ts
index f126f26d..bc6dbe73 100644
--- a/src/config/axios/service.ts
+++ b/src/config/axios/service.ts
@@ -191,6 +191,7 @@ service.interceptors.response.use(
       }
       return Promise.reject('error')
     } else {
+      // TODO @puhui999：这个先不用支持哈；
       // 前端处理 data 为 null 的情况，进行提示
       if (data.msg !== '') {
         ElNotification.error({ title: msg })
diff --git a/src/views/mall/trade/afterSale/detail/index.vue b/src/views/mall/trade/afterSale/detail/index.vue
index 643d2775..d539dbe5 100644
--- a/src/views/mall/trade/afterSale/detail/index.vue
+++ b/src/views/mall/trade/afterSale/detail/index.vue
@@ -132,23 +132,11 @@
             placement="top"
           >
             <div class="el-timeline-right-content">
-              <span>售后状态(之前)：</span>
-              <dict-tag
-                :type="DICT_TYPE.TRADE_AFTER_SALE_STATUS"
-                :value="saleLog.beforeStatus"
-                class="mr-10px"
-              />
-              <span>售后状态(之后)：</span>
-              <dict-tag
-                :type="DICT_TYPE.TRADE_AFTER_SALE_STATUS"
-                :value="saleLog.afterStatus"
-                class="mr-10px"
-              />
-              <span>操作明细：{{ saleLog.content }}</span>
+              <span>{{ saleLog.content }}</span>
             </div>
             <template #dot>
               <span
-                :style="{ backgroundColor: updateStyles(saleLog.userType) }"
+                :style="{ backgroundColor: getUserTypeColor(saleLog.userType) }"
                 class="dot-node-style"
               >
                 {{ getDictLabel(DICT_TYPE.USER_TYPE, saleLog.userType)[0] || '系' }}
@@ -185,7 +173,8 @@ const formData = ref({
 })
 const updateAuditReasonFormRef = ref() // 拒绝售后表单 Ref
 
-const updateStyles = (type: number) => {
+/** 获得 userType 颜色 */
+const getUserTypeColor = (type: number) => {
   const dict = getDictObj(DICT_TYPE.USER_TYPE, type)
   switch (dict?.colorType) {
     case 'success':
diff --git a/src/views/mall/trade/order/detail/index.vue b/src/views/mall/trade/order/detail/index.vue
index 236c7f2e..d329b810 100644
--- a/src/views/mall/trade/order/detail/index.vue
+++ b/src/views/mall/trade/order/detail/index.vue
@@ -167,7 +167,7 @@
             </div>
             <template #dot>
               <span
-                :style="{ backgroundColor: updateStyles(log.userType!) }"
+                :style="{ backgroundColor: getUserTypeColor(log.userType!) }"
                 class="dot-node-style"
               >
                 {{ getDictLabel(DICT_TYPE.USER_TYPE, log.userType)[0] }}
@@ -201,7 +201,8 @@ defineOptions({ name: 'TradeOrderDetail' })
 
 const message = useMessage() // 消息弹窗
 
-const updateStyles = (type: number) => {
+/** 获得 userType 颜色 */
+const getUserTypeColor = (type: number) => {
   const dict = getDictObj(DICT_TYPE.USER_TYPE, type)
   switch (dict?.colorType) {
     case 'success':
@@ -221,22 +222,24 @@ const formData = ref<TradeOrderApi.OrderVO>({
   logs: []
 })
 
-const deliveryFormRef = ref() // 发货表单 Ref
+/** 各种操作 */
 const updateRemarkForm = ref() // 订单备注表单 Ref
-const updateAddressFormRef = ref() // 收货地址表单 Ref
-const updatePriceFormRef = ref() // 订单调价表单 Ref
 const remark = () => {
   updateRemarkForm.value?.open(formData.value)
 }
+const deliveryFormRef = ref() // 发货表单 Ref
 const delivery = () => {
   deliveryFormRef.value?.open(formData.value)
 }
+const updateAddressFormRef = ref() // 收货地址表单 Ref
 const updateAddress = () => {
   updateAddressFormRef.value?.open(formData.value)
 }
+const updatePriceFormRef = ref() // 订单调价表单 Ref
 const updatePrice = () => {
   updatePriceFormRef.value?.open(formData.value)
 }
+
 /** 获得详情 */
 const { params } = useRoute() // 查询参数
 const getDetail = async () => {
@@ -250,13 +253,15 @@ const getDetail = async () => {
     formData.value = res
   }
 }
+
+/** 关闭 tag */
 const { delView } = useTagsViewStore() // 视图操作
 const { push, currentRoute } = useRouter() // 路由
-/** 关闭 tag */
 const close = () => {
   delView(unref(currentRoute))
   push({ name: 'TradeAfterSale' })
 }
+
 /** 复制 */
 const clipboardSuccess = () => {
   message.success('复制成功')