DEV_ZZ/rsxm-master
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大屏调整

Browse Source
This commit is contained in:
王捷
2025-10-22 22:45:35 +08:00
parent c88f93d14c
commit 6dcfc0795d
4 changed files with 82 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/views/portraitScreen/components/pxkcjh.vue
View File

@ -1,12 +1,12 @@
<template>
<div class="tableBox">
<el-table :data="tableData" height="1540px" style="width: 100%">
<el-table-column label="序号" width="140px">
<el-table-column label="序号" width="120px">
<template #default="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column prop="name" label="课程名称" />
<el-table-column prop="name" label="课程名称" width="550px" />
<el-table-column prop="starTime" label="开课时间" />
<el-table-column prop="endTime" label="结束时间" />
</el-table>
@ -19,8 +19,8 @@ import { ref, onMounted, onBeforeUnmount } from "vue";
const tableData = ref([
{
name: "人社局劳务经纪人培训",
starTime: "2025/9/24",
endTime: "2025/9/26"
starTime: "2025/09/24",
endTime: "2025/09/26"
},
{
name: "退役军人适应性培训",
@ -34,28 +34,28 @@ const tableData = ref([
},
{
name: "电工",
starTime: "2025/5/12",
endTime: "2025/6/6"
starTime: "2025/05/12",
endTime: "2025/06/06"
},
{
name: "焊工",
starTime: "2025/5/19",
endTime: "2025/6/13"
starTime: "2025/05/19",
endTime: "2025/06/13"
},
{
name: "钳工",
starTime: "2025/5/26",
endTime: "2025/6/20"
starTime: "2025/05/26",
endTime: "2025/06/20"
},
{
name: "人工智能训练师",
starTime: "2025/6/2",
endTime: "2025/6/27"
starTime: "2025/06/02",
endTime: "2025/06/27"
},
{
name: "无人机飞手",
starTime: "2025/6/16",
endTime: "2025/7/11"
starTime: "2025/06/16",
endTime: "2025/07/11"
}
// {
// name: "手工木工",
@ -66,7 +66,7 @@ const tableData = ref([
// name: "高空作业",
// starTime: "2025/8/18",
// endTime: "2025/9/12"
// },
// }
// {
// name: "学生就业指导",
// starTime: "2025/9/1",
@ -77,8 +77,7 @@ const tableData = ref([
<style lang="scss" scoped>
.tableBox {
width: 1440px;
margin: 0 auto;
width: 100%;
margin-top: 50px;
}
::v-deep .el-table {
@ -93,34 +92,34 @@ const tableData = ref([
margin: 0 0 1px 0;
}
::v-deep .el-table .el-table__cell {
padding: 30px 0;
padding: 38px 0;
}
::v-deep .el-table th.el-table__cell {
background-color: #163155 !important;
background-color: rgba(31, 84, 145, 0.473);
color: #c4f3fe;
margin: 0 0 4px 0;
font-size: 40px;
}
::v-deep .el-table tr {
background-color: rgba(22, 43, 85, 0.5);
background-color: rgba(22, 43, 85, 0);
}
::v-deep .el-table tr:nth-child(even) {
background-color: rgba(22, 51, 85, 0.9);
background-color: rgba(31, 84, 145, 0.473);
}
::v-deep .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
border-bottom: 1px solid rgba(22, 41, 85, 0.5);
border-bottom: 1px solid rgba(22, 41, 85, 0);
font-size: 40px;
}
::v-deep .el-table th.el-table__cell.is-leaf {
border-bottom: 1px solid rgba(22, 41, 85, 0.9);
border-bottom: 1px solid rgba(22, 41, 85, 0.3);
}
::v-deep
.el-table--enable-row-hover
.el-table__body
tr:hover
> td.el-table__cell {
background-color: rgb(16, 68, 171);
background-color: rgb(16, 68, 171, 0.3);
color: #fff;
}
</style>