接入商品评论数据
This commit is contained in:
@@ -1,142 +1,4 @@
|
||||
<<<<<<< HEAD
|
||||
<!-- 商家端首页 - UTS Android 兼容 -->
|
||||
<template>
|
||||
<view class="merchant-container">
|
||||
<!-- 头部导航 -->
|
||||
<view class="header">
|
||||
<view class="header-content">
|
||||
<view class="shop-info">
|
||||
<image :src="shopInfo.shop_logo || '/static/images/default-shop.png'" class="shop-logo" mode="aspectFit" />
|
||||
<view class="shop-details">
|
||||
<text class="shop-name">{{ shopInfo.shop_name || '我的店铺' }}</text>
|
||||
<view class="shop-stats">
|
||||
<text class="stat-item">评分: {{ shopInfo.rating_avg || 5.0 }}</text>
|
||||
<text class="stat-item">销量: {{ shopInfo.total_sales || 0 }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="header-actions">
|
||||
<text class="action-btn" @click="goToMessages">消息</text>
|
||||
<text class="action-btn" @click="goToSettings">设置</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 数据概览 -->
|
||||
<view class="overview-section">
|
||||
<text class="section-title">今日数据</text>
|
||||
<view class="overview-grid">
|
||||
<view class="overview-item">
|
||||
<text class="overview-value">{{ todayStats.orders }}</text>
|
||||
<text class="overview-label">订单数</text>
|
||||
</view>
|
||||
<view class="overview-item">
|
||||
<text class="overview-value">¥{{ formatNumber(todayStats.sales) }}</text>
|
||||
<text class="overview-label">销售额</text>
|
||||
</view>
|
||||
<view class="overview-item">
|
||||
<text class="overview-value">{{ todayStats.visitors }}</text>
|
||||
<text class="overview-label">访客数</text>
|
||||
</view>
|
||||
<view class="overview-item">
|
||||
<text class="overview-value">{{ todayStats.conversion }}%</text>
|
||||
<text class="overview-label">转化率</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 待处理事项 -->
|
||||
<view class="pending-section">
|
||||
<text class="section-title">待处理</text>
|
||||
<view class="pending-list">
|
||||
<view class="pending-item" @click="goToOrders('pending')">
|
||||
<text class="pending-icon">📦</text>
|
||||
<text class="pending-text">待发货订单</text>
|
||||
<text class="pending-count">{{ pendingCounts.pending_shipment }}</text>
|
||||
</view>
|
||||
<view class="pending-item" @click="goToOrders('refund')">
|
||||
<text class="pending-icon">↩️</text>
|
||||
<text class="pending-text">退款处理</text>
|
||||
<text class="pending-count">{{ pendingCounts.refund_requests }}</text>
|
||||
</view>
|
||||
<view class="pending-item" @click="goToProducts('low_stock')">
|
||||
<text class="pending-icon">⚠️</text>
|
||||
<text class="pending-text">库存预警</text>
|
||||
<text class="pending-count">{{ pendingCounts.low_stock }}</text>
|
||||
</view>
|
||||
<view class="pending-item" @click="goToReviews">
|
||||
<text class="pending-icon">💬</text>
|
||||
<text class="pending-text">待回复评价</text>
|
||||
<text class="pending-count">{{ pendingCounts.pending_reviews }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 快捷功能 -->
|
||||
<view class="shortcuts-section">
|
||||
<text class="section-title">快捷功能</text>
|
||||
<view class="shortcuts-grid">
|
||||
<view class="shortcut-item" @click="goToProducts('add')">
|
||||
<text class="shortcut-icon">➕</text>
|
||||
<text class="shortcut-text">添加商品</text>
|
||||
</view>
|
||||
<view class="shortcut-item" @click="goToOrders('all')">
|
||||
<text class="shortcut-icon">📋</text>
|
||||
<text class="shortcut-text">订单管理</text>
|
||||
</view>
|
||||
<view class="shortcut-item" @click="goToProducts('manage')">
|
||||
<text class="shortcut-icon">📦</text>
|
||||
<text class="shortcut-text">商品管理</text>
|
||||
</view>
|
||||
<view class="shortcut-item" @click="goToPromotions">
|
||||
<text class="shortcut-icon">🎯</text>
|
||||
<text class="shortcut-text">营销活动</text>
|
||||
</view>
|
||||
<view class="shortcut-item" @click="goToStatistics">
|
||||
<text class="shortcut-icon">📊</text>
|
||||
<text class="shortcut-text">数据统计</text>
|
||||
</view>
|
||||
<view class="shortcut-item" @click="goToFinance">
|
||||
<text class="shortcut-icon">💰</text>
|
||||
<text class="shortcut-text">财务结算</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 最新订单 -->
|
||||
<view class="recent-orders-section">
|
||||
<view class="section-header">
|
||||
<text class="section-title">最新订单</text>
|
||||
<text class="section-more" @click="goToOrders('all')">查看全部</text>
|
||||
</view>
|
||||
<view v-if="recentOrders.length === 0" class="no-orders">
|
||||
<text class="no-orders-text">暂无订单</text>
|
||||
</view>
|
||||
<view v-else class="orders-list">
|
||||
<view v-for="order in recentOrders" :key="order.id" class="order-item" @click="goToOrderDetail(order.id)">
|
||||
<view class="order-header">
|
||||
<text class="order-no">{{ order.order_no }}</text>
|
||||
<text class="order-status" :class="getOrderStatusClass(order.order_status)">{{ getOrderStatusText(order.order_status) }}</text>
|
||||
</view>
|
||||
<view class="order-products">
|
||||
<view v-for="item in order.items" :key="item.id" class="product-item">
|
||||
<image :src="item.image_url || '/static/images/default-product.png'" class="product-image" mode="aspectFit" />
|
||||
<view class="product-info">
|
||||
<text class="product-name">{{ item.product_name }}</text>
|
||||
<text class="product-spec">{{ item.sku_specifications || '' }}</text>
|
||||
<text class="product-price">¥{{ item.price }} × {{ item.quantity }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="order-footer">
|
||||
<text class="order-amount">合计: ¥{{ order.total_amount }}</text>
|
||||
<text class="order-time">{{ formatTime(order.created_at) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
=======
|
||||
<!-- 商家端首页 -->
|
||||
<!-- 商家端首页 -->
|
||||
<template>
|
||||
<view class="merchant-container">
|
||||
<scroll-view scroll-y class="main-scroll" :refresher-enabled="true" :refresher-triggered="refreshing" @refresherrefresh="onRefresh">
|
||||
@@ -373,7 +235,6 @@
|
||||
<view class="safe-bottom"></view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
>>>>>>> local-backup-root-cyj
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -459,9 +320,6 @@
|
||||
low_stock: 0,
|
||||
pending_reviews: 0
|
||||
} as PendingCountsType,
|
||||
<<<<<<< HEAD
|
||||
recentOrders: [] as OrderType[]
|
||||
=======
|
||||
recentOrders: [] as OrderType[],
|
||||
unreadCount: 0,
|
||||
refreshing: false
|
||||
@@ -472,7 +330,6 @@
|
||||
currentDate(): string {
|
||||
const now = new Date()
|
||||
return `${now.getMonth() + 1}月${now.getDate()}日`
|
||||
>>>>>>> local-backup-root-cyj
|
||||
}
|
||||
},
|
||||
|
||||
@@ -482,37 +339,16 @@
|
||||
|
||||
onShow() {
|
||||
if (this.merchantId) {
|
||||
<<<<<<< HEAD
|
||||
this.loadMerchantData()
|
||||
this.loadTodayStats()
|
||||
this.loadPendingCounts()
|
||||
this.loadRecentOrders()
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.loadMerchantData()
|
||||
this.loadTodayStats()
|
||||
this.loadPendingCounts()
|
||||
this.loadRecentOrders()
|
||||
=======
|
||||
this.loadAllData()
|
||||
this.startRealtimeSubscription()
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.loadAllData()
|
||||
this.startRealtimeSubscription()
|
||||
>>>>>>> local-backup-root-cyj
|
||||
}, 500)
|
||||
}
|
||||
},
|
||||
|
||||
<<<<<<< HEAD
|
||||
methods: {
|
||||
formatNumber(value: number | null): string {
|
||||
if (value == null) return '0.00'
|
||||
return value.toFixed(2)
|
||||
},
|
||||
|
||||
=======
|
||||
onHide() {
|
||||
this.stopRealtimeSubscription()
|
||||
},
|
||||
@@ -522,7 +358,6 @@
|
||||
},
|
||||
|
||||
methods: {
|
||||
>>>>>>> local-backup-root-cyj
|
||||
async initMerchantId() {
|
||||
try {
|
||||
const session = supa.getSession()
|
||||
@@ -537,8 +372,6 @@
|
||||
}
|
||||
},
|
||||
|
||||
<<<<<<< HEAD
|
||||
=======
|
||||
startRealtimeSubscription() {
|
||||
if (!this.merchantId) return
|
||||
|
||||
@@ -586,7 +419,6 @@
|
||||
return value.toFixed(2)
|
||||
},
|
||||
|
||||
>>>>>>> local-backup-root-cyj
|
||||
async loadMerchantData() {
|
||||
try {
|
||||
const response = await supa
|
||||
@@ -596,12 +428,8 @@
|
||||
.limit(1)
|
||||
.execute()
|
||||
|
||||
<<<<<<< HEAD
|
||||
if (response.error != null || !response.data || (response.data as any[]).length === 0) {
|
||||
=======
|
||||
if (response.error != null) { console.error('ml_shops请求500报错', response.error) }
|
||||
if (response.error != null || !response.data || (response.data as any[]).length === 0) {
|
||||
>>>>>>> local-backup-root-cyj
|
||||
this.shopInfo = {
|
||||
id: null,
|
||||
merchant_id: this.merchantId,
|
||||
@@ -620,11 +448,7 @@
|
||||
|
||||
const rawData = (response.data as any[])[0] as UTSJSONObject
|
||||
this.shopInfo = {
|
||||
<<<<<<< HEAD
|
||||
id: rawData.getString('id') || null,
|
||||
=======
|
||||
id: rawData.getString('id') || null,
|
||||
>>>>>>> local-backup-root-cyj
|
||||
merchant_id: rawData.getString('merchant_id') || null,
|
||||
shop_name: rawData.getString('shop_name') || '我的店铺',
|
||||
shop_logo: rawData.getString('shop_logo') || null,
|
||||
@@ -636,8 +460,6 @@
|
||||
total_sales: rawData.getNumber('total_sales') || 0,
|
||||
status: rawData.getNumber('status') || 1
|
||||
}
|
||||
<<<<<<< HEAD
|
||||
=======
|
||||
|
||||
// 重新动态查询并计算该店铺下所有商品的真实销量总和
|
||||
try {
|
||||
@@ -672,7 +494,6 @@
|
||||
console.error('获取店铺真实销量失败:', e)
|
||||
}
|
||||
|
||||
>>>>>>> local-backup-root-cyj
|
||||
} catch (e) {
|
||||
console.error('加载店铺信息失败:', e)
|
||||
}
|
||||
@@ -680,21 +501,6 @@
|
||||
|
||||
async loadTodayStats() {
|
||||
try {
|
||||
<<<<<<< HEAD
|
||||
const response = await supa
|
||||
.from('ml_orders')
|
||||
.select('total_amount, order_status', { count: 'exact' })
|
||||
.eq('merchant_id', this.merchantId)
|
||||
.execute()
|
||||
|
||||
if (response.error != null) {
|
||||
console.error('获取统计数据失败:', response.error)
|
||||
return
|
||||
}
|
||||
|
||||
let totalOrders = 0
|
||||
let totalSales = 0
|
||||
=======
|
||||
// 1. 获取所有订单
|
||||
const response = await supa
|
||||
.from('ml_orders')
|
||||
@@ -716,18 +522,12 @@
|
||||
const now = new Date()
|
||||
// 获取今日0点的毫秒数 (本地时间)
|
||||
const todayStartMs = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime()
|
||||
>>>>>>> local-backup-root-cyj
|
||||
|
||||
const rawData = response.data as any[]
|
||||
if (rawData != null) {
|
||||
for (let i = 0; i < rawData.length; i++) {
|
||||
const item = rawData[i] as UTSJSONObject
|
||||
const status = item.getNumber('order_status')
|
||||
<<<<<<< HEAD
|
||||
if (status >= 2) {
|
||||
totalOrders++
|
||||
totalSales += item.getNumber('total_amount') || 0
|
||||
=======
|
||||
|
||||
// 有效订单(已支付、已发货、已完成) >= 2
|
||||
// 如果是退款(0)或取消(5)，可能不计入今日销售额，这里按需调整
|
||||
@@ -753,18 +553,10 @@
|
||||
todaySales += item.getNumber('total_amount') || 0
|
||||
}
|
||||
}
|
||||
>>>>>>> local-backup-root-cyj
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
<<<<<<< HEAD
|
||||
this.todayStats = {
|
||||
orders: totalOrders,
|
||||
sales: totalSales,
|
||||
visitors: Math.floor(totalOrders * 3),
|
||||
conversion: totalOrders > 0 ? 15 : 0
|
||||
=======
|
||||
// 更新店铺总销量显示
|
||||
let currentShopSales = Number(this.shopInfo.total_sales || 0)
|
||||
if (allTimeSalesVolume > currentShopSales) {
|
||||
@@ -776,7 +568,6 @@
|
||||
sales: todaySales,
|
||||
visitors: Math.floor(todayOrders * (2.5 + Math.random())) + 5, // 模拟访客数
|
||||
conversion: todayOrders > 0 ? (12 + Math.floor(Math.random() * 8)) : 0 // 模拟转化率
|
||||
>>>>>>> local-backup-root-cyj
|
||||
}
|
||||
} catch (e) {
|
||||
console.error('获取今日统计异常:', e)
|
||||
@@ -792,39 +583,24 @@
|
||||
.eq('order_status', 2)
|
||||
.execute()
|
||||
|
||||
<<<<<<< HEAD
|
||||
const refundRes = await supa
|
||||
=======
|
||||
if (pendingShipmentRes.error != null) { console.error('pendingShipment报错', pendingShipmentRes.error) }
|
||||
const refundRes = await supa
|
||||
>>>>>>> local-backup-root-cyj
|
||||
.from('ml_orders')
|
||||
.select('id', { count: 'exact' })
|
||||
.eq('merchant_id', this.merchantId)
|
||||
.eq('order_status', 0)
|
||||
.execute()
|
||||
|
||||
<<<<<<< HEAD
|
||||
const lowStockRes = await supa
|
||||
=======
|
||||
if (refundRes.error != null) { console.error('refundRes报错', refundRes.error) }
|
||||
const lowStockRes = await supa
|
||||
>>>>>>> local-backup-root-cyj
|
||||
.from('ml_products')
|
||||
.select('id', { count: 'exact' })
|
||||
.eq('merchant_id', this.merchantId)
|
||||
.lte('total_stock', 10)
|
||||
<<<<<<< HEAD
|
||||
.gte('total_stock', 0)
|
||||
.execute()
|
||||
|
||||
this.pendingCounts = {
|
||||
=======
|
||||
.execute()
|
||||
|
||||
if (lowStockRes.error != null) { console.error('lowStockRes报错', lowStockRes.error) }
|
||||
this.pendingCounts = {
|
||||
>>>>>>> local-backup-root-cyj
|
||||
pending_shipment: pendingShipmentRes.total || 0,
|
||||
refund_requests: refundRes.total || 0,
|
||||
low_stock: lowStockRes.total || 0,
|
||||
@@ -841,11 +617,7 @@
|
||||
.from('ml_orders')
|
||||
.select(`
|
||||
*,
|
||||
<<<<<<< HEAD
|
||||
order_items!inner (
|
||||
=======
|
||||
order_items (
|
||||
>>>>>>> local-backup-root-cyj
|
||||
id,
|
||||
product_id,
|
||||
product_name,
|
||||
@@ -860,15 +632,8 @@
|
||||
.limit(5)
|
||||
.execute()
|
||||
|
||||
<<<<<<< HEAD
|
||||
if (response.error != null || !response.data) {
|
||||
this.recentOrders = []
|
||||
return
|
||||
}
|
||||
=======
|
||||
if (response.error != null) { console.error('recentOrders报错', response.error) }
|
||||
if (response.error != null || !response.data) { this.recentOrders = []; return; }
|
||||
>>>>>>> local-backup-root-cyj
|
||||
|
||||
const rawData = response.data as any[]
|
||||
const ordersData: OrderType[] = []
|
||||
@@ -909,33 +674,6 @@
|
||||
|
||||
this.recentOrders = ordersData
|
||||
} catch (e) {
|
||||
<<<<<<< HEAD
|
||||
console.error('加载最新订单异常:', e)
|
||||
}
|
||||
},
|
||||
|
||||
getOrderStatusClass(status: number): string {
|
||||
switch (status) {
|
||||
case 1: return 'status-pending'
|
||||
case 2: return 'status-paid'
|
||||
case 3: return 'status-shipped'
|
||||
case 4: return 'status-delivered'
|
||||
case 5: return 'status-completed'
|
||||
default: return 'status-default'
|
||||
}
|
||||
},
|
||||
|
||||
getOrderStatusText(status: number): string {
|
||||
switch (status) {
|
||||
case 1: return '待付款'
|
||||
case 2: return '待发货'
|
||||
case 3: return '已发货'
|
||||
case 4: return '已收货'
|
||||
case 5: return '已完成'
|
||||
case 0: return '退款中'
|
||||
default: return '未知状态'
|
||||
}
|
||||
=======
|
||||
console.error('加载最新订单异常:', e); uni.showModal({title: '最新订单报错', content: e.toString()})
|
||||
}
|
||||
},
|
||||
@@ -979,7 +717,6 @@
|
||||
if (status === 4) return '已完成'
|
||||
if (status === 0) return '退款中'
|
||||
return '未知'
|
||||
>>>>>>> local-backup-root-cyj
|
||||
},
|
||||
|
||||
formatTime(timeStr: string): string {
|
||||
@@ -988,70 +725,6 @@
|
||||
const now = new Date()
|
||||
const diff = now.getTime() - date.getTime()
|
||||
const minutes = Math.floor(diff / (1000 * 60))
|
||||
<<<<<<< HEAD
|
||||
|
||||
if (minutes < 60) {
|
||||
return `${minutes}分钟前`
|
||||
} else if (minutes < 1440) {
|
||||
return `${Math.floor(minutes / 60)}小时前`
|
||||
} else {
|
||||
return `${Math.floor(minutes / 1440)}天前`
|
||||
}
|
||||
},
|
||||
|
||||
goToMessages() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mall/merchant/messages'
|
||||
})
|
||||
},
|
||||
|
||||
goToSettings() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mall/merchant/shop-edit'
|
||||
})
|
||||
},
|
||||
|
||||
goToOrders(type: string) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/mall/merchant/orders?type=${type}`
|
||||
})
|
||||
},
|
||||
|
||||
goToProducts(type: string) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/mall/merchant/products?type=${type}`
|
||||
})
|
||||
},
|
||||
|
||||
goToPromotions() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mall/merchant/promotions'
|
||||
})
|
||||
},
|
||||
|
||||
goToStatistics() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mall/merchant/statistics'
|
||||
})
|
||||
},
|
||||
|
||||
goToFinance() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mall/merchant/finance'
|
||||
})
|
||||
},
|
||||
|
||||
goToReviews() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mall/merchant/reviews'
|
||||
})
|
||||
},
|
||||
|
||||
goToOrderDetail(orderId: string) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/mall/merchant/order-detail?id=${orderId}`
|
||||
})
|
||||
=======
|
||||
|
||||
if (minutes < 60) return `${minutes}分钟前`
|
||||
if (minutes < 1440) return `${Math.floor(minutes / 60)}小时前`
|
||||
@@ -1104,339 +777,12 @@
|
||||
|
||||
goToOrderDetail(orderId: string) {
|
||||
uni.navigateTo({ url: `/pages/mall/merchant/order-detail?id=${orderId}` })
|
||||
>>>>>>> local-backup-root-cyj
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<<<<<<< HEAD
|
||||
.merchant-container {
|
||||
background-color: #f5f5f5;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.header {
|
||||
background-color: #fff;
|
||||
padding: 20rpx 30rpx;
|
||||
border-bottom: 1rpx solid #e5e5e5;
|
||||
}
|
||||
|
||||
.header-content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.shop-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.shop-logo {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-right: 20rpx;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.shop-details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.shop-name {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.shop-stats {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.header-actions {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.action-btn {
|
||||
font-size: 28rpx;
|
||||
color: #007AFF;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
|
||||
.overview-section {
|
||||
background-color: #fff;
|
||||
margin: 20rpx;
|
||||
padding: 30rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.overview-grid {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.overview-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.overview-value {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
color: #FF6B35;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.overview-label {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.pending-section {
|
||||
background-color: #fff;
|
||||
margin: 20rpx;
|
||||
padding: 30rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.pending-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.pending-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
}
|
||||
|
||||
.pending-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.pending-icon {
|
||||
font-size: 32rpx;
|
||||
margin-right: 20rpx;
|
||||
width: 40rpx;
|
||||
}
|
||||
|
||||
.pending-text {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.pending-count {
|
||||
font-size: 28rpx;
|
||||
color: #FF6B35;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.shortcuts-section {
|
||||
background-color: #fff;
|
||||
margin: 20rpx;
|
||||
padding: 30rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.shortcuts-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.shortcut-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 30%;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.shortcut-icon {
|
||||
font-size: 48rpx;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.shortcut-text {
|
||||
font-size: 24rpx;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.recent-orders-section {
|
||||
background-color: #fff;
|
||||
margin: 20rpx;
|
||||
padding: 30rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.section-more {
|
||||
font-size: 24rpx;
|
||||
color: #007AFF;
|
||||
}
|
||||
|
||||
.no-orders {
|
||||
text-align: center;
|
||||
padding: 60rpx 0;
|
||||
}
|
||||
|
||||
.no-orders-text {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.orders-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.order-item {
|
||||
border: 1rpx solid #e5e5e5;
|
||||
border-radius: 12rpx;
|
||||
padding: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.order-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.order-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.order-no {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.order-status {
|
||||
font-size: 24rpx;
|
||||
padding: 8rpx 16rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.status-pending {
|
||||
background-color: #FFF3CD;
|
||||
color: #856404;
|
||||
}
|
||||
|
||||
.status-paid {
|
||||
background-color: #D4EDDA;
|
||||
color: #155724;
|
||||
}
|
||||
|
||||
.status-shipped {
|
||||
background-color: #CCE5FF;
|
||||
color: #004085;
|
||||
}
|
||||
|
||||
.status-delivered {
|
||||
background-color: #E2E3E5;
|
||||
color: #383D41;
|
||||
}
|
||||
|
||||
.status-completed {
|
||||
background-color: #D1ECF1;
|
||||
color: #0C5460;
|
||||
}
|
||||
|
||||
.order-products {
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.product-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.product-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.product-image {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-right: 15rpx;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.product-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.product-name {
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
margin-bottom: 5rpx;
|
||||
}
|
||||
|
||||
.product-spec {
|
||||
font-size: 22rpx;
|
||||
color: #999;
|
||||
margin-bottom: 5rpx;
|
||||
}
|
||||
|
||||
.product-price {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.order-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.order-amount {
|
||||
font-size: 28rpx;
|
||||
color: #FF6B35;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.order-time {
|
||||
font-size: 22rpx;
|
||||
color: #999;
|
||||
}
|
||||
</style>
|
||||
=======
|
||||
.merchant-container { background-color: #f5f7fa; min-height: 100vh; }
|
||||
.main-scroll { height: 100vh; }
|
||||
|
||||
@@ -1547,4 +893,3 @@
|
||||
|
||||
|
||||
|
||||
>>>>>>> local-backup-root-cyj
|
||||
|
||||
Reference in New Issue
Block a user