兴蜀来了平台业务数据大屏调整

This commit is contained in:
2025-10-22 22:57:34 +08:00
parent 1eca1dbf37
commit 08e38283d4
3 changed files with 11 additions and 11 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="tableBox"> <div class="tableBox">
<el-table :data="tableData" height="1540px" style="width: 100%"> <el-table :data="tableData" height="1540px" style="width: 100%">
<el-table-column label="序号" width="120px"> <el-table-column label="序号" width="140px">
<template #default="scope"> <template #default="scope">
{{ scope.$index + 1 }} {{ scope.$index + 1 }}
</template> </template>
@ -92,13 +92,13 @@ const tableData = ref([
margin: 0 0 1px 0; margin: 0 0 1px 0;
} }
::v-deep .el-table .el-table__cell { ::v-deep .el-table .el-table__cell {
padding: 38px 0; padding: 32px 0;
} }
::v-deep .el-table th.el-table__cell { ::v-deep .el-table th.el-table__cell {
background-color: rgba(31, 84, 145, 0.473); background-color: rgba(31, 84, 145, 0.473);
color: #c4f3fe; color: #c4f3fe;
margin: 0 0 4px 0; margin: 0 0 4px 0;
font-size: 40px; font-size: 50px;
} }
::v-deep .el-table tr { ::v-deep .el-table tr {
background-color: rgba(22, 43, 85, 0); background-color: rgba(22, 43, 85, 0);
@ -109,7 +109,7 @@ const tableData = ref([
::v-deep .el-table td.el-table__cell, ::v-deep .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf { .el-table th.el-table__cell.is-leaf {
border-bottom: 1px solid rgba(22, 41, 85, 0); border-bottom: 1px solid rgba(22, 41, 85, 0);
font-size: 40px; font-size: 50px;
} }
::v-deep .el-table th.el-table__cell.is-leaf { ::v-deep .el-table th.el-table__cell.is-leaf {
border-bottom: 1px solid rgba(22, 41, 85, 0.3); border-bottom: 1px solid rgba(22, 41, 85, 0.3);

View File

@ -3,7 +3,7 @@
<el-table <el-table
ref="tableRef" ref="tableRef"
:data="tableData" :data="tableData"
height="1360px" height="1240px"
style="width: 100%" style="width: 100%"
> >
<el-table-column label="序号" width="200px"> <el-table-column label="序号" width="200px">
@ -11,7 +11,7 @@
{{ scope.$index + 1 }} {{ scope.$index + 1 }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="企业名称" /> <el-table-column prop="name" label="企业名称" width="1000px" />
<el-table-column prop="street" label="所在街道" /> <el-table-column prop="street" label="所在街道" />
<el-table-column prop="position" label="招聘岗位" /> <el-table-column prop="position" label="招聘岗位" />
<el-table-column prop="recruitmentNum" label="招聘人数" /> <el-table-column prop="recruitmentNum" label="招聘人数" />
@ -533,9 +533,9 @@ const tableData = ref([
<style lang="scss" scoped> <style lang="scss" scoped>
.tableBox { .tableBox {
width: 2880px; width: 2920px;
margin: 0 auto; margin: 0 auto;
margin-top: 50px; padding: 150px 0 0 0;
} }
::v-deep .el-table { ::v-deep .el-table {
background-color: transparent; background-color: transparent;
@ -555,7 +555,7 @@ const tableData = ref([
background-color: #1631551f !important; background-color: #1631551f !important;
color: #c4f3fe; color: #c4f3fe;
margin: 0 0 4px 0; margin: 0 0 4px 0;
font-size: 40px; font-size: 54px;
} }
::v-deep .el-table tr { ::v-deep .el-table tr {
background-color: rgba(22, 43, 85, 0); background-color: rgba(22, 43, 85, 0);
@ -566,7 +566,7 @@ const tableData = ref([
::v-deep .el-table td.el-table__cell, ::v-deep .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf { .el-table th.el-table__cell.is-leaf {
border-bottom: 1px solid rgba(22, 41, 85, 0); border-bottom: 1px solid rgba(22, 41, 85, 0);
font-size: 40px; font-size: 54px;
} }
::v-deep .el-table th.el-table__cell.is-leaf { ::v-deep .el-table th.el-table__cell.is-leaf {
border-bottom: 1px solid rgba(22, 41, 85, 0.3); border-bottom: 1px solid rgba(22, 41, 85, 0.3);

View File

@ -86,7 +86,7 @@ ul.rankList {
} }
} }
.name { .name {
font-size: 40px; font-size: 50px;
margin: 0 0 0 200px; margin: 0 0 0 200px;
line-height: 80px; line-height: 80px;
height: 60px; height: 60px;