feat: 调整项目结构

2025-09-21 17:25:09 +08:00
parent 0b66462d16
commit 9f23854ad5
410 changed files with 3806 additions and 1668 deletions
--- a/src/pages-order/order/components/OrderCard/index.vue
+++ b/src/pages-order/order/components/OrderCard/index.vue
@@ -0,0 +1,121 @@
+<template>
+  <view class="order-card" @click="handleCardClick">
+    <!-- 卡片头部 -->
+    <view class="card-header">
+      <view class="status-info">
+        <image class="status-icon" :src="getStatusIcon()"></image>
+        <view class="order-title">
+          {{ orderData.workOrderTypeName || orderData.commodityName }}
+        </view>
+        <image
+          v-if="props.orderData.orderType !== undefined"
+          class="arrow-icon"
+          src="./images/arrow.png"
+        ></image>
+      </view>
+      <view
+        v-if="orderData.status !== 'pending'"
+        :class="[
+          'status-tag',
+          `tag-${orderData.orderStatus || orderData.workOrderStatus}`,
+        ]"
+      >
+        {{ getStatusText(orderData.orderStatus || orderData.workOrderStatus) }}
+      </view>
+    </view>
+
+    <!-- 分割线 -->
+    <Divider />
+
+    <!-- 卡片内容 -->
+    <OrderCardContent :order-data="orderData" />
+  </view>
+</template>
+
+<script setup>
+import { defineProps, defineExpose } from "vue";
+import Divider from "@/components/Divider/index.vue";
+import OrderCardContent from "./OrderCardContent.vue";
+import serviceIcon from "./images/service.png";
+import ticketIcon from "./images/ticket.png";
+import hotelIcon from "./images/hotel.png";
+import foodIcon from "./images/food.png";
+
+// Props
+const props = defineProps({
+  orderData: {
+    type: Object,
+    required: true,
+    default: () => ({
+      id: "",
+      workOrderTypeName: "",
+      createTime: "",
+      contactName: "",
+      contactPhone: "",
+      orderStatus: "0", // pending-待处理, completed-已完成, cancelled-已取消
+      orderType: undefined, // 0-酒店订单, 1-门票订单, 2-其他订单, undefined-工单
+      orderNumber: "", // 订单编号
+      checkInTime: "", // 入住时间
+      visitorName: "", // 游客姓名
+      commodityAmount: 0, // 份数
+      workOrderStatus: 0, // 工单状态：0-待处理, 1-已完成
+    }),
+  },
+});
+
+// Emits
+const emit = defineEmits(["click", "call"]);
+
+// 图标映射
+const ICON_MAP = {
+  0: hotelIcon, // 酒店订单
+  1: ticketIcon, // 门票订单
+  2: foodIcon, // 其他订单
+};
+
+// 获取状态图标
+const getStatusIcon = () => {
+  // 工单情况：orderType 为 undefined
+  if (props.orderData.orderType === undefined) {
+    return serviceIcon;
+  }
+  // 订单情况：根据 orderType 返回对应图标
+  return ICON_MAP[props.orderData.orderType] || serviceIcon;
+};
+
+// 获取状态文本
+const getStatusText = (status) => {
+  // 工单情况：orderType 为 undefined
+  if (props.orderData.orderType === undefined) {
+    const workOrderStatusMap = {
+      0: "待接单",
+      1: "处理中",
+      2: "已完成",
+      3: "已关闭",
+    };
+    return workOrderStatusMap[status] || "未知状态";
+  }
+
+  // 订单情况：orderType 有值
+  const orderStatusMap = {
+    0: "待支付",
+    1: "待确认",
+    2: "待使用",
+    3: "已取消",
+    4: "退款中",
+    5: "已退款",
+    6: "已完成",
+  };
+  return orderStatusMap[status] || "未知状态";
+};
+
+// 处理卡片点击
+const handleCardClick = () => {
+  if (props.orderData.orderType === undefined) return;
+  emit("click", props.orderData);
+};
+</script>
+
+<style scoped lang="scss">
+@use "./styles/index.scss";
+</style>