feat: 情报来源类型-增加表格。优秀信息员,优秀研判的列表
This commit is contained in:
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user