6 changed files with 927 additions and 43 deletions
@ -0,0 +1,235 @@ |
|||||
|
<template> |
||||
|
<div class="dashboard-container"> |
||||
|
<!--搜索区域--> |
||||
|
<div class="gva-search-box"> |
||||
|
<el-form ref="searchForm" :inline="true" :model="searchInfo"> |
||||
|
<el-form-item label="行政组织" prop="title"> |
||||
|
<el-cascader filterable clearable v-model="searchInfo.departmentid" :options="departmentList" :show-all-levels="false" :props="props1"></el-cascader> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="指标名称"> |
||||
|
<el-input |
||||
|
placeholder="请输入名称" |
||||
|
v-model="searchInfo.title" |
||||
|
clearable> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="日期"> |
||||
|
<el-date-picker |
||||
|
@change="searchYearAndMonth" |
||||
|
v-model="searchMonth" |
||||
|
type="month" |
||||
|
placeholder="选择月"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmitSearch">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<!--数据列表--> |
||||
|
<div class="gva-table-box"> |
||||
|
<el-table :data="tableData" border :span-method="objectSpanMethod"> |
||||
|
<el-table-column align="left" label="部门" prop="parentname"/> |
||||
|
<el-table-column align="left" label="考核指标" prop="targetname"/> |
||||
|
<el-table-column align="left" label="全奖值" prop="unit" width="65"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.allprize}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="零奖值" prop="unit" width="65"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.zeroprize}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="封顶值" prop="unit" width="65"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.cappingcal}}% |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="考核说明" prop="content"/> |
||||
|
<el-table-column align="left" label="指标权重分" prop="targetweight" width="100"/> |
||||
|
<el-table-column align="left" label="实际值" prop="actual"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input @input="inputActual(scope.row,scope.$index)" v-model="scope.row.actual" autocomplete="off"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="得分" prop="actual"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-if="scope.row.scoringmethod==2" v-model="scope.row.scoringscore" autocomplete="off"/> |
||||
|
<div v-if="scope.row.scoringmethod==1">{{scope.row.scoringscore}}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="达成率" prop="reach"/> |
||||
|
<el-table-column align="left" label="说明" prop="score"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="scope.row.reason" autocomplete="off"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="流程" width="100"> |
||||
|
<template #default="scope"> |
||||
|
<el-button |
||||
|
icon="el-icon-view" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="showProcess(scope.row)" |
||||
|
>查看流程</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="考核周期" width="135"> |
||||
|
<template> |
||||
|
<el-date-picker |
||||
|
style="width:110px" |
||||
|
@change="searchYearAndMonth" |
||||
|
v-model="searchMonth" |
||||
|
type="month" |
||||
|
value-format="yyyy-MM" |
||||
|
placeholder="请选择"> |
||||
|
</el-date-picker> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" fixed="right" label="操作" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-button |
||||
|
icon="el-icon-circle-plus-outline" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="tijiao(scope.row)" |
||||
|
>提交</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { getQuantitativeTasks } from "@/api/systemaccredit/systemapi" |
||||
|
import { departmentlist } from '@/api/api/dutys' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
// 条件查询变量 |
||||
|
searchMonth:"", //年月 |
||||
|
searchInfo: { |
||||
|
title:'', |
||||
|
departmentid:'', |
||||
|
month:"" |
||||
|
}, |
||||
|
// 部门列表 |
||||
|
departmentList:[], |
||||
|
props1: { |
||||
|
checkStrictly: true, |
||||
|
value: "id", |
||||
|
label: "name", |
||||
|
children: "children", |
||||
|
emitPath:false, |
||||
|
}, |
||||
|
tableData:[],//表格数据 |
||||
|
spanArr:[], //合并数据 |
||||
|
} |
||||
|
}, |
||||
|
created(){ |
||||
|
this.getGrouplist(); //获取行政组织 |
||||
|
this.onSubmitSearch() //获取数据 |
||||
|
}, |
||||
|
// 监听数据 |
||||
|
watch: { |
||||
|
//监听表格数据编号 |
||||
|
tableData() { |
||||
|
this.$nextTick(() => { |
||||
|
this.spanArr=[], |
||||
|
this.pos='', |
||||
|
//此时就可以获取到在created赋值后的dataList了 |
||||
|
this.getSpanArr(this.tableData); |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
methods:{ |
||||
|
// 获取部门 |
||||
|
async getGrouplist(){ |
||||
|
const departmentFrom={ |
||||
|
id:313 |
||||
|
} |
||||
|
const res = await departmentlist(departmentFrom) |
||||
|
this.departmentList=res.data |
||||
|
}, |
||||
|
//处理查询时间 |
||||
|
searchYearAndMonth(){ |
||||
|
if(this.searchMonth && this.searchMonth != null){ |
||||
|
let yearVal = this.searchMonth.getFullYear(); |
||||
|
let monthVal = this.searchMonth.getMonth()+1; |
||||
|
if(monthVal <= 9){ |
||||
|
monthVal = "0"+monthVal |
||||
|
} |
||||
|
this.searchInfo.month= yearVal + "-" + monthVal |
||||
|
} |
||||
|
}, |
||||
|
//查询定量提交数据 |
||||
|
async onSubmitSearch(){ |
||||
|
let sendData = { |
||||
|
orgid:this.searchInfo.departmentid.toString(), |
||||
|
title:this.searchInfo.title, |
||||
|
time:this.searchInfo.month |
||||
|
} |
||||
|
const res = await getQuantitativeTasks(sendData); |
||||
|
console.log("获取个人定量考核提交数据表---->", res); |
||||
|
this.tableData = res.data; |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
// 部门列合并 |
||||
|
getSpanArr(data) { |
||||
|
// data就是我们从后台拿到的数据 |
||||
|
for (var i = 0; i < data.length; i++) { |
||||
|
if (i === 0) { |
||||
|
this.spanArr.push(1); |
||||
|
this.pos = 0; |
||||
|
} else { |
||||
|
// 判断当前元素与上一个元素是否相同 |
||||
|
if (data[i].parentid === data[i - 1].parentid) { |
||||
|
this.spanArr[this.pos] += 1; |
||||
|
this.spanArr.push(0); |
||||
|
} else { |
||||
|
this.spanArr.push(1); |
||||
|
this.pos = i; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 合并行 |
||||
|
objectSpanMethod({ row, column, rowIndex, columnIndex }) { |
||||
|
if (columnIndex === 0) { |
||||
|
const _row = this.spanArr[rowIndex]; |
||||
|
const _col = _row > 0 ? 1 : 0; |
||||
|
console.log("合并行",`rowspan:${_row} colspan:${_col}`); |
||||
|
return { |
||||
|
// [0,0] 表示这一行不显示， [2,1]表示行的合并数 |
||||
|
rowspan: _row, |
||||
|
colspan: _col |
||||
|
}; |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.dashboard { |
||||
|
&-container { |
||||
|
margin: 30px; |
||||
|
} |
||||
|
&-text { |
||||
|
font-size: 30px; |
||||
|
line-height: 46px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,581 @@ |
|||||
|
<template> |
||||
|
<!-- 定量考核打分 --> |
||||
|
<div class="dashboard-container"> |
||||
|
<div class="gva-search-box"> |
||||
|
<el-form ref="searchForm" :inline="true" :model="searchInfo"> |
||||
|
|
||||
|
<el-form-item label="所属部门" prop="title"> |
||||
|
<el-cascader filterable clearable v-model="searchInfo.departmentid" :options="departmentList" :show-all-levels="false" :props="props1"></el-cascader> |
||||
|
|
||||
|
</el-form-item> |
||||
|
<el-form-item label="指标名称"> |
||||
|
<el-input |
||||
|
placeholder="请输入名称" |
||||
|
v-model="searchInfo.title" |
||||
|
clearable> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<!-- <el-cascader clearable v-model="searchInfo.departmentid" :options="grouplist" :show-all-levels="false" :props="props"></el-cascader> --> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
||||
|
<!-- <el-button size="mini" icon="el-icon-refresh" @click="onReset">重置</el-button> --> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<div class="gva-table-box"> |
||||
|
<!-- <div class="gva-btn-list"> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-plus" @click="showAdd()">新增</el-button> |
||||
|
</div> --> |
||||
|
<el-table :data="tableData" border :span-method="objectSpanMethod"> |
||||
|
<el-table-column align="left" label="部门" prop="parentname"/> |
||||
|
<el-table-column align="left" label="考核指标" prop="targetname"/> |
||||
|
|
||||
|
<el-table-column align="left" label="全奖值" prop="unit" width="65"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.allprize}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="零奖值" prop="unit" width="65"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.zeroprize}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="封顶值" prop="unit" width="65"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.cappingcal}}% |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="考核说明" prop="content"/> |
||||
|
<el-table-column align="left" label="指标权重分" prop="targetweight" width="100"/> |
||||
|
<el-table-column align="left" label="实际值" prop="actual"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input @input="inputActual(scope.row,scope.$index)" v-model="scope.row.actual" autocomplete="off"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="得分" prop="actual"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-if="scope.row.scoringmethod==2" v-model="scope.row.scoringscore" autocomplete="off"/> |
||||
|
<div v-if="scope.row.scoringmethod==1">{{scope.row.scoringscore}}</div> |
||||
|
|
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="达成率" prop="reach"/> |
||||
|
<!-- <el-table-column align="left" label="单位" prop="unit"/> |
||||
|
<el-table-column align="left" label="分数" prop="score"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model.number="scope.row.score" autocomplete="off"/> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<el-table-column align="left" label="说明" prop="score"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="scope.row.reason" autocomplete="off"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="流程" width="100"> |
||||
|
<template #default="scope"> |
||||
|
<el-button |
||||
|
icon="el-icon-view" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="showProcess(scope.row)" |
||||
|
>查看流程</el-button> |
||||
|
<!-- <el-button |
||||
|
icon="el-icon-remove-outline" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="showJian(scope.row)" |
||||
|
>减分</el-button> --> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" label="考核周期"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-date-picker |
||||
|
style="width:120px" |
||||
|
v-model="scope.row.month" |
||||
|
type="month" |
||||
|
value-format="yyyy-MM" |
||||
|
placeholder="请选择"> |
||||
|
</el-date-picker> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" fixed="right" label="操作"> |
||||
|
<template #default="scope"> |
||||
|
<el-button |
||||
|
icon="el-icon-circle-plus-outline" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="tijiao(scope.row)" |
||||
|
>提交</el-button> |
||||
|
<!-- <el-button |
||||
|
icon="el-icon-remove-outline" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="showJian(scope.row)" |
||||
|
>减分</el-button> --> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- <el-button size="small" type="primary" @click="tijiao">提 交</el-button> --> |
||||
|
</div> |
||||
|
<!-- 新增弹框 --> |
||||
|
<el-dialog :close-on-click-modal="false" :visible.sync="dialogFormVisible" title="流程详情" width="20%"> |
||||
|
<el-card class="box-card"> |
||||
|
<el-steps direction="vertical" :active="buzhou"> |
||||
|
<el-step v-for="(item,index) in processData" :key="index" :title="item.nodename" icon="el-icon-circle-check" > |
||||
|
<template slot="description"> |
||||
|
<div style="color: rgb(153,153,153);" v-for="(a,userlistIndex) in item.userlist" :key="userlistIndex"> |
||||
|
<el-row> |
||||
|
<el-col :span="4" v-if="a.log!=null"> |
||||
|
<el-badge is-dot type="primary "> |
||||
|
<el-avatar style="margin-right: 5px;" shape="square" size="small" :src="a.icon"></el-avatar> |
||||
|
</el-badge> |
||||
|
</el-col> |
||||
|
<el-col :span="4" v-else> |
||||
|
<el-avatar style="margin-right: 5px;" shape="square" size="small" :src="a.icon"></el-avatar> |
||||
|
</el-col> |
||||
|
<el-col :span="20" style="margin-top: -5px;"> |
||||
|
{{a.workshopname}}-{{a.postname}}-{{a.name}} |
||||
|
<el-row> |
||||
|
<div v-for="(i,logIndex) in a.log" :key="logIndex"> |
||||
|
<div class="left" v-if="i.state==2">已同意 · </div> |
||||
|
<div class="left" v-if="i.state==1" type="info">未操作 · </div> |
||||
|
<div class="left" v-if="i.state==3" type="danger">驳回 · </div> |
||||
|
<div class="left">{{i.time}}</div> |
||||
|
</div> |
||||
|
</el-row> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-step> |
||||
|
</el-steps> |
||||
|
|
||||
|
</el-card> |
||||
|
</el-dialog> |
||||
|
<!-- 编辑弹框 --> |
||||
|
<el-dialog :close-on-click-modal="false" :visible.sync="editDialogFormVisible" :before-close="editCloseDialog" title="修改" width="20%"> |
||||
|
<el-form ref="editForm" :model="editAdd" :rules="editRules" label-width="150px"> |
||||
|
<el-form-item label="考核维度名称" prop="title"> |
||||
|
<el-input v-model="editAdd.title" autocomplete="off" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="editCloseDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="editEnterDialog">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { examineflow,qualitativeevalration,getgroupdepartmap,addflowrationlog,departmentlist,quanOperation } from '@/api/api/dutys' |
||||
|
export default { |
||||
|
name: 'Dashboard', |
||||
|
data() { |
||||
|
return { |
||||
|
month:'', |
||||
|
fromData:[], |
||||
|
buzhou:0, |
||||
|
props1: { |
||||
|
checkStrictly: true, |
||||
|
value: "id", |
||||
|
label: "name", |
||||
|
children: "children", |
||||
|
emitPath:false, |
||||
|
}, |
||||
|
props: { |
||||
|
value: "id", |
||||
|
label: "name", |
||||
|
children: "children", |
||||
|
emitPath:false, |
||||
|
multiple: false |
||||
|
}, |
||||
|
processData:[], |
||||
|
// 部门列表 |
||||
|
grouplist:[], |
||||
|
// 查询详情的数据 |
||||
|
editFrom:{}, |
||||
|
// 修改状态提交数据 |
||||
|
switchFrom:{}, |
||||
|
// 删除数据提交 |
||||
|
deleFrom:{}, |
||||
|
// 编辑时数据 |
||||
|
editAdd:{}, |
||||
|
assessList:{}, |
||||
|
// 添加数据 |
||||
|
form:{}, |
||||
|
spanArr:[], |
||||
|
pos:'', |
||||
|
// 弹窗变量 |
||||
|
dialogFormVisible:false, |
||||
|
// 修改弹窗 |
||||
|
editDialogFormVisible:false, |
||||
|
total: 0, |
||||
|
tableData:[], |
||||
|
// 条件查询变量 |
||||
|
searchInfo: { |
||||
|
groupid:'', |
||||
|
departmentid:'' |
||||
|
}, |
||||
|
// 部门列表 |
||||
|
departmentList:[], |
||||
|
// 条件查询变量 |
||||
|
abc:{ |
||||
|
aaa:"111", |
||||
|
bbb:"222" |
||||
|
}, |
||||
|
// 添加时验证规则 |
||||
|
rules: { |
||||
|
title: [{ required: true, message: '请输入名称', trigger: 'blur' }], |
||||
|
}, |
||||
|
editRules:{ |
||||
|
title: [{ required: true, message: '请输入名称', trigger: 'blur' }], |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
async created() { |
||||
|
console.log(this.$store.state.user.token) |
||||
|
if (this.$store.state.user.token=='') { |
||||
|
this.$router.push('/login') |
||||
|
} |
||||
|
this.getGrouplist() |
||||
|
// this.$alert('请选择部门后再操作', '提示', { |
||||
|
// confirmButtonText: '确定', |
||||
|
|
||||
|
// }); |
||||
|
this.getChuDataList() |
||||
|
// this.getDataList() |
||||
|
}, |
||||
|
// 监听数据 |
||||
|
watch: { |
||||
|
tableData() { |
||||
|
this.$nextTick(() => { |
||||
|
this.spanArr=[], |
||||
|
this.pos='', |
||||
|
//此时就可以获取到在created赋值后的dataList了 |
||||
|
this.getSpanArr(this.tableData); |
||||
|
}); |
||||
|
}, |
||||
|
// } |
||||
|
}, |
||||
|
methods: { |
||||
|
// 查看流程 |
||||
|
async showProcess(row){ |
||||
|
this.buzhou=0 |
||||
|
const processFrom ={ |
||||
|
id:row.id |
||||
|
} |
||||
|
const res = await examineflow(processFrom) |
||||
|
this.processData=res.data |
||||
|
this.processData.forEach(element => { |
||||
|
if (element.state==2) { |
||||
|
this.buzhou=this.buzhou+1 |
||||
|
} |
||||
|
}); |
||||
|
this.dialogFormVisible=true |
||||
|
}, |
||||
|
// 公式换算 |
||||
|
// (实际值—零奖值)/（全奖值-零奖值）*100+‘%’ |
||||
|
inputActual(val,index){ |
||||
|
console.log(val) |
||||
|
console.log(index) |
||||
|
var a = val.actual-val.zeroprize |
||||
|
var b = val.allprize-val.zeroprize |
||||
|
// var a = 5-2 |
||||
|
// var b = 6-1 |
||||
|
console.log(a/b*100+'%') |
||||
|
if (a/b*100!=Infinity) { |
||||
|
var e =a/b*100 |
||||
|
var d |
||||
|
console.log("e") |
||||
|
console.log(e) |
||||
|
if (e>this.tableData[index].cappingcal) { |
||||
|
d=this.tableData[index].targetweight*this.tableData[index].cappingcal/100 |
||||
|
} else{ |
||||
|
var d =parseFloat(this.tableData[index].targetweight*(a/b)).toFixed(2) |
||||
|
} |
||||
|
var c =parseFloat(a/b*100).toFixed(2) |
||||
|
this.tableData[index].reach=c+'%' |
||||
|
this.tableData[index].scoringscore=d |
||||
|
if (c<0) { |
||||
|
this.tableData[index].reach=0+'%' |
||||
|
} |
||||
|
if (d<0) { |
||||
|
this.tableData[index].scoringscore=0 |
||||
|
} |
||||
|
// this.tableData[index].reach=a/b*100+'%' |
||||
|
// this.tableData[index].scoringscore=this.tableData[index].targetweight*a/b |
||||
|
} |
||||
|
if (a/b*100==Infinity) { |
||||
|
this.tableData[index].reach="数据错误/未设置全奖值，零奖值" |
||||
|
this.tableData[index].scoringscore="数据错误/未设置全奖值，零奖值" |
||||
|
} |
||||
|
}, |
||||
|
// 获取部门 |
||||
|
async getGrouplist(){ |
||||
|
const departmentFrom={ |
||||
|
// id:2 |
||||
|
} |
||||
|
const res = await departmentlist(departmentFrom) |
||||
|
this.departmentList=res.data |
||||
|
|
||||
|
}, |
||||
|
// 提交 |
||||
|
tijiao(row){ |
||||
|
this.$confirm('批量提交, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(async() => { |
||||
|
this.fromData=[], |
||||
|
this.tableData.forEach(ele=>{ |
||||
|
if (ele.parentid==row.parentid) { |
||||
|
this.fromData.push(ele) |
||||
|
} |
||||
|
}) |
||||
|
console.log("提交") |
||||
|
this.fromData.forEach(ele=>{ |
||||
|
ele.scoringscore=parseFloat(ele.scoringscore) |
||||
|
}) |
||||
|
console.log(this.fromData) |
||||
|
console.log(this.fromData[0].month,) |
||||
|
const from ={ |
||||
|
groupid: '309', |
||||
|
departmentid: row.parentid.toString(), |
||||
|
planversionnumber:this.fromData[0].planversionnumber, |
||||
|
time:this.fromData[0].month, |
||||
|
list:this.fromData |
||||
|
} |
||||
|
|
||||
|
const res = await quanOperation(from) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: res.msg |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
// 部门列合并 |
||||
|
getSpanArr(data) { |
||||
|
// data就是我们从后台拿到的数据 |
||||
|
for (var i = 0; i < data.length; i++) { |
||||
|
if (i === 0) { |
||||
|
this.spanArr.push(1); |
||||
|
this.pos = 0; |
||||
|
} else { |
||||
|
// 判断当前元素与上一个元素是否相同 |
||||
|
if (data[i].parentid === data[i - 1].parentid) { |
||||
|
this.spanArr[this.pos] += 1; |
||||
|
this.spanArr.push(0); |
||||
|
} else { |
||||
|
this.spanArr.push(1); |
||||
|
this.pos = i; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
// 合并行 |
||||
|
objectSpanMethod({ row, column, rowIndex, columnIndex }) { |
||||
|
if (columnIndex === 0) { |
||||
|
const _row = this.spanArr[rowIndex]; |
||||
|
const _col = _row > 0 ? 1 : 0; |
||||
|
console.log(`rowspan:${_row} colspan:${_col}`); |
||||
|
return { |
||||
|
// [0,0] 表示这一行不显示， [2,1]表示行的合并数 |
||||
|
rowspan: _row, |
||||
|
colspan: _col |
||||
|
}; |
||||
|
} |
||||
|
}, |
||||
|
// 删除操作 |
||||
|
//删除操作 |
||||
|
async deleteOperate(row) { |
||||
|
this.$confirm('此操作将永久删除, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
.then(async() => { |
||||
|
this.deleFrom.state=3; |
||||
|
this.deleFrom.outid=row.outId; |
||||
|
const res = await statedutyclass(this.deleFrom) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '删除成功!' |
||||
|
}) |
||||
|
|
||||
|
this.getDataList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增按钮 |
||||
|
showAdd(){ |
||||
|
this.dialogFormVisible=true; |
||||
|
console.log(this.dialogFormVisible) |
||||
|
}, |
||||
|
// 编辑按钮 |
||||
|
async showEdit(row){ |
||||
|
this.editFrom.outid=row.outId |
||||
|
const res = await getdutyclassinfo(this.editFrom) |
||||
|
this.editAdd = res.data |
||||
|
this.editDialogFormVisible=true; |
||||
|
|
||||
|
}, |
||||
|
// 开关状态监听 |
||||
|
async changeVal(val,id){ |
||||
|
console.log(val) |
||||
|
this.switchFrom.outid=id |
||||
|
if (val==1) { |
||||
|
this.switchFrom.state=1; |
||||
|
const res = await statedutyclass(this.switchFrom) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '修改状态成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
this.getDataList() |
||||
|
} |
||||
|
} else { |
||||
|
this.switchFrom.state=2; |
||||
|
const res = await statedutyclass(this.switchFrom) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '修改状态成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
this.getDataList() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
// 重置搜索条件 |
||||
|
onReset() { |
||||
|
this.searchInfo = {} |
||||
|
}, |
||||
|
// 条件搜索 |
||||
|
onSubmit() { |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
// 日期时间戳转日期格式 |
||||
|
formatDate(nS) { |
||||
|
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); |
||||
|
}, |
||||
|
|
||||
|
// 提交按钮 |
||||
|
async enterDialog(){ |
||||
|
const res = await adddutyclass(this.form) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getDataList(); |
||||
|
this.closeDialog(); |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
// 编辑提交按钮 |
||||
|
async editEnterDialog(){ |
||||
|
this.$refs.editForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await eitedutyclassinfo(this.editAdd) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '编辑成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getDataList(); |
||||
|
this.editCloseDialog(); |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 添加框关闭 |
||||
|
closeDialog() { |
||||
|
console.log("closeDialog") |
||||
|
this.initForm() |
||||
|
this.dialogFormVisible = false |
||||
|
}, |
||||
|
// 修改框关闭 |
||||
|
editCloseDialog() { |
||||
|
this.editInitForm() |
||||
|
this.editDialogFormVisible = false |
||||
|
}, |
||||
|
// 添加重置表单 |
||||
|
initForm() { |
||||
|
console.log("initForm") |
||||
|
this.$refs.addForm.resetFields() |
||||
|
this.form = {} |
||||
|
console.log(this.form) |
||||
|
}, |
||||
|
// 修改重置表单 |
||||
|
editInitForm() { |
||||
|
this.$refs.editForm.resetFields() |
||||
|
this.editAdd = {} |
||||
|
}, |
||||
|
// 改变pageSize |
||||
|
handleSizeChange(val) { |
||||
|
this.searchInfo.pagesize=val |
||||
|
this.getDataList(this.searchInfo) |
||||
|
}, |
||||
|
// 改变page |
||||
|
handleCurrentChange(val) { |
||||
|
this.searchInfo.page=val |
||||
|
this.getDataList(this.searchInfo) |
||||
|
}, |
||||
|
// 获取初始数据 |
||||
|
async getDataList() { |
||||
|
const bumen =JSON.parse(JSON.stringify(this.searchInfo.departmentid)) |
||||
|
|
||||
|
const from={ |
||||
|
groupid:'309', |
||||
|
departmentid:'', |
||||
|
title:'' |
||||
|
} |
||||
|
console.log(bumen+'') |
||||
|
from.title=this.searchInfo.title |
||||
|
from.departmentid=bumen.toString(); |
||||
|
const res = await qualitativeevalration(from) |
||||
|
this.tableData = res.data |
||||
|
}, |
||||
|
// 获取初始数据 |
||||
|
async getChuDataList() { |
||||
|
|
||||
|
|
||||
|
const from={ |
||||
|
groupid:'309', |
||||
|
|
||||
|
} |
||||
|
|
||||
|
const res = await qualitativeevalration(from) |
||||
|
this.tableData = res.data |
||||
|
this.tableData.forEach(ele=>{ |
||||
|
this.$set(ele, 'scoringscore', 0) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.dashboard { |
||||
|
&-container { |
||||
|
margin: 30px; |
||||
|
} |
||||
|
&-text { |
||||
|
font-size: 30px; |
||||
|
line-height: 46px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue