feat: 订单详情交互调整

src/pages-order/order/components/OrderInfo/index.vue

@@ -14,31 +14,18 @@
         :class="[
           {
             'color-FF3D60': statusCode === '0',
-            'color-21B466': statusCode === '1',
+            'color-21B466': ['1', '2'].includes(statusCode),
           },
         ]"
       >
-        {{ payStatusText }}
+        {{ statusText }}
       </text>
     </view>
   </view>
 </template>
 
 <script setup>
-import { defineProps, computed, ref, defineEmits } from "vue";
-import { orderPayNow } from "@/request/api/OrderApi";
-
-// 支付方式映射常量
-const PAY_STATUS_MAP = {
-  0: "未支付",
-  1: "已支付",
-};
-
-// 加载状态
-const isLoading = ref(false);
-
-// 定义事件发射器
-const emit = defineEmits(["show-refund-popup", "pay-success"]);
+import { defineProps, computed } from "vue";
 
 const props = defineProps({
   orderData: {
@@ -57,108 +44,9 @@ const props = defineProps({
 const statusCode = computed(() => props.orderData.orderStatus);
 
 // 使用计算属性缓存支付方式文本
-const payStatusText = computed(() => PAY_STATUS_MAP[statusCode.value]);
-
-// 格式化金额显示
-const formattedAmount = computed(() => {
-  const amount = props.orderData.payAmt;
-  return amount ? `${parseFloat(amount).toFixed(2)}` : "0.00";
-});
-
-// 处理按钮点击事件
-const handleButtonClick = async (orderData) => {
-  if (isLoading.value) return; // 防止重复点击
-
-  try {
-    isLoading.value = true;
-
-    const status = orderData.orderStatus;
-
-    if (status === "2") {
-      // 情况2：待使用状态，显示退款弹窗
-      emit("show-refund-popup");
-      return; // 直接返回，不执行后续代码
-    }
-
-    // 再次预定跳转商品详情
-    if (["3", "5", "6"].includes(status)) {
-      uni.navigateTo({
-        url: `/pages/goods/index?commodityId=${orderData.commodityId}`,
-      });
-    }
-
-    // 待支付状态，调用支付接口
-    if (status === "0") {
-      const orderId = orderData.orderId;
-      const payWay = orderData.payWay;
-      const paySource = orderData.paySource;
-
-      const res = await orderPayNow({ orderId, payWay, paySource });
-      console.log("确认订单---2:", res);
-
-      // 检查接口返回数据
-      if (!res || !res.data) {
-        uni.showToast({
-          title: "订单创建失败，请重试",
-          icon: "none",
-          duration: 2000,
-        });
-        return;
-      }
-
-      const { data } = res;
-      const { nonceStr, packageVal, paySign, signType, timeStamp } = data;
-
-      // 验证支付参数是否完整
-      if (!nonceStr || !packageVal || !paySign || !signType || !timeStamp) {
-        console.error("支付参数不完整:", {
-          nonceStr: !!nonceStr,
-          packageVal: !!packageVal,
-          paySign: !!paySign,
-          signType: !!signType,
-          timeStamp: !!timeStamp,
-        });
-        uni.showToast({
-          title: "支付参数错误，请重试",
-          icon: "none",
-          duration: 2000,
-        });
-        return;
-      }
-
-      // 调用微信支付
-      uni.requestPayment({
-        provider: "wxpay",
-        timeStamp: String(timeStamp), // 确保为字符串类型
-        nonceStr: String(nonceStr),
-        package: String(packageVal), // 确保为字符串类型
-        signType: String(signType),
-        paySign: String(paySign),
-        success: () => {
-          uni.showToast({
-            title: "支付成功",
-            icon: "success",
-            duration: 2000,
-            success: () => {
-              emit("pay-success");
-            },
-          });
-        },
-        fail: (err) => {
-          uni.showToast({
-            title: "支付失败，请重试",
-            icon: "none",
-            duration: 2000,
-          });
-        },
-      });
-    }
-  } catch (error) {
-    console.error("操作失败:", error);
-  } finally {
-    isLoading.value = false;
-  }
-};
+const statusText = computed(() =>
+  statusCode.value === "0" ? "未支付" : "已支付"
+);
 </script>
 
 <style scoped lang="scss"></style>