|
|
|
|
@ -33,6 +33,7 @@
|
|
|
|
|
v-if="this.search_date === '2'"
|
|
|
|
|
ref="season"
|
|
|
|
|
@getValue="getValue"
|
|
|
|
|
@get_season_param="get_season_param"
|
|
|
|
|
></Season>
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-if="this.search_date === '3'"
|
|
|
|
|
@ -60,6 +61,19 @@
|
|
|
|
|
ref="companyTable"
|
|
|
|
|
:table_data="table_data"
|
|
|
|
|
></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>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
@ -99,19 +113,39 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
table_data: [],
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
total: 0,
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {},
|
|
|
|
|
created() {
|
|
|
|
|
let get_date = new Date();
|
|
|
|
|
let year = get_date.getFullYear();
|
|
|
|
|
let month = get_date.getMonth() + 1;
|
|
|
|
|
month = month < 10 ? "0" + month : month;
|
|
|
|
|
this.statistics_date = `${year}-${month}`;
|
|
|
|
|
this.date_state = "month";
|
|
|
|
|
this.search();
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.get_time();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
date_select(val) {
|
|
|
|
|
console.log("val", val);
|
|
|
|
|
let get_date = new Date();
|
|
|
|
|
let year = get_date.getFullYear();
|
|
|
|
|
let month = get_date.getMonth() + 1;
|
|
|
|
|
month = month < 10 ? "0" + month : month;
|
|
|
|
|
this.date_state = val;
|
|
|
|
|
if (val === "month") {
|
|
|
|
|
this.search_date = "1";
|
|
|
|
|
this.month_date = `${year}-${month}`;
|
|
|
|
|
} else if (val === "season") {
|
|
|
|
|
this.search_date = "2";
|
|
|
|
|
} else if (val === "year") {
|
|
|
|
|
this.search_date = "3";
|
|
|
|
|
this.year_date = `${year}`;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
@ -125,29 +159,52 @@ export default {
|
|
|
|
|
console.log("val123", val);
|
|
|
|
|
this.statistics_date = val.date; // 查询statisticsDate赋值
|
|
|
|
|
},
|
|
|
|
|
get_season_param(val) {
|
|
|
|
|
this.statistics_date = val;
|
|
|
|
|
},
|
|
|
|
|
year_change(val) {
|
|
|
|
|
// 日历年度选择
|
|
|
|
|
console.log("year", val);
|
|
|
|
|
this.statistics_date = val; // 查询statisticsDate赋值
|
|
|
|
|
},
|
|
|
|
|
get_time() {
|
|
|
|
|
let get_date = new Date();
|
|
|
|
|
let year = get_date.getFullYear();
|
|
|
|
|
let month = get_date.getMonth() + 1;
|
|
|
|
|
month = month < 10 ? "0" + month : month;
|
|
|
|
|
this.month_date = `${year}-${month}`;
|
|
|
|
|
},
|
|
|
|
|
search() {
|
|
|
|
|
const params = {
|
|
|
|
|
scoreType: this.date_state,
|
|
|
|
|
statisticsDate: this.statistics_date,
|
|
|
|
|
companyParamName: this.search_company,
|
|
|
|
|
levelIndex: "1",
|
|
|
|
|
pageNum: this.pageNum,
|
|
|
|
|
pageSize: this.pageSize,
|
|
|
|
|
};
|
|
|
|
|
getSafeCompany(params)
|
|
|
|
|
.then((res) => {
|
|
|
|
|
console.log("res", res);
|
|
|
|
|
this.table_data = res.rows;
|
|
|
|
|
this.$message.success("企业查询成功");
|
|
|
|
|
this.total = res.total;
|
|
|
|
|
// this.$message.success("企业查询成功");
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err);
|
|
|
|
|
this.$message.warning("企业查询失败");
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
handleSizeChange(val) {
|
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
|
this.pageNum = 1;
|
|
|
|
|
this.pageSize = val;
|
|
|
|
|
this.search();
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
|
this.pageNum = val;
|
|
|
|
|
this.search();
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
@ -176,21 +233,23 @@ export default {
|
|
|
|
|
.search_top {
|
|
|
|
|
width: 85.2vw;
|
|
|
|
|
height: 4.3vh;
|
|
|
|
|
border: 0.1px solid #4d8f89;
|
|
|
|
|
// border: 0.1px solid #4d8f89;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
.select_left {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
width: 22vw;
|
|
|
|
|
width: 21vw;
|
|
|
|
|
}
|
|
|
|
|
.search_right {
|
|
|
|
|
display: flex;
|
|
|
|
|
.el-button {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
height: 4vh;
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
background: rgba(0, 0, 0, 0);
|
|
|
|
|
border: 0.1px solid #495e70;
|
|
|
|
|
}
|
|
|
|
|
.el-button:hover {
|
|
|
|
|
background: #4d8f89;
|
|
|
|
|
@ -205,16 +264,24 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-input--suffix .el-input__inner {
|
|
|
|
|
color: #fff;
|
|
|
|
|
border: 0.1px solid #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 {
|
|
|
|
|
color: #fff;
|
|
|
|
|
border: 0.1px solid #fff;
|
|
|
|
|
border: 0.1px solid #495e70;
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
background: rgba(0, 0, 0, 0);
|
|
|
|
|
width: 10vw;
|
|
|
|
|
@ -222,4 +289,55 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.table_pagination {
|
|
|
|
|
width: 64vw;
|
|
|
|
|
height: 5vh;
|
|
|
|
|
/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-left: 70%;
|
|
|
|
|
margin-top: 2vh;
|
|
|
|
|
.el-pagination__total {
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.el-input__inner {
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
background: #3c4b4a;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.btn-prev {
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
background: #3c4b4a;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
ul {
|
|
|
|
|
li {
|
|
|
|
|
background: #3c4b4a;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.btn-next {
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
background: #3c4b4a;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.el-pager {
|
|
|
|
|
li {
|
|
|
|
|
background: #3c4b4a !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
