学校考勤统计优化
This commit is contained in:
parent
f362f35779
commit
08588a7324
@ -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>
|
Loading…
x
Reference in New Issue
Block a user