wulin/management_UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
熊成强 2020-11-12 17:52:54 +08:00
parent dbe9d923ed
commit c0fb733386
4 changed files with 209 additions and 165 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/utils/common.js
View File

@ -81,7 +81,7 @@ export function handleInput (form) {
let value = this[form.split('.')[0]][form.split('.')[1]]
if (String(value).split('.').length > 2) value = String(parseFloat(value))
const a = Number(value) > 100 ? 0 : value.replace(/[^.\d]/g, '')
this[form.split('.')[0]][form.split('.')[1]] = String(a)
this[form.split('.')[0]][form.split('.')[1]] = String(a) || 0
}
export function messageSuccess (params) {

364
src/views/kpi/assessment/performance/components/table.vue
View File

@ -2,99 +2,68 @@
<div class='table'>
<div v-if="obj.recortModelDtos.length !== 0" class="table-list commonFont">
<div class="table-header">
<div class="table-left name">维度</div>
<div class="table-header-flex names ">名称</div>
<div class="table-header-flex kaohe">考核标准</div>
<div class="table-header-flex jieguo" v-if="tableInfo.result || tableAuth.showResult">结果值</div>
<div class="table-header-flex quanzhomng" style="flex:none;">权重({{obj.weight*100}}%)</div>
<div class="table-header-flex" style="flex:none;width:130px;" v-if="tableInfo.score || tableAuth.showScore">上级评分</div>
<div class="table-header-flex quanzhomng" style="flex:none;" v-if="tableInfo.score || tableAuth.showScore">得分</div>
<div class="table-header-flex" v-if="tableInfo.score || tableAuth.showScore">评分说明</div>
<div class="title table-left weidu">维度</div>
<div class="title table-header-flex name">名称</div>
<div class="title table-header-flex kaohe">考核标准</div>
<div class="title table-header-flex jieguo" >结果值</div>
<div class="title table-header-flex quanzhong" >权重({{obj.weight*100}}%)</div>
<template v-if="tableAuth.editScore">
<div class="title table-header-flex pingfen" v-for="k in obj.recortModelDtos[0].detailDtos[0].scoreDtos" >
<div class="pingfen-title">上级评分 - {{k.approvalName}} ( {{( Math.round((k.weight * 100) * 1000) / 1000 )}}%)</div>
<div class="pingfen-content">
<div class="pingfen-content-ping" >评分</div>
<div class="pingfen-content-defen" >得分</div>
<div class=" pingfen-content-shuoming" >评分说明</div>
</div>
</div>
</template>
</div>
<div v-for="(item,index) in ((tableInfo.score || tableAuth.showScore)?obj.recortModelDtos:obj.recortModelDtos.slice(0,obj.recortModelDtos.length-1))" :key="index" class="table-content">
<div class="table-content-left table-left name">
<div v-for="(i,indexs) in item.name" :key="indexs">
{{i}}
</div>
<div class="table-weidu" v-for="(item,index) in ((tableInfo.score || tableAuth.showScore) && tableAuth.editScore?obj.recortModelDtos:obj.recortModelDtos.slice(0,obj.recortModelDtos.length-1))" :key="index">
<div class="weidu">
{{item.name}}
</div>
<div class="table-content-right">
<div v-for="(child) in item.detailDtos" :key="child.id" class="table-content-right-item">
<div class="names">
<span> {{child.target || ''}}</span>
<div>
<div class="table-content" v-for="i in item.detailDtos">
<div class="name">
{{i.target}}
</div>
<div class="kaohe">
<pre >
{{child.keyResult || ''}}
</pre>
</div>
<div class='pre jieguo' v-if="tableInfo.result || tableAuth.showResult">
<el-input v-if="tableInfo.result" type="textarea" size="mini" placeholder="请输入内容" v-model="child.checkResult" clearable></el-input>
<pre v-else>{{child.checkResult || '--'}}</pre>
<div class="kaohe">
{{i.keyResult}}
</div>
<div class="quanzhomng" style="flex:none;">
{{( Math.round((child.checkWeight * 100) * 1000) / 1000 )}}%
<div class="jieguo">
{{i.checkResult}}
</div>
<div v-if="tableInfo.score || tableAuth.showScore" style="flex:none;width:130px;">
<!-- gradeGroupId=== 1 下拉 -->
<el-select v-if="tableInfo.score && obj.gradeGroupId===1" style="width:115px;" size="mini" v-model="child.scoreDtos[child.scoreDtos.length-1].acquireScore">
<el-option
v-for="item in scoreList"
:key="item.id"
:label="item.name"
:value="item.score">
</el-option>
</el-select>
<el-input v-if="tableInfo.score && obj.gradeGroupId===2" style="width:115px;" size="mini" placeholder="请输入评分值" v-model="child.scoreDtos[child.scoreDtos.length-1].acquireScore" clearable></el-input>
<span v-if="!tableInfo.score">{{handleScore(child.scoreDtos[child.scoreDtos.length-1].acquireScore)}}</span>
<div class="quanzhong">
{{( Math.round((i.checkWeight * 100) * 1000) / 1000 )}}%
</div>
<div class="quanzhomng" style="flex:none;" v-if="tableInfo.score || tableAuth.showScore">
<span>{{child.scoreDtos[child.scoreDtos.length-1].acquireScore || '--'}}</span>
</div>
<div class='pre' style="padding:10px;" v-if="tableInfo.score || tableAuth.showScore">
<el-input v-if="tableInfo.score" style="width:200px;" size="mini" type="textarea" placeholder="请输入内容" v-model="child.scoreComment" clearable></el-input>
<span v-else>{{child.scoreComment || '--'}}</span>
</div>
</div>
<div v-if="item.detailDtos.length ===0 && item.name !=='总分'" class="table-content-right-item">
<div class="names">
</div>
<div class="kaohe">
</div>
<div class='jieguo' v-if="tableInfo.result || tableAuth.showResult">
</div>
<div class="quanzhomng " style="flex:none;">
</div>
<div style="padding:10px;flex:none;width:130px;" v-if="tableInfo.score || tableAuth.showScore">
</div>
<div class="quanzhomng" style="flex:none;" v-if="tableInfo.score || tableAuth.showScore">
</div>
<div style="padding:10px;" v-if="tableInfo.score || tableAuth.showScore">
<div v-for="dto in i.scoreDtos" class="pingfen table-content-pingfen">
<div class="pingfen-content-ping">
{{dto.acquireScore}}
</div>
<div class="pingfen-content-defen">
{{dto.acquireScore}}
</div>
<div class="pingfen-content-shuoming">
{{dto.scoreComment || '--'}}
</div>
</div>
</div>
<div v-if="item.name==='总分'" class="table-content-right-item">
<div class="names">
<div class="table-content" v-if="item.detailDtos.length===0">
<div class="name">
--
</div>
<div class="kaohe">
<div class="kaohe">
--
</div>
<div class='jieguo' v-if="tableInfo.result || tableAuth.showResult">
<div class="jieguo">
--
</div>
<div class="quanzhomng " style="flex:none;">
</div>
<div style="padding:10px;flex:none;width:130px;" v-if="tableInfo.score || tableAuth.showScore">
{{score.scoreLevel}}
</div>
<div class="quanzhomng" style="flex:none;" v-if="tableInfo.score || tableAuth.showScore">
{{score.lastScore}}
</div>
<div style="padding:10px;" v-if="tableInfo.score || tableAuth.showScore">
<div class="quanzhong">
--
</div>
</div>
</div>
</div>
</div>
</div>
<div v-else class='nojixiao'>
<img src="./imgs/nojixiao.png" alt="">
@ -155,9 +124,9 @@ export default {
},
computed: {
score () {
const result = this.obj.recortModelDtos && this.obj.recortModelDtos.reduce((result, i) => {
i.detailDtos && i.detailDtos.map(j => {
j.scoreDtos && j.scoreDtos.map(k => {
const result = this.obj.recortModelDtos.reduce((result, i) => {
i.detailDtos.map(j => {
j.scoreDtos.map(k => {
const str = j.calculate.replace(/{\w+}/g, (i) => {
i = i.replace(/{|}/g, '')
return k[i]
@ -184,14 +153,11 @@ export default {
},
async handleGetNext () {
this.loadingTi = true
let paramsObj = this.obj
if ((this.tableInfo.score || this.tableAuth.showScore)) {
paramsObj = Object.assign({}, paramsObj, this.score)
}
let res1 = await apiSaveDetail(paramsObj)
let res1 = await apiSaveDetail(Object.assign({}, this.obj, this.score))
if (res1.code !== 200) {
this.loadingTi = false
this.$message.error(res1.msg)
this.loadingTi = false
return
}
const obj = {status: 1, menuName: this.tableInfo.result ? '提交了结果值' : '提交了评分'}
const params = Object.assign({}, {resultRecordId: this.$route.query.id || ''}, obj)
@ -199,6 +165,7 @@ export default {
this.loadingTi = false
if (res.code !== 200) {
this.$message.error(res.msg)
return
}
this.$message({
message: res.msg,
@ -214,13 +181,9 @@ export default {
if (res.code !== 200) return
this.scoreList = res.data
},
async handleSaveDetail (params = this.obj) {
async handleSaveDetail (params = Object.assign({}, this.obj, this.score)) {
this.loadingZan = true
let paramsObj = params
if ((this.tableInfo.score || this.tableAuth.showScore)) {
paramsObj = Object.assign({}, paramsObj, this.score)
}
let res = await apiSaveDetail(paramsObj)
let res = await apiSaveDetail(params)
this.loadingZan = false
if (res.code !== 200) {
this.$message.error(res.msg)
@ -235,27 +198,83 @@ export default {
}
</script>
<style lang='less' scoped>
.names{
width: 300px !important;
flex: none !important;
.title{
background: #f5f5f5;
border-bottom: 1px solid @borderColor;
}
.jieguo{
width: 300px !important;
flex: none !important;
width: 300px ;
.center();
}
.name{
flex: none !important;
width: 60px !important;
width: 60px ;
.center();
}
.kaohe{
width: 300px !important;
width: 300px ;
display: block;
.center();
pre{
white-space:pre-line;
word-wrap: break-word;
word-break: break-all;
}
}
.weidu{
flex: none ;
width: 60px ;
border-right: 1px solid @borderColor;
border-bottom: 1px solid @borderColor;
.center();
}
.quanzhong{
width: 90px ;
.center();
}
.pingfen{
width: 300px;
display: flex;
padding: 0 !important;
border-right: 1px solid @borderColor !important;
flex-direction: column;
&-title{
padding:10px 0 !important;
text-align: center;
border-bottom: 1px solid @borderColor;
}
&-content{
flex: 1;
align-items: center;
display: flex;
align-items: center;
justify-content: space-between;
>div{
border-right: 1px solid @borderColor;
padding:10px 0 !important;
.center();
}
&-ping{
width: 100px;
height: 100%;
}
&-defen{
width: 40px;
height: 100%;
}
&-shuoming{
border-right: none !important;
flex: 1;
}
}
}
.defen{
width: 50px;
}
.shuoming{
width: 200px;
}
.nojixiao{
text-align: center;
}
@ -266,15 +285,20 @@ export default {
border-bottom: 1px solid @borderColor;
}
.table-list{
margin: 0 0 10px 0;
border: 1px solid @borderColor;
border-bottom: none;
overflow: auto;
}
.table-weidu{
display: flex;
}
.table-header{
display: flex;
background: #f5f5f5;
justify-content: space-between;
border-bottom: 1px solid @borderColor;;
flex-shrink: 0;
// justify-content: space-between;
// border: 1px solid @borderColor;
>div{
padding: 10px;
@ -284,65 +308,66 @@ export default {
border-right: none;
}
&-flex{
flex: 1;
flex-shrink: 0;
// flex: 1;
// .center();
}
}
.table-content{
display: flex;
justify-content: space-between;
>div{
padding: 10px;
border-right: 1px solid @borderColor;
}
>div:last-child{
border-right: none;
padding: 0px;
}
&-left{
border-bottom: 1px solid @borderColor;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
>div{
.center();
}
}
&-right{
flex:1;
display: flex;
flex-direction: column;
// justify-content: space-between;
// align-items: center;
>div{
flex: 1;
border-bottom: 1px solid @borderColor;;
}
>div:last-child{
// border-bottom: none;
}
&-item:hover{
background: #f5f5f5;
}
&-item{
// .table-content{
// display: flex;
// justify-content: space-between;
// >div{
// padding: 10px;
// border-right: 1px solid @borderColor;
// }
// >div:last-child{
// border-right: none;
// padding: 0px;
// }
// &-left{
// border-bottom: 1px solid @borderColor;
// display: flex;
// flex-direction: column;
// align-items: center;
// justify-content: center;
// >div{
// .center();
// }
// }
// &-right{
// flex:1;
// display: flex;
// flex-direction: column;
// // justify-content: space-between;
// // align-items: center;
// >div{
// flex: 1;
// border-bottom: 1px solid @borderColor;;
// }
// >div:last-child{
// // border-bottom: none;
// }
// &-item:hover{
// background: #f5f5f5;
// }
// &-item{
>div{
border-right: 1px solid @borderColor;
padding: 10px;
}
>div:last-child{
border-right: none;
}
// flex: 1;
display: flex;
>div{
flex: 1;
// .center();
}
}
}
}
// >div{
// border-right: 1px solid @borderColor;
// padding: 10px;
// }
// >div:last-child{
// border-right: none;
// }
// // flex: 1;
// display: flex;
// >div{
// flex: 1;
// // .center();
// }
// }
// }
// }
.table-left{
width: 60px;
text-align: center;
@ -351,6 +376,25 @@ export default {
width: 100px !important;
text-align: center;
}
.table-content{
display: flex;
>div{
flex-shrink: 0;
border-right: 1px solid @borderColor;
border-bottom: 1px solid @borderColor;
padding: 10px 0;
}
&-pingfen{
display: flex;
flex-direction: row;
align-items: center;
>div{
text-align: center;
border-right: 1px solid @borderColor;
.center();
}
}
}
.table{
position: relative;
&-bottoms{

4
src/views/kpi/workbench/assessmentGroup/edit/components/ScoreList.vue
View File

@ -45,7 +45,7 @@
<div style="padding:20px 0 0 0 ">
<span>评分权重：</span>
<div style="padding:10px 0 0 20px">
<el-input @input.native="$handleInputInt('itemInfo.weight1')" style="width:200px;" size="small" clearable v-model="itemInfo.weight1">
<el-input @input.native="$handleInputInt('itemInfo.weight1')" style="width:200px;" size="small" v-model="itemInfo.weight1">
<template slot="append">%</template>
</el-input>
</div>
@ -214,7 +214,7 @@ export default {
isCick: !isC,
isShow: false,
label: '权重评分:0%',
weight1: 100,
weight1: a.length === 0 ? 100 : 0,
roleDtos: JSON.parse(JSON.stringify(this.roleDtos.map(i => {
if (i.type !== 1) i.checked = true
return i

4
src/views/kpi/workbench/assessmentGroup/edit/components/templateSet.vue
View File

@ -164,7 +164,7 @@
<el-radio :label="0">不限权重</el-radio>
<el-radio :label="1">自定义</el-radio>
</el-radio-group>
<el-input @input.native="$handleInputInt('form.weight')" clearable size="small" style="width:160px;'" v-if="weight!==0" v-model="form.weight">
<el-input @input.native="$handleInputInt('form.weight')" size="small" style="width:160px;'" v-if="weight!==0" v-model="form.weight">
<template slot="append">%</template>
</el-input>
</el-form-item>
@ -190,7 +190,7 @@
<el-input size="small" clearable type="textarea" v-model="formIndicators.keyResult"></el-input>
</el-form-item>
<el-form-item label="权重" prop="weight">
<el-input size="small" @input.native="$handleInputInt('formIndicators.weight')" clearable v-model="formIndicators.weight">
<el-input size="small" @input.native="$handleInputInt('formIndicators.weight')" v-model="formIndicators.weight">
<template slot="append">%</template>
</el-input>
</el-form-item>