Merge branch 'main' of http://39.101.188.84:8000/suzhou-jichuang-lanhai/LiaoningChanpinHuaxiang
commit
c9ea1ddbc6
@ -1,113 +1,110 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="Basic-box">
|
<div class="Basic-box" ref="basic">
|
||||||
<el-table :data="tableData" stripe style="width: 100%;background-color: transparent;">
|
<el-table
|
||||||
<el-table-column prop="data" label="预警日期" width="100" show-overflow-tooltip>
|
:data="tableData"
|
||||||
</el-table-column>
|
stripe
|
||||||
<el-table-column prop="name" label="预警内容" width="180" show-overflow-tooltip>
|
:height="height"
|
||||||
</el-table-column>
|
style="width: 100%; background-color: transparent"
|
||||||
<el-table-column prop="address" label="分办处室" show-overflow-tooltip>
|
>
|
||||||
</el-table-column>
|
<el-table-column
|
||||||
<el-table-column prop="address" label="处置状态" show-overflow-tooltip>
|
prop="data"
|
||||||
</el-table-column>
|
label="预警日期"
|
||||||
<el-table-column prop="address" label="完成日期" show-overflow-tooltip>
|
width="100"
|
||||||
</el-table-column>
|
show-overflow-tooltip
|
||||||
</el-table>
|
>
|
||||||
<Pagination></Pagination>
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
label="预警内容"
|
||||||
|
width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="address" label="分办处室" show-overflow-tooltip>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="address" label="处置状态" show-overflow-tooltip>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="address" label="完成日期" show-overflow-tooltip>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div ref="pagination">
|
||||||
|
<Pagination></Pagination>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Pagination from "@/views/components/Pagination"
|
import Pagination from "@/views/components/Pagination";
|
||||||
export default {
|
export default {
|
||||||
name: 'Basicbox',
|
name: "Basicbox",
|
||||||
components: { Pagination },
|
components: { Pagination },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tableData: [{
|
tableData: [],
|
||||||
data: "审批类变更概述",
|
height: 0,
|
||||||
name: "原料对乙酰胺基供应",
|
};
|
||||||
address: "2022-06-08",
|
},
|
||||||
address: "2022-06-08",
|
created() {},
|
||||||
address: "2022-06-08"
|
mounted() {
|
||||||
}, {
|
this.$nextTick(() => {
|
||||||
data: "审批类变更概述",
|
this.height =
|
||||||
name: "-",
|
this.$refs.basic.offsetHeight - this.$refs.pagination.offsetHeight;
|
||||||
address: "2022-06-08"
|
});
|
||||||
}, {
|
},
|
||||||
data: "审批类变更概述",
|
methods: {},
|
||||||
name: "-",
|
computed: {},
|
||||||
address: "2022-06-08"
|
};
|
||||||
},
|
|
||||||
{
|
|
||||||
data: "审批类变更概述",
|
|
||||||
name: "-",
|
|
||||||
address: "2022-06-08"
|
|
||||||
},
|
|
||||||
|
|
||||||
]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() { },
|
|
||||||
mounted() { },
|
|
||||||
methods: {},
|
|
||||||
computed: {}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang='scss'>
|
<style scoped lang='scss'>
|
||||||
.Basic-box {
|
.Basic-box {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px;
|
height: calc(100% - 90px - 41px - 10px);
|
||||||
padding: 0 11px 11px 11px;
|
// padding: 0 11px 11px 11px;
|
||||||
// overflow-y: auto;
|
// overflow-y: auto;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
::v-deep .el-table,
|
::v-deep .el-table,
|
||||||
.el-table__expanded-cell {
|
.el-table__expanded-cell {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table th {
|
::v-deep .el-table th {
|
||||||
background-color: rgba(0, 100, 255, 0.2) !important;
|
background-color: rgba(0, 100, 255, 0.2) !important;
|
||||||
color: #2492FF;
|
color: #2492ff;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table td {
|
::v-deep .el-table td {
|
||||||
padding: 7px 0;
|
padding: 7px 0;
|
||||||
|
|
||||||
border: none;
|
|
||||||
|
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table::before {
|
::v-deep .el-table::before {
|
||||||
height: 0px;
|
height: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table tr {
|
::v-deep .el-table tr {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
color: #B7D4F5;
|
color: #b7d4f5;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table tbody tr:hover td {
|
::v-deep .el-table tbody tr:hover td {
|
||||||
|
background-color: transparent !important;
|
||||||
background-color: transparent !important
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table th.el-table__cell.is-leaf,
|
::v-deep .el-table th.el-table__cell.is-leaf,
|
||||||
.el-table td.el-table__cell {
|
.el-table td.el-table__cell {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 显示的颜色
|
// 显示的颜色
|
||||||
::v-deep .el-table .el-table__body tr.el-table__row--striped td {
|
::v-deep .el-table .el-table__body tr.el-table__row--striped td {
|
||||||
background-color: rgba(0, 50, 150, 0.1) !important;
|
background-color: rgba(0, 50, 150, 0.1) !important;
|
||||||
}</style>
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
Loading…
Reference in new issue