学校考勤统计优化

This commit is contained in:
paidaxing444 2020-09-23 17:59:47 +08:00
parent f362f35779
commit 08588a7324

View File

@ -1,23 +1,26 @@
<template> <template>
<div class="app-container"> <div class="app-container" ref="printMe">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px"> <div class="print no-print">
<el-form-item label="选择月份" prop="month"> <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<el-date-picker <el-form-item label="选择月份" prop="month">
clearable <el-date-picker
size="small" clearable
style="width: 200px" size="small"
v-model="queryParams.month" style="width: 200px"
type="month" v-model="queryParams.month"
value-format="yyyy-MM" type="month"
:default-value="new Date()" value-format="yyyy-MM"
placeholder="选择计划月份" :default-value="new Date()"
></el-date-picker> placeholder="选择计划月份"
</el-form-item> ></el-date-picker>
<el-form-item> </el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-form-item>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
</el-form-item> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form> <el-button type="primary" plain size="mini" icon="el-icon-printer" @click="prints">打印</el-button>
</el-form-item>
</el-form>
</div>
<el-table v-loading="loading" style="width: 100%" border :data="tableData"> <el-table v-loading="loading" style="width: 100%" border :data="tableData">
<template v-for="(item,index) in tableHead"> <template v-for="(item,index) in tableHead">
@ -128,12 +131,49 @@ export default {
}, },
getList() { getList() {
this.loading = true; this.loading = true;
this.tableData = [];
if (this.queryParams.month == "") { if (this.queryParams.month == "") {
this.queryParams.month = this.month; this.queryParams.month = this.month;
} }
listClassCheck(this.queryParams).then((response) => { listClassCheck(this.queryParams).then((response) => {
console.log(response.rows); console.log(response.rows);
this.tableData = response.rows; // this.tableData = response.rows;
response.rows.forEach((res) => {
this.tableData.push({
bjmc: res.bjmc,
day1: res.day1 == "0" ? "" : res.day1 * 100 + "%",
day2: res.day2 == "0" ? "" : res.day2 * 100 + "%",
day3: res.day3 == "0" ? "" : res.day3 * 100 + "%",
day4: res.day4 == "0" ? "" : res.day4 * 100 + "%",
day5: res.day5 == "0" ? "" : res.day5 * 100 + "%",
day6: res.day6 == "0" ? "" : res.day6 * 100 + "%",
day7: res.day7 == "0" ? "" : res.day7 * 100 + "%",
day8: res.day8 == "0" ? "" : res.day8 * 100 + "%",
day9: res.day9 == "0" ? "" : res.day9 * 100 + "%",
day10: res.day10 == "0" ? "" : res.day10 * 100 + "%",
day11: res.day11 == "0" ? "" : res.day11 * 100 + "%",
day12: res.day12 == "0" ? "" : res.day12 * 100 + "%",
day13: res.day13 == "0" ? "" : res.day13 * 100 + "%",
day14: res.day14 == "0" ? "" : res.day14 * 100 + "%",
day15: res.day15 == "0" ? "" : res.day15 * 100 + "%",
day16: res.day16 == "0" ? "" : res.day16 * 100 + "%",
day17: res.day17 == "0" ? "" : res.day17 * 100 + "%",
day18: res.day18 == "0" ? "" : res.day18 * 100 + "%",
day19: res.day19 == "0" ? "" : res.day19 * 100 + "%",
day20: res.day20 == "0" ? "" : res.day20 * 100 + "%",
day21: res.day21 == "0" ? "" : res.day21 * 100 + "%",
day22: res.day22 == "0" ? "" : res.day22 * 100 + "%",
day23: res.day23 == "0" ? "" : res.day23 * 100 + "%",
day24: res.day24 == "0" ? "" : res.day24 * 100 + "%",
day25: res.day25 == "0" ? "" : res.day25 * 100 + "%",
day26: res.day26 == "0" ? "" : res.day26 * 100 + "%",
day27: res.day27 == "0" ? "" : res.day27 * 100 + "%",
day28: res.day28 == "0" ? "" : res.day28 * 100 + "%",
day29: res.day29 == "0" ? "" : res.day29 * 100 + "%",
day30: res.day30 == "0" ? "" : res.day30 * 100 + "%",
day31: res.day31 == "0" ? "" : res.day31 * 100 + "%",
});
});
this.total = response.total; this.total = response.total;
this.loading = false; this.loading = false;
}); });
@ -148,6 +188,11 @@ export default {
this.resetForm("queryForm"); this.resetForm("queryForm");
this.handleQuery(); this.handleQuery();
}, },
//
prints() {
//console.log(this.$refs.printMe);
this.$print(this.$refs.printMe);
},
}, },
}; };
</script> </script>