zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
huangchengfa
2025-12-12 16:25:24 +08:00
parent 0ec9ead6d3
commit 0ab9216ed8
1 changed files with 61 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/views/home/model/qingBaowbTable.vue
View File

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