tangweijie/xlcp-frontend
1
0
Fork 0
Code Issues 6 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

样式调整

Browse Source
This commit is contained in:
qweasdzxclm 2026-01-19 18:46:31 +08:00
parent 7d1b3f6f8f
commit 29b579b538
1 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/DashEntry/DashEntry.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<div class="dash-entry-container"> <div class="dash-entry-container">
<div class="entry-title">AI 心航360°</div>
<!-- 顶部四个数据卡片 --> <!-- 顶部四个数据卡片 -->
<div class="stats-cards"> <div class="stats-cards">
<div v-for="(card, index) in statsCards" :key="index" class="stat-card"> <div v-for="(card, index) in statsCards" :key="index" class="stat-card">
@ -44,7 +45,7 @@
<el-table :data="paginatedResults" style="width: 100%" stripe> <el-table :data="paginatedResults" style="width: 100%" stripe>
<el-table-column prop="name" label="姓名" width="`16.3%`" class-name="name-column"> <el-table-column prop="name" label="姓名" width="`16.3%`" class-name="name-column">
<template #default="{ row }"> <template #default="{ row }">
<span v-if="row.isNew" class="new-tag">新增</span> <span v-if="row.isNew" class="new-tag" :class="`tag-${row.riskLevelType}`">新增</span>
{{ row.name }} {{ row.name }}
</template> </template>
</el-table-column> </el-table-column>
@ -306,8 +307,8 @@ const handleView = (row: any) => {
<style scoped lang="scss"> <style scoped lang="scss">
.dash-entry-container { .dash-entry-container {
padding: 20px; padding: 10px;
background: #f5f5f5; background: #fff;
min-height: 100vh; min-height: 100vh;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -315,6 +316,14 @@ const handleView = (row: any) => {
box-sizing: border-box; box-sizing: border-box;
} }
.entry-title {
font-size: 24px;
margin-bottom: 10px;
text-align: center;
font-weight: 500;
color: #65CFE3;
}
// 统计卡片区域 // 统计卡片区域
.stats-cards { .stats-cards {
display: grid; display: grid;
@ -472,10 +481,22 @@ const handleView = (row: any) => {
transform: translateY(-50%); transform: translateY(-50%);
left: 0; left: 0;
padding: 2px 8px; padding: 2px 8px;
background: #1890ff;
color: #ffffff;
font-size: 13px; font-size: 13px;
border-radius: 4px; border-radius: 4px;
&.tag-high {
color: #ff4d4f;
background: #fff1f0;
}
&.tag-warning {
color: #faad14;
background: #fff7e6;
}
&.tag-normal {
color: #666;
background: #f5f5f5;
}
} }
.risk-level { .risk-level {