1004 lines
20 KiB
Plaintext
1004 lines
20 KiB
Plaintext
<template>
|
|
<ServicePageScaffold title="工作台" fallback-url="/pages/user/login?mode=delivery" :hide-header="true">
|
|
<view class="page">
|
|
<view class="hero">
|
|
<view class="hero-top">
|
|
<view>
|
|
<text class="hero-title">服务人员工作台</text>
|
|
<text class="hero-subtitle">聚焦今日接单、上门履约和异常处理</text>
|
|
</view>
|
|
<view class="hero-refresh" @click="loadData"><text class="hero-refresh-text">刷新</text></view>
|
|
</view>
|
|
<view class="profile-card">
|
|
<view class="avatar"><text class="avatar-text">护</text></view>
|
|
<view class="profile-main">
|
|
<text class="profile-name">{{ profileName }}</text>
|
|
<text class="profile-role">{{ profileRole }}</text>
|
|
<text class="profile-org">{{ organizationName }}</text>
|
|
</view>
|
|
<view class="status-pill"><text class="status-pill-text">{{ onlineText }}</text></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card stats-card">
|
|
<view class="section-head">
|
|
<text class="section-title">今日数据</text>
|
|
<text class="section-desc">面向上门服务场景的实时工作概览</text>
|
|
</view>
|
|
<view class="stats-grid">
|
|
<view class="stat-item">
|
|
<text class="stat-value">{{ dashboard.pendingAssignmentCount }}</text>
|
|
<text class="stat-label">待接单</text>
|
|
</view>
|
|
<view class="stat-item">
|
|
<text class="stat-value">{{ dashboard.todayOrderCount }}</text>
|
|
<text class="stat-label">今日待服务</text>
|
|
</view>
|
|
<view class="stat-item">
|
|
<text class="stat-value">{{ dashboard.servingCount }}</text>
|
|
<text class="stat-label">服务中</text>
|
|
</view>
|
|
<view class="stat-item">
|
|
<text class="stat-value money">{{ incomeText }}</text>
|
|
<text class="stat-label">预计收入</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card quick-card">
|
|
<view class="section-head">
|
|
<text class="section-title">快捷入口</text>
|
|
<text class="section-desc">适配上门场景的大按钮操作</text>
|
|
</view>
|
|
<view class="quick-grid">
|
|
<view class="quick-item" @click="openOrders('pending')"><text class="quick-title">待接单</text><text class="quick-desc">优先确认新派单</text></view>
|
|
<view class="quick-item" @click="openOrders('today')"><text class="quick-title">今日订单</text><text class="quick-desc">查看全部待服务订单</text></view>
|
|
<view class="quick-item" @click="openServingOrder"><text class="quick-title">服务中</text><text class="quick-desc">继续填写记录</text></view>
|
|
<view class="quick-item" @click="openOrders('history')"><text class="quick-title">历史订单</text><text class="quick-desc">查看已完成和异常</text></view>
|
|
<view class="quick-item" @click="openAbnormal"><text class="quick-title">异常上报</text><text class="quick-desc">快速上报现场风险</text></view>
|
|
<view class="quick-item" @click="openProfile"><text class="quick-title">我的资料</text><text class="quick-desc">查看个人信息与设置</text></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card next-card">
|
|
<view class="section-head">
|
|
<text class="section-title">下一单服务提醒</text>
|
|
<text class="section-desc">优先处理当前最需要行动的一单</text>
|
|
</view>
|
|
<view v-if="dashboard.nextOrder == null" class="empty-box"><text class="empty-text">暂无待处理订单</text></view>
|
|
<view v-else class="next-body">
|
|
<view class="next-row">
|
|
<text class="next-title">{{ dashboard.nextOrder!.serviceName }}</text>
|
|
<text class="next-status">{{ nextStatusText }}</text>
|
|
</view>
|
|
<text class="next-meta">预约时间：{{ dashboard.nextOrder!.appointmentTime }}</text>
|
|
<text class="next-meta">服务地址：{{ dashboard.nextOrder!.address }}</text>
|
|
<text class="next-meta">下一步：{{ nextStepText }}</text>
|
|
<view class="next-actions">
|
|
<view class="outline-btn" @click="goDetail(dashboard.nextOrder!.id)"><text class="outline-btn-text">查看详情</text></view>
|
|
<view class="primary-btn" @click="handleOrderAction(dashboard.nextOrder!.id)"><text class="primary-btn-text">{{ nextActionText }}</text></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</ServicePageScaffold>
|
|
</template>
|
|
|
|
<script setup lang="uts">
|
|
import { computed, ref } from 'vue'
|
|
import { onShow } from '@dcloudio/uni-app'
|
|
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
|
|
import type { DeliveryDashboardType, DeliveryInfoType } from '@/types/delivery.uts'
|
|
import { acceptServiceOrder, getDeliveryDashboardStats, getDeliveryProfile, markDeparted } from '@/services/deliveryService.uts'
|
|
import { getNextStepText, getPrimaryActionText } from '@/utils/deliveryCareUi.uts'
|
|
import { requireDeliveryAuth } from '@/utils/deliveryAuth.uts'
|
|
|
|
const dashboard = ref({
|
|
pendingAssignmentCount: 0,
|
|
pendingAcceptCount: 0,
|
|
todayOrderCount: 0,
|
|
pendingDepartCount: 0,
|
|
servingCount: 0,
|
|
completedCount: 0,
|
|
exceptionCount: 0,
|
|
expectedIncome: 0,
|
|
onlineStatus: 'online',
|
|
nextOrder: null,
|
|
recentOrders: [] as Array<any>
|
|
} as DeliveryDashboardType)
|
|
const profile = ref<DeliveryInfoType | null>(null)
|
|
|
|
const profileName = computed((): string => profile.value != null ? profile.value.name : '服务人员')
|
|
const profileRole = computed((): string => profile.value != null ? '护工 / 上门服务人员' : '服务人员')
|
|
const organizationName = computed((): string => profile.value != null ? profile.value.organizationName : '机构待绑定')
|
|
const onlineText = computed((): string => {
|
|
if (profile.value == null) return '离线'
|
|
if (profile.value.onlineStatus == 'online') return '在线'
|
|
if (profile.value.onlineStatus == 'busy') return '忙碌'
|
|
return '离线'
|
|
})
|
|
const incomeText = computed((): string => '¥' + String(dashboard.value.expectedIncome))
|
|
const nextActionText = computed((): string => dashboard.value.nextOrder == null ? '查看详情' : getPrimaryActionText(dashboard.value.nextOrder!.status))
|
|
const nextStepText = computed((): string => dashboard.value.nextOrder == null ? '暂无' : getNextStepText(dashboard.value.nextOrder!.status))
|
|
const nextStatusText = computed((): string => dashboard.value.nextOrder == null ? '' : dashboard.value.nextOrder!.statusText)
|
|
|
|
async function loadData() {
|
|
const authResult = await requireDeliveryAuth({ redirectOnFail: true, toastOnFail: true })
|
|
if (!authResult.ok) {
|
|
return
|
|
}
|
|
profile.value = await getDeliveryProfile()
|
|
dashboard.value = await getDeliveryDashboardStats()
|
|
}
|
|
|
|
function openOrders(tab: string) {
|
|
uni.setStorageSync('delivery_order_tab', tab)
|
|
uni.switchTab({ url: '/pages/mall/delivery/orders/index' })
|
|
}
|
|
|
|
function openProfile() {
|
|
uni.switchTab({ url: '/pages/mall/delivery/profile/index' })
|
|
}
|
|
|
|
function openServingOrder() {
|
|
if (dashboard.value.nextOrder == null) {
|
|
openOrders('today')
|
|
return
|
|
}
|
|
goDetail(dashboard.value.nextOrder!.id)
|
|
}
|
|
|
|
function openAbnormal() {
|
|
if (dashboard.value.nextOrder != null) {
|
|
uni.navigateTo({ url: '/pages/mall/delivery/orders/exception?id=' + dashboard.value.nextOrder!.id })
|
|
return
|
|
}
|
|
uni.showToast({ title: '请先进入订单详情页再上报异常', icon: 'none' })
|
|
}
|
|
|
|
function goDetail(orderId: string) {
|
|
uni.navigateTo({ url: '/pages/mall/delivery/orders/detail?id=' + orderId })
|
|
}
|
|
|
|
async function handleOrderAction(orderId: string) {
|
|
const order = dashboard.value.nextOrder
|
|
if (order == null) {
|
|
return
|
|
}
|
|
if (order.status == 'pending_assignment' || order.status == 'pending_accept') {
|
|
await acceptServiceOrder(orderId)
|
|
uni.showToast({ title: '已接单', icon: 'success' })
|
|
loadData()
|
|
return
|
|
}
|
|
if (order.status == 'accepted' || order.status == 'waiting_departure') {
|
|
await markDeparted(orderId)
|
|
uni.showToast({ title: '已标记出发', icon: 'success' })
|
|
loadData()
|
|
return
|
|
}
|
|
goDetail(orderId)
|
|
}
|
|
|
|
onShow(() => {
|
|
loadData()
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.page {
|
|
min-height: 100%;
|
|
margin-left: -24rpx;
|
|
margin-right: -24rpx;
|
|
margin-top: -24rpx;
|
|
padding: 0 24rpx 36rpx;
|
|
background-color: #f3f8fb;
|
|
}
|
|
|
|
.hero {
|
|
padding: 64rpx 28rpx 32rpx;
|
|
border-bottom-left-radius: 36rpx;
|
|
border-bottom-right-radius: 36rpx;
|
|
background: linear-gradient(180deg, #1f7db4 0%, #22a380 100%);
|
|
}
|
|
|
|
.hero-top,
|
|
.profile-card,
|
|
.section-head,
|
|
.stats-grid,
|
|
.quick-grid,
|
|
.next-row,
|
|
.next-actions {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.hero-top,
|
|
.section-head,
|
|
.next-row,
|
|
.next-actions {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.hero-title {
|
|
font-size: 40rpx;
|
|
font-weight: 700;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.hero-subtitle,
|
|
.profile-role,
|
|
.profile-org,
|
|
.section-desc,
|
|
.stat-label,
|
|
.quick-desc,
|
|
.next-meta,
|
|
.empty-text {
|
|
font-size: 24rpx;
|
|
line-height: 36rpx;
|
|
}
|
|
|
|
.hero-subtitle,
|
|
.profile-role,
|
|
.profile-org {
|
|
margin-top: 10rpx;
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.hero-refresh {
|
|
padding: 14rpx 22rpx;
|
|
border-radius: 999rpx;
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.hero-refresh-text,
|
|
.status-pill-text,
|
|
.primary-btn-text,
|
|
.quick-title,
|
|
.section-title,
|
|
.profile-name,
|
|
.next-title,
|
|
.stat-value {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.hero-refresh-text,
|
|
.status-pill-text {
|
|
font-size: 24rpx;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.profile-card,
|
|
.card,
|
|
.quick-item,
|
|
.next-body {
|
|
background-color: #ffffff;
|
|
border-radius: 28rpx;
|
|
}
|
|
|
|
.profile-card {
|
|
align-items: center;
|
|
margin-top: 28rpx;
|
|
padding: 24rpx;
|
|
}
|
|
|
|
.avatar {
|
|
width: 88rpx;
|
|
height: 88rpx;
|
|
border-radius: 44rpx;
|
|
background-color: #d8eff8;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.avatar-text {
|
|
font-size: 34rpx;
|
|
font-weight: 700;
|
|
color: #166e96;
|
|
}
|
|
|
|
.profile-main {
|
|
flex: 1;
|
|
padding-left: 20rpx;
|
|
padding-right: 20rpx;
|
|
}
|
|
|
|
.profile-name {
|
|
font-size: 32rpx;
|
|
color: #16324f;
|
|
}
|
|
|
|
.status-pill {
|
|
padding: 12rpx 18rpx;
|
|
border-radius: 999rpx;
|
|
background-color: #22a380;
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.card {
|
|
margin-top: 22rpx;
|
|
padding: 26rpx;
|
|
box-shadow: 0 10rpx 28rpx rgba(15, 35, 55, 0.06);
|
|
}
|
|
|
|
.section-head {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 30rpx;
|
|
color: #16324f;
|
|
}
|
|
|
|
.section-desc,
|
|
.stat-label,
|
|
.quick-desc,
|
|
.next-meta,
|
|
.empty-text,
|
|
.outline-btn-text {
|
|
color: #5e758c;
|
|
}
|
|
|
|
.stats-grid,
|
|
.quick-grid {
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
margin-top: 18rpx;
|
|
}
|
|
|
|
.stat-item,
|
|
.quick-item {
|
|
width: 48%;
|
|
margin-top: 14rpx;
|
|
padding: 22rpx;
|
|
background-color: #f7fbfd;
|
|
border-radius: 22rpx;
|
|
}
|
|
|
|
.stat-value {
|
|
font-size: 38rpx;
|
|
color: #166e96;
|
|
}
|
|
|
|
.money {
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.quick-title {
|
|
font-size: 28rpx;
|
|
color: #16324f;
|
|
}
|
|
|
|
.quick-desc,
|
|
.next-meta {
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.next-body {
|
|
margin-top: 18rpx;
|
|
padding: 24rpx;
|
|
background-color: #f7fbfd;
|
|
}
|
|
|
|
.next-title {
|
|
font-size: 30rpx;
|
|
color: #16324f;
|
|
flex: 1;
|
|
padding-right: 20rpx;
|
|
}
|
|
|
|
.next-status {
|
|
font-size: 24rpx;
|
|
color: #1f7db4;
|
|
}
|
|
|
|
.next-actions {
|
|
margin-top: 20rpx;
|
|
align-items: center;
|
|
}
|
|
|
|
.outline-btn,
|
|
.primary-btn {
|
|
width: 48%;
|
|
padding: 18rpx 0;
|
|
border-radius: 18rpx;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.outline-btn {
|
|
background-color: #eef6fa;
|
|
}
|
|
|
|
.outline-btn-text {
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.primary-btn {
|
|
background-color: #1f7db4;
|
|
}
|
|
|
|
.primary-btn-text {
|
|
font-size: 26rpx;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.empty-box {
|
|
padding: 24rpx 0;
|
|
}
|
|
</style>
|
|
console.log('[deliveryHome] loadData complete, elapsed=' + (Date.now() - startedAt))
|
|
}
|
|
|
|
function goOrders(tab: string) {
|
|
uni.setStorageSync('delivery_orders_tab', tab)
|
|
uni.switchTab({ url: '/pages/mall/delivery/orders/index' })
|
|
}
|
|
|
|
function goDetail(id: string) {
|
|
uni.navigateTo({ url: '/pages/mall/delivery/orders/detail?id=' + id })
|
|
}
|
|
|
|
function goMessages() {
|
|
uni.switchTab({ url: '/pages/mall/delivery/messages/index' })
|
|
}
|
|
|
|
function goRecords() {
|
|
uni.navigateTo({ url: '/pages/mall/delivery/records/index' })
|
|
}
|
|
|
|
onShow(() => {
|
|
loadData()
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
.delivery-home-page {
|
|
min-height: 100%;
|
|
margin-left: -24rpx;
|
|
margin-right: -24rpx;
|
|
margin-top: -24rpx;
|
|
padding-bottom: 32rpx;
|
|
background-color: #f4f8fb;
|
|
}
|
|
|
|
.delivery-home-hero {
|
|
padding: 72rpx 28rpx 34rpx;
|
|
border-bottom-left-radius: 36rpx;
|
|
border-bottom-right-radius: 36rpx;
|
|
background-color: #0f766e;
|
|
}
|
|
|
|
.delivery-home-hero-top,
|
|
.card-top,
|
|
.current-task-top,
|
|
.current-task-footer,
|
|
.delivery-home-alert-card,
|
|
.shortcut-grid,
|
|
.order-footer {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.delivery-home-hero-top {
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
.delivery-home-hero-main {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
|
|
.delivery-home-hero-title {
|
|
font-size: 38rpx;
|
|
font-weight: 700;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.delivery-home-hero-subtitle {
|
|
margin-top: 10rpx;
|
|
font-size: 24rpx;
|
|
line-height: 34rpx;
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.delivery-home-user-tags {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-top: 12rpx;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.delivery-home-user-tag {
|
|
padding: 6rpx 14rpx;
|
|
border-radius: 999rpx;
|
|
font-size: 22rpx;
|
|
margin-right: 10rpx;
|
|
margin-bottom: 8rpx;
|
|
}
|
|
|
|
.delivery-home-user-tag-light {
|
|
color: #ffffff;
|
|
background-color: rgba(255, 255, 255, 0.22);
|
|
}
|
|
|
|
.delivery-home-user-tag-soft {
|
|
margin-right: 10rpx;
|
|
margin-bottom: 8rpx;
|
|
color: #0f766e;
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.delivery-home-hero-actions {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.delivery-home-hero-action {
|
|
margin-left: 16rpx;
|
|
padding: 10rpx 18rpx;
|
|
border-radius: 999rpx;
|
|
background-color: rgba(255, 255, 255, 0.18);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.delivery-home-hero-action-text {
|
|
font-size: 24rpx;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.delivery-home-hero-info-row {
|
|
margin-top: 32rpx;
|
|
padding: 22rpx 18rpx;
|
|
border-radius: 26rpx;
|
|
background-color: rgba(255, 255, 255, 0.18);
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.delivery-home-hero-info-item {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.delivery-home-hero-info-value {
|
|
max-width: 180rpx;
|
|
text-align: center;
|
|
line-height: 34rpx;
|
|
font-size: 26rpx;
|
|
font-weight: 700;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.delivery-home-hero-info-label {
|
|
margin-top: 8rpx;
|
|
font-size: 22rpx;
|
|
color: rgba(255, 255, 255, 0.78);
|
|
}
|
|
|
|
.delivery-home-card,
|
|
.delivery-home-alert-card {
|
|
margin-left: 24rpx;
|
|
margin-right: 24rpx;
|
|
margin-top: 22rpx;
|
|
padding: 26rpx;
|
|
border-radius: 28rpx;
|
|
background-color: #ffffff;
|
|
box-shadow: 0 10rpx 28rpx rgba(15, 35, 55, 0.06);
|
|
}
|
|
|
|
.delivery-home-overview-card {
|
|
margin-top: -18rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.delivery-home-card-header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.delivery-home-card-title,
|
|
.delivery-status-title,
|
|
.delivery-alert-title,
|
|
.current-task-title,
|
|
.order-title,
|
|
.shortcut-title {
|
|
font-size: 30rpx;
|
|
font-weight: 700;
|
|
color: #16324f;
|
|
}
|
|
|
|
.delivery-home-card-subtitle,
|
|
.delivery-overview-label,
|
|
.delivery-status-desc,
|
|
.current-task-field-label,
|
|
.current-task-step-label,
|
|
.order-meta,
|
|
.empty-text,
|
|
.shortcut-desc,
|
|
.delivery-alert-desc {
|
|
display: block;
|
|
font-size: 22rpx;
|
|
line-height: 34rpx;
|
|
color: #64748b;
|
|
}
|
|
|
|
.delivery-status-pill {
|
|
font-size: 22rpx;
|
|
line-height: 32rpx;
|
|
padding: 8rpx 18rpx;
|
|
border-radius: 999rpx;
|
|
}
|
|
|
|
.delivery-status-online {
|
|
color: #0ea5a4;
|
|
background: #e6fffb;
|
|
}
|
|
|
|
.delivery-status-busy {
|
|
color: #f97316;
|
|
background: #fff4eb;
|
|
}
|
|
|
|
.delivery-status-resting {
|
|
color: #64748b;
|
|
background: #eef2f7;
|
|
}
|
|
|
|
.delivery-overview-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding-top: 24rpx;
|
|
padding-bottom: 8rpx;
|
|
}
|
|
|
|
.delivery-overview-item {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.delivery-overview-num,
|
|
.delivery-exception-num {
|
|
font-size: 42rpx;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
}
|
|
|
|
.delivery-overview-num {
|
|
color: #1f2937;
|
|
margin-bottom: 10rpx;
|
|
}
|
|
|
|
.delivery-overview-num-warning {
|
|
color: #f97316;
|
|
}
|
|
|
|
.delivery-overview-num-active {
|
|
color: #1677ff;
|
|
}
|
|
|
|
.delivery-overview-num-teal {
|
|
color: #0ea5a4;
|
|
}
|
|
|
|
.delivery-overview-num-success {
|
|
color: #16a34a;
|
|
}
|
|
|
|
.delivery-home-inline-alert {
|
|
margin-top: 18rpx;
|
|
padding: 20rpx 22rpx;
|
|
border-radius: 20rpx;
|
|
background-color: #f8fbff;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.delivery-status-left {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-right: 16rpx;
|
|
}
|
|
|
|
.delivery-status-title {
|
|
margin-bottom: 6rpx;
|
|
}
|
|
|
|
.delivery-status-right {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.delivery-exception-num {
|
|
color: #ef4444;
|
|
margin-bottom: 8rpx;
|
|
}
|
|
|
|
.delivery-inline-link {
|
|
font-size: 22rpx;
|
|
color: #0f766e;
|
|
}
|
|
|
|
.delivery-home-alert-card {
|
|
align-items: center;
|
|
background: linear-gradient(135deg, #fff4eb, #fff8f3);
|
|
border-width: 1rpx;
|
|
border-style: solid;
|
|
border-color: #fed7aa;
|
|
}
|
|
|
|
.delivery-alert-main {
|
|
flex: 1;
|
|
padding-right: 20rpx;
|
|
}
|
|
|
|
.delivery-alert-title {
|
|
margin-bottom: 8rpx;
|
|
color: #9a3412;
|
|
}
|
|
|
|
.delivery-alert-desc {
|
|
color: #9a3412;
|
|
}
|
|
|
|
.delivery-alert-action {
|
|
padding: 14rpx 22rpx;
|
|
border-radius: 999rpx;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.delivery-alert-action-text {
|
|
font-size: 24rpx;
|
|
font-weight: 700;
|
|
color: #ef4444;
|
|
}
|
|
|
|
.current-task-card,
|
|
.order-card {
|
|
margin-top: 22rpx;
|
|
background: #f8fbfc;
|
|
border-radius: 24rpx;
|
|
padding: 24rpx;
|
|
border-width: 1rpx;
|
|
border-style: solid;
|
|
border-color: #e5edf5;
|
|
border-top-width: 8rpx;
|
|
}
|
|
|
|
.current-task-card {
|
|
background: linear-gradient(180deg, #f9fcff, #f5fbfb);
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.status-surface-warning {
|
|
border-top-color: #b45309;
|
|
background: linear-gradient(180deg, #fffaf5, #f8fbfc);
|
|
}
|
|
|
|
.status-surface-primary {
|
|
border-top-color: #2563eb;
|
|
background: linear-gradient(180deg, #f5f9ff, #f8fbfc);
|
|
}
|
|
|
|
.status-surface-teal {
|
|
border-top-color: #0f766e;
|
|
background: linear-gradient(180deg, #f3fbfa, #f8fbfc);
|
|
}
|
|
|
|
.status-surface-success {
|
|
border-top-color: #15803d;
|
|
background: linear-gradient(180deg, #f4fbf6, #f8fbfc);
|
|
}
|
|
|
|
.status-surface-danger {
|
|
border-top-color: #dc2626;
|
|
background: linear-gradient(180deg, #fff6f6, #f8fbfc);
|
|
}
|
|
|
|
.status-surface-default {
|
|
border-top-color: #94a3b8;
|
|
}
|
|
|
|
.current-task-top,
|
|
.card-top {
|
|
align-items: flex-start;
|
|
margin-bottom: 18rpx;
|
|
}
|
|
|
|
.current-task-main,
|
|
.order-main {
|
|
flex: 1;
|
|
padding-right: 16rpx;
|
|
}
|
|
|
|
.current-task-subtitle {
|
|
font-size: 24rpx;
|
|
line-height: 36rpx;
|
|
color: #6b7280;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.current-task-info-card,
|
|
.order-info-box {
|
|
background: #ffffff;
|
|
border-radius: 20rpx;
|
|
padding: 20rpx;
|
|
margin-bottom: 18rpx;
|
|
}
|
|
|
|
.current-task-field {
|
|
padding-bottom: 16rpx;
|
|
border-bottom-width: 1rpx;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #eef2f7;
|
|
}
|
|
|
|
.current-task-field-last {
|
|
padding-bottom: 0;
|
|
margin-top: 16rpx;
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.current-task-field-value,
|
|
.current-task-step-text,
|
|
.order-next-text {
|
|
font-size: 26rpx;
|
|
line-height: 38rpx;
|
|
color: #16324f;
|
|
margin-top: 6rpx;
|
|
}
|
|
|
|
.current-task-footer,
|
|
.order-footer {
|
|
align-items: center;
|
|
}
|
|
|
|
.current-task-step {
|
|
flex: 1;
|
|
padding-right: 20rpx;
|
|
}
|
|
|
|
.current-task-btn,
|
|
.order-action-btn {
|
|
padding-top: 14rpx;
|
|
padding-bottom: 14rpx;
|
|
padding-left: 22rpx;
|
|
padding-right: 22rpx;
|
|
border-radius: 18rpx;
|
|
min-width: 148rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.current-task-btn-text,
|
|
.order-action-btn-text {
|
|
font-size: 24rpx;
|
|
font-weight: 700;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.action-warning {
|
|
background: #b45309;
|
|
}
|
|
|
|
.action-primary {
|
|
background: #2563eb;
|
|
}
|
|
|
|
.action-teal {
|
|
background: #0f766e;
|
|
}
|
|
|
|
.action-success {
|
|
background: #15803d;
|
|
}
|
|
|
|
.action-danger {
|
|
background: #dc2626;
|
|
}
|
|
|
|
.action-default {
|
|
background: #64748b;
|
|
}
|
|
|
|
.shortcut-grid {
|
|
margin-top: 22rpx;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.shortcut-item {
|
|
width: 48%;
|
|
padding: 24rpx 22rpx;
|
|
margin-bottom: 18rpx;
|
|
background: #f8fbfc;
|
|
border-radius: 22rpx;
|
|
border-width: 1rpx;
|
|
border-style: solid;
|
|
border-color: #e5edf5;
|
|
}
|
|
|
|
.shortcut-icon {
|
|
width: 68rpx;
|
|
height: 68rpx;
|
|
border-radius: 18rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 14rpx;
|
|
}
|
|
|
|
.shortcut-icon-warning {
|
|
background: #fff4eb;
|
|
}
|
|
|
|
.shortcut-icon-primary {
|
|
background: #eef4ff;
|
|
}
|
|
|
|
.shortcut-icon-teal {
|
|
background: #e8fbfb;
|
|
}
|
|
|
|
.shortcut-icon-success {
|
|
background: #edf9f0;
|
|
}
|
|
|
|
.shortcut-icon-text {
|
|
font-size: 28rpx;
|
|
font-weight: 700;
|
|
color: #16324f;
|
|
}
|
|
|
|
.shortcut-title {
|
|
margin-bottom: 6rpx;
|
|
}
|
|
|
|
.shortcut-desc {
|
|
line-height: 34rpx;
|
|
}
|
|
|
|
.order-card {
|
|
margin-bottom: 18rpx;
|
|
}
|
|
|
|
.empty-box {
|
|
padding: 24rpx;
|
|
border-radius: 22rpx;
|
|
background: #f8fbfc;
|
|
margin-top: 20rpx;
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
}
|
|
|
|
.order-next-text {
|
|
flex: 1;
|
|
padding-right: 20rpx;
|
|
}
|
|
|
|
.delivery-home-safe {
|
|
height: 40rpx;
|
|
}
|
|
</style> |