兴蜀来了平台业务数据大屏调整
This commit is contained in:
@ -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);
|
||||||
|
|||||||
@ -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);
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user