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-10 11:58:30 +08:00
parent aacf45462a
commit 03d6685c2d
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,10 +2,10 @@
<div class='table'> <div class='table'>
<div v-if="obj.recortModelDtos.length !== 0" class="table-list commonFont"> <div v-if="obj.recortModelDtos.length !== 0" class="table-list commonFont">
<div class="table-header"> <div class="table-header">
<div class="table-left">维度</div> <div class="table-left name">维度</div>
<div class="table-header-flex name">名称</div> <div class="table-header-flex name">名称</div>
<div class="table-header-flex kaohe">考核标准</div> <div class="table-header-flex kaohe">考核标准</div>
<div class="table-header-flex" v-if="tableInfo.result || tableAuth.showResult">结果值</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 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" 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 quanzhomng" style="flex:none;" v-if="tableInfo.score || tableAuth.showScore">得分</div>
@ -13,7 +13,7 @@
</div> </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 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"> <div class="table-content-left table-left name">
<div v-for="(i,indexs) in item.name" :key="indexs"> <div v-for="(i,indexs) in item.name" :key="indexs">
{{i}} {{i}}
</div> </div>
@ -28,7 +28,7 @@
{{child.keyResult || ''}} {{child.keyResult || ''}}
</pre> </pre>
</div> </div>
<div class='pre' v-if="tableInfo.result || tableAuth.showResult"> <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> <el-input v-if="tableInfo.result" type="textarea" size="mini" placeholder="请输入内容" v-model="child.checkResult" clearable></el-input>
<pre v-else>{{child.checkResult || '--'}}</pre> <pre v-else>{{child.checkResult || '--'}}</pre>
</div> </div>
@ -57,12 +57,12 @@
</div> </div>
</div> </div>
<div v-if="tableInfo.score || tableAuth.showScore" class="table-content-right-item"> <div v-if="item.name==='总分'" class="table-content-right-item">
<div class="name"> <div class="name">
</div> </div>
<div class="kaohe"> <div class="kaohe">
</div> </div>
<div v-if="tableInfo.result || tableAuth.showResult"> <div class='jieguo' v-if="tableInfo.result || tableAuth.showResult">
</div> </div>
<div class="quanzhomng " style="flex:none;"> <div class="quanzhomng " style="flex:none;">
</div> </div>
@ -211,13 +211,17 @@ export default {
} }
</script> </script>
<style lang='less' scoped> <style lang='less' scoped>
.jieguo{
width: 300px !important;
flex: none !important;
}
.name{ .name{
flex: none !important; flex: none !important;
width: 100px !important; width: 60px !important;
} }
.kaohe{ .kaohe{
flex: none !important; flex: none !important;
width: 500px !important; width: 300px !important;
display: block; display: block;
pre{ pre{
white-space: pre-wrap; white-space: pre-wrap;