优化
This commit is contained in:
parent
2479f91f7c
commit
1be47710b2
@ -18,10 +18,10 @@
|
||||
:name="String(i.id)">
|
||||
<div class="goals-content-tabbar-table">
|
||||
<div class="goals-content-tabbar-table-header commonFont">
|
||||
<span style="flex:1 0 auto;">指标名称</span>
|
||||
<span style="width:200px;">指标名称</span>
|
||||
<span class="kaohe"
|
||||
style="flex:1 0 auto;">考核标准</span>
|
||||
<span style="flex:1 0 auto;">权重</span>
|
||||
<span style="width:100px;">权重</span>
|
||||
<span style="width:240px;">操作</span>
|
||||
</div>
|
||||
<div style="justify-content:center;"
|
||||
@ -35,7 +35,7 @@
|
||||
v-for="(j,indexJ) in handleFilter(i.detailDtos)"
|
||||
:key="indexJ">
|
||||
<div class="goals-content-tabbar-table-content-top">
|
||||
<div style="flex:1 0 auto;"
|
||||
<div style="width:200px;"
|
||||
class="my-handle"><img style="width:20px;height:20px;"
|
||||
src="@/assets/img/yidong.png"
|
||||
alt="">{{j.target}}</div>
|
||||
@ -43,7 +43,7 @@
|
||||
class="kaohe">
|
||||
<pre>{{j.keyResult}}</pre>
|
||||
</div>
|
||||
<div style="flex:1 0 auto;">{{ Math.round((j.checkWeight * 100)*1000)/1000}}%</div>
|
||||
<div style="width:100px;">{{ Math.round((j.checkWeight * 100)*1000)/1000}}%</div>
|
||||
<div style="width:240px;">
|
||||
<el-button @click="hanidleAddTask(j,0)"
|
||||
type="primary" plain
|
||||
|
||||
@ -142,7 +142,7 @@
|
||||
<span v-if="!i.showTask">{{i.staffName}}:</span>
|
||||
<span class="label"
|
||||
style="word-wrap:break-word;"
|
||||
v-if="!i.showTask">{{i.typeDesc}}</span>
|
||||
v-if="!i.showTask">{{(i.typeDesc && i.typeDesc.length>10)?(i.typeDesc.substring(0,8)+'...'):i.typeDesc}}</span>
|
||||
</div>
|
||||
<div style="user-select:none;">
|
||||
<i :class="{rate:!i.showTask}"
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
一级部门
|
||||
</div>
|
||||
<div class="tablePint-aboult-item"
|
||||
style="width:80px">
|
||||
style="width:120px">
|
||||
设计部
|
||||
</div>
|
||||
<div class="tablePint-aboult-item"
|
||||
@ -42,7 +42,7 @@
|
||||
二级部门
|
||||
</div>
|
||||
<div class="tablePint-aboult-item"
|
||||
style="width:50px">
|
||||
style="width:100px">
|
||||
/
|
||||
</div>
|
||||
<div class="tablePint-aboult-item"
|
||||
@ -66,36 +66,65 @@
|
||||
直属上级
|
||||
</div>
|
||||
<div class="tablePint-aboult-item"
|
||||
style="width:100px">
|
||||
style="width:140px">
|
||||
杨洋
|
||||
</div>
|
||||
</div>
|
||||
<div class="tablePint-top">
|
||||
<div class="tablePint-top-weidu">
|
||||
<div class="tablePint-top-weidu" style="width:100px">
|
||||
考核维度
|
||||
</div>
|
||||
<div class="tablePint-top-mubiao">
|
||||
<div class="tablePint-top-mubiao" style="width:110px">
|
||||
目标/指标
|
||||
</div>
|
||||
<div class="tablePint-top-guanjian">
|
||||
<div class="tablePint-top-guanjian" style="width:310px">
|
||||
关键结果
|
||||
</div>
|
||||
<div class="tablePint-top-quanzhong">
|
||||
<div class="tablePint-top-quanzhong" style="width:100px">
|
||||
考核权重
|
||||
</div>
|
||||
<div class="tablePint-top-kaohe">
|
||||
<div class="tablePint-top-kaohe" style="width:500px">
|
||||
考核结果(员工填写)
|
||||
</div>
|
||||
<div class="tablePint-top-zhishu">
|
||||
直属上级评分(100%)
|
||||
<div class="tablePint-top-zhishu" style=" width:100px;flex-direction: column;">
|
||||
<div>直属上级</div> <div>评分(100%)</div>
|
||||
</div>
|
||||
<div class="tablePint-top-defen">
|
||||
<div class="tablePint-top-defen" style="width:100px">
|
||||
得分
|
||||
</div>
|
||||
<div class="tablePint-top-pingfen">
|
||||
<div class="tablePint-top-pingfen" style="width:140px">
|
||||
评分说明
|
||||
</div>
|
||||
</div>
|
||||
<div v-for="i in 2">
|
||||
<div class="tablePint-content">
|
||||
<div class="tablePint-content-left item" style="width:100px;">
|
||||
业绩
|
||||
</div>
|
||||
<div class="tablePint-content-right">
|
||||
<div v-for="i in 10" class="tablePint-content-right-item">
|
||||
<div class="item" style="width:110px;">几月交易额</div>
|
||||
<div class="item" style="width:310px">几月交易额</div>
|
||||
<div class="item" style="width:100px">几月交易额</div>
|
||||
<div class="item" style="width:500px">几月交易额</div>
|
||||
<div class="item" style="width:100px">几月交易额</div>
|
||||
<div class="item" style="width:100px">几月交易额</div>
|
||||
<div class="item" style="width:140px">几月交易额</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex ">
|
||||
<div class="item bg" style="width:520px;">业务考核结果</div>
|
||||
<div class="item bg" style="width:100px;">70%</div>
|
||||
<div class="item bg" style="width:500px;">/</div>
|
||||
<div class="item bg" style="width:100px;">/</div>
|
||||
<div class="item bg" style="width:100px;">2.512</div>
|
||||
<div class="item bg" style="width:140px;">/</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>zui</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -119,15 +148,23 @@ export default {
|
||||
|
||||
<style lang="less" scoped>
|
||||
.tablePint {
|
||||
width: 1500px;
|
||||
div{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.flex{
|
||||
display: flex;
|
||||
}
|
||||
margin: 10px 10px;
|
||||
font-size: 12px;
|
||||
|
||||
color: #5c5c5c;
|
||||
border-top: 1px solid #666666;
|
||||
|
||||
border-left: 1px solid #666666;
|
||||
&-title {
|
||||
.center();
|
||||
width: 1460px;
|
||||
height: 50px;
|
||||
border-top: 1px solid #666666;
|
||||
border-right: 1px solid #666666;
|
||||
border-bottom: 1px solid #666666;
|
||||
}
|
||||
@ -153,5 +190,32 @@ export default {
|
||||
width: 100px !important;
|
||||
}
|
||||
}
|
||||
&-content{
|
||||
display: flex;
|
||||
&-left{
|
||||
box-sizing: border-box;
|
||||
padding:4px 6px;
|
||||
}
|
||||
&-right{
|
||||
flex: 1 0 auto;
|
||||
&-item{
|
||||
display: flex;
|
||||
>div{
|
||||
padding:4px 6px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.item {
|
||||
flex-shrink: 0;
|
||||
.center();
|
||||
padding: 6px 10px;
|
||||
border-right: 1px solid #666666;
|
||||
border-bottom: 1px solid #666666;
|
||||
}
|
||||
.bg{
|
||||
background: rgb(245, 187, 120);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -289,6 +289,7 @@ export default {
|
||||
computed: {},
|
||||
beforeMount () {},
|
||||
mounted () {
|
||||
this.info = this.templateForm
|
||||
const id = this.$route.query.id || ''
|
||||
this.id = id
|
||||
if (id) {
|
||||
@ -308,7 +309,6 @@ export default {
|
||||
evaluationGroupId: res.id,
|
||||
calculateId: 1 }
|
||||
)
|
||||
this.info = res
|
||||
this.$forceUpdate()
|
||||
} catch (error) {
|
||||
this.$message.error(error.msg)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user