Browse Source

feat(frontend): 评审中心和历史页面去 page-hero、去 emoji、统一 data-toolbar

wangkangyjy 2 weeks ago
parent
commit
bc74cd94f2

+ 6 - 6
frontend/src/views/scoring/HistoryView.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="app-page history-workbench">
-    <div class="page-hero">
-      <div class="hero-info">
-        <h2>历史绩效</h2>
-        <p>已归档周期的绩效记录,只读浏览</p>
-      </div>
-      <el-button @click="$router.push('/scores/my')" round>← 返回当期绩效</el-button>
+    <div class="data-toolbar">
+      <span class="data-toolbar__title">历史绩效</span>
+      <span class="data-toolbar__sep">|</span>
+      <span class="data-toolbar__meta">已归档周期的绩效记录,只读浏览</span>
+      <span class="data-toolbar__spacer"></span>
+      <el-button @click="$router.push('/scores/my')" size="small">返回当期绩效</el-button>
     </div>
 
     <div class="history-layout" v-if="archivedPeriods.length">

+ 6 - 6
frontend/src/views/scoring/ScoringListView.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="app-page scoring-worklist">
-    <div class="page-hero">
-      <div class="hero-info">
-        <h2>绩效打分</h2>
-        <p>下属绩效考评管理</p>
-      </div>
-      <el-button @click="$router.push('/scores/history')" round>历史记录</el-button>
+    <div class="data-toolbar">
+      <span class="data-toolbar__title">绩效打分</span>
+      <span class="data-toolbar__sep">|</span>
+      <span class="data-toolbar__meta">下属绩效考评管理</span>
+      <span class="data-toolbar__spacer"></span>
+      <el-button @click="$router.push('/scores/history')" size="small">历史记录</el-button>
     </div>
 
     <PeriodBanner v-if="periods.length" :periods="periods" v-model="periodId" @update:model-value="load" />