| | |
| | | <template> |
| | | <div style="padding: 0px 10px"> |
| | | <div style="padding: 0px 10px" > |
| | | <div> |
| | | <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" |
| | | style="margin-bottom: 10px"> |
| | |
| | | </el-card> |
| | | </div> |
| | | |
| | | <div style="margin-top: 35px"> |
| | | <el-table :data="tableData" style="width: 100%" v-loading="loading"> |
| | | <div style="margin-top: 35px;margin-bottom: 35px"> |
| | | <el-table :data="tableData" style="width: 100%" v-loading="tableLoading"> |
| | | <el-table-column label="考核时间" prop="createTime" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="考核对象" prop="deptId" align="center"> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="small" type="text" v-show="scope.row.publish != 1">确认发布</el-button> |
| | | <el-button size="small" type="text" v-show="scope.row.publish == 1">取消发布</el-button> |
| | | <el-button size="mini" type="text" icon="el-icon-view" |
| | | @click="handleDetail(scope.row, scope.index)">详细</el-button> |
| | | <el-button size="small" type="text" v-show="scope.row.publish != 1">确认发布</el-button> |
| | | <el-button size="small" type="text" v-show="scope.row.publish == 1">取消发布</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-view" |
| | | @click="handleDetail(scope.row.id)" |
| | | >详细</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | |
| | | <div style="text-align: right; margin-top: 10px"> |
| | | <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
| | | :current-page="queryParams.pageNum" :page-sizes="[10, 20, 50]" :page-size="queryParams.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" :total="tableData.length"> |
| | | </el-pagination> |
| | | <pagination |
| | | v-show="total>0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { listScore, getScore, delScore, addScore, updateScore, publishScore } from "@/api/platform/check-score"; |
| | | import { listScore, getScore, delScore, addScore, updateScore, publishScore,detailScore } from "@/api/platform/check-score"; |
| | | import { areaSelect } from '@/api/system/dept'; |
| | | import { mapState } from 'vuex'; |
| | | import * as echarts from 'echarts'; |
| | | let lineChart = null; |
| | | let observer = null; |
| | |
| | | areaList: [], |
| | | date: '', |
| | | dateRange: '', |
| | | // 总条数 |
| | | total: 0, |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | deptId: null, |
| | | examinTag:0 |
| | | examineTag:0 |
| | | }, |
| | | tableData: [], |
| | | loading: false, |
| | |
| | | this.date = year + '-' + month; |
| | | this.queryParams.date = this.date; |
| | | this.areaSelect(); |
| | | this.getChart(this.$route.query.index) |
| | | this.getList(this.$route.query.index); |
| | | }, |
| | | computed: { |
| | | |
| | |
| | | /** 导航切换 */ |
| | | handleSelect(key) { |
| | | this.activeIndex = key; |
| | | this.queryParams.examinTag = key; |
| | | this.queryParams.examineTag = key; |
| | | this.getChart(this.queryParams.deptId); |
| | | this.getList(this.queryParams.deptId); |
| | | }, |
| | | /** 查询考核模板列表 */ |
| | | getList(deptId) { |
| | | getChart(deptId) { |
| | | this.loading = true; |
| | | lineChart.showLoading(); |
| | | listScore(this.queryParams).then(response => { |
| | | this.tableData = response.data[deptId]; |
| | | this.loading = false; |
| | | this.initChart(response.data[deptId]); |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | /** 查询考核模板列表 */ |
| | | getList() { |
| | | this.tableLoading = true; |
| | | detailScore(this.queryParams).then(response => { |
| | | this.tableData = response.rows; |
| | | this.total = response.total; |
| | | this.tableLoading = false; |
| | | }); |
| | | }, |
| | | handleSizeChange(val) { |
| | |
| | | handleCurrentChange(val) { |
| | | console.log(`当前页: ${val}`); |
| | | }, |
| | | handleDetail(index, row) { |
| | | console.log(index, row); |
| | | this.$router.push("/examine/detail/detail") |
| | | handleDetail(id) { |
| | | this.$router.push({ |
| | | path: '/examine/detail/detail', |
| | | query: { |
| | | id: id, |
| | | } |
| | | }) |
| | | }, |
| | | handleDelete(index, row) { |
| | | console.log(index, row); |
| | |
| | | data: dataList.map((item) => item[0]), |
| | | }, |
| | | yAxis: { |
| | | min: 90, |
| | | |
| | | }, |
| | | series: [ |
| | | { |
| | |
| | | dateChange() { |
| | | this.queryParams.date = this.date; |
| | | console.log(this.queryParams); |
| | | this.getList(this.queryParams.deptId); |
| | | this.getChart(this.queryParams.deptId); |
| | | } |
| | | |
| | | }, |
| | | mounted() { |
| | | lineChart = echarts.init(this.$refs.chartContent); |
| | | this.getList(this.$route.query.index); |
| | | this.getChart(this.$route.query.index); |
| | | this.observe(); |
| | | }, |
| | | beforeDestroy() { |