934 lines
24 KiB
Plaintext
934 lines
24 KiB
Plaintext
<template>
|
|
<ServicePageScaffold title="工作台" fallback-url="/pages/user/login?mode=delivery" :hide-header="true">
|
|
<view class="delivery-home-page">
|
|
<view class="delivery-home-hero">
|
|
<view class="delivery-home-hero-top">
|
|
<view class="delivery-home-hero-main">
|
|
<text class="delivery-home-hero-title">服务工作台</text>
|
|
<text class="delivery-home-hero-subtitle">聚焦今日任务、异常处理和服务进度，帮助你快速进入当前工作状态。</text>
|
|
<view class="delivery-home-user-tags">
|
|
<text class="delivery-home-user-tag delivery-home-user-tag-light">{{ onlineStatusText }}</text>
|
|
<text class="delivery-home-user-tag delivery-home-user-tag-soft">今日完成 {{ dashboard.completedCount }} 单</text>
|
|
</view>
|
|
</view>
|
|
<view class="delivery-home-hero-actions">
|
|
<view class="delivery-home-hero-action" @click="loadData()">
|
|
<text class="delivery-home-hero-action-text">刷新</text>
|
|
</view>
|
|
<view class="delivery-home-hero-action" @click="goMessages()">
|
|
<text class="delivery-home-hero-action-text">消息</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="delivery-home-hero-info-row">
|
|
<view class="delivery-home-hero-info-item">
|
|
<text class="delivery-home-hero-info-value">{{ dashboard.pendingAcceptCount }}</text>
|
|
<text class="delivery-home-hero-info-label">待接单</text>
|
|
</view>
|
|
<view class="delivery-home-hero-info-item">
|
|
<text class="delivery-home-hero-info-value">{{ dashboard.servingCount }}</text>
|
|
<text class="delivery-home-hero-info-label">服务中</text>
|
|
</view>
|
|
<view class="delivery-home-hero-info-item">
|
|
<text class="delivery-home-hero-info-value">{{ dashboard.exceptionCount }}</text>
|
|
<text class="delivery-home-hero-info-label">异常待跟进</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="delivery-home-card delivery-home-overview-card">
|
|
<view class="delivery-home-card-header">
|
|
<view>
|
|
<text class="delivery-home-card-title">今日概览</text>
|
|
<text class="delivery-home-card-subtitle">聚焦待接单、服务执行和异常处理</text>
|
|
</view>
|
|
<text class="delivery-status-pill" :class="getStatusPillClass()">{{ onlineStatusText }}</text>
|
|
</view>
|
|
<view class="delivery-overview-row">
|
|
<view class="delivery-overview-item">
|
|
<text class="delivery-overview-num delivery-overview-num-warning">{{ dashboard.pendingAcceptCount }}</text>
|
|
<text class="delivery-overview-label">待接单</text>
|
|
</view>
|
|
<view class="delivery-overview-item">
|
|
<text class="delivery-overview-num delivery-overview-num-active">{{ dashboard.pendingDepartCount }}</text>
|
|
<text class="delivery-overview-label">待出发</text>
|
|
</view>
|
|
<view class="delivery-overview-item">
|
|
<text class="delivery-overview-num delivery-overview-num-teal">{{ dashboard.servingCount }}</text>
|
|
<text class="delivery-overview-label">服务中</text>
|
|
</view>
|
|
<view class="delivery-overview-item">
|
|
<text class="delivery-overview-num delivery-overview-num-success">{{ dashboard.completedCount }}</text>
|
|
<text class="delivery-overview-label">已完成</text>
|
|
</view>
|
|
</view>
|
|
<view class="delivery-home-inline-alert" @click="goOrders('exception')">
|
|
<view class="delivery-status-left">
|
|
<text class="delivery-status-title">异常任务</text>
|
|
<text class="delivery-status-desc">待优先跟进 {{ dashboard.exceptionCount }} 个异常事项</text>
|
|
</view>
|
|
<view class="delivery-status-right">
|
|
<text class="delivery-exception-num">{{ dashboard.exceptionCount }}</text>
|
|
<text class="delivery-inline-link">立即查看</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view v-if="dashboard.exceptionCount > 0" class="delivery-home-card delivery-home-alert-card" @click="goOrders('exception')">
|
|
<view class="delivery-alert-main">
|
|
<text class="delivery-alert-title">当前有 {{ dashboard.exceptionCount }} 个异常任务待处理</text>
|
|
<text class="delivery-alert-desc">建议先进入异常工单列表，确认原因、联系对象并更新处理进度。</text>
|
|
</view>
|
|
<view class="delivery-alert-action">
|
|
<text class="delivery-alert-action-text">查看异常</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="delivery-home-card delivery-home-current-card">
|
|
<view class="delivery-home-card-header">
|
|
<view>
|
|
<text class="delivery-home-card-title">当前任务</text>
|
|
<text class="delivery-home-card-subtitle">首页先看这一单，明确今天的下一步动作</text>
|
|
</view>
|
|
</view>
|
|
<view v-if="dashboard.recentOrders.length == 0" class="empty-box"><text class="empty-text">暂无待执行服务</text></view>
|
|
<view v-else class="current-task-card" :class="getStatusSurfaceClass(dashboard.recentOrders[0].status)" @click="goDetail(dashboard.recentOrders[0].id)">
|
|
<view class="current-task-top">
|
|
<view class="current-task-main">
|
|
<text class="current-task-title">{{ dashboard.recentOrders[0].serviceName }}</text>
|
|
<text class="current-task-subtitle">{{ dashboard.recentOrders[0].elderNameMasked }} · {{ dashboard.recentOrders[0].appointmentStartTime }}</text>
|
|
</view>
|
|
<ServiceStatusTag :text="dashboard.recentOrders[0].statusText" :tone="dashboard.recentOrders[0].statusTone"></ServiceStatusTag>
|
|
</view>
|
|
<view class="current-task-info-card">
|
|
<view class="current-task-field">
|
|
<text class="current-task-field-label">服务地址</text>
|
|
<text class="current-task-field-value">{{ dashboard.recentOrders[0].addressSummary }}</text>
|
|
</view>
|
|
<view class="current-task-field current-task-field-last">
|
|
<text class="current-task-field-label">风险标签</text>
|
|
<text class="current-task-field-value">{{ formatRiskTags(dashboard.recentOrders[0].riskTags) }}</text>
|
|
</view>
|
|
</view>
|
|
<view class="current-task-footer">
|
|
<view class="current-task-step">
|
|
<text class="current-task-step-label">下一步</text>
|
|
<text class="current-task-step-text">{{ getPrimaryActionText(dashboard.recentOrders[0].status) }}</text>
|
|
</view>
|
|
<view class="current-task-btn" :class="getPrimaryActionClass(dashboard.recentOrders[0].status)" @click.stop="handlePrimaryAction(dashboard.recentOrders[0])">
|
|
<text class="current-task-btn-text">{{ getPrimaryActionText(dashboard.recentOrders[0].status) }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="delivery-home-card delivery-home-tools-card">
|
|
<view class="delivery-home-card-header">
|
|
<view>
|
|
<text class="delivery-home-card-title">常用功能</text>
|
|
<text class="delivery-home-card-subtitle">保留当前可用入口，缩短日常处理路径</text>
|
|
</view>
|
|
</view>
|
|
<view class="shortcut-grid">
|
|
<view class="shortcut-item" @click="goOrders('pending_accept')">
|
|
<view class="shortcut-icon shortcut-icon-warning"><text class="shortcut-icon-text">接</text></view>
|
|
<text class="shortcut-title">待接单</text>
|
|
<text class="shortcut-desc">优先查看新派单</text>
|
|
</view>
|
|
<view class="shortcut-item" @click="goOrders('all')">
|
|
<view class="shortcut-icon shortcut-icon-primary"><text class="shortcut-icon-text">单</text></view>
|
|
<text class="shortcut-title">今日任务</text>
|
|
<text class="shortcut-desc">进入全部工单列表</text>
|
|
</view>
|
|
<view class="shortcut-item" @click="goMessages()">
|
|
<view class="shortcut-icon shortcut-icon-teal"><text class="shortcut-icon-text">讯</text></view>
|
|
<text class="shortcut-title">消息提醒</text>
|
|
<text class="shortcut-desc">查看沟通与通知</text>
|
|
</view>
|
|
<view class="shortcut-item" @click="goRecords()">
|
|
<view class="shortcut-icon shortcut-icon-success"><text class="shortcut-icon-text">档</text></view>
|
|
<text class="shortcut-title">服务记录</text>
|
|
<text class="shortcut-desc">回顾已完成服务</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="delivery-home-card delivery-home-list-card">
|
|
<view class="delivery-home-card-header">
|
|
<view>
|
|
<text class="delivery-home-card-title">服务工单</text>
|
|
<text class="delivery-home-card-subtitle">保留最近工单，突出状态、地址和下一步动作</text>
|
|
</view>
|
|
</view>
|
|
<view v-if="dashboard.recentOrders.length == 0" class="empty-box"><text class="empty-text">暂无任务</text></view>
|
|
<view v-for="item in dashboard.recentOrders" :key="item.id" class="order-card" :class="getStatusSurfaceClass(item.status)" @click="goDetail(item.id)">
|
|
<view class="card-top">
|
|
<view class="order-main">
|
|
<text class="order-title">{{ item.serviceName }} · {{ item.elderNameMasked }}</text>
|
|
<text class="order-meta">预约时间：{{ item.appointmentStartTime }}</text>
|
|
</view>
|
|
<ServiceStatusTag :text="item.statusText" :tone="item.statusTone"></ServiceStatusTag>
|
|
</view>
|
|
<view class="order-info-box">
|
|
<text class="order-meta">服务地址：{{ item.addressSummary }}</text>
|
|
<text class="order-meta">风险标签：{{ formatRiskTags(item.riskTags) }}</text>
|
|
</view>
|
|
<view class="order-footer">
|
|
<text class="order-next-text">下一步：{{ getPrimaryActionText(item.status) }}</text>
|
|
<view class="order-action-btn" :class="getPrimaryActionClass(item.status)" @click.stop="handlePrimaryAction(item)">
|
|
<text class="order-action-btn-text">立即处理</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="delivery-home-safe"></view>
|
|
</view>
|
|
</ServicePageScaffold>
|
|
</template>
|
|
|
|
<script setup lang="uts">
|
|
import { ref } from 'vue'
|
|
import { onShow } from '@dcloudio/uni-app'
|
|
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
|
|
import ServiceStatusTag from '@/components/homeService/ServiceStatusTag.uvue'
|
|
import type { DeliveryDashboardType, DeliveryInfoType, DeliveryOrderType } from '@/types/delivery.uts'
|
|
import { getDeliveryDashboard, getDeliveryProfile } from '@/services/deliveryService.uts'
|
|
import { getDeliveryInfo, requireDeliveryAuth } from '@/utils/deliveryAuth.uts'
|
|
|
|
const dashboard = ref<DeliveryDashboardType>({
|
|
pendingAcceptCount: 0,
|
|
pendingDepartCount: 0,
|
|
servingCount: 0,
|
|
completedCount: 0,
|
|
exceptionCount: 0,
|
|
onlineStatus: 'resting',
|
|
recentOrders: [] as Array<any>
|
|
} as DeliveryDashboardType)
|
|
const onlineStatusText = ref('休息中')
|
|
const deliveryInfo = ref<DeliveryInfoType | null>(null)
|
|
|
|
function syncStatusText(status: string) {
|
|
if (status == 'online') {
|
|
onlineStatusText.value = '在线接单'
|
|
return
|
|
}
|
|
if (status == 'busy') {
|
|
onlineStatusText.value = '忙碌中'
|
|
return
|
|
}
|
|
onlineStatusText.value = '休息中'
|
|
}
|
|
|
|
function getStatusPillClass(): string {
|
|
if (onlineStatusText.value == '在线接单') {
|
|
return 'delivery-status-online'
|
|
}
|
|
if (onlineStatusText.value == '忙碌中') {
|
|
return 'delivery-status-busy'
|
|
}
|
|
return 'delivery-status-resting'
|
|
}
|
|
|
|
function getPrimaryActionText(status: string): string {
|
|
if (status == 'pending_accept') {
|
|
return '立即接单'
|
|
}
|
|
if (status == 'accepted') {
|
|
return '准备出发'
|
|
}
|
|
if (status == 'on_the_way' || status == 'arrived') {
|
|
return '去签到'
|
|
}
|
|
if (status == 'checked_in' || status == 'serving' || status == 'pending_submit' || status == 'pending_acceptance') {
|
|
return '继续服务'
|
|
}
|
|
if (status == 'exception_pending') {
|
|
return '处理异常'
|
|
}
|
|
if (status == 'completed' || status == 'settled' || status == 'archived') {
|
|
return '查看结果'
|
|
}
|
|
return '查看详情'
|
|
}
|
|
|
|
function getPrimaryActionClass(status: string): string {
|
|
if (status == 'pending_accept') {
|
|
return 'action-warning'
|
|
}
|
|
if (status == 'accepted' || status == 'on_the_way' || status == 'arrived') {
|
|
return 'action-primary'
|
|
}
|
|
if (status == 'checked_in' || status == 'serving' || status == 'pending_submit' || status == 'pending_acceptance') {
|
|
return 'action-teal'
|
|
}
|
|
if (status == 'exception_pending') {
|
|
return 'action-danger'
|
|
}
|
|
if (status == 'completed' || status == 'settled' || status == 'archived') {
|
|
return 'action-success'
|
|
}
|
|
return 'action-default'
|
|
}
|
|
|
|
function getStatusSurfaceClass(status: string): string {
|
|
if (status == 'pending_accept') {
|
|
return 'status-surface-warning'
|
|
}
|
|
if (status == 'accepted' || status == 'on_the_way' || status == 'arrived') {
|
|
return 'status-surface-primary'
|
|
}
|
|
if (status == 'checked_in' || status == 'serving' || status == 'pending_submit' || status == 'pending_acceptance') {
|
|
return 'status-surface-teal'
|
|
}
|
|
if (status == 'exception_pending') {
|
|
return 'status-surface-danger'
|
|
}
|
|
if (status == 'completed' || status == 'settled' || status == 'archived') {
|
|
return 'status-surface-success'
|
|
}
|
|
return 'status-surface-default'
|
|
}
|
|
|
|
function formatRiskTags(tags: Array<string>): string {
|
|
if (tags.length == 0) {
|
|
return '常规服务'
|
|
}
|
|
return tags.join(' / ')
|
|
}
|
|
|
|
function goRoute(id: string) {
|
|
uni.navigateTo({ url: '/pages/mall/delivery/orders/route?id=' + id })
|
|
}
|
|
|
|
function goCheckin(id: string) {
|
|
uni.navigateTo({ url: '/pages/mall/delivery/orders/checkin?id=' + id })
|
|
}
|
|
|
|
function goExecute(id: string) {
|
|
uni.navigateTo({ url: '/pages/mall/delivery/orders/execute?id=' + id })
|
|
}
|
|
|
|
function goException(id: string) {
|
|
uni.navigateTo({ url: '/pages/mall/delivery/orders/exception?id=' + id })
|
|
}
|
|
|
|
function handlePrimaryAction(order: DeliveryOrderType) {
|
|
if (order.status == 'pending_accept') {
|
|
goDetail(order.id)
|
|
return
|
|
}
|
|
if (order.status == 'accepted') {
|
|
goRoute(order.id)
|
|
return
|
|
}
|
|
if (order.status == 'on_the_way' || order.status == 'arrived') {
|
|
goCheckin(order.id)
|
|
return
|
|
}
|
|
if (order.status == 'checked_in' || order.status == 'serving' || order.status == 'pending_submit' || order.status == 'pending_acceptance') {
|
|
goExecute(order.id)
|
|
return
|
|
}
|
|
if (order.status == 'exception_pending') {
|
|
goException(order.id)
|
|
return
|
|
}
|
|
goDetail(order.id)
|
|
}
|
|
|
|
async function loadData() {
|
|
const startedAt = Date.now()
|
|
console.log('[deliveryHome] loadData start')
|
|
const authResult = await requireDeliveryAuth({ redirectOnFail: true, toastOnFail: true })
|
|
console.log('[deliveryHome] auth done', {
|
|
ok: authResult.ok,
|
|
message: authResult.message,
|
|
elapsed: Date.now() - startedAt
|
|
})
|
|
if (!authResult.ok) {
|
|
return
|
|
}
|
|
dashboard.value = await getDeliveryDashboard()
|
|
console.log('[deliveryHome] dashboard loaded, elapsed=' + (Date.now() - startedAt))
|
|
deliveryInfo.value = await getDeliveryProfile()
|
|
console.log('[deliveryHome] profile loaded, elapsed=' + (Date.now() - startedAt))
|
|
const info = deliveryInfo.value != null ? deliveryInfo.value : getDeliveryInfo()
|
|
if (info != null) {
|
|
syncStatusText(info.onlineStatus)
|
|
}
|
|
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> |