|
|
|
@ -218,14 +218,10 @@ export default {
|
|
|
|
//方法
|
|
|
|
//方法
|
|
|
|
initLoad() {
|
|
|
|
initLoad() {
|
|
|
|
if (this.height) return;
|
|
|
|
if (this.height) return;
|
|
|
|
let clientHeight = document.documentElement.clientHeight;
|
|
|
|
let appMainHeight = document.querySelector('.app-main-scroll')?.getBoundingClientRect()?.height;
|
|
|
|
let lxheader = document.querySelector(".v-header")?.getBoundingClientRect();
|
|
|
|
let lxheader = document.querySelector(".v-header")?.getBoundingClientRect();
|
|
|
|
let lxHeader_height = lxheader.height + 25; //查询 头部
|
|
|
|
|
|
|
|
let paginationHeight = 37; //分页的高度
|
|
|
|
let paginationHeight = 37; //分页的高度
|
|
|
|
let topHeight = 50; //页面 头部
|
|
|
|
this.tableHeight = appMainHeight - paginationHeight - lxheader?.height - 20;
|
|
|
|
this.tableHeight =
|
|
|
|
|
|
|
|
clientHeight - lxHeader_height - topHeight - paginationHeight - 20 - 25;
|
|
|
|
|
|
|
|
//console.log(this.tableHeight)
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
async getTableData(isRefresh = false) {
|
|
|
|
async getTableData(isRefresh = false) {
|
|
|
|
if (isRefresh) {
|
|
|
|
if (isRefresh) {
|
|
|
|
@ -485,7 +481,7 @@ export default {
|
|
|
|
createPage() {
|
|
|
|
createPage() {
|
|
|
|
if (this.isPage)
|
|
|
|
if (this.isPage)
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<div class="xy-table__page">
|
|
|
|
<transition
|
|
|
|
<transition
|
|
|
|
enter-active-class="slide-in-bottom"
|
|
|
|
enter-active-class="slide-in-bottom"
|
|
|
|
leave-to-class="slide-out-down"
|
|
|
|
leave-to-class="slide-out-down"
|
|
|
|
@ -503,7 +499,7 @@ export default {
|
|
|
|
size="small"
|
|
|
|
size="small"
|
|
|
|
show-elevator={true}
|
|
|
|
show-elevator={true}
|
|
|
|
show-sizer={this.showSizer}
|
|
|
|
show-sizer={this.showSizer}
|
|
|
|
class="xy-table__page"
|
|
|
|
class="xy-table__pagecpn"
|
|
|
|
on={{
|
|
|
|
on={{
|
|
|
|
["on-page-size-change"]: (e) => {
|
|
|
|
["on-page-size-change"]: (e) => {
|
|
|
|
if (this.action) {
|
|
|
|
if (this.action) {
|
|
|
|
@ -526,23 +522,31 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
<el-popover
|
|
|
|
<el-popover
|
|
|
|
placement="top-start"
|
|
|
|
placement="top-start"
|
|
|
|
width="200"
|
|
|
|
width="608"
|
|
|
|
trigger="hover"
|
|
|
|
trigger="hover"
|
|
|
|
scopedSlots={{
|
|
|
|
scopedSlots={{
|
|
|
|
default: () => {
|
|
|
|
default: () => {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<el-checkbox-group v-model={this.checkTable}>
|
|
|
|
<el-transfer vModel={this.checkTable}
|
|
|
|
{this.$props?.tableItem?.map((item, index) => {
|
|
|
|
titles={['未显示字段','显示字段']}
|
|
|
|
return item.type !== "expand" ? (
|
|
|
|
data={this.$props?.tableItem}
|
|
|
|
<el-checkbox label={item.prop} key={item.prop}>
|
|
|
|
props={{
|
|
|
|
{item.label}
|
|
|
|
props: { key: 'prop', label: 'label' }
|
|
|
|
</el-checkbox>
|
|
|
|
}}></el-transfer>
|
|
|
|
) : (
|
|
|
|
)
|
|
|
|
""
|
|
|
|
// return (
|
|
|
|
);
|
|
|
|
// <el-checkbox-group v-model={this.checkTable}>
|
|
|
|
})}
|
|
|
|
// {this.$props?.tableItem?.map((item, index) => {
|
|
|
|
</el-checkbox-group>
|
|
|
|
// return item.type !== "expand" ? (
|
|
|
|
);
|
|
|
|
// <el-checkbox label={item.prop} key={item.prop}>
|
|
|
|
|
|
|
|
// {item.label}
|
|
|
|
|
|
|
|
// </el-checkbox>
|
|
|
|
|
|
|
|
// ) : (
|
|
|
|
|
|
|
|
// ""
|
|
|
|
|
|
|
|
// );
|
|
|
|
|
|
|
|
// })}
|
|
|
|
|
|
|
|
// </el-checkbox-group>
|
|
|
|
|
|
|
|
// );
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -1061,16 +1065,13 @@ export default {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: right;
|
|
|
|
justify-content: right;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
border-bottom-right-radius: 4px;
|
|
|
|
border-bottom-right-radius: 6px;
|
|
|
|
border-bottom-left-radius: 4px;
|
|
|
|
border-bottom-left-radius: 6px;
|
|
|
|
background: rgba(140, 140, 140, 0.6);
|
|
|
|
background: rgba(140, 140, 140, 0.6);
|
|
|
|
|
|
|
|
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
padding: 6px 10px !important;
|
|
|
|
padding: 6px 10px !important;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
top: 0;
|
|
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
::v-deep .ivu-page-item,
|
|
|
|
::v-deep .ivu-page-item,
|
|
|
|
.ivu-page-options {
|
|
|
|
.ivu-page-options {
|
|
|
|
|
