发布计划按钮样式修改

lijinlong
吕天方 1 year ago
parent 50a16c6f6b
commit dad2da1136

@ -179,7 +179,7 @@
</div> </div>
<div class="next"> <div class="next">
<div class="selected">已选择<span>{{ selected }}</span>家企业</div> <div class="selected">已选择<span>{{ selected }}</span>家企业</div>
<div class="btn" @click="next" ref="next">{{ nextText }}</div> <div class="btn" :class="nextStep ? 'selectBtn':''" @click="next" ref="next">{{ nextText }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -555,6 +555,10 @@ export default {
color: #2378EC; color: #2378EC;
cursor: pointer; cursor: pointer;
} }
.selectBtn {
background-color: #2378EC;
color: #FFFFFF;
}
} }
} }
} }

@ -45,11 +45,11 @@
<span>导出excel</span> <span>导出excel</span>
</div> </div>
</div> </div>
<div class="tables" :style="main"> <div class="tables">
<el-table <el-table
:data="tableData" :data="tableData"
style="width: 100%" style="width: 100%"
height="100%" :height="484"
:border="false" :border="false"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
:cell-style="columnStyle" :cell-style="columnStyle"
@ -175,9 +175,6 @@
}, },
checkList: ['全部'], checkList: ['全部'],
checkListTwo: [], checkListTwo: [],
main:{
height:'',
}
}; };
}, },
// watch: { // watch: {
@ -232,13 +229,13 @@
}, },
mounted() { mounted() {
this.checkListTwo = this.checkList; this.checkListTwo = this.checkList;
this.$nextTick(()=>{ // this.$nextTick(()=>{
let dom = document.getElementsByClassName('tables'); // let dom = document.getElementsByClassName('tables');
let height = dom[0].getBoundingClientRect(); // let height = dom[0].getBoundingClientRect();
let windowHeight = window.innerHeight; // let windowHeight = window.innerHeight;
let relativeHeight = windowHeight - height.top // let relativeHeight = windowHeight - height.top
this.main.height = relativeHeight - 80 + 'px' // this.main.height = relativeHeight - 80
}) // })
}, },
}; };
</script> </script>

@ -79,11 +79,11 @@
<div class="select-btn">搜索</div> <div class="select-btn">搜索</div>
</div> </div>
</div> </div>
<div class="tables" :style="main"> <div class="tables">
<el-table <el-table
:data="tableData" :data="tableData"
style="width: 100%" style="width: 100%"
height="100%" :height="497"
:border="false" :border="false"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
> >
@ -212,13 +212,13 @@
}, },
mounted() { mounted() {
this.checkListTwo = this.checkList; this.checkListTwo = this.checkList;
this.$nextTick(()=>{ // this.$nextTick(()=>{
let dom = document.getElementsByClassName('tables'); // let dom = document.getElementsByClassName('tables');
let height = dom[0].getBoundingClientRect(); // let height = dom[0].getBoundingClientRect();
let windowHeight = window.innerHeight; // let windowHeight = window.innerHeight;
let relativeHeight = windowHeight - height.top // let relativeHeight = windowHeight - height.top
this.main.height = relativeHeight - 50 + 'px' // this.main.height = relativeHeight - 50
}) // })
}, },
}; };
</script> </script>

@ -4,7 +4,7 @@
* @Author: JC9527 * @Author: JC9527
* @Date: 2023-09-04 10:20:06 * @Date: 2023-09-04 10:20:06
* @LastEditors: JC9527 * @LastEditors: JC9527
* @LastEditTime: 2023-09-06 11:07:50 * @LastEditTime: 2023-09-06 15:59:41
--> -->
<template> <template>
<div class="plan-management"> <div class="plan-management">
@ -45,11 +45,11 @@
</div> </div>
</div> </div>
<div class="plan-bottomBox"> <div class="plan-bottomBox">
<div class="tables" :style="main"> <div class="tables">
<el-table <el-table
:data="tableData" :data="tableData"
:border="false" :border="false"
height="100%" :height="484"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
> >
@ -181,9 +181,6 @@
address: '上海市普陀区金沙江路 1518 弄' address: '上海市普陀区金沙江路 1518 弄'
}], }],
multipleSelection: [], multipleSelection: [],
main:{
height:'',
}
} }
}, },
methods:{ methods:{
@ -237,15 +234,16 @@
return ''; return '';
}, },
}, },
mounted() { created() {
this.checkListTwo = this.checkList; this.checkListTwo = this.checkList;
this.$nextTick(()=>{ // this.$nextTick(()=>{
let dom = document.getElementsByClassName('tables'); // let dom = document.getElementsByClassName('tables');
let height = dom[0].getBoundingClientRect(); // let height = dom[0].getBoundingClientRect();
let windowHeight = window.innerHeight; // let windowHeight = window.innerHeight;
let relativeHeight = windowHeight - height.top // let relativeHeight = windowHeight - height.top
this.main.height = relativeHeight - 80 + 'px' // this.main.height = relativeHeight - 80
}) // console.log(this.main.height)
// })
}, },
} }
</script> </script>
@ -339,7 +337,34 @@
.plan-bottomBox { .plan-bottomBox {
margin-top: 10px; margin-top: 10px;
.tables { .tables {
::v-deep .el-table {
.success-row {
background-color: rgba(234, 242, 253, 0.25);
}
td {
height: 42px;
box-sizing: border-box;
text-align: center;
font-size: 14px;
font-family: 'Alibaba PuHuiTi';
font-weight: 400;
color: #525966;
}
th {
height: 45px;
background-color: #EAF2FD; background-color: #EAF2FD;
font-size: 15px;
font-family: 'Alibaba PuHuiTi';
font-weight: bold;
color: #525966;
.el-checkbox {
display: none;
}
}
}
::v-deep .el-table::before {
height: 0;
}
.tabs-btns { .tabs-btns {
display: flex; display: flex;
align-items: center; align-items: center;
@ -367,33 +392,6 @@
} }
} }
} }
::v-deep .el-table {
.success-row {
background-color: rgba(234, 242, 253, 0.25);
}
td {
height: 42px;
text-align: center;
font-size: 14px;
font-family: 'Alibaba PuHuiTi';
font-weight: 400;
color: #525966;
}
th {
height: 45px;
background-color: #EAF2FD;
font-size: 15px;
font-family: 'Alibaba PuHuiTi';
font-weight: bold;
color: #525966;
.el-checkbox {
display: none;
}
}
}
::v-deep .el-table::before {
height: 0;
}
} }
.pagination { .pagination {
margin-top: 40px; margin-top: 40px;

Loading…
Cancel
Save