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;
letter-spacing: 0;
font-weight: 400;
.top-table-percent{
display:grid;
grid-template-columns: 50% auto;
grid-template-rows: 100%;
grid-row-gap: 0px;
grid-column-gap: 0px;
.top-table-progress{
align-content: center;
padding-top: 8px;
}
}
.top-table-percent{
display:grid;
grid-template-columns: 50% auto;
grid-template-rows: 100%;
grid-row-gap: 0px;
grid-column-gap: 0px;
.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"
:cell-style="{'text-align':'left','padding': '1px 0','border':'0px'}">
<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="rate" :label="$t('overall.percent')" >
<template #default="scope">
<div class="top-table-percent">
<div class="top-table-percent" >
<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>
</template>
</el-table-column>