|
|
@@ -47,7 +47,8 @@
|
|
|
</el-row>
|
|
|
<div class="btnASeach">
|
|
|
<div class="seachFor" v-if="ispersonDept === 'true'">
|
|
|
- <el-input v-model="compNameSa" placeholder="请输入部门名称" @keyup.enter="getDetails(rowMsg.id)"></el-input>
|
|
|
+ <el-input v-model="compNameSa" placeholder="请输入部门名称" @keyup.enter="getDetails(rowMsg.id)">
|
|
|
+ </el-input>
|
|
|
</div>
|
|
|
<div class="detaTableBtns">
|
|
|
<div class="tableBtn save" @click="saveDetail" v-if="isShowFn(receiptMsg.stage)">
|
|
|
@@ -66,19 +67,17 @@
|
|
|
</div>
|
|
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
|
|
<el-tab-pane label="考评指标项内容" name="first">
|
|
|
- <el-table :data="quantifiedList.slice((pageLeft.currentPage-1)*pageLeft.pagesize, pageLeft.currentPage*pageLeft.pagesize)"
|
|
|
- style="width: 100%" @select="rowClick" @select-all="rowClick" :row-class-name="tableRowClassName">
|
|
|
+ <el-table
|
|
|
+ :data="quantifiedList.slice((pageLeft.currentPage-1)*pageLeft.pagesize, pageLeft.currentPage*pageLeft.pagesize)"
|
|
|
+ style="width: 100%" @select="rowClick" @select-all="rowClick"
|
|
|
+ :row-class-name="tableRowClassName">
|
|
|
<el-table-column label="序号" type="index" width="80" />
|
|
|
<el-table-column label="部门名称" prop="deptName" width="260">
|
|
|
<template #default="scope">
|
|
|
<el-select v-model="scope.row.deptName" :disabled="receiptMsg.stage === '流程已结束'"
|
|
|
- placeholder="请选择所属部门" v-if="scope.row.showInput">
|
|
|
- <el-option
|
|
|
- v-for="item in departData"
|
|
|
- :key="item.id"
|
|
|
- :label="item.keyName"
|
|
|
- :value="item.id"
|
|
|
- >
|
|
|
+ placeholder="请选择所属部门" v-if="scope.row.showInput">
|
|
|
+ <el-option v-for="item in departData" :key="item.id" :label="item.keyName"
|
|
|
+ :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
<span v-else>{{scope.row.deptName}}</span>
|
|
|
@@ -90,41 +89,36 @@
|
|
|
<el-table-column label="基础分" width="150" prop="baseScore" />
|
|
|
<el-table-column label="完成情况" width="300">
|
|
|
<template #default="scope">
|
|
|
- <el-input v-model="scope.row.completionStatus" :disabled="receiptMsg.stage === '流程已结束'"
|
|
|
- type="textarea" :rows="2" placeholder="请输入完成情况"></el-input>
|
|
|
+ <el-input v-model="scope.row.completionStatus"
|
|
|
+ :disabled="receiptMsg.stage === '流程已结束'" type="textarea" :rows="2"
|
|
|
+ placeholder="请输入完成情况"></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="评价标准" prop="evaluationCriteria" width="200" />
|
|
|
<el-table-column label="自评得分" width="150">
|
|
|
<template #default="scope">
|
|
|
- <el-input-number v-model="scope.row.evaluationScore" :disabled="receiptMsg.stage === '流程已结束'"
|
|
|
- :precision="2" :step="0.1" :min="0" />
|
|
|
+ <el-input-number v-model="scope.row.evaluationScore"
|
|
|
+ :disabled="receiptMsg.stage === '流程已结束'" :precision="2" :step="0.1" :min="0" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="审核状态" width="200" >
|
|
|
+ <el-table-column label="审核状态" width="200">
|
|
|
<template #default="scope">
|
|
|
- <el-select v-model="scope.row.auditStatusKp" placeholder="请选择审核状态" :disabled="receiptMsg.stage === '流程已结束'">
|
|
|
- <el-option
|
|
|
- v-for="item in statusData"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- >
|
|
|
+ <el-select v-model="scope.row.auditStatusKp" placeholder="请选择审核状态"
|
|
|
+ :disabled="receiptMsg.stage === '流程已结束'">
|
|
|
+ <el-option v-for="item in statusData" :key="item.id" :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <el-pagination
|
|
|
- @current-change="handleCurrentChangeLeft"
|
|
|
- :current-page="pageLeft.currentPage"
|
|
|
- :page-size="pageLeft.pagesize"
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
+ <el-pagination @current-change="handleCurrentChangeLeft" :current-page="pageLeft.currentPage"
|
|
|
+ :page-size="pageLeft.pagesize" layout="total, prev, pager, next, jumper"
|
|
|
:total="pageLeft.total">
|
|
|
</el-pagination>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<template #footer>
|
|
|
<span class="dialog-footer">
|
|
|
@@ -137,419 +131,504 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import importDailog from '../importPage/importDailog.vue'
|
|
|
-import {apiGetevaluationdeptplanDetail,apiGetevaluationdeptplanUpdate, apiPostIsdoAction} from '../../api/api'
|
|
|
-import ExcelJS from 'exceljs'
|
|
|
-import fileSave from 'file-saver'
|
|
|
-import addIcon from '../../assets/btnIcon/add.png'
|
|
|
-import saveIcon from '../../assets/btnIcon/save.png'
|
|
|
-import editIcon from '../../assets/btnIcon/edit.png'
|
|
|
-import deleteIcon from '../../assets/btnIcon/delete.png'
|
|
|
-import exportIcon from '../../assets/btnIcon/export.png'
|
|
|
-import importIcon from '../../assets/btnIcon/import.png'
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- importDailog
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- dialogVisible: false,
|
|
|
- activeName: 'first',
|
|
|
- quantifiedList: [],
|
|
|
- changeDateSelect: [],
|
|
|
- receiptMsg: {
|
|
|
- code: '',
|
|
|
- des: '',
|
|
|
- stage: '',
|
|
|
- createName: '',
|
|
|
- createDate: '',
|
|
|
- type: '',
|
|
|
- year: '',
|
|
|
- recStage: ''
|
|
|
+ import importDailog from '../importPage/importDailog.vue'
|
|
|
+ import {
|
|
|
+ apiGetevaluationdeptplanDetail,
|
|
|
+ apiGetevaluationdeptplanUpdate,
|
|
|
+ apiPostIsdoAction
|
|
|
+ } from '../../api/api'
|
|
|
+ import ExcelJS from 'exceljs'
|
|
|
+ import fileSave from 'file-saver'
|
|
|
+ import addIcon from '../../assets/btnIcon/add.png'
|
|
|
+ import saveIcon from '../../assets/btnIcon/save.png'
|
|
|
+ import editIcon from '../../assets/btnIcon/edit.png'
|
|
|
+ import deleteIcon from '../../assets/btnIcon/delete.png'
|
|
|
+ import exportIcon from '../../assets/btnIcon/export.png'
|
|
|
+ import importIcon from '../../assets/btnIcon/import.png'
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ importDailog
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogVisible: false,
|
|
|
+ activeName: 'first',
|
|
|
+ quantifiedList: [],
|
|
|
+ changeDateSelect: [],
|
|
|
+ receiptMsg: {
|
|
|
+ code: '',
|
|
|
+ des: '',
|
|
|
+ stage: '',
|
|
|
+ createName: '',
|
|
|
+ createDate: '',
|
|
|
+ type: '',
|
|
|
+ year: '',
|
|
|
+ recStage: ''
|
|
|
+ },
|
|
|
+ addIcon: addIcon,
|
|
|
+ saveIcon: saveIcon,
|
|
|
+ editIcon: editIcon,
|
|
|
+ deleteIcon: deleteIcon,
|
|
|
+ exportIcon: exportIcon,
|
|
|
+ importIcon: importIcon,
|
|
|
+ rowMsg: {},
|
|
|
+ orgruleData: [],
|
|
|
+ indicItemoptions: [],
|
|
|
+ sectionNameArr: [],
|
|
|
+ deptNameArr: [],
|
|
|
+ statusData: [],
|
|
|
+ pageLeft: {
|
|
|
+ pagesize: 15,
|
|
|
+ currentPage: 1,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ pageRight: {
|
|
|
+ pagesize: 15,
|
|
|
+ currentPage: 1,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ departData: [],
|
|
|
+ userMes: {},
|
|
|
+ ispersonDept: window.sessionStorage.getItem('ispersonDept'),
|
|
|
+ compNameSa: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.statusData = [{
|
|
|
+ name: '已通过',
|
|
|
+ id: '0'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '待审核',
|
|
|
+ id: '-1'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '未通过',
|
|
|
+ id: '-2'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init(row, deptData) {
|
|
|
+ this.dialogVisible = true
|
|
|
+ this.activeName = 'first'
|
|
|
+ this.userMes = JSON.parse(window.sessionStorage.getItem('user'))
|
|
|
+ this.receiptMsg = {
|
|
|
+ code: row.responsibilityCode,
|
|
|
+ des: row.des,
|
|
|
+ stage: row.stage,
|
|
|
+ createName: row.createName,
|
|
|
+ createDate: row.createTime,
|
|
|
+ type: row.checkCycle === 'YDKP' ? '月度考评' : row.checkCycle === 'JDKP' ? '季度考评' : '年度考评',
|
|
|
+ year: row.appraisalYear,
|
|
|
+ recStage: '有效'
|
|
|
+ }
|
|
|
+ this.getDetails(row.id)
|
|
|
+ this.rowMsg = row
|
|
|
+
|
|
|
},
|
|
|
- addIcon: addIcon,
|
|
|
- saveIcon: saveIcon,
|
|
|
- editIcon: editIcon,
|
|
|
- deleteIcon: deleteIcon,
|
|
|
- exportIcon: exportIcon,
|
|
|
- importIcon: importIcon,
|
|
|
- rowMsg: {},
|
|
|
- orgruleData: [],
|
|
|
- indicItemoptions: [],
|
|
|
- sectionNameArr: [],
|
|
|
- deptNameArr: [],
|
|
|
- statusData: [],
|
|
|
- pageLeft:{
|
|
|
- pagesize: 15,
|
|
|
- currentPage: 1,
|
|
|
- total: 0
|
|
|
+ // 判断保存 导入按钮展示权限
|
|
|
+ isShowFn(val) {
|
|
|
+ let show = true
|
|
|
+ if (val !== '流程未启动') {
|
|
|
+ show = false
|
|
|
+ }
|
|
|
+ return show
|
|
|
},
|
|
|
- pageRight:{
|
|
|
- pagesize: 15,
|
|
|
- currentPage: 1,
|
|
|
- total: 0
|
|
|
+ handleClick() {
|
|
|
+ this.changeDateSelect = []
|
|
|
},
|
|
|
- departData: [],
|
|
|
- userMes: {},
|
|
|
- ispersonDept: window.sessionStorage.getItem('ispersonDept'),
|
|
|
- compNameSa: ''
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.statusData = [
|
|
|
- {
|
|
|
- name: '已通过',
|
|
|
- id: '0'
|
|
|
+ tableRowClassName(row, rowIndex) {
|
|
|
+ if (row.row.auditStatusKp === '-1') {
|
|
|
+ return 'warning-row'
|
|
|
+ } else if (row.row.auditStatusKp === '0') {
|
|
|
+ return 'success-row'
|
|
|
+ } else {
|
|
|
+ return 'error-row'
|
|
|
+ }
|
|
|
},
|
|
|
- {
|
|
|
- name: '待审核',
|
|
|
- id: '-1'
|
|
|
+ rowClick(selection, row) {
|
|
|
+ this.changeDateSelect = selection
|
|
|
},
|
|
|
- {
|
|
|
- name: '未通过',
|
|
|
- id: '-2'
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- methods: {
|
|
|
- init(row, deptData) {
|
|
|
- this.dialogVisible = true
|
|
|
- this.activeName = 'first'
|
|
|
- this.userMes = JSON.parse(window.sessionStorage.getItem('user'))
|
|
|
- this.receiptMsg = {
|
|
|
- code: row.responsibilityCode,
|
|
|
- des: row.des,
|
|
|
- stage: row.stage,
|
|
|
- createName: row.createName,
|
|
|
- createDate: row.createTime,
|
|
|
- type: row.checkCycle === 'YDKP'?'月度考评':row.checkCycle === 'JDKP'?'季度考评':'年度考评',
|
|
|
- year: row.appraisalYear,
|
|
|
- recStage: '有效'
|
|
|
- }
|
|
|
- this.getDetails(row.id)
|
|
|
- this.rowMsg = row
|
|
|
-
|
|
|
- },
|
|
|
- // 判断保存 导入按钮展示权限
|
|
|
- isShowFn(val) {
|
|
|
- let show = true
|
|
|
- if (val !== '流程未启动') {
|
|
|
- show = false
|
|
|
- }
|
|
|
- return show
|
|
|
- },
|
|
|
- handleClick() {
|
|
|
- this.changeDateSelect = []
|
|
|
- },
|
|
|
- tableRowClassName(row, rowIndex) {
|
|
|
- if (row.row.auditStatusKp === '-1') {
|
|
|
- return 'warning-row'
|
|
|
- } else if (row.row.auditStatusKp === '0') {
|
|
|
- return 'success-row'
|
|
|
- } else {
|
|
|
- return 'error-row'
|
|
|
- }
|
|
|
- },
|
|
|
- rowClick(selection, row) {
|
|
|
- this.changeDateSelect = selection
|
|
|
- },
|
|
|
- handleCurrentChangeLeft(val) {
|
|
|
- this.pageLeft.currentPage = val
|
|
|
- },
|
|
|
- handleCurrentChangeRight(val) {
|
|
|
- this.pageRight.currentPage = val
|
|
|
- },
|
|
|
- //获取详情
|
|
|
- getDetails(id) {
|
|
|
- let that = this
|
|
|
- that.quantifiedList = []
|
|
|
- let params = {
|
|
|
- id: id,
|
|
|
- deptId: that.userMes.deptId,
|
|
|
- com: that.compNameSa? that.compNameSa: 'null'
|
|
|
- }
|
|
|
- apiGetevaluationdeptplanDetail(params).then(datas =>{
|
|
|
- if (datas && datas.data) {
|
|
|
- that.quantifiedList = datas.data
|
|
|
- that.pageLeft.total = datas.data.length
|
|
|
+ handleCurrentChangeLeft(val) {
|
|
|
+ this.pageLeft.currentPage = val
|
|
|
+ },
|
|
|
+ handleCurrentChangeRight(val) {
|
|
|
+ this.pageRight.currentPage = val
|
|
|
+ },
|
|
|
+ //获取详情
|
|
|
+ getDetails(id) {
|
|
|
+ let that = this
|
|
|
+ that.quantifiedList = []
|
|
|
+ let params = {
|
|
|
+ id: id,
|
|
|
+ deptId: that.userMes.deptId,
|
|
|
+ com: that.compNameSa ? that.compNameSa : 'null'
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- saveDetail() {
|
|
|
- let that = this
|
|
|
- let params = []
|
|
|
- that.quantifiedList.forEach(item =>{
|
|
|
- let obj = {
|
|
|
- id: item.id,
|
|
|
- targetName: item.targetName,
|
|
|
- targetValue: item.targetValue,
|
|
|
- baseScore: item.baseScore.toString(),
|
|
|
- evaluationCriteria: item.evaluationCriteria,
|
|
|
- auditStatusKp: item.auditStatusKp,
|
|
|
- serialNumber: item.serialNumber,
|
|
|
- completionStatus: item.completionStatus,
|
|
|
- evaluationScore: item.evaluationScore
|
|
|
+ apiGetevaluationdeptplanDetail(params).then(datas => {
|
|
|
+ if (datas && datas.data) {
|
|
|
+ that.quantifiedList = datas.data
|
|
|
+ that.pageLeft.total = datas.data.length
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ saveDetail() {
|
|
|
+ let that = this
|
|
|
+ let params = []
|
|
|
+ that.quantifiedList.forEach(item => {
|
|
|
+ let obj = {
|
|
|
+ id: item.id,
|
|
|
+ targetName: item.targetName,
|
|
|
+ targetValue: item.targetValue,
|
|
|
+ baseScore: item.baseScore.toString(),
|
|
|
+ evaluationCriteria: item.evaluationCriteria,
|
|
|
+ auditStatusKp: item.auditStatusKp,
|
|
|
+ serialNumber: item.serialNumber,
|
|
|
+ completionStatus: item.completionStatus,
|
|
|
+ evaluationScore: item.evaluationScore
|
|
|
+ }
|
|
|
+ params.push(obj)
|
|
|
+ })
|
|
|
+ apiGetevaluationdeptplanUpdate(params).then(datas => {
|
|
|
+ if (datas) {
|
|
|
+ if (datas.success) {
|
|
|
+ that.$message({
|
|
|
+ message: '保存成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ that.getDetails(that.rowMsg.id)
|
|
|
+ } else {
|
|
|
+ that.$message({
|
|
|
+ message: datas.data,
|
|
|
+ type: 'error'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleImport() {
|
|
|
+ this.$refs.importPage.upload.title = "本部部门业绩指标考核信息导入"
|
|
|
+ this.$refs.importPage.upload.data = {
|
|
|
+ id: this.rowMsg.id
|
|
|
}
|
|
|
- params.push(obj)
|
|
|
- })
|
|
|
- apiGetevaluationdeptplanUpdate(params).then(datas =>{
|
|
|
- if (datas) {
|
|
|
- if (datas.success) {
|
|
|
- that.$message({
|
|
|
- message: '保存成功',
|
|
|
- type: 'success'
|
|
|
- });
|
|
|
- that.getDetails(that.rowMsg.id)
|
|
|
- } else {
|
|
|
- that.$message({
|
|
|
- message: datas.data,
|
|
|
- type: 'error'
|
|
|
- })
|
|
|
+ this.$refs.importPage.upload.open = true
|
|
|
+ this.$refs.importPage.upload.url = '/evaluation-dept-assessment/import'
|
|
|
+ },
|
|
|
+ successImport(val) {
|
|
|
+ this.getDetails(this.rowMsg.id)
|
|
|
+ },
|
|
|
+ handleExport() {
|
|
|
+ let data = this.quantifiedList //接口返回数据
|
|
|
+ const workbook = new ExcelJS.Workbook()
|
|
|
+ const worksheet = workbook.addWorksheet('Sheet1')
|
|
|
+ //根据数据自己调整
|
|
|
+ let colums = []
|
|
|
+ colums = [
|
|
|
+ // { header: 'ID', key: 'id', width: 26 },
|
|
|
+ // { header: '业务ID', key: 'businessPlanId', width: 26 },
|
|
|
+ {
|
|
|
+ header: '部门编码',
|
|
|
+ key: 'deptId',
|
|
|
+ width: 26
|
|
|
+ },
|
|
|
+ {
|
|
|
+ header: '部门名称',
|
|
|
+ key: 'deptName',
|
|
|
+ width: 26
|
|
|
+ },
|
|
|
+ // { header: '部门编码', key: 'deptCode', width: 26 },
|
|
|
+ {
|
|
|
+ header: '排序',
|
|
|
+ key: 'serialNumber',
|
|
|
+ width: 26
|
|
|
+ },
|
|
|
+ {
|
|
|
+ header: '指标名称',
|
|
|
+ key: 'targetName',
|
|
|
+ width: 18
|
|
|
+ },
|
|
|
+ {
|
|
|
+ header: '目标值',
|
|
|
+ key: 'targetValue',
|
|
|
+ width: 18
|
|
|
+ },
|
|
|
+ {
|
|
|
+ header: '基础分',
|
|
|
+ key: 'baseScore',
|
|
|
+ width: 18
|
|
|
+ },
|
|
|
+ {
|
|
|
+ header: '完成情况',
|
|
|
+ key: 'completionStatus',
|
|
|
+ width: 18
|
|
|
+ },
|
|
|
+ {
|
|
|
+ header: '评价标准',
|
|
|
+ key: 'evaluationCriteria',
|
|
|
+ width: 18
|
|
|
+ },
|
|
|
+ {
|
|
|
+ header: '自评得分',
|
|
|
+ key: 'evaluationScore',
|
|
|
+ width: 18
|
|
|
}
|
|
|
+ ]
|
|
|
+ worksheet.columns = colums
|
|
|
+ worksheet.getRow(1).font = {
|
|
|
+ size: 12,
|
|
|
+ bold: true
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- handleImport() {
|
|
|
- this.$refs.importPage.upload.title = "本部部门业绩指标考核信息导入"
|
|
|
- this.$refs.importPage.upload.data = {id: this.rowMsg.id}
|
|
|
- this.$refs.importPage.upload.open = true
|
|
|
- this.$refs.importPage.upload.url = '/evaluation-dept-assessment/import'
|
|
|
- },
|
|
|
- successImport(val) {
|
|
|
- this.getDetails(this.rowMsg.id)
|
|
|
- },
|
|
|
- handleExport() {
|
|
|
- let data = this.quantifiedList //接口返回数据
|
|
|
- const workbook = new ExcelJS.Workbook()
|
|
|
- const worksheet = workbook.addWorksheet('Sheet1')
|
|
|
- //根据数据自己调整
|
|
|
- let colums = []
|
|
|
- colums = [
|
|
|
- // { header: 'ID', key: 'id', width: 26 },
|
|
|
- // { header: '业务ID', key: 'businessPlanId', width: 26 },
|
|
|
- { header: '部门ID', key: 'deptId', width: 26 },
|
|
|
- { header: '部门名称', key: 'deptName', width: 26 },
|
|
|
- { header: '部门编码', key: 'deptCode', width: 26 },
|
|
|
- { header: '排序', key: 'serialNumber', width: 26 },
|
|
|
- { header: '指标名称', key: 'targetName', width: 18 },
|
|
|
- { header: '目标值', key: 'targetValue', width: 18 },
|
|
|
- { header: '基础分', key: 'baseScore', width: 18 },
|
|
|
- { header: '完成情况', key: 'completionStatus', width: 18 },
|
|
|
- { header: '评价标准', key: 'evaluationCriteria', width: 18 },
|
|
|
- { header: '自评得分', key: 'evaluationScore', width: 18 }
|
|
|
- ]
|
|
|
- worksheet.columns = colums
|
|
|
- worksheet.getRow(1).font = {
|
|
|
- size: 12,
|
|
|
- bold: true
|
|
|
- }
|
|
|
- worksheet.addRows(data)
|
|
|
+ worksheet.addRows(data)
|
|
|
|
|
|
- workbook.xlsx.writeBuffer().then(buffer => {
|
|
|
- //这里为type
|
|
|
- const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8' })
|
|
|
- fileSave(blob, `本部部门业绩指标考核数据导出.xlsx`)
|
|
|
- })
|
|
|
- },
|
|
|
+ workbook.xlsx.writeBuffer().then(buffer => {
|
|
|
+ //这里为type
|
|
|
+ const blob = new Blob([buffer], {
|
|
|
+ type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'
|
|
|
+ })
|
|
|
+ fileSave(blob, `本部部门业绩指标考核数据导出.xlsx`)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
|
-.deptBusinessFrom{
|
|
|
- .el-overlay{
|
|
|
- .el-dialog{
|
|
|
- // margin-top: 7vh;
|
|
|
- .el-dialog__body{
|
|
|
- padding: 0 20px !important;
|
|
|
- .startDetail{
|
|
|
- .starttitleSty{
|
|
|
- font-size: 18px;
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- color: #3B7AD1;
|
|
|
- // line-height: 12px;
|
|
|
- margin: 20px 0 20px 10px;
|
|
|
- }
|
|
|
- .danjuMsg{
|
|
|
- border: 1px solid #D6DBEA;
|
|
|
- padding: 10px 20px;
|
|
|
- border-radius: 10px;
|
|
|
- margin-bottom: 10px;
|
|
|
- .danjuMsg_data{
|
|
|
- padding: 5px 0 10px 0;
|
|
|
- .data_tit{
|
|
|
- margin-right: 10px;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- color: #8991B0;
|
|
|
- }
|
|
|
- .data_tit_wd{
|
|
|
- display: inline-block;
|
|
|
- width: 90px;
|
|
|
- }
|
|
|
- .el-form-item--small{
|
|
|
- .el-input{
|
|
|
- height: 25px;
|
|
|
- width: 160px;
|
|
|
- }
|
|
|
- margin-bottom: 0;
|
|
|
- .el-input-number{
|
|
|
- height: 25px;
|
|
|
- .el-input-number__decrease, .el-input-number__increase{
|
|
|
- right: -39px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .deptBusinessFrom {
|
|
|
+ .el-overlay {
|
|
|
+ .el-dialog {
|
|
|
+
|
|
|
+ // margin-top: 7vh;
|
|
|
+ .el-dialog__body {
|
|
|
+ padding: 0 20px !important;
|
|
|
+
|
|
|
+ .startDetail {
|
|
|
+ .starttitleSty {
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #3B7AD1;
|
|
|
+ // line-height: 12px;
|
|
|
+ margin: 20px 0 20px 10px;
|
|
|
}
|
|
|
- }
|
|
|
- .el-select, .el-input{
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .btnASeach{
|
|
|
- display: flex;
|
|
|
- z-index: 11111;
|
|
|
- justify-content: flex-end;
|
|
|
- position: relative;
|
|
|
- top: 32px;
|
|
|
- // left: 50vw;
|
|
|
- width: 100%;
|
|
|
- .seachFor{
|
|
|
- .el-input{
|
|
|
- height: 30px;
|
|
|
- .el-input__inner{
|
|
|
- height:30px;
|
|
|
+
|
|
|
+ .danjuMsg {
|
|
|
+ border: 1px solid #D6DBEA;
|
|
|
+ padding: 10px 20px;
|
|
|
+ border-radius: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ .danjuMsg_data {
|
|
|
+ padding: 5px 0 10px 0;
|
|
|
+
|
|
|
+ .data_tit {
|
|
|
+ margin-right: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ color: #8991B0;
|
|
|
}
|
|
|
- .el-input__suffix{
|
|
|
- .el-select__caret{
|
|
|
- line-height:30px;
|
|
|
+
|
|
|
+ .data_tit_wd {
|
|
|
+ display: inline-block;
|
|
|
+ width: 90px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-form-item--small {
|
|
|
+ .el-input {
|
|
|
+ height: 25px;
|
|
|
+ width: 160px;
|
|
|
+ }
|
|
|
+
|
|
|
+ margin-bottom: 0;
|
|
|
+
|
|
|
+ .el-input-number {
|
|
|
+ height: 25px;
|
|
|
+
|
|
|
+ .el-input-number__decrease,
|
|
|
+ .el-input-number__increase {
|
|
|
+ right: -39px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .detaTableBtns{
|
|
|
+
|
|
|
+ .el-select,
|
|
|
+ .el-input {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btnASeach {
|
|
|
display: flex;
|
|
|
+ z-index: 11111;
|
|
|
justify-content: flex-end;
|
|
|
- // width: 300px;
|
|
|
- width: fit-content;
|
|
|
- margin-top: 5px;
|
|
|
- .tableBtn {
|
|
|
+ position: relative;
|
|
|
+ top: 32px;
|
|
|
+ // left: 50vw;
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ .seachFor {
|
|
|
+ .el-input {
|
|
|
+ height: 30px;
|
|
|
+
|
|
|
+ .el-input__inner {
|
|
|
+ height: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-input__suffix {
|
|
|
+ .el-select__caret {
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .detaTableBtns {
|
|
|
display: flex;
|
|
|
- height: 20px;
|
|
|
- margin: 0 10px;
|
|
|
- // width: 20%;
|
|
|
+ justify-content: flex-end;
|
|
|
+ // width: 300px;
|
|
|
width: fit-content;
|
|
|
- img{
|
|
|
- margin-right: 5px;
|
|
|
- margin-top: 1px;
|
|
|
- }
|
|
|
- span{
|
|
|
- display: inline-block;
|
|
|
- // width: 100%;
|
|
|
- width: 35px;
|
|
|
- font-size: 14px;
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
+ margin-top: 5px;
|
|
|
+
|
|
|
+ .tableBtn {
|
|
|
+ display: flex;
|
|
|
+ height: 20px;
|
|
|
+ margin: 0 10px;
|
|
|
+ // width: 20%;
|
|
|
+ width: fit-content;
|
|
|
+
|
|
|
+ img {
|
|
|
+ margin-right: 5px;
|
|
|
+ margin-top: 1px;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ display: inline-block;
|
|
|
+ // width: 100%;
|
|
|
+ width: 35px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- .add{
|
|
|
- cursor: pointer;
|
|
|
- span{
|
|
|
- color: #3B7AD1;
|
|
|
+
|
|
|
+ .add {
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: #3B7AD1;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- .save{
|
|
|
- cursor: pointer;
|
|
|
- span{
|
|
|
- color: #50C14E;
|
|
|
+
|
|
|
+ .save {
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: #50C14E;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- .edit{
|
|
|
- span{
|
|
|
- color: #F5A623;
|
|
|
+
|
|
|
+ .edit {
|
|
|
+ span {
|
|
|
+ color: #F5A623;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- .delete{
|
|
|
- cursor: no-drop;
|
|
|
- span{
|
|
|
- color: #F65177;
|
|
|
+
|
|
|
+ .delete {
|
|
|
+ cursor: no-drop;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: #F65177;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- .import{
|
|
|
- cursor: pointer;
|
|
|
- span{
|
|
|
- color: #ce1e78;
|
|
|
+
|
|
|
+ .import {
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: #ce1e78;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- .export{
|
|
|
- cursor: pointer;
|
|
|
- span{
|
|
|
- color: #2baa8a;
|
|
|
+
|
|
|
+ .export {
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: #2baa8a;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- .el-tabs{
|
|
|
- .el-tabs__header{
|
|
|
- .el-tabs__nav{
|
|
|
- .el-tabs__item{
|
|
|
- font-size: 18px;
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- margin: 0 10px;
|
|
|
- color: #8991B0;
|
|
|
- }
|
|
|
- .is-active{
|
|
|
- font-size: 18px;
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- color: #3B7AD1;
|
|
|
- margin: 0 10px;
|
|
|
+
|
|
|
+ .el-tabs {
|
|
|
+ .el-tabs__header {
|
|
|
+ .el-tabs__nav {
|
|
|
+ .el-tabs__item {
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 0 10px;
|
|
|
+ color: #8991B0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .is-active {
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #3B7AD1;
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
- .el-table{
|
|
|
- margin-bottom: 10px;
|
|
|
- .el-table__body-wrapper{
|
|
|
- height: 50vh;
|
|
|
- }
|
|
|
- .el-table__row{
|
|
|
- .cell{
|
|
|
- .el-input{
|
|
|
- height: 24px;
|
|
|
- .el-input__inner{
|
|
|
+
|
|
|
+ .el-table {
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ .el-table__body-wrapper {
|
|
|
+ height: 50vh;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-table__row {
|
|
|
+ .cell {
|
|
|
+ .el-input {
|
|
|
height: 24px;
|
|
|
+
|
|
|
+ .el-input__inner {
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- .warning-row {
|
|
|
- --el-table-tr-bg-color: #fdf6ec;
|
|
|
- }
|
|
|
- .success-row {
|
|
|
- --el-table-tr-bg-color: #f1f9ec;
|
|
|
- }
|
|
|
- .error-row {
|
|
|
- --el-table-tr-bg-color: #fdecec;
|
|
|
+
|
|
|
+ .warning-row {
|
|
|
+ --el-table-tr-bg-color: #fdf6ec;
|
|
|
+ }
|
|
|
+
|
|
|
+ .success-row {
|
|
|
+ --el-table-tr-bg-color: #f1f9ec;
|
|
|
+ }
|
|
|
+
|
|
|
+ .error-row {
|
|
|
+ --el-table-tr-bg-color: #fdecec;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- .el-dialog__footer{
|
|
|
- .dialog-footer{
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- .el-button{
|
|
|
- width: 180px !important;
|
|
|
- height: 40px !important;
|
|
|
+
|
|
|
+ .el-dialog__footer {
|
|
|
+ .dialog-footer {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ width: 180px !important;
|
|
|
+ height: 40px !important;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
-}
|
|
|
</style>
|
