gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CN-251 Entity-explorer 左侧筛选TOP10弹框开发(第二列名称显示修改，百分比显示样式调整)

Browse Source
This commit is contained in:
hanyuxia
2021-12-24 09:42:54 +08:00
parent 56aa2339cb
commit 01a92cf030
2 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/assets/css/components/views/entityExplorer/entityFilter.scss
View File

@@ -107,16 +107,17 @@
color: #666666; color: #666666;
letter-spacing: 0; letter-spacing: 0;
font-weight: 400; font-weight: 400;
.top-table-percent{ }
display:grid;
grid-template-columns: 50% auto; .top-table-percent{
grid-template-rows: 100%; display:grid;
grid-row-gap: 0px; grid-template-columns: 50% auto;
grid-column-gap: 0px; grid-template-rows: 100%;
.top-table-progress{ grid-row-gap: 0px;
align-content: center; grid-column-gap: 0px;
padding-top: 8px; .top-table-progress{
} align-content: center;
padding-top: 8px;
} }
} }
} }

6
src/components/entities/EntityTop.vue
View File

@@ -17,13 +17,13 @@
class="customer-no-border-table" class="customer-no-border-table"
:cell-style="{'text-align':'left','padding': '1px 0','border':'0px'}"> :cell-style="{'text-align':'left','padding': '1px 0','border':'0px'}">
<el-table-column label="Top10" type="index" :index="indexMethod" width="81"/> <el-table-column label="Top10" type="index" :index="indexMethod" width="81"/>
<el-table-column prop="name" :label="$t('overall.country')" width="100" /> <el-table-column prop="name" :label="item.label" width="100" />
<el-table-column prop="value" :label="$t('overall.number')" width="79" /> <el-table-column prop="value" :label="$t('overall.number')" width="79" />
<el-table-column prop="rate" :label="$t('overall.percent')" > <el-table-column prop="rate" :label="$t('overall.percent')" >
<template #default="scope"> <template #default="scope">
<div class="top-table-percent"> <div class="top-table-percent" >
<div >{{ scope.row.percent }}%</div> <div >{{ scope.row.percent }}%</div>
<div class="top-table-progress"><el-progress :percentage="scope.row.percent" :show-text="false" color="#23BF9A" ></el-progress></div> <div class="top-table-progress" ><el-progress :percentage="scope.row.percent" :show-text="false" color="#23BF9A" ></el-progress></div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>