2222

pages/ordermanagement/index.vue

@@ -165,9 +165,10 @@ export default {
 
     await readAppInfo();
     await getPhpToken();
+   
     let jurisdiction = uni.getStorageSync("jurisdiction") || [];
     console.log("jurisdiction", jurisdiction);
-    let mnuList = this.mnu;
+    let mnuList = this.mnu || [];
     if (jurisdiction) {
       jurisdiction.forEach((res, index) => {
         mnuList.forEach((result, i) => {
@@ -229,6 +230,7 @@ export default {
         return;
       }
     } else {
+       return
       uni.redirectTo({
         url: "/pages/user/login/index?type=1",
       });

shop/afterSalesManagement/afterSalesDetail.vue

@@ -38,7 +38,7 @@
               ? "退货退款"
               : ""
           }} -->
-          <view
+          <!-- <view
             class="no-cs-tuihuo"
             :class="[
               storeRefundOrder && storeRefundOrder.status == 2
@@ -46,9 +46,9 @@
                 : '',
             ]"
             >{{ formatDataValue1("status") }}</view
-          >
+          > -->
           <!-- 退货退款成功 已发货仅退款成功-->
-          <view
+          <!-- <view
             class="content--tuihuo-icon"
             v-if="storeRefundOrder && storeRefundOrder.status != 0"
           >
@@ -58,7 +58,7 @@
               color="#999999"
               class="arrow_right_log"
             ></uni-icons>
-          </view>
+          </view> -->
         </view>
       </view>
       <!-- 物流信息卡片  1、退货退款成功   2、退货退款失败 3、退货中 -->
@@ -140,6 +140,15 @@
         部分退款并完成售后
       </view>
     </view>
+    <view class="btn-list" v-else>
+      <view
+        class="btn primary"
+        style="width: calc(100% - 40rpx); margin: 0 20rpx"
+        @click="onHandleclickJindu(storeRefundOrder, 'jindu')"
+      >
+        售后进度
+      </view>
+    </view>
     <uni-popup
       ref="popup"
       type="center"
@@ -157,6 +166,20 @@
           ></uni-icons>
         </view>
         <view class="popup_data__content">
+          <uni-section
+            title="用户备注:"
+            type="line"
+            padding
+            v-if="storeRefundOrder.mark && storeRefundOrder.mark.length > 0"
+          >
+            <uni-easyinput
+              type="textarea"
+              autoHeight
+              :maxlength="500"
+              :disabled="true"
+              v-model="storeRefundOrder.mark"
+            ></uni-easyinput>
+          </uni-section>
           <!-- 1.同意 -1.拒绝 2.部分退款 -->
           <!-- 拒绝只用输入框  -1.拒绝-->
           <uni-section
@@ -257,6 +280,335 @@
         </view>
       </view>
     </uni-popup>
+
+    <uni-popup
+      ref="popupRefsTuikuan"
+      type="bottom"
+      :animation="true"
+      :is-mask-click="false"
+    >
+      <view class="popup_data">
+        <view class="popup_data__headers">
+          <view class="popup_data__headers--title">售后进度</view>
+          <uni-icons
+            type="closeempty"
+            class="custom_icons"
+            size="30"
+            @click="handleClosexxx"
+          ></uni-icons>
+        </view>
+        <view class="popup_data__content_eee">
+          <!-- 仅退款 -->
+          <template v-if="storeRefundOrder.refund_type == 1">
+            <view class="info-content">
+              <view class="info-item">
+                <text class="label">售后类型：</text>
+                <text class="value">{{
+                  storeRefundOrder.refund_type == 1
+                    ? "仅退款"
+                    : storeRefundOrder.refund_type == 2
+                    ? "退货退款"
+                    : ""
+                }}</text>
+              </view>
+              <view class="info-item">
+                <text class="label">申请金额：</text>
+                <text class="value"
+                  >¥{{ storeRefundOrder.refund_price || 0 }}</text
+                >
+              </view>
+              <view class="info-item">
+                <text class="label">售后状态：</text>
+                <text class="value">{{
+                  storeRefundOrder.status == 0
+                    ? "审核中"
+                    : storeRefundOrder.status == 1
+                    ? "处理中"
+                    : storeRefundOrder.status == 2
+                    ? "待收货"
+                    : "已完成"
+                }}</text>
+              </view>
+
+              <view class="progress-wrap">
+                <text class="progress-label"
+                  >售后进度</text
+                >
+                <view class="vertical-timeline">
+                  <view class="timeline-node">
+                    <view class="timeline-vertical-line">
+                      <view class="blue-dot"></view>
+
+                      <!-- 点下方竖线 -->
+                    </view>
+                    <view class="node-content">
+                      <text style="color: blue">售后申请</text>
+                      <text class="time">{{
+                        storeRefundOrder.create_time
+                      }}</text>
+                    </view>
+                  </view>
+                  <view class="timeline-node">
+                    <view class="timeline-vertical-line">
+                      <view class="blue-dot"></view>
+                    </view>
+                    <view class="node-content">
+                      <text style="color: blue">商家处理</text>
+                      <text
+                        class="time"
+                        v-if="
+                          storeRefundOrder.status != 3 &&
+                          storeRefundOrder.status != 5
+                        "
+                        style="color: transparent"
+                        >{{ storeRefundOrder.create_time }}</text
+                      >
+                      <text
+                        class="time"
+                        v-if="
+                          storeRefundOrder.status == 3 ||
+                          storeRefundOrder.status == 5 ||
+                          storeRefundOrder.status == -1
+                        "
+                        >{{ storeRefundOrder.handle_time }}</text
+                      >
+                    </view>
+                  </view>
+                  <view class="timeline-node last-node">
+                    <view class="timeline-vertical-line">
+                      <view class="blue-dot"></view>
+                    </view>
+                    <view class="node-content">
+                      <text
+                        v-if="
+                          storeRefundOrder.status != 3 &&
+                          storeRefundOrder.status != 5 &&
+                          storeRefundOrder.status != -1
+                        "
+                        >售后完成</text
+                      >
+                      <text
+                        style="color: blue"
+                        v-if="
+                          storeRefundOrder.status == 3 ||
+                          storeRefundOrder.status == 5 ||
+                          storeRefundOrder.status == -1
+                        "
+                        >售后完成</text
+                      >
+                      <text
+                        class="time"
+                        v-if="
+                          storeRefundOrder.status != 3 &&
+                          storeRefundOrder.status != 5
+                        "
+                        style="color: transparent"
+                        >{{ storeRefundOrder.create_time }}</text
+                      >
+                      <text
+                        class="time"
+                        v-if="
+                          storeRefundOrder.status == 3 ||
+                          storeRefundOrder.status == 5 ||
+                          storeRefundOrder.status == -1
+                        "
+                        >{{ storeRefundOrder.complete_time }}</text
+                      >
+                    </view>
+                  </view>
+                </view>
+              </view>
+
+              <view
+                class="info-item"
+                style="margin-top: 20rpx"
+                v-if="
+                  storeRefundOrder.status == 3 || storeRefundOrder.status == 5
+                "
+              >
+                <text class="label">退款金额：</text>
+                <text class="value">￥{{ storeRefundOrder.refund_price }}</text>
+              </view>
+              <view
+                class="info-item"
+                style="margin-top: 20rpx"
+                v-if="storeRefundOrder.status == 5"
+              >
+                <text class="label">商家备注:</text>
+                <text class="value">{{ storeRefundOrder.mark }}</text>
+              </view>
+              <view
+                class="info-item"
+                style="margin-top: 20rpx"
+                v-if="
+                  storeRefundOrder.status == 4 || storeRefundOrder.status == -1
+                "
+              >
+                <text class="label">拒绝原因:</text>
+                <text class="value">{{ storeRefundOrder.fail_message }}</text>
+              </view>
+            </view>
+          </template>
+          <!-- 退货退款 -->
+          <template v-else>
+            <view class="info-content">
+              <view class="info-item">
+                <text class="label">售后类型：</text>
+                <text class="value">{{
+                  storeRefundOrder.refund_type == 1
+                    ? "仅退款"
+                    : storeRefundOrder.refund_type == 2
+                    ? "退货退款"
+                    : ""
+                }}</text>
+              </view>
+              <view class="info-item">
+                <text class="label">申请金额：</text>
+                <text class="value"
+                  >¥{{ storeRefundOrder.refund_price || 0 }}</text
+                >
+              </view>
+              <view class="info-item">
+                <text class="label">售后状态：</text>
+                <text class="value">{{
+                  storeRefundOrder.status == 0
+                    ? "审核中"
+                    : storeRefundOrder.status == 1
+                    ? "处理中"
+                    : storeRefundOrder.status == 2
+                    ? "待收货"
+                    : "已完成"
+                }}</text>
+              </view>
+
+              <view class="progress-wrap">
+                <text class="progress-label"
+                  >售后进度</text
+                >
+                <view class="vertical-timeline">
+                  <view class="timeline-node">
+                    <view class="timeline-vertical-line">
+                      <view class="blue-dot"></view>
+
+                      <!-- 点下方竖线 -->
+                    </view>
+                    <view class="node-content">
+                      <text style="color: blue">售后申请</text>
+                      <text class="time">{{
+                        storeRefundOrder.create_time
+                      }}</text>
+                    </view>
+                  </view>
+                  <view class="timeline-node">
+                    <view class="timeline-vertical-line">
+                      <view class="blue-dot"></view>
+                    </view>
+                    <view class="node-content">
+                      <text v-if="storeRefundOrder.status == 0">商家同意</text>
+                      <text style="color: blue" v-else>商家同意</text>
+                      <text
+                        class="time"
+                        v-if="storeRefundOrder.status == 0"
+                        style="color: transparent"
+                        >{{ storeRefundOrder.create_time }}</text
+                      >
+                      <text class="time" v-else>{{
+                        storeRefundOrder.handle_time
+                      }}</text>
+                    </view>
+                  </view>
+                  <view class="timeline-node">
+                    <view class="timeline-vertical-line">
+                      <view class="blue-dot"></view>
+                    </view>
+                    <view class="node-content">
+                      <text
+                        v-if="
+                          storeRefundOrder.status == 0 ||
+                          storeRefundOrder.status == 1
+                        "
+                        >商品寄回</text
+                      >
+                      <text style="color: blue" v-else>商品寄回</text>
+                      <text
+                        class="time"
+                        v-if="
+                          storeRefundOrder.status == 0 ||
+                          storeRefundOrder.status == 1
+                        "
+                        style="color: transparent"
+                        >{{ storeRefundOrder.create_time }}</text
+                      >
+                      <text class="time" v-else>{{
+                        storeRefundOrder.delivery_time
+                      }}</text>
+                    </view>
+                  </view>
+                  <view class="timeline-node last-node">
+                    <view class="timeline-vertical-line">
+                      <view class="blue-dot"></view>
+                    </view>
+                    <view class="node-content">
+                      <text
+                        v-if="
+                          storeRefundOrder.status == 0 ||
+                          storeRefundOrder.status == 1 ||
+                          storeRefundOrder.status == 2
+                        "
+                        >售后完成</text
+                      >
+                      <text style="color: blue" v-else>售后完成</text>
+                      <text
+                        class="time"
+                        v-if="
+                          storeRefundOrder.status == 0 ||
+                          storeRefundOrder.status == 1 ||
+                          storeRefundOrder.status == 2
+                        "
+                        style="color: transparent"
+                        >{{ storeRefundOrder.create_time }}</text
+                      >
+                      <text class="time" v-else>{{
+                        storeRefundOrder.delivery_time
+                      }}</text>
+                    </view>
+                  </view>
+                </view>
+              </view>
+
+              <view
+                class="info-item"
+                style="margin-top: 20rpx"
+                v-if="
+                  storeRefundOrder.status == 3 || storeRefundOrder.status == 5
+                "
+              >
+                <text class="label">退款金额：</text>
+                <text class="value">￥{{ storeRefundOrder.refund_price }}</text>
+              </view>
+              <view
+                class="info-item"
+                style="margin-top: 20rpx"
+                v-if="storeRefundOrder.status == 5"
+              >
+                <text class="label">商家备注:</text>
+                <text class="value">{{ storeRefundOrder.mark }}</text>
+              </view>
+              <view
+                class="info-item"
+                style="margin-top: 20rpx"
+                v-if="
+                  storeRefundOrder.status == 4 || storeRefundOrder.status == -1
+                "
+              >
+                <text class="label">拒绝原因:</text>
+                <text class="value">{{ storeRefundOrder.fail_message }}</text>
+              </view>
+            </view>
+          </template>
+        </view>
+      </view>
+    </uni-popup>
   </view>
 </template>
 
@@ -550,8 +902,9 @@ export default {
         indexs: this.indexs,
         formType: "shouhouDetail",
         order_id: this.order_id,
-        shouhou:0,
-        refund_order_id: item.refund_order_id || this.storeRefundOrder.refund_order_id || "",
+        shouhou: 0,
+        refund_order_id:
+          item.refund_order_id || this.storeRefundOrder.refund_order_id || "",
       };
 
       const urlParams = toQueryString(params);
@@ -580,15 +933,23 @@ export default {
         this.popUpTitle = "部分退款并完成售后";
       }
     },
+    onHandleclickJindu(item, type) {
+      this.$refs.popupRefsTuikuan.open();
+      console.log(item);
+    },
+    handleClosexxx(){
+      this.$refs.popupRefsTuikuan.close();
+    }
   },
   computed: {
     getBtnAuth() {
       if (
+        (this.storeRefundOrder.refund_type == 1 &&
+          this.storeRefundOrder.status == 0) ||
+        (this.storeRefundOrder.refund_type == 2 &&
+          this.storeRefundOrder.status == 2) ||
         (this.storeRefundOrder.refund_type == 2 &&
-          (this.storeRefundOrder.status == 1 ||
-            this.storeRefundOrder.status == 2)) ||
-        (this.storeRefundOrder.status == 0 &&
-          this.storeRefundOrder.refund_type == 1)
+          this.storeRefundOrder.status == 0)
       ) {
         return true;
       } else {
@@ -831,4 +1192,89 @@ page {
   align-items: center;
   margin-top: 20rpx;
 }
+.info-content {
+  margin-top: 20rpx;
+}
+
+.info-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 15rpx;
+}
+
+.label {
+  width: 160rpx;
+  color: #666;
+  font-size: 26rpx;
+}
+
+.value {
+  color: #333;
+  font-size: 24rpx;
+}
+
+.progress-wrap {
+  margin: 28rpx 0;
+}
+
+.progress-label {
+  display: block;
+  color: #666;
+  font-size: 28rpx;
+  margin-bottom: 16rpx;
+}
+
+.vertical-timeline {
+  position: relative;
+  padding-left: 32rpx;
+}
+
+.timeline-node {
+  margin-bottom: 30rpx;
+  position: relative;
+}
+
+.timeline-vertical-line {
+  position: relative;
+  left: 20rpx;
+  width: 2rpx;
+  background: #e0e0e0;
+}
+
+.blue-dot {
+  width: 16rpx;
+  height: 16rpx;
+  background: #409eff;
+  border-radius: 50%;
+  position: absolute;
+  left: -10rpx;
+  top: 15rpx;
+  transform: translateY(-50%);
+}
+
+.line-below-dot {
+  width: 4rpx;
+  height: 100%;
+  background: #e0e0e0;
+  margin-top: 16rpx; /* 蓝色点高度 + 间距 */
+}
+
+.last-node .line-below-dot {
+  display: none; /* 最后一个节点隐藏下方竖线 */
+}
+
+.node-content {
+  padding-left: 30rpx;
+}
+
+.time {
+  font-size: 24rpx;
+  color: #999;
+  display: block;
+  margin-top: 10rpx;
+}
+.popup_data__content_eee {
+  overflow: auto;
+  max-height: 800rpx;
+}
 </style>