| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div style="padding: 0px 10px"> |
| | | <div > |
| | | <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" |
| | | > |
| | | <el-menu-item index="0">省厅考核</el-menu-item> |
| | | <el-menu-item index="1">区县考核</el-menu-item> |
| | | </el-menu> |
| | | </div> |
| | | <el-container> |
| | | <el-main> |
| | | <h2>考核规则</h2> |
| | |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleRuleUpdate(item)" |
| | | v-hasPermi="['check:template:edit']" |
| | | >修改 |
| | | </el-button> |
| | | </div> |
| | |
| | | icon="el-icon-download" |
| | | size="mini" |
| | | @click="handleExport" |
| | | v-hasPermi="['check:result:detail:export']" |
| | | >导出 |
| | | </el-button> |
| | | </el-col> |
| | |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | > |
| | | <el-form-item label="考核日期" prop="name"> |
| | | <!-- <el-form-item label="考核月度" prop="name">--> |
| | | <!-- <el-date-picker--> |
| | | <!-- v-model="queryParams.date"--> |
| | | <!-- format="yyyy-MM"--> |
| | | <!-- value-format="yyyy-MM"--> |
| | | <!-- type="month"--> |
| | | <!-- placeholder="选择日期"--> |
| | | <!-- @change="dateChange"--> |
| | | <!-- >--> |
| | | <!-- </el-date-picker>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="考核时间"> |
| | | <el-date-picker |
| | | v-model="date" |
| | | :clearable="false" |
| | | v-model="queryParams.quarter" |
| | | type="monthrange" |
| | | format="yyyy-MM" |
| | | value-format="yyyy-MM" |
| | | type="month" |
| | | placeholder="选择日期" |
| | | @change="dateChange" |
| | | > |
| | | unlink-panels |
| | | range-separator="至" |
| | | start-placeholder="开始月份" |
| | | end-placeholder="结束月份" |
| | | @change="quarterChange" |
| | | :picker-options="pickerOptions"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | <span>{{ translateDeptId(scope.row.dept_id) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="考核标签" |
| | | align="center" |
| | | prop="dept_id" |
| | | width="120px" |
| | | fixed |
| | | > |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.examine_tag === 0 ? '省厅考核' : '区县考核' }} |
| | | </template> |
| | | </el-table-column> |
| | | <template v-for="item in tableData"> |
| | | <el-table-column |
| | | :key="item.ruleName" |
| | |
| | | width="180px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row[item.ruleIndex] }}</span> |
| | | <span>{{ (scope.row[item.ruleIndex] * 100).toFixed(2) + '%'}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </template> |
| | |
| | | dicts: ["platform_audit_state"], |
| | | data() { |
| | | return { |
| | | pickerOptions: { |
| | | shortcuts: [{ |
| | | text: '第一季度', |
| | | onClick(picker) { |
| | | picker.$emit('pick', [new Date(new Date().getFullYear() + "-01"), new Date(new Date().getFullYear() + "-03")]); |
| | | } |
| | | }, |
| | | { |
| | | text: '第二季度', |
| | | onClick(picker) { |
| | | picker.$emit('pick', [new Date(new Date().getFullYear() + "-04"), new Date(new Date().getFullYear() + "-06")]); |
| | | } |
| | | }, |
| | | { |
| | | text: '第三季度', |
| | | onClick(picker) { |
| | | picker.$emit('pick', [new Date(new Date().getFullYear() + "-07"), new Date(new Date().getFullYear() + "-09")]) |
| | | } |
| | | }, |
| | | { |
| | | text: '第四季度', |
| | | onClick(picker) { |
| | | picker.$emit('pick', [new Date(new Date().getFullYear() + "-10"), new Date(new Date().getFullYear() + "-12")]) |
| | | } |
| | | }] |
| | | }, |
| | | id: null, |
| | | examineCategory: null, |
| | | date: "", |
| | |
| | | queryParams: { |
| | | id: null, |
| | | date: null, |
| | | quarter: null, |
| | | examineTag: null, |
| | | deptId: null |
| | | }, |
| | | // 表单校验 |
| | | rules: {}, |
| | |
| | | if (this.$route.query.id) { |
| | | this.queryParams.id = this.$route.query.id; |
| | | } |
| | | if(this.$route.query.deptId){ |
| | | this.queryParams.deptId = this.$route.query.deptId; |
| | | } |
| | | let examineTag = this.$route.query.examineTag; |
| | | this.activeIndex = examineTag; |
| | | this.queryParams.examineTag = examineTag; |
| | | // 考核积分列表 |
| | | this.getList(); |
| | | this.areaSelect(); |
| | |
| | | } |
| | | }, |
| | | dateChange() { |
| | | this.queryParams.date = this.date; |
| | | console.log(this.queryParams); |
| | | this.queryParams.quarter = null; |
| | | this.getList(); |
| | | }, |
| | | quarterChange() { |
| | | this.queryParams.date = null; |
| | | this.getList(); |
| | | }, |
| | | /** 搜索按钮操作 */ |
| | |
| | | this.indexOpen = true; |
| | | this.title = "修改考核指标"; |
| | | }, |
| | | /** 导航切换 */ |
| | | handleSelect(key) { |
| | | this.activeIndex = key; |
| | | this.queryParams.examineTag = key; |
| | | // 考核积分列表 |
| | | this.getList(); |
| | | |
| | | |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleRuleUpdate(row) { |
| | | this.reset("ruleForm"); |
| | |
| | | /** 导出按钮操作 */ |
| | | handleExport() { |
| | | this.download( |
| | | "/check/score/export", |
| | | "/check/score/detailExport", |
| | | { |
| | | ...this.queryParams, |
| | | }, |
| | | `考核指标_${new Date().getTime()}.xlsx` |
| | | ); |
| | | }, |
| | | handleSelect(key, keyPath) { |
| | | console.log(key, keyPath); |
| | | }, |
| | | }, |
| | | }; |