feat: 情报来源类型-增加表格。优秀信息员,优秀研判的列表

This commit is contained in:
2025-12-12 16:25:24 +08:00
parent 0ec9ead6d3
commit 0ab9216ed8

View File

@ -9,16 +9,17 @@
</div>
</div>
<div class="table-wrapper">
<el-table :data="tableData" style="width: 100%" height="calc(100 - 1px)" :header-cell-style="{
background: 'rgba(2, 29, 75, 0.1)',
color: '#fff',
<el-table :data="tableData" style="width: 100%" height="calc(100% - 1px)" :header-cell-style="{
background: 'transparent',
color: '#0d4b8a',
borderColor: '#0d4b8a'
}" :row-style="{
background: 'rgba(0, 29, 75, 0.3)',
color: '#fff',
borderColor: '#0d4b8a'
}" stripe>
background: 'transparent',
color: '#fff',
borderColor: '#0d4b8a'
}" stripe>
<el-table-column prop="ssbm" label="部门名称" min-width="120" show-overflow-tooltip />
<el-table-column prop="xm" label="姓名" min-width="80" show-overflow-tooltip />
<!-- 信息员积分 研判员积分 -->
@ -52,17 +53,15 @@ const switchTab = (tab) => {
fetchData()
}
// 获取表格数据
const fetchData = () => {
const promes = {
startTime: '',
endTime: ''
const params = {
}
const url = activeTab.value === 'xxy' ? '/mosty-gsxt/xxcj/mjjf/cjrList' : '/mosty-gsxt/xxcj/mjjf/ypyList'
qcckGet(promes, url).then(res => {
qcckGet(params, url).then(res => {
tableData.value = res || []
}).catch(error => {
console.error('获取表格数据失败:', error)
tableData.value = []
})
}
@ -82,11 +81,11 @@ defineExpose({
<style lang="scss" scoped>
.qingbao-table-container {
height: 100%;
padding: 10px;
padding: 2px 10px;
.tab-buttons {
display: flex;
margin-bottom: 15px;
margin-bottom: 4px;
gap: 10px;
.tab-button {
@ -112,11 +111,15 @@ defineExpose({
}
.table-wrapper {
height: calc(100% - 50px);
height: calc(100% - 30px);
:deep(.el-table) {
background: transparent;
tr {
background-color: rgba(0, 78, 167, 0.041) !important;
}
.el-table__header-wrapper {
background: transparent;
}
@ -126,16 +129,56 @@ defineExpose({
}
.el-table__row {
background: rgba(0, 29, 75, 0.3);
background: transparent !important;
&:hover>td.el-table__cell {
background: rgba(0, 77, 167, 0.5) !important;
background: transparent !important;
}
}
// 设置行高
.el-table__row td {
height: 32px !important;
line-height: 32px !important;
}
// 设置表头行高
.el-table__header th {
height: 36px !important;
line-height: 36px !important;
padding: 0 !important;
background: transparent !important;
}
// 去掉所有白色背景
&::before {
display: none;
}
.el-table__cell {
background: transparent !important;
}
.el-table__header th.el-table__cell {
background: transparent !important;
}
.el-table__cell {
border-bottom: 1px solid #0d4b8a;
padding: 8px 12px;
padding: 0 12px;
}
// 去掉表格的白色背景
.el-table__inner {
background-color: transparent !important;
}
.el-table__header {
background-color: transparent !important;
}
.el-table__body {
background-color: transparent !important;
}
}
}