|
|
|
|
@ -63,19 +63,15 @@
|
|
|
|
|
:table_data="table_data"
|
|
|
|
|
:jump_params="jump_params"
|
|
|
|
|
></CompanyTable>
|
|
|
|
|
<div class="table_pagination">
|
|
|
|
|
<el-pagination
|
|
|
|
|
:background="true"
|
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
|
:page-sizes="[5, 10]"
|
|
|
|
|
:page-size="pageSize"
|
|
|
|
|
:current-page="pageNum"
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
:total="total"
|
|
|
|
|
>
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
<lkyPagination
|
|
|
|
|
:page_sizes="page_sizes"
|
|
|
|
|
:pageSize="pageSize"
|
|
|
|
|
:pageNum="pageNum"
|
|
|
|
|
:total="total"
|
|
|
|
|
:pagination_width="pagination_width"
|
|
|
|
|
@size_change="size_change"
|
|
|
|
|
@num_change="num_change"
|
|
|
|
|
></lkyPagination>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
@ -117,9 +113,11 @@ export default {
|
|
|
|
|
jump_params: {}, // 跳转时携带入参
|
|
|
|
|
show_value: "",
|
|
|
|
|
table_data: [],
|
|
|
|
|
page_sizes: [5, 10],
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
total: 0,
|
|
|
|
|
total: 16,
|
|
|
|
|
pagination_width: "85.2",
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
@ -211,14 +209,14 @@ export default {
|
|
|
|
|
this.$message.warning("企业查询失败");
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
handleSizeChange(val) {
|
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
|
// 分页--每页多少条
|
|
|
|
|
size_change(val) {
|
|
|
|
|
this.pageNum = 1;
|
|
|
|
|
this.pageSize = val;
|
|
|
|
|
this.search();
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
|
// 分页--前往哪一页
|
|
|
|
|
num_change(val) {
|
|
|
|
|
this.pageNum = val;
|
|
|
|
|
this.search();
|
|
|
|
|
},
|
|
|
|
|
@ -229,7 +227,8 @@ export default {
|
|
|
|
|
/* card统一样式 */
|
|
|
|
|
.el-card.box-card.is-always-shadow {
|
|
|
|
|
border: 0px;
|
|
|
|
|
height: 88vh; /* 控制card布局高度,用于适配 */
|
|
|
|
|
/* 控制card布局高度,用于适配 */
|
|
|
|
|
height: calc(100vh - 120px);
|
|
|
|
|
position: relative;
|
|
|
|
|
background: url("~@/assets/companyFile/22136.png") no-repeat !important;
|
|
|
|
|
background-size: 100% 100% !important;
|
|
|
|
|
@ -274,98 +273,38 @@ export default {
|
|
|
|
|
background: #4d8f89;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.table_body {
|
|
|
|
|
width: 85.2vw;
|
|
|
|
|
height: 68vh;
|
|
|
|
|
margin-top: 3vh;
|
|
|
|
|
// border: 0.1px solid #4d8f89;
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-input--suffix .el-input__inner {
|
|
|
|
|
color: #fff;
|
|
|
|
|
border: 0.1px solid #34a6a6;
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
background: rgba(0, 0, 0, 0);
|
|
|
|
|
width: 10vw;
|
|
|
|
|
height: 4vh;
|
|
|
|
|
}
|
|
|
|
|
/deep/ .el-input.el-input--prefix {
|
|
|
|
|
width: 10vw;
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-input__icon {
|
|
|
|
|
color: #fff;
|
|
|
|
|
line-height: 4vh;
|
|
|
|
|
height: 4vh;
|
|
|
|
|
}
|
|
|
|
|
/deep/ .search_right_input.el-input {
|
|
|
|
|
.el-input__inner {
|
|
|
|
|
/deep/.el-input--suffix .el-input__inner {
|
|
|
|
|
color: #fff;
|
|
|
|
|
border: 0.1px solid #495e70;
|
|
|
|
|
border: 0.1px solid #34a6a6;
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
background: rgba(0, 0, 0, 0);
|
|
|
|
|
width: 16vw;
|
|
|
|
|
width: 10vw;
|
|
|
|
|
height: 4vh;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.table_pagination {
|
|
|
|
|
width: 85.2vw;
|
|
|
|
|
height: 5vh;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row-reverse;
|
|
|
|
|
/deep/.el-input--suffix .el-input__inner {
|
|
|
|
|
color: #fff;
|
|
|
|
|
border: 0.1px solid #34a6a6;
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
background: rgba(0, 0, 0, 0);
|
|
|
|
|
width: 5vw;
|
|
|
|
|
height: 2.6vh;
|
|
|
|
|
line-height: 2.6vh;
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-input__icon {
|
|
|
|
|
color: #fff;
|
|
|
|
|
line-height: 2.6vh;
|
|
|
|
|
height: 2.6vh;
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-pagination {
|
|
|
|
|
margin-top: 1vh;
|
|
|
|
|
.el-pagination__total {
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.el-input__inner {
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
border: 0.1px solid #28847e;
|
|
|
|
|
background: #3c4b4a;
|
|
|
|
|
color: #fff;
|
|
|
|
|
/deep/ .el-input.el-input--prefix {
|
|
|
|
|
width: 10vw;
|
|
|
|
|
}
|
|
|
|
|
.btn-prev {
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
border: 0.1px solid #28847e;
|
|
|
|
|
background: #3c4b4a;
|
|
|
|
|
/deep/.el-input__icon {
|
|
|
|
|
color: #fff;
|
|
|
|
|
line-height: 4vh;
|
|
|
|
|
height: 4vh;
|
|
|
|
|
}
|
|
|
|
|
ul {
|
|
|
|
|
li {
|
|
|
|
|
border: 0.1px solid #28847e;
|
|
|
|
|
background: #3c4b4a;
|
|
|
|
|
/deep/ .search_right_input.el-input {
|
|
|
|
|
.el-input__inner {
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.btn-next {
|
|
|
|
|
border: 0.1px solid #28847e;
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
background: #3c4b4a;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.el-pager {
|
|
|
|
|
li {
|
|
|
|
|
border: 0.1px solid #28847e;
|
|
|
|
|
background: #3c4b4a !important;
|
|
|
|
|
border: 0.1px solid #495e70;
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
background: rgba(0, 0, 0, 0);
|
|
|
|
|
width: 16vw;
|
|
|
|
|
height: 4vh;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
|
|
|
|
|
border: 2px solid #76eae4;
|
|
|
|
|
.table_body {
|
|
|
|
|
width: 85.2vw;
|
|
|
|
|
height: 68vh;
|
|
|
|
|
margin-top: 3vh;
|
|
|
|
|
// border: 0.1px solid #4d8f89;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
