样式调整
This commit is contained in:
parent
7d1b3f6f8f
commit
29b579b538
@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<div class="dash-entry-container">
|
||||
<div class="entry-title">AI 心航360°</div>
|
||||
<!-- 顶部四个数据卡片 -->
|
||||
<div class="stats-cards">
|
||||
<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-column prop="name" label="姓名" width="`16.3%`" class-name="name-column">
|
||||
<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 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
@ -306,8 +307,8 @@ const handleView = (row: any) => {
|
||||
|
||||
<style scoped lang="scss">
|
||||
.dash-entry-container {
|
||||
padding: 20px;
|
||||
background: #f5f5f5;
|
||||
padding: 10px;
|
||||
background: #fff;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@ -315,6 +316,14 @@ const handleView = (row: any) => {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
font-size: 24px;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
color: #65CFE3;
|
||||
}
|
||||
|
||||
// 统计卡片区域
|
||||
.stats-cards {
|
||||
display: grid;
|
||||
@ -472,10 +481,22 @@ const handleView = (row: any) => {
|
||||
transform: translateY(-50%);
|
||||
left: 0;
|
||||
padding: 2px 8px;
|
||||
background: #1890ff;
|
||||
color: #ffffff;
|
||||
font-size: 13px;
|
||||
border-radius: 4px;
|
||||
&.tag-high {
|
||||
color: #ff4d4f;
|
||||
background: #fff1f0;
|
||||
}
|
||||
|
||||
&.tag-warning {
|
||||
color: #faad14;
|
||||
background: #fff7e6;
|
||||
}
|
||||
|
||||
&.tag-normal {
|
||||
color: #666;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
}
|
||||
|
||||
.risk-level {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user