style:生产概括-任务-添加两个卡片展示、横向滑动

master
黄伟杰 2 days ago
parent f36f51b2f7
commit 7741a50eac

@ -65,24 +65,34 @@
</view>
</view>
<view v-else class="trend-content">
<view class="trend-stats">
<view class="trend-stat-card">
<text class="trend-stat-value">{{ formatNumber(taskTrendData.totalNum) }}</text>
<text class="trend-stat-label">{{ t('dashboard.totalTask') }}</text>
<scroll-view scroll-x enable-flex class="trend-stats-scroll">
<view class="trend-stats">
<view class="trend-stat-card">
<text class="trend-stat-value">{{ formatNumber(taskTrendData.totalNum) }}</text>
<text class="trend-stat-label">{{ t('dashboard.totalTask') }}</text>
</view>
<view class="trend-stat-card">
<text class="trend-stat-value">{{ formatNumber(taskTrendData.issuedNum) }}</text>
<text class="trend-stat-label">{{ t('dashboard.issuedNum') }}</text>
</view>
<view class="trend-stat-card">
<text class="trend-stat-value">{{ formatNumber(taskTrendData.partialScheduledNum) }}</text>
<text class="trend-stat-label">{{ t('dashboard.partialScheduledNum') }}</text>
</view>
<view class="trend-stat-card">
<text class="trend-stat-value">{{ formatNumber(taskTrendData.waitingProductionNum) }}</text>
<text class="trend-stat-label">{{ t('dashboard.waitingProduction') }}</text>
</view>
<view class="trend-stat-card">
<text class="trend-stat-value">{{ formatNumber(taskTrendData.producingNum) }}</text>
<text class="trend-stat-label">{{ t('dashboard.producing') }}</text>
</view>
<view class="trend-stat-card">
<text class="trend-stat-value">{{ formatNumber(taskTrendData.completedNum) }}</text>
<text class="trend-stat-label">{{ t('dashboard.completed') }}</text>
</view>
</view>
<view class="trend-stat-card">
<text class="trend-stat-value pending">{{ formatNumber(taskTrendData.waitingProductionNum) }}</text>
<text class="trend-stat-label">{{ t('dashboard.waitingProduction') }}</text>
</view>
<view class="trend-stat-card">
<text class="trend-stat-value running">{{ formatNumber(taskTrendData.producingNum) }}</text>
<text class="trend-stat-label">{{ t('dashboard.producing') }}</text>
</view>
<view class="trend-stat-card">
<text class="trend-stat-value pass">{{ formatNumber(taskTrendData.completedNum) }}</text>
<text class="trend-stat-label">{{ t('dashboard.completed') }}</text>
</view>
</view>
</scroll-view>
<view v-if="currentRange !== 'custom'" class="trend-chart">
<text class="chart-title">{{ t('dashboard.totalTask') }}</text>
<view class="chart-box">
@ -583,14 +593,20 @@ defineExpose({ loadData })
margin-top: 8rpx;
}
.trend-stats {
display: flex;
justify-content: space-between;
.trend-stats-scroll {
width: 100%;
white-space: nowrap;
margin-bottom: 24rpx;
}
.trend-stats {
display: inline-flex;
flex-wrap: nowrap;
}
.trend-stat-card {
flex: 1;
flex-shrink: 0;
width: 164rpx;
background: #f8fafc;
border-radius: 12rpx;
padding: 20rpx 12rpx;

@ -73,6 +73,8 @@ export default {
trendChart: 'Trend',
taskPlaceholder: 'Task mode under development',
totalTask: 'Total Tasks',
issuedNum: 'Issued',
partialScheduledNum: 'Partial Scheduled',
waitingProduction: 'Waiting',
producing: 'Producing',
completed: 'Completed',

@ -73,6 +73,8 @@ export default {
trendChart: '趋势图',
taskPlaceholder: '任务模式开发中',
totalTask: '任务总数',
issuedNum: '下达数',
partialScheduledNum: '部分排产数',
waitingProduction: '待生产',
producing: '生产中',
completed: '已完成',

Loading…
Cancel
Save