Skip to content

T
tl_estate
Commit e235f248 authored by duxinyuan's avatar duxinyuan
Browse files
Options

1

parent 70814784
Hide whitespace changes
Inline Side-by-side
Showing with 181 additions and 64 deletions
public/appnew/src/components/eval/eval_table.vue
View file @ e235f248
...@@ -2,61 +2,75 @@ ...@@ -2,61 +2,75 @@
<div style="margin-top:.3rem;" id="capture"> <div style="margin-top:.3rem;" id="capture">
<div class="overflow "> <div class="overflow ">
<div class="title">上海同联商业员工价值观考核表 </div> <div class="title">上海同联商业员工价值观考核表 </div>
<div style="margin-top:.36rem;overflow: hidden;"> <div class="overflow">
<div class="title_dark"> <div class="title_dark">
<img :src="darkStar" style="width:.2rem;float:left;margin-top:.05rem"> {{name}}
<span style="float:left;">培养八心级员工 打造八心级团队</span>
<img :src="darkStar" style="width:.2rem;float:left;margin-top:.05rem">
</div> </div>
<div class="title_time"> <div class="title_time">
{{today}} {{today}}
</div> </div>
</div> </div>
<div style="margin-top:.44rem"> <div style="margin-top:.3rem;">
<table class="table"> <div v-for="item,index in items" style="margin-top:.3rem;width:100%;overflow:hidden;">
<tbody> <div class="start_ten">
<tr> <span style="font-weight: 700;">{{index+1}}.{{item.title}}</span>
<td class="title">八心级事迹：</td> </div>
<td class="writeIn"> <div class="description" style="margin-top:.2rem;">
<textarea style="width:97%;height:300px" class="detail" placeholder="请输入" @input="autoTextarea($event,300)" v-model="str1"></textarea> {{item.description}}
</td> </div>
</tr> <div style="width: 100%; margin-top: 0.2rem;">
<tr> <div style="float:left;width:50%;" @click="changechek(true,index)">
<td class="title">感谢的人：</td> <img :src="item.checked ? checked : check" style="width:.44rem;margin-top:0rem;float:left;margin-left:1rem;"/>
<td class="writeIn"> <span class="chooseSpan">做到</span>
<textarea style="width:97%;height:60px" class="detail" placeholder="请输入" @input="autoTextarea($event,60)" v-model="str2"></textarea> </div>
</td> <div style="float:left;width:50%;" @click="changechek(false,index)">
</tr> <img :src="item.checked ? check : checked" style="width:.44rem;margin-top:0rem;float:left;margin-left:.4rem;"/>
<tr> <span class="chooseSpan">没有做到</span>
<td class="title">感谢理由：</td> </div>
<td class="writeIn"> </div>
<textarea style="width:97%;height:100px" class="detail" placeholder="请输入" @input="autoTextarea($event,100)" v-model="str3"></textarea> </div>
</td>
</tr>
<tr>
<td class="title">本周创新建议：</td>
<td class="writeIn">
<textarea style="width:97%;height:100px" class="detail" placeholder="请输入" @input="autoTextarea($event,100)" v-model="str4"></textarea>
</td>
</tr>
<tr>
<td class="title">是否被录取：</td>
<td class="writeIn">
<textarea style="width:97%;height:60px" class="detail" placeholder="请输入" @input="autoTextarea($event,60)" v-model="str5"></textarea>
</td>
</tr>
</tbody>
</table>
</div> </div>
<div style="margin-top:.3rem;">
<div class="start_ten">
<span style="line-height: 0.7rem; font-size: 0.28rem; font-family: PingFangSC-Regular; font-weight: 600; color: rgb(39, 39, 39);">八大价值观加分事迹</span>
</div>
<div style="margin-top:.1rem;">
<span style="line-height: 0.3rem; font-size: 0.28rem; font-family: PingFangSC-Regular; color: rgb(39, 39, 39);">(选填)弘扬一件八星级事迹 +10分</span>
</div>
<div>
<textarea class="detail" placeholder="点击填写，选择5项描述" v-model="jiazhi" style="height:100px" @input="autoTextarea($event,100)"></textarea>
</div>
</div>
<div style="margin-top:.3rem;">
<div class="start_ten">
<span style="line-height: 0.7rem; font-size: 0.28rem; font-family: PingFangSC-Regular; font-weight: 600; color: rgb(39, 39, 39);">成长路上要感谢的人</span>
</div>
<div style="margin-top:.1rem;">
<span style="line-height: 0.3rem; font-size: 0.28rem; font-family: PingFangSC-Regular; color: rgb(39, 39, 39);">(选填)被感谢的人一件事迹 +10分</span>
</div>
<div>
<textarea class="detail" placeholder="点击填写，选择5项描述" v-model="thanks" style="height:100px" @input="autoTextarea($event,100)"></textarea>
</div>
</div>
<div style="margin-top:.3rem;">
<div class="star_ten">
<span style="line-height: 0.7rem; font-size: 0.28rem; font-family: PingFangSC-Regular; font-weight: 600; color: rgb(39, 39, 39);">
考评结果{{totalVal}}分，{{totalVal>70 ? (totalVal > 80 ? '优秀' :'合格') :'不合格'}}
</span>
</div>
<div class="star_ten">
<span style="line-height: 0.7rem; font-size: 0.28rem; font-family: PingFangSC-Regular; font-weight: 600; color: rgb(39, 39, 39);">
考评主管： {{agent}}
</span>
</div>
</div>
{{totalVal}}
<div style="margin-top:.4rem;" > <div style="margin-top:.4rem;" >
<div class=" content" > <div class=" content" >
<p>注: 1、 感恩之心2、 诚信之心 3、团结之心 4、拼搏之心5、责任之心 6.创新之心 7.忠诚之心 8.荣誉之心 </p> <p>1、价值观考核周期以周为单位，每月4次考评; </p>
<p>I、上海同联价值观考核表适用于上海同联房地产所有员工，由员工本人每周写出一件符合上海同联地产价值观-八心级事迹，上级领导再进一步审核并作出评价; </p> <p>2、员工自评/生管考评必须以事实为依据，说明具体实例; </p>
<p>II、</p> <p>3、考评分数线:总分80分合格八星级员工、低于80分不合格八星级员工、高于80分为优秀八星级员工; </p>
<p>①员工:每周至少一件符合同联八心级价值观事件，每周没有八心级价值观事件的，多收分红次月全部取消 </p> <p>4、考评分数低于80分不合格者，处罚50俯卧撑。 </p>
<p>②店长及分部副总经理:每周至少-件符合八心级价值观事件，每周没有八心级事件的，多收分红次月全部取消 </p>
<p>③分部总经理:每周至少-件符合八心级价值观事件，每周没有八心级事件的扣除5000元工资。 备注:每周八心级价值观考核的中,不允许写拼搏心。</p>
</div> </div>
</div> </div>
...@@ -69,13 +83,94 @@ ...@@ -69,13 +83,94 @@
<script> <script>
import html2canvas from 'html2canvas'; import html2canvas from 'html2canvas';
import darkStar from '@/components/eval/images/darkstar.png'; import darkStar from '@/components/eval/images/darkstar.png';
import check from '@/components/eval/images/check.png';
import checked from '@/components/eval/images/checked.png';
export default { export default {
data : ()=>({ data : ()=>({
str1:'',str2:'',str3:'',str4:'',str5:'', str1:'',str2:'',str3:'',str4:'',str5:'',check,checked,
agent : '',
darkStar, darkStar,
goHigh : '', goHigh : '',
today : '' today : '',
jiazhi : '' ,
thanks:'' ,
items : [
{
checked : false ,
title : '考核项目:感恩之心',
description : '考核行为参照:同事帮助了自己，用行动感谢对方;尊重上司、尊重领导、尊重同事;把自己所学才能传承给学弟学妹;发现有损害公司利益行为严厉制止',
},
{
checked : false ,
title : '考核项目:诚信之心',
description : '考核行为参照:诚实守信、不说假话、不搞假数据;在同联不触犯任何一条-级投诉;在同联多收的每一分钱都及时上交;面对别人的贿赂，能够抵住诱惑拒绝接受或上交企业;严守保密承诺，不泄露公司机密信息',
},
{
checked : false ,
title : '考核项目:团结之心',
description : '考核行为参照:在同事需要帮助的时候及时伸出援助之手;团结友爱，同事之间相互帮助、相互尊敬;积极融入团队、配合团队完成团队工作;不发表任何破坏同事之间团结的言论',
},
{
checked : false ,
title : '考核项目:拼搏之心',
description : '考核行为参照:在同联工作不迟到、不早退;每天的数据都能够积极的完成;当天的工作当天做完从不拖拉;上班时间只做与工作有关的事情',
},
{
checked : false ,
title : '考核项目:责任之心',
description : '考核行为参照:发现问题能够积极思考改善方案;适应公司的日常变化、不抱怨;积极拥抱公司各项改革且积极参与;对改革遇到的困难与挫折能够自我调整适应',
},
{
checked : false ,
title : '考核项目:创新之心',
description : '考核行为参照:发现问题能够积极思考改善方案;适应公司的日常变化、不抱怨;积极拥抱公司各项改革且积极参与;对改革遇到的困难与挫折能够自我调整适应',
},
{
checked : false ,
title : '考核项目:忠诚之心',
description : '考核行为参照:坚守公司价值观、维护同联平台利益;不受金钱利益诱惑背叛同联出卖公司;对有损害公司利益的行为严厉制止并及时举报;用感恩的心正确对待自己对企业的付出和回报;发现企业外部人员有损害企业利益、形象的语言、行为时，能主动站出来指正、澄清。',
},
{
checked : false ,
title : '考核项目:荣誉之心',
description : '考核行为参照:关心团队成长、自觉地为团队争荣誉、做贡献;个人每月业绩都能完成自己制定的指标，从不拖后腿;每次PK赛都能竭尽全力为荣誉拼搏到底;团队荣誉高于一切，为拿下比赛可以加班加点;当个人利益与企业利益相冲突时，以企业利益为重',
},
{
checked : false ,
title : '树口碑建品牌',
description : '考核行为参照:用心服务每一个客户，带看客户都有好评反馈;客户因为你的优质的服务感动送锦旗、拍宣传视频;成交的每一个客户后期都会收到你的问候、祝福信息;帮助每一个客户严格把关审核确保客户租的商铺安全',
}
],
totalVal : 0 ,
}), }),
watch : {
'jiazhi' : function(n,o){
let that = this ;
console.log(n)
if ( n != "" ){
if ( o == "" ){
that.totalVal += 10 ;
}
} else {
if ( o !== "" ){
that.totalVal -= 10 ;
}
}
},
'thanks' : function(n,o){
let that = this ;
if ( n != "" ){
if ( o == "" ){
that.totalVal += 10 ;
}
} else {
if ( o !== "" ){
that.totalVal -= 10 ;
}
}
}
},
mounted (){ mounted (){
let date = new Date(); let date = new Date();
...@@ -85,6 +180,19 @@ ...@@ -85,6 +180,19 @@
this.today = year + '.' + ( month > 9 ? month : '0' + month ) + '.' + ( day > 9 ? day : '0' + day ) this.today = year + '.' + ( month > 9 ? month : '0' + month ) + '.' + ( day > 9 ? day : '0' + day )
}, },
methods : { methods : {
changechek ( boo , index ){
let that = this ;
if ( that.items[index].checked == boo ){
return false ;
} else {
if ( boo ){
that.totalVal += 10 ;
} else {
that.totalVal -= 10 ;
}
that.items[index].checked = boo ;
}
},
getImg (){ getImg (){
let that = this ; let that = this ;
if ( this.validateParams() ){ if ( this.validateParams() ){
...@@ -100,24 +208,15 @@ ...@@ -100,24 +208,15 @@
} }
}, },
validateParams (){ validateParams (){
if ( this.str1 == "" ){ if ( this.thanks == "" ){
layer.tipsX('请输入八心级事迹'); layer.tipsX('请输意见要感谢的人的事迹');
return false ;
} else if ( this.str2 == "" ){
layer.tipsX('请输入感谢的人');
return false ;
} else if ( this.str3 == "" ){
layer.tipsX('请输入感谢理由');
return false ;
} else if ( this.str4 == "" ){
layer.tipsX('请输入本周创新建议');
return false ; return false ;
} else if ( this.str5 == "" ){ }
layer.tipsX('请输入是否被录取'); if ( this.shiji == "" ){
layer.tipsX('请输入意见八星级事迹');
return false ; return false ;
} else { }
return true ; return true ;
}
}, },
autoTextarea(e,height) { autoTextarea(e,height) {
console.log(e) console.log(e)
...@@ -172,6 +271,7 @@ ...@@ -172,6 +271,7 @@
color:rgba(39,39,39,1); color:rgba(39,39,39,1);
line-height:.4rem; line-height:.4rem;
height:1rem; height:1rem;
width:6.38rem;
padding:.1rem .1rem; padding:.1rem .1rem;
} }
input::-webkit-input-placeholder, input::-webkit-input-placeholder,
...@@ -230,4 +330,20 @@ ...@@ -230,4 +330,20 @@
border-radius:.1rem; border-radius:.1rem;
background:linear-gradient(55deg,rgba(254,151,2,1) 0%,rgba(255,119,4,1) 100%); background:linear-gradient(55deg,rgba(254,151,2,1) 0%,rgba(255,119,4,1) 100%);
} }
.chooseSpan{
font-family: PingFangSC-Semibold;
float: left;
font-size: .32rem;
font-weight: 600;
color: #272727;
margin-left: .3rem;
line-height: .44rem;
}
.description {
font-size: .28rem;
font-family: PingFangSC-Regular;
font-weight: 400;
color: #272727;
line-height: .4rem;
}
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment