refactor(dashboard): 将页面英文文本替换为中文并优化操作功能
替换页面中的英文标签为中文,新增勘察流水行详情操作按钮,为工作流链接添加点击事件处理,移除未使用的图标组件。
This commit is contained in:
1 parent
184b8d03e2
commit
be91d04431
1 file changed
+25
-10
@@ -70,7 +70,7 @@
|
||||
<div>
|
||||
<div class="card-title-row">
|
||||
<h3 class="card-title">近7日业务增长趋势</h3>
|
||||
<span class="card-tag">REALTIME 新增统计</span>
|
||||
<span class="card-tag">实时新增统计</span>
|
||||
</div>
|
||||
<p class="card-sub">每日新增托管客户与新增合同的对比走势</p>
|
||||
</div>
|
||||
@@ -138,12 +138,12 @@
|
||||
<div>
|
||||
<div class="card-title-row">
|
||||
<h3 class="card-title">待办勘察派单流水</h3>
|
||||
<span class="live-alerts">LIVE ORDERS</span>
|
||||
<span class="live-alerts">实时单量</span>
|
||||
</div>
|
||||
<p class="card-sub">最新勘察派单与承接状态的实时跟踪</p>
|
||||
</div>
|
||||
<button class="ghost-btn" @click="handleRefresh">
|
||||
<span class="material-symbols-outlined">filter_list</span>
|
||||
<ReloadOutlined />
|
||||
刷新
|
||||
</button>
|
||||
</div>
|
||||
@@ -184,8 +184,14 @@
|
||||
</td>
|
||||
<td class="ta-r">
|
||||
<div class="ops">
|
||||
<button class="icon-btn" title="催办"><PhoneOutlined /></button>
|
||||
<button class="icon-btn" title="更多"><MoreOutlined /></button>
|
||||
<a-dropdown trigger="click" placement="bottomRight">
|
||||
<button class="icon-btn" title="更多"><MoreOutlined /></button>
|
||||
<template #overlay>
|
||||
<a-menu @click="({ key }) => handleRowAction(key as string, row)">
|
||||
<a-menu-item key="detail">查看详情</a-menu-item>
|
||||
</a-menu>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -196,7 +202,7 @@
|
||||
|
||||
<div class="card-foot">
|
||||
<span class="mono muted">显示 {{ stats?.surveyList?.length || 0 }} / {{ formatNum(stats?.surveyPending) }} 个待办勘察单</span>
|
||||
<a class="card-link">进入勘察派单工作流<ArrowRightOutlined /></a>
|
||||
<a class="card-link" @click="goSurveyWorkflow">进入勘察派单工作流<ArrowRightOutlined /></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -241,7 +247,7 @@
|
||||
<div>
|
||||
<div class="card-title-row">
|
||||
<h3 class="card-title">电工资质到期提醒</h3>
|
||||
<span class="card-tag">CERT ALERT</span>
|
||||
<span class="card-tag">证照预警</span>
|
||||
</div>
|
||||
<p class="card-sub">临期(30 天内)与已过期的电工资质证照清单,已过期优先展示</p>
|
||||
</div>
|
||||
@@ -297,7 +303,6 @@ import {
|
||||
ScheduleOutlined,
|
||||
FieldTimeOutlined,
|
||||
DeploymentUnitOutlined,
|
||||
PhoneOutlined,
|
||||
MoreOutlined,
|
||||
UserOutlined,
|
||||
RiseOutlined,
|
||||
@@ -305,7 +310,7 @@ import {
|
||||
} from '@ant-design/icons-vue';
|
||||
import * as echarts from 'echarts';
|
||||
import dayjs from 'dayjs';
|
||||
import { dashboardApi, type DashboardStats } from '@/api/dashboard';
|
||||
import { dashboardApi, type DashboardStats, type SurveyOrderItem } from '@/api/dashboard';
|
||||
import { workerRegistryApi } from '@/api/workerRegistry';
|
||||
|
||||
const router = useRouter();
|
||||
@@ -515,6 +520,17 @@ function handleRefresh() {
|
||||
loadStats();
|
||||
}
|
||||
|
||||
// 勘察流水行操作
|
||||
function handleRowAction(key: string, row: SurveyOrderItem) {
|
||||
if (key === 'detail') {
|
||||
router.push({ name: 'DispatchSurveyEdit', params: { id: String(row.id) } });
|
||||
}
|
||||
}
|
||||
|
||||
function goSurveyWorkflow() {
|
||||
router.push('/dispatch/survey');
|
||||
}
|
||||
|
||||
function initCharts() {
|
||||
if (trendChartRef.value) trendChart = echarts.init(trendChartRef.value);
|
||||
if (donutChartRef.value) donutChart = echarts.init(donutChartRef.value);
|
||||
@@ -905,6 +921,5 @@ function disposeCharts() {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.4; }
|
||||
}
|
||||
.material-symbols-outlined { font-size: 16px; line-height: 1; }
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user