|
|
@@ -27,7 +27,7 @@
|
|
|
<btns :showImport="true" :showExport="true" :showAdd="$utils.havePurview('evalRules:oneLevel:add')"
|
|
|
:showSave="$utils.havePurview('evalRules:oneLevel:save')"
|
|
|
:showDelete="$utils.havePurview('evalRules:oneLevel:delete')"
|
|
|
- :disSave="changeDateSelect.length === 0 || changeDateSelect.length>1"
|
|
|
+ :disSave="changeDateSelect.length === 0 || changeDateSelect.length > 1"
|
|
|
:disDelete="changeDateSelect.length === 0" @handleAdd="handleAdd" @handleEdit="handleEdit"
|
|
|
@handleDelete="handleDelete" @handleImport="handleImport" @handleExport="handleExport"></btns>
|
|
|
</div>
|
|
|
@@ -47,7 +47,7 @@
|
|
|
<el-table-column label="年份" prop="year" />
|
|
|
<el-table-column label="描述" width="500">
|
|
|
<template #default="scope">
|
|
|
- <span>{{scope.row.des}}</span>
|
|
|
+ <span>{{ scope.row.des }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="创建人" prop="createName" width="120" />
|
|
|
@@ -59,15 +59,15 @@
|
|
|
</el-table-column> -->
|
|
|
</el-table>
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
|
- :current-page="page.currentPage" :page-size="page.pagesize"
|
|
|
- layout="total, prev, pager, next, jumper" :total="page.total">
|
|
|
+ :current-page="page.currentPage" :page-size="page.pagesize" layout="total, prev, pager, next, jumper"
|
|
|
+ :total="page.total">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
<div class="indexRuledialog">
|
|
|
<el-dialog :title="title" v-model="dialogVisible" width="600px" :close-on-click-modal="false">
|
|
|
<div class="periodFrom">
|
|
|
- <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"
|
|
|
- class="demo-ruleForm" :validate-on-rule-change="false">
|
|
|
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"
|
|
|
+ :validate-on-rule-change="false">
|
|
|
<el-form-item label="规则名称" prop="ruleName">
|
|
|
<el-input v-model="ruleForm.ruleName" placeholder="请输入规则名称"></el-input>
|
|
|
</el-form-item>
|
|
|
@@ -117,444 +117,444 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import importDailog from '../importPage/importDailog.vue'
|
|
|
- import ruleDetailPage from './ruleDetailPage.vue'
|
|
|
- import btns from '../elbuttonS.vue'
|
|
|
- import seachs from '../seachGroup.vue'
|
|
|
- import {
|
|
|
- saveAs
|
|
|
- } from 'file-saver'
|
|
|
- import {
|
|
|
- apiGetExportMsg,
|
|
|
- apiGetevaluateRuleList,
|
|
|
- apiGetevaluateRuleSaveList,
|
|
|
- apiGetevaluateRuledeleteList,
|
|
|
- apiGetbinsectionList,
|
|
|
- apiGetbinstageList
|
|
|
- } from '../../api/api'
|
|
|
- export default {
|
|
|
- components: {
|
|
|
- importDailog,
|
|
|
- ruleDetailPage,
|
|
|
- btns,
|
|
|
- seachs
|
|
|
+import importDailog from '../importPage/importDailog.vue'
|
|
|
+import ruleDetailPage from './ruleDetailPage.vue'
|
|
|
+import btns from '../elbuttonS.vue'
|
|
|
+import seachs from '../seachGroup.vue'
|
|
|
+import {
|
|
|
+ saveAs
|
|
|
+} from 'file-saver'
|
|
|
+import {
|
|
|
+ apiGetExportMsg,
|
|
|
+ apiGetevaluateRuleList,
|
|
|
+ apiGetevaluateRuleSaveList,
|
|
|
+ apiGetevaluateRuledeleteList,
|
|
|
+ apiGetbinsectionList,
|
|
|
+ apiGetbinstageList
|
|
|
+} from '../../api/api'
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ importDailog,
|
|
|
+ ruleDetailPage,
|
|
|
+ btns,
|
|
|
+ seachs
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogVisible: false,
|
|
|
+ title: '',
|
|
|
+ isSave: false,
|
|
|
+ changeDateSelect: [],
|
|
|
+ moduleData: [],
|
|
|
+ stageData: [],
|
|
|
+ moduleStr: '',
|
|
|
+ periodIdStr: '',
|
|
|
+ resAnnual: '',
|
|
|
+ evaluationRuleData: [],
|
|
|
+ periodData: [],
|
|
|
+ ruleForm: {
|
|
|
+ ruleName: '',
|
|
|
+ binSection: '',
|
|
|
+ binStage: '',
|
|
|
+ evaluationCycle: '',
|
|
|
+ year: '',
|
|
|
+ desc: ''
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ ruleName: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入规则名称',
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ binSection: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择业务属性',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ binStage: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择业务阶段',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ evaluationCycle: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择考评周期',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ year: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择年份',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ desc: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入描述',
|
|
|
+ trigger: 'blur'
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ page: {
|
|
|
+ pagesize: 12,
|
|
|
+ currentPage: 1,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ evalradio: {},
|
|
|
+ loadingImport: false,
|
|
|
+ winPix: window.devicePixelRatio,
|
|
|
+ innerWidth: window.innerWidth
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.periodData = [{
|
|
|
+ keyValue: 'NDKP',
|
|
|
+ keyName: '年度考评'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ keyValue: 'JDKP',
|
|
|
+ keyName: '月/季度考评'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ this.resAnnual = new Date().getFullYear().toString()
|
|
|
+ this.getEvalRuleData()
|
|
|
+ this.getDataDictionary() //模块//阶段
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 查询指标数据
|
|
|
+ getEvalRuleData() {
|
|
|
+ let that = this
|
|
|
+ let params = {
|
|
|
+ pageNum: that.page.currentPage,
|
|
|
+ pageSize: that.page.pagesize,
|
|
|
+ binSection: that.moduleStr,
|
|
|
+ checkCycle: that.periodIdStr,
|
|
|
+ year: that.resAnnual
|
|
|
+ }
|
|
|
+ apiGetevaluateRuleList(params).then(datas => {
|
|
|
+ if (datas && datas.data) {
|
|
|
+ that.evaluationRuleData = datas.data.records
|
|
|
+ that.page.total = datas.data.total
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
- data() {
|
|
|
- return {
|
|
|
- dialogVisible: false,
|
|
|
- title: '',
|
|
|
- isSave: false,
|
|
|
- changeDateSelect: [],
|
|
|
- moduleData: [],
|
|
|
- stageData: [],
|
|
|
- moduleStr: '',
|
|
|
- periodIdStr: '',
|
|
|
- resAnnual: '',
|
|
|
- evaluationRuleData: [],
|
|
|
- periodData: [],
|
|
|
- ruleForm: {
|
|
|
+ // 查询规则模块和阶段数据
|
|
|
+ getDataDictionary() {
|
|
|
+ let that = this
|
|
|
+ apiGetbinsectionList().then(datas => {
|
|
|
+ if (datas && datas.data) {
|
|
|
+ that.moduleData = datas.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ apiGetbinstageList().then(datas => {
|
|
|
+ if (datas && datas.data) {
|
|
|
+ that.stageData = datas.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleAdd() {
|
|
|
+ this.dialogVisible = true
|
|
|
+ this.isSave = false
|
|
|
+ this.title = '新增考评规则'
|
|
|
+ this.$nextTick(() => {
|
|
|
+ // this.$refs['ruleForm'].resetFields()
|
|
|
+ this.ruleForm = {
|
|
|
ruleName: '',
|
|
|
binSection: '',
|
|
|
binStage: '',
|
|
|
evaluationCycle: '',
|
|
|
year: '',
|
|
|
desc: ''
|
|
|
- },
|
|
|
- rules: {
|
|
|
- ruleName: [{
|
|
|
- required: true,
|
|
|
- message: '请输入规则名称',
|
|
|
- trigger: 'blur'
|
|
|
- }],
|
|
|
- binSection: [{
|
|
|
- required: true,
|
|
|
- message: '请选择业务属性',
|
|
|
- trigger: 'change'
|
|
|
- }],
|
|
|
- binStage: [{
|
|
|
- required: true,
|
|
|
- message: '请选择业务阶段',
|
|
|
- trigger: 'change'
|
|
|
- }],
|
|
|
- evaluationCycle: [{
|
|
|
- required: true,
|
|
|
- message: '请选择考评周期',
|
|
|
- trigger: 'change'
|
|
|
- }],
|
|
|
- year: [{
|
|
|
- required: true,
|
|
|
- message: '请选择年份',
|
|
|
- trigger: 'change'
|
|
|
- }],
|
|
|
- desc: [{
|
|
|
- required: true,
|
|
|
- message: '请输入描述',
|
|
|
- trigger: 'blur'
|
|
|
- }]
|
|
|
- },
|
|
|
- page: {
|
|
|
- pagesize: 12,
|
|
|
- currentPage: 1,
|
|
|
- total: 0
|
|
|
- },
|
|
|
- evalradio: {},
|
|
|
- loadingImport: false,
|
|
|
- winPix: window.devicePixelRatio,
|
|
|
- innerWidth: window.innerWidth
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleEdit() {
|
|
|
+ this.dialogVisible = true
|
|
|
+ this.isSave = true
|
|
|
+ this.title = '修改考评规则'
|
|
|
+ this.evalradio = this.changeDateSelect[0]
|
|
|
+ this.ruleForm = {
|
|
|
+ ruleName: this.evalradio.ruleName,
|
|
|
+ binSection: this.evalradio.binSection,
|
|
|
+ binStage: this.evalradio.binStage,
|
|
|
+ evaluationCycle: this.evalradio.checkCycle,
|
|
|
+ year: this.evalradio.year,
|
|
|
+ desc: this.evalradio.des
|
|
|
}
|
|
|
},
|
|
|
- created() {
|
|
|
- this.periodData = [{
|
|
|
- keyValue: 'NDKP',
|
|
|
- keyName: '年度考评'
|
|
|
- },
|
|
|
- {
|
|
|
- keyValue: 'JDKP',
|
|
|
- keyName: '月/季度考评'
|
|
|
+ saveevaluationRuleMsg(formName) {
|
|
|
+ let that = this
|
|
|
+ that.$refs[formName].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ that.saveAndEditRuleData()
|
|
|
}
|
|
|
- ]
|
|
|
- this.resAnnual = new Date().getFullYear().toString()
|
|
|
- this.getEvalRuleData()
|
|
|
- this.getDataDictionary() //模块//阶段
|
|
|
+ });
|
|
|
},
|
|
|
- methods: {
|
|
|
- // 查询指标数据
|
|
|
- getEvalRuleData() {
|
|
|
- let that = this
|
|
|
- let params = {
|
|
|
- pageNum: that.page.currentPage,
|
|
|
- pageSize: that.page.pagesize,
|
|
|
- binSection: that.moduleStr,
|
|
|
- checkCycle: that.periodIdStr,
|
|
|
- year: that.resAnnual
|
|
|
- }
|
|
|
- apiGetevaluateRuleList(params).then(datas => {
|
|
|
- if (datas && datas.data) {
|
|
|
- that.evaluationRuleData = datas.data.records
|
|
|
- that.page.total = datas.data.total
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 查询规则模块和阶段数据
|
|
|
- getDataDictionary() {
|
|
|
- let that = this
|
|
|
- apiGetbinsectionList().then(datas => {
|
|
|
- if (datas && datas.data) {
|
|
|
- that.moduleData = datas.data
|
|
|
- }
|
|
|
- })
|
|
|
- apiGetbinstageList().then(datas => {
|
|
|
- if (datas && datas.data) {
|
|
|
- that.stageData = datas.data
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- handleAdd() {
|
|
|
- this.dialogVisible = true
|
|
|
- this.isSave = false
|
|
|
- this.title = '新增考评规则'
|
|
|
- this.$nextTick(() => {
|
|
|
- // this.$refs['ruleForm'].resetFields()
|
|
|
- this.ruleForm = {
|
|
|
- ruleName: '',
|
|
|
- binSection: '',
|
|
|
- binStage: '',
|
|
|
- evaluationCycle: '',
|
|
|
- year: '',
|
|
|
- desc: ''
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- handleEdit() {
|
|
|
- this.dialogVisible = true
|
|
|
- this.isSave = true
|
|
|
- this.title = '修改考评规则'
|
|
|
- this.evalradio = this.changeDateSelect[0]
|
|
|
- this.ruleForm = {
|
|
|
- ruleName: this.evalradio.ruleName,
|
|
|
- binSection: this.evalradio.binSection,
|
|
|
- binStage: this.evalradio.binStage,
|
|
|
- evaluationCycle: this.evalradio.checkCycle,
|
|
|
- year: this.evalradio.year,
|
|
|
- desc: this.evalradio.des
|
|
|
- }
|
|
|
- },
|
|
|
- saveevaluationRuleMsg(formName) {
|
|
|
- let that = this
|
|
|
- that.$refs[formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- that.saveAndEditRuleData()
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- //新增/修改指标数据
|
|
|
- saveAndEditRuleData() {
|
|
|
- let that = this
|
|
|
- let userMes = JSON.parse(window.sessionStorage.getItem('user'))
|
|
|
- let params = {
|
|
|
- ruleName: that.ruleForm.ruleName,
|
|
|
- binSection: that.ruleForm.binSection,
|
|
|
- binStage: that.ruleForm.binStage,
|
|
|
- checkCycle: that.ruleForm.evaluationCycle,
|
|
|
- year: that.ruleForm.year,
|
|
|
- des: that.ruleForm.desc,
|
|
|
- createBy: userMes.id,
|
|
|
- createName: userMes.name
|
|
|
- }
|
|
|
- if (that.isSave) {
|
|
|
- params.id = that.evalradio.id
|
|
|
- }
|
|
|
- apiGetevaluateRuleSaveList(params).then(datas => {
|
|
|
- if (!datas.success) {
|
|
|
+ //新增/修改指标数据
|
|
|
+ saveAndEditRuleData() {
|
|
|
+ let that = this
|
|
|
+ let userMes = JSON.parse(window.sessionStorage.getItem('user'))
|
|
|
+ let params = {
|
|
|
+ ruleName: that.ruleForm.ruleName,
|
|
|
+ binSection: that.ruleForm.binSection,
|
|
|
+ binStage: that.ruleForm.binStage,
|
|
|
+ checkCycle: that.ruleForm.evaluationCycle,
|
|
|
+ year: that.ruleForm.year,
|
|
|
+ des: that.ruleForm.desc,
|
|
|
+ createBy: userMes.id,
|
|
|
+ createName: userMes.name
|
|
|
+ }
|
|
|
+ if (that.isSave) {
|
|
|
+ params.id = that.evalradio.id
|
|
|
+ }
|
|
|
+ apiGetevaluateRuleSaveList(params).then(datas => {
|
|
|
+ if (!datas.success) {
|
|
|
+ that.$message({
|
|
|
+ message: datas.message,
|
|
|
+ type: 'error'
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if (!that.isSave) {
|
|
|
that.$message({
|
|
|
- message: datas.message,
|
|
|
- type: 'error'
|
|
|
+ message: '考评规则新增成功',
|
|
|
+ type: 'success'
|
|
|
});
|
|
|
} else {
|
|
|
- if (!that.isSave) {
|
|
|
- that.$message({
|
|
|
- message: '考评规则新增成功',
|
|
|
- type: 'success'
|
|
|
- });
|
|
|
- } else {
|
|
|
- that.$message({
|
|
|
- message: '考评规则修改成功',
|
|
|
- type: 'success'
|
|
|
- });
|
|
|
- }
|
|
|
- that.dialogVisible = false
|
|
|
- that.changeDateSelect = []
|
|
|
- that.getEvalRuleData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //删除指标数据
|
|
|
- handleDelete() {
|
|
|
- this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- let that = this
|
|
|
- let paramsArr = []
|
|
|
- that.changeDateSelect.forEach(it => {
|
|
|
- paramsArr.push(it.id)
|
|
|
- })
|
|
|
- apiGetevaluateRuledeleteList(paramsArr.join(',')).then(datas => {
|
|
|
that.$message({
|
|
|
- type: 'success',
|
|
|
- message: '删除成功!'
|
|
|
+ message: '考评规则修改成功',
|
|
|
+ type: 'success'
|
|
|
});
|
|
|
- that.changeDateSelect = []
|
|
|
- that.getEvalRuleData()
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- rowClick(selection, row) {
|
|
|
- this.changeDateSelect = selection
|
|
|
- },
|
|
|
- getSeachData() {
|
|
|
- this.page.currentPage = 1
|
|
|
- this.getEvalRuleData()
|
|
|
- },
|
|
|
- resetSeach() {
|
|
|
- this.page.currentPage = 1
|
|
|
- this.moduleStr = ''
|
|
|
- this.periodIdStr = ''
|
|
|
- this.resAnnual = ''
|
|
|
- this.getEvalRuleData()
|
|
|
- },
|
|
|
- successImport(val) {
|
|
|
- this.loadingImport = false
|
|
|
- this.getEvalRuleData()
|
|
|
- },
|
|
|
- importLoading(val) {
|
|
|
- this.loadingImport = true
|
|
|
- },
|
|
|
- handleSizeChange(val) {
|
|
|
- this.page.pagesize = val
|
|
|
- this.getEvalRuleData()
|
|
|
- },
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.page.currentPage = val
|
|
|
- this.getEvalRuleData()
|
|
|
- },
|
|
|
- handleImport() {
|
|
|
- this.$refs.importPage.upload.title = "考评规则数据导入"
|
|
|
- this.$refs.importPage.upload.open = true
|
|
|
- this.$refs.importPage.upload.url = `/evaluate-rule/importExcel`
|
|
|
- this.$refs.importPage.upload.showModel = true
|
|
|
- this.$refs.importPage.showModelObj.url = '/evaluate-rule/importTemplate'
|
|
|
- this.$refs.importPage.showModelObj.name = '考评规则配置模板'
|
|
|
- },
|
|
|
- handleExport() {
|
|
|
- let that = this
|
|
|
- let url = 'evaluate-rule/exportExcel'
|
|
|
- let params = {
|
|
|
- binSection: that.moduleStr,
|
|
|
- checkCycle: that.periodIdStr,
|
|
|
- year: that.resAnnual
|
|
|
+ }
|
|
|
+ that.dialogVisible = false
|
|
|
+ that.changeDateSelect = []
|
|
|
+ that.getEvalRuleData()
|
|
|
}
|
|
|
- apiGetExportMsg(url, params).then(datas => {
|
|
|
- let blob = new Blob([datas])
|
|
|
- saveAs(blob, '考评规则数据导出.xlsx')
|
|
|
- }).catch((r) => {
|
|
|
- console.error(r)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //删除指标数据
|
|
|
+ handleDelete() {
|
|
|
+ this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ let that = this
|
|
|
+ let paramsArr = []
|
|
|
+ that.changeDateSelect.forEach(it => {
|
|
|
+ paramsArr.push(it.id)
|
|
|
})
|
|
|
- },
|
|
|
+ apiGetevaluateRuledeleteList(paramsArr.join(',')).then(datas => {
|
|
|
+ that.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '删除成功!'
|
|
|
+ });
|
|
|
+ that.changeDateSelect = []
|
|
|
+ that.getEvalRuleData()
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ rowClick(selection, row) {
|
|
|
+ this.changeDateSelect = selection
|
|
|
+ },
|
|
|
+ getSeachData() {
|
|
|
+ this.page.currentPage = 1
|
|
|
+ this.getEvalRuleData()
|
|
|
+ },
|
|
|
+ resetSeach() {
|
|
|
+ this.page.currentPage = 1
|
|
|
+ this.moduleStr = ''
|
|
|
+ this.periodIdStr = ''
|
|
|
+ this.resAnnual = ''
|
|
|
+ this.getEvalRuleData()
|
|
|
+ },
|
|
|
+ successImport(val) {
|
|
|
+ this.loadingImport = false
|
|
|
+ this.getEvalRuleData()
|
|
|
+ },
|
|
|
+ importLoading(val) {
|
|
|
+ this.loadingImport = true
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.page.pagesize = val
|
|
|
+ this.getEvalRuleData()
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.page.currentPage = val
|
|
|
+ this.getEvalRuleData()
|
|
|
+ },
|
|
|
+ handleImport() {
|
|
|
+ this.$refs.importPage.upload.title = "考评规则数据导入"
|
|
|
+ this.$refs.importPage.upload.open = true
|
|
|
+ this.$refs.importPage.upload.url = `/evaluate-rule/importExcel`
|
|
|
+ this.$refs.importPage.upload.showModel = true
|
|
|
+ this.$refs.importPage.showModelObj.url = '/evaluate-rule/importTemplate'
|
|
|
+ this.$refs.importPage.showModelObj.name = '考评规则配置模板'
|
|
|
+ },
|
|
|
+ handleExport() {
|
|
|
+ let that = this
|
|
|
+ let url = 'evaluate-rule/exportExcel'
|
|
|
+ let params = {
|
|
|
+ binSection: that.moduleStr,
|
|
|
+ checkCycle: that.periodIdStr,
|
|
|
+ year: that.resAnnual
|
|
|
+ }
|
|
|
+ apiGetExportMsg(url, params).then(datas => {
|
|
|
+ let blob = new Blob([datas])
|
|
|
+ saveAs(blob, '考评规则数据导出.xlsx')
|
|
|
+ }).catch((r) => {
|
|
|
+ console.error(r)
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
- //指标项配置
|
|
|
- editRuleDetail(row) {
|
|
|
- this.$refs.ruleDetail.init(row)
|
|
|
- },
|
|
|
- evaluationRuleTableSty() {
|
|
|
- if (this.winPix === 1.25 || this.innerWidth < 1800) {
|
|
|
- return 'evalRule125Table'
|
|
|
- } else {
|
|
|
- return 'evalRule100Table'
|
|
|
- }
|
|
|
+ //指标项配置
|
|
|
+ editRuleDetail(row) {
|
|
|
+ this.$refs.ruleDetail.init(row)
|
|
|
+ },
|
|
|
+ evaluationRuleTableSty() {
|
|
|
+ if (this.winPix === 1.25 || this.innerWidth < 1800) {
|
|
|
+ return 'evalRule125Table'
|
|
|
+ } else {
|
|
|
+ return 'evalRule100Table'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
|
- .evaluationRule {
|
|
|
- .evaluationRuleBtn {
|
|
|
- .collectSeach {
|
|
|
- display: flex;
|
|
|
- padding: 24px 20px;
|
|
|
- border-bottom: 1px solid#D6DBEA;
|
|
|
-
|
|
|
- .exceed {
|
|
|
- display: flex;
|
|
|
-
|
|
|
- .exceedSpan {
|
|
|
- width: 100px;
|
|
|
- height: 12px;
|
|
|
- font-size: 14px;
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- color: #8991B0;
|
|
|
- line-height: 12px;
|
|
|
- margin-top: 14px;
|
|
|
- }
|
|
|
-
|
|
|
- .el-input,
|
|
|
- .el-date-editor {
|
|
|
- line-height: 40px !important;
|
|
|
+.evaluationRule {
|
|
|
+ .evaluationRuleBtn {
|
|
|
+ .collectSeach {
|
|
|
+ display: flex;
|
|
|
+ padding: 24px 20px;
|
|
|
+ border-bottom: 1px solid#D6DBEA;
|
|
|
|
|
|
- .el-input__wrapper {
|
|
|
- height: 40px !important;
|
|
|
- }
|
|
|
+ .exceed {
|
|
|
+ display: flex;
|
|
|
|
|
|
- .el-input__suffix {
|
|
|
- .el-select__caret {
|
|
|
- line-height: 40px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .exceedSpan {
|
|
|
+ width: 100px;
|
|
|
+ height: 12px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #8991B0;
|
|
|
+ line-height: 12px;
|
|
|
+ margin-top: 14px;
|
|
|
}
|
|
|
|
|
|
- .el-select {
|
|
|
- margin-right: 10px;
|
|
|
+ .el-input,
|
|
|
+ .el-date-editor {
|
|
|
+ line-height: 40px !important;
|
|
|
|
|
|
- .el-input__inner {
|
|
|
- height: 30px;
|
|
|
+ .el-input__wrapper {
|
|
|
+ height: 40px !important;
|
|
|
}
|
|
|
|
|
|
.el-input__suffix {
|
|
|
.el-select__caret {
|
|
|
- line-height: 30px;
|
|
|
+ line-height: 40px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- span {
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
+ .el-select {
|
|
|
+ margin-right: 10px;
|
|
|
|
|
|
- .PeriodBtn {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- padding: 20px 0;
|
|
|
+ .el-input__inner {
|
|
|
+ height: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-input__suffix {
|
|
|
+ .el-select__caret {
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .el-button {
|
|
|
- height: 30px;
|
|
|
- // width:100px;
|
|
|
- padding: 0 30px;
|
|
|
+ span {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
|
|
|
- // padding-top: 8px;
|
|
|
- span {
|
|
|
- margin: 0;
|
|
|
- }
|
|
|
+ .PeriodBtn {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ padding: 20px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ height: 30px;
|
|
|
+ // width:100px;
|
|
|
+ padding: 0 30px;
|
|
|
+
|
|
|
+ // padding-top: 8px;
|
|
|
+ span {
|
|
|
+ margin: 0;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .indexRuledialog {
|
|
|
- .el-overlay {
|
|
|
- .el-dialog {
|
|
|
- .el-dialog__body {
|
|
|
- padding: 30px 60px 30px 20px !important;
|
|
|
+ .indexRuledialog {
|
|
|
+ .el-overlay {
|
|
|
+ .el-dialog {
|
|
|
+ .el-dialog__body {
|
|
|
+ padding: 30px 60px 30px 20px !important;
|
|
|
|
|
|
- .periodFrom {
|
|
|
+ .periodFrom {
|
|
|
|
|
|
- .el-select,
|
|
|
- .el-input {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
+ .el-select,
|
|
|
+ .el-input {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
|
|
|
- .el-input {
|
|
|
- height: 30px;
|
|
|
- }
|
|
|
+ .el-input {
|
|
|
+ height: 30px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .evaluationRuleTableData {
|
|
|
- .evalRule125Table {
|
|
|
- .el-table__body-wrapper {
|
|
|
- height: 53vh !important;
|
|
|
- }
|
|
|
+ .evaluationRuleTableData {
|
|
|
+ .evalRule125Table {
|
|
|
+ .el-table__body-wrapper {
|
|
|
+ height: 53vh !important;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .evalRule100Table {
|
|
|
- .el-table__body-wrapper {
|
|
|
- height: 60vh !important;
|
|
|
- }
|
|
|
+ .evalRule100Table {
|
|
|
+ .el-table__body-wrapper {
|
|
|
+ height: 60vh !important;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .el-table {
|
|
|
- .el-input__inner {
|
|
|
- height: 30px !important;
|
|
|
- }
|
|
|
+ .el-table {
|
|
|
+ .el-input__inner {
|
|
|
+ height: 30px !important;
|
|
|
+ }
|
|
|
|
|
|
- .el-radio__label {
|
|
|
- display: none;
|
|
|
- }
|
|
|
+ .el-radio__label {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
|
|
|
- .indicitem {
|
|
|
- color: #409EFF;
|
|
|
- font-size: 12px;
|
|
|
- margin-right: 20px;
|
|
|
- cursor: pointer;
|
|
|
+ .indicitem {
|
|
|
+ color: #409EFF;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-right: 20px;
|
|
|
+ cursor: pointer;
|
|
|
|
|
|
- &:hover {
|
|
|
- text-decoration: underline;
|
|
|
- }
|
|
|
+ &:hover {
|
|
|
+ text-decoration: underline;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .el-pagination {
|
|
|
- margin-top: 20px;
|
|
|
- text-align: end;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
+ .el-pagination {
|
|
|
+ margin-top: 20px;
|
|
|
+ text-align: end;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
+}
|
|
|
</style>
|
songwb