feat: 优化差旅报销预审流程与个人工作台 UI 体系

- 完善 user_agent_application 申请差旅报销预审槽位与消息组装
- 增强预算助理报告与风险建议卡片交互
- 重构登录页视觉样式与移动端响应式适配
- 优化个人工作台、文档中心、政策中心、员工管理等页面布局
- 拆分 travelRequestDetailPreReviewModel 为 advice/submit 模型
- 补充报销草稿、风险复核、Item Sync 与模板执行器测试覆盖

web/src/views/EmployeeManagementView.vue

@@ -621,7 +621,7 @@
                 :class="{ spotlight: employee.spotlight }"
                 @click="openEmployeeDetail(employee)"
               >
-                <td>
+                <td data-label="员工">
                   <div class="employee-cell">
                     <span class="employee-avatar">{{ employee.avatar }}</span>
                     <div>
@@ -630,11 +630,11 @@
                     </div>
                   </div>
                 </td>
-                <td>{{ employee.employeeNo }}</td>
-                <td>{{ employee.department }}</td>
-                <td>{{ employee.position }}</td>
-                <td><span class="level-pill">{{ employee.grade }}</span></td>
-                <td>
+                <td data-label="工号">{{ employee.employeeNo }}</td>
+                <td data-label="部门">{{ employee.department }}</td>
+                <td data-label="岗位">{{ employee.position }}</td>
+                <td data-label="职级"><span class="level-pill">{{ employee.grade }}</span></td>
+                <td data-label="系统角色">
                   <div class="role-stack">
                     <span
                       v-for="role in employee.roles.slice(0, 2)"
@@ -648,10 +648,10 @@
                     </span>
                   </div>
                 </td>
-                <td>
+                <td data-label="状态">
                   <span class="status-pill" :class="employee.statusTone">{{ employee.status }}</span>
                 </td>
-                <td class="cell-updated">{{ employee.updatedAt }}</td>
+                <td class="cell-updated" data-label="最近更新">{{ employee.updatedAt }}</td>
               </tr>
             </tbody>
           </table>