+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/layout/MallLayout.vue b/mall/src/views/layout/MallLayout.vue
new file mode 100644
index 0000000..9e540b3
--- /dev/null
+++ b/mall/src/views/layout/MallLayout.vue
@@ -0,0 +1,241 @@
+
+
+
+
+
+
+ 健康商城
+专注体质养生 · 科学健康购物
+
+ 测试账号：13800138000 / 123456
+
+
+
+
+
+
+
+ 登录即表示您同意
+ 《用户协议》
+ 和
+ 《隐私政策》
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/mall/AddressListView.vue b/mall/src/views/mall/AddressListView.vue
new file mode 100644
index 0000000..0cfc119
--- /dev/null
+++ b/mall/src/views/mall/AddressListView.vue
@@ -0,0 +1,249 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/mall/CartView.vue b/mall/src/views/mall/CartView.vue
new file mode 100644
index 0000000..a3a4da3
--- /dev/null
+++ b/mall/src/views/mall/CartView.vue
@@ -0,0 +1,268 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 默认
+
+
+
+ {{ addr.receiver_name }}
+ {{ addr.phone }}
+ {{ addr.tag }}
+
+ {{ addr.province }}{{ addr.city }}{{ addr.district }}{{ addr.detail_addr }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 暂无收货地址，请添加一个
+
+
+
+ {{ t }}
+
+
+ 设为默认地址
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/mall/CategoryView.vue b/mall/src/views/mall/CategoryView.vue
new file mode 100644
index 0000000..b26197f
--- /dev/null
+++ b/mall/src/views/mall/CategoryView.vue
@@ -0,0 +1,490 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.product_name }}
+
+ {{ item.sku_name }}
+
+ ¥{{ item.price.toFixed(2) }}
+
+
+
+
+ 去逛逛
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/mall/CheckoutView.vue b/mall/src/views/mall/CheckoutView.vue
new file mode 100644
index 0000000..4640f59
--- /dev/null
+++ b/mall/src/views/mall/CheckoutView.vue
@@ -0,0 +1,706 @@
+
+
+
+
+
+ {{ currentCategory.name }}
+ 共{{ total }}件 +
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+ {{ product.name }}
+{{ product.description }}
+ + +
+ 已售 {{ product.sales_count }}件
+
+
+
+
+
+
+
+ {{ loadingMore ? '加载中...' : '上拉加载更多' }}
+
+ — 已经到底了 —
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/mall/MallHomeView.vue b/mall/src/views/mall/MallHomeView.vue
new file mode 100644
index 0000000..8f56145
--- /dev/null
+++ b/mall/src/views/mall/MallHomeView.vue
@@ -0,0 +1,511 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ selectedAddress.receiver_name }}
+ {{ selectedAddress.phone }}
+
+ {{ selectedAddress.tag }}
+
+
+
+ {{ fullAddress(selectedAddress) }}
+
+
+ 更换
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.product_name }}
+ {{ item.sku_name }}
+
+ ¥{{ item.price.toFixed(2) }}
+ ×{{ item.quantity }}
+
+
+
+
+
+
+
+
+
+
+ 商品总额
+ ¥{{ previewData.total_amount.toFixed(2) }}
+
+
+
+ 会员折扣
+
+ {{ memberStore.levelInfo.icon }} {{ memberStore.levelInfo.label }}
+
+
+ -¥{{ previewData.discount_amount.toFixed(2) }}
+
+
+ 运费
+
+ {{ previewData.shipping_fee === 0 ? '免运费' : `¥${previewData.shipping_fee.toFixed(2)}` }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/mall/MemberView.vue b/mall/src/views/mall/MemberView.vue
new file mode 100644
index 0000000..1072bbf
--- /dev/null
+++ b/mall/src/views/mall/MemberView.vue
@@ -0,0 +1,667 @@
+
+
+
+
+
+
+
+ {{ cat.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看推荐
+
+
+
+
+ 开始测试
+
+
+
+
+ 根据您的体质推荐
+
+ + {{ constitutionNames[constitutionStore.result.primaryType] }} +
+为您精选适合的健康好物
+
+ 了解您的体质
+
+ 测测你的体质
+个性化推荐适合您的健康产品
+
+
+
+
+
+ 🔥 热销推荐
+ 更多 › +
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ 热销
+
+
+ {{ product.name }}
+ +
+ ¥{{ product.price.toFixed(2) }}
+
+ ¥{{ product.original_price.toFixed(2) }}
+
+
+
+ 已售 {{ product.sales_count }}件
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/mall/OrderDetailView.vue b/mall/src/views/mall/OrderDetailView.vue
new file mode 100644
index 0000000..c6a17e0
--- /dev/null
+++ b/mall/src/views/mall/OrderDetailView.vue
@@ -0,0 +1,730 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ levelInfo.label }}
+
+
+ 积分：{{ memberStore.memberInfo?.points ?? 0 }}
+
+
+
+
+
+
+
+
+
+ 当前等级
+
+ 距升级还需消费 ¥{{ memberStore.memberInfo.next_level_spent?.toFixed(2) }}
+
+ 已是最高等级
+
+
+ {{ levelInfo.label }}
+
+ {{ MEMBER_LEVEL_MAP[memberStore.memberInfo.next_level]?.label || '下一等级' }}
+
+
+
+
+
+
+
+ {{ formatDiscount(memberStore.memberInfo?.discount) }}
+ 折扣比例
+
+
+
+ {{ memberStore.memberInfo?.points_multiplier ?? 1 }}x
+ 积分倍率
+
+
+
+ {{ memberStore.memberInfo?.free_shipping_min ? `¥${memberStore.memberInfo.free_shipping_min}` : '无' }}
+
+ 包邮门槛
+
+
+
+
+
+
+
+
+ 我的订单
+
+ 全部订单
+
+
+
+
+
+ {{ tab.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ record.remark || record.source }}
+ {{ formatTime(record.created_at) }}
+
+ {{ record.points > 0 ? '+' : '' }}{{ record.points }}
+
+
+ 加载更多
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/mall/OrderListView.vue b/mall/src/views/mall/OrderListView.vue
new file mode 100644
index 0000000..c9347e7
--- /dev/null
+++ b/mall/src/views/mall/OrderListView.vue
@@ -0,0 +1,440 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ ORDER_STATUS_MAP[order.status]?.label || order.status }}
+请尽快完成支付
+商家正在准备发货
+商品正在配送中
+订单已完成
+订单已取消
+退款处理中
+
+
+
+
+
+
+
+
+
+ 收货人：
+ {{ order.receiver_name }}
+
+
+ 联系电话：
+ {{ order.receiver_phone }}
+
+
+ 收货地址：
+ {{ order.receiver_addr }}
+
+
+
+
+
+
+
+
+
+
+ 物流公司：
+ {{ order.shipping_company || '暂无' }}
+
+
+ 运单号：
+ {{ order.tracking_no || '暂无' }}
+
+
+ 发货时间：
+ {{ formatTime(order.ship_time) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.product_name }}
+ {{ item.sku_name }}
+
+ ¥{{ item.price.toFixed(2) }}
+ ×{{ item.quantity }}
+
+
+
+
+
+
+
+
+
+
+ 订单号：
+ {{ order.order_no }}
+
+
+
+
+ 下单时间：
+ {{ formatTime(order.created_at) }}
+
+
+ 支付时间：
+ {{ formatTime(order.pay_time) }}
+
+
+ 收货时间：
+ {{ formatTime(order.receive_time) }}
+
+
+ 支付方式：
+ {{ getPayMethodName(order.pay_method) }}
+
+
+ 订单备注：
+ {{ order.remark }}
+
+
+ 取消原因：
+ {{ order.cancel_reason }}
+
+
+
+
+
+
+
+
+
+
+
+
+ 商品总额
+ ¥{{ order.total_amount.toFixed(2) }}
+
+
+ 优惠金额
+ -¥{{ order.discount_amount.toFixed(2) }}
+
+
+ 积分抵扣
+ -¥{{ (order.points_used / 100).toFixed(2) }}
+
+
+ 运费
+
+ {{ order.shipping_fee === 0 ? '免运费' : `¥${order.shipping_fee.toFixed(2)}` }}
+
+
+
+ 实付金额
+ ¥{{ order.pay_amount.toFixed(2) }}
+
+
+ 获得积分
+ +{{ order.points_earned }}
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/mall/ProductDetailView.vue b/mall/src/views/mall/ProductDetailView.vue
new file mode 100644
index 0000000..78f710a
--- /dev/null
+++ b/mall/src/views/mall/ProductDetailView.vue
@@ -0,0 +1,260 @@
+
+
+ 我的订单
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 订单号：{{ order.order_no }}
+
+ {{ ORDER_STATUS_MAP[order.status]?.label || order.status }}
+
+
+ {{ formatTime(order.created_at) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.product_name }}
+ {{ item.sku_name }}
+
+ ¥{{ item.price.toFixed(2) }}
+ ×{{ item.quantity }}
+
+
+ 还有 {{ order.items.length - 3 }} 件商品...
+
+
+
+ 去逛逛
+
+
+
+
+
+
+ 加载更多
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 返回上一页
+
+
+
+
+
+
+
+
+
+
diff --git a/mall/src/views/mall/SearchView.vue b/mall/src/views/mall/SearchView.vue
new file mode 100644
index 0000000..70fcdfd
--- /dev/null
+++ b/mall/src/views/mall/SearchView.vue
@@ -0,0 +1,558 @@
+
+
+
+
+
+
+ ¥{{ displayPrice.toFixed(2) }}
+ ¥{{ detail.original_price.toFixed(2) }}
+
+
+ 已售 {{ detail.sales_count }} 件
+ 库存 {{ displayStock }} 件
+
+
+
+
+
+ {{ detail.name }}
+{{ detail.description }}
+
+ 适合体质
+
+
+
+
+
+
+
+
+ 规格选择
+
+
+
+
+
+
+ {{ sku.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 功效说明
{{ detail.efficacy }}
主要成分
{{ detail.ingredients }}
用法用量
{{ detail.usage }}
禁忌事项
{{ detail.contraindications }}
+
+ {{ detail.name }}
+ {{ detail.category_id }}
+ {{ detail.ingredients }}
+ {{ detail.stock }} 件
+ {{ detail.is_featured ? '是' : '否' }}
+
+ {{ sku.name }}、
+
+
+
+
+
+
+
+
+
+
+
diff --git a/mall/tsconfig.app.json b/mall/tsconfig.app.json
new file mode 100644
index 0000000..4437ae7
--- /dev/null
+++ b/mall/tsconfig.app.json
@@ -0,0 +1,14 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+ "types": ["vite/client"],
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}
diff --git a/mall/tsconfig.json b/mall/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/mall/tsconfig.json
@@ -0,0 +1,7 @@
+{
+ "files": [],
+ "references": [
+ { "path": "./tsconfig.app.json" },
+ { "path": "./tsconfig.node.json" }
+ ]
+}
diff --git a/mall/tsconfig.node.json b/mall/tsconfig.node.json
new file mode 100644
index 0000000..35bcd11
--- /dev/null
+++ b/mall/tsconfig.node.json
@@ -0,0 +1,22 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+ "target": "ES2023",
+ "lib": ["ES2023"],
+ "module": "ESNext",
+ "types": ["node"],
+ "skipLibCheck": true,
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": ["vite.config.ts"]
+}
diff --git a/mall/vite.config.ts b/mall/vite.config.ts
new file mode 100644
index 0000000..ec9e777
--- /dev/null
+++ b/mall/vite.config.ts
@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { fileURLToPath, URL } from 'node:url'
+
+export default defineConfig({
+ plugins: [vue()],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ }
+ },
+ server: {
+ port: 5174,
+ host: true
+ }
+})
+
+ 搜索
+
+
+
+
+
+
+
+
+
+ 搜索历史
+
+
+
+
+
+
+
+ 热门搜索
+
+
+
+
+ 重新搜索
+
+
+
+ 共找到 {{ total }} 件商品
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+ {{ item.name }}
+{{ item.description }}
+ +
+
+
+ ¥{{ item.price.toFixed(2) }}
+
+ ¥{{ item.original_price.toFixed(2) }}
+
+
+ 已售 {{ item.sales_count }}
+
+
+ 加载更多
+
+
+
+
+
+ — 已经到底了 —
+
+
+
+