代码提交

pages/refundInfo/refundInfo.vue

@@ -4,14 +4,14 @@
         :fixed="false"
         title="售后订单详情"
         left-arrow
-        @leftClick="goBack"
+        @leftClick="goBackList"
     />
     <view v-if="orderInfoData">
       <view class="orderInfo-header background-warp" :class="orderInfoData.state === 0 && 'mb-100'">
         <view class="background">
           <image
               class="image"
-              src="https://b2c-pro-static-dev.zkthink.com/static/images/refund-order-bg.png"
+              :src="afterSalesBg"
               mode="widthFix"
           />
         </view>
@@ -24,7 +24,7 @@
               </view>
             </view>
             <view class="order-date" v-if="parseInt(orderInfoData.remainTime) > 0 && ![3,4].includes(orderInfoData.state)">
-              还剩{{remainTimeStr}}自动确认
+              {{remainTimeStr}}
             </view>
           </view>
 <!--          <view class="address noBorder">-->
@@ -109,6 +109,7 @@
         <view class="order-goods  page-card mb-20">
           <goods
               list
+              link
               interval
               desc="3"
               showAction
@@ -164,15 +165,19 @@
                   {{ orderInfoData.serviceType===0?'仅退款':'退货退款' }}
                 </view>
               </view>
-              <view
-                  class="info-cell"
-              >
+              <view class="info-cell">
                 <view class="info-cell-label">
                   订单编号
                 </view>
                 <view class="info-cell-value">
                   {{ orderInfoData.orderId }}
                 </view>
+                <view
+                    class="info-cell-operation"
+                    @click="setData(orderInfoData.orderId,'复制成功')"
+                >
+                  复制
+                </view>
               </view>
               <view
                   class="info-cell"
@@ -293,12 +298,15 @@ import {
 import { orderReStatus } from '@/config'
 import { useRouter } from "@/hooks/useRouter";
 import {useGlobalProperties} from "@/hooks";
+import { useShearPlate } from "@/hooks/useShearPlate";
 import { formatRemainTime } from '@/utils/utils'
 import Modal from "@/components/Modal/index.vue";
+import { afterSalesBg } from "@/utils/images";
+import config from "@/uni_modules/uv-ui-tools/libs/config/config";
 const {$timeFormat} = useGlobalProperties()
 
-const {getParams,push,goBack} = useRouter()
-
+const {getParams,push} = useRouter()
+const {setData} = useShearPlate();
 const orderInfoData = ref(null)
 const orderInfoStatusMsg = ref('')
 const expressData = ref(null)
@@ -410,6 +418,13 @@ const toRefund = () => {
   })
 }
 
+// 返回列表
+const goBackList = () => {
+  push({url: '/pages/refundList/refundList'}, {
+    type:"redirectTo"
+  })
+}
+
 onLoad((options) => {
   const params = getParams(options)
   id.value = params.id
@@ -424,6 +439,7 @@ onLoad((options) => {
 </script>
 
 <style lang="scss">
+@import "../../style/images";
 .orderList {
   padding: 20rpx 0;
 }
@@ -451,10 +467,10 @@ onLoad((options) => {
     background-position: left center;
     background-repeat: no-repeat;
     &.order-status-0,&.order-status-1,&.order-status-2,&.order-status-5{
-      background-image: url("https://b2c-pro-static-dev.zkthink.com/static/images/icon-order-info-5.png");
+      background-image: $orderStateClock;
     }
     &.order-status-3,&.order-status-4{
-      background-image: url("https://b2c-pro-static-dev.zkthink.com/static/images/icon-order-info-4.png");
+      background-image: $orderStateFinish;
     }
     .image {
       width: 40rpx;