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