Commit 269eceb9 authored by duxinyuan's avatar duxinyuan

审核

parent d7da4903
<template>
<div style="margin-top:.3rem;" id="capture">
<div class="overflow">
<div class="title_dark">
南京东路店203周小雨
</div>
<div class="title_time">
2019.12.12
</div>
</div>
<div class="overflow" style="margin-top:.3rem;">
<div style="margin-top:.3rem;" v-for="obj,index in details">
<div class="title_span">
{{index+1}}.{{obj.title}}
</div>
<div class="star_ten" style="margin-top:.3rem;">
<div style="float:left;height:.7rem;">
<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(39,39,39,1);">评分:</span>
</div>
<img :src="index1 < obj.scall ? starOn : starOff" style="width:.56rem;height:.56rem;margin-top:.1rem;margin-left;" v-for="item,index1 in stars" @click="changeStar(stars,index1,index)">
</div>
<div class="star_ten" >
<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:600;color:rgba(39,39,39,1);">做的不足需要提升的部分:</span>
</div>
<div>
<textarea class="detail" placeholder="点击填写,选择5项描述" v-model="obj.goHigh"></textarea>
</div>
<div class="star_ten" >
<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:600;color:rgba(39,39,39,1);">解决办法:</span>
</div>
<div>
<textarea v-show="index==0" class="detail" style="height:7.84rem;" placeholder="方法措施,要有目标、具体方案、奖惩措施,以及监督人。
举例说明:
目标:本月分部目标120万(人员80*人均1.5万)
方案1:紧盯每个团队的日绩效完成情况,并监督好团队执行情况
房子:每天标准一个,没有房子处罚5元。
客户:每天标准2个,没有客户处罚5元,超额完奖励10元每个。
带看:每天标准2个,超过一组奖励20元, 一组没有处罚20元
更新:每天标准40个,少-个处罚2元。
网络:每天发布6条,没有完成的第二天8: 30到门店发网络
方案2:
奖惩:完成目标奖励店长聚餐,未完成本人和区域所有店长外罚100俯卧增" v-model="obj.deal"></textarea>
<textarea v-show="index>0" class="detail" style="height:7.84rem;" placeholder="点击填写" v-model="obj.deal"></textarea>
</div>
</div>
<div style="margin-top:.3rem;">
<div class="star_ten" >
<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:600;color:rgba(39,39,39,1);">你想过带团队最坏的情况是什么?如果出现,你如何应对?</span>
</div>
<div>
<textarea class="detail" placeholder="点击填写" ></textarea>
</div>
</div>
<div style="margin-top:.3rem;">
<div class="star_ten" >
<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:600;color:rgba(39,39,39,1);">自我总结自我批评</span>
</div>
<div>
<textarea class="detail" placeholder="点击填写" ></textarea>
</div>
</div>
</div>
<div class="buildImg" @click="getImg">提交</div>
<img :src="aaa" style="width:7.5rem;"/>
</div>
</template>
<script>
import html2canvas from 'html2canvas';
import starOn from '@/components/eval/images/star-on.png';
import starOff from '@/components/eval/images/star-off.png';
export default {
data : ()=>({
aaa : '' ,
starOn,starOff,
stars : [true,false,false,false,false,false,false,false,false,false] ,
scall : 0,
details : [
{
title : '目标考核',
scall : 0 ,
goHigh : '' ,
deal : '' ,
},
{
title : '危机感考核',
scall : 0 ,
goHigh : '' ,
deal : '' ,
},
{
title : '动力考核',
scall : 0 ,
goHigh : '' ,
deal : '' ,
}, {
title : '责任心考核',
scall : 0 ,
goHigh : '' ,
deal : '' ,
}, {
title : '事业心考核',
scall : 0 ,
goHigh : '' ,
deal : '' ,
}, {
title : '上进心考核',
scall : 0 ,
goHigh : '' ,
deal : '' ,
}, {
title : '努力度考核',
scall : 0 ,
goHigh : '' ,
deal : '' ,
}, {
title : '自律考核',
scall : 0 ,
goHigh : '' ,
deal : '' ,
}, {
title : '持之以恒的精神考核',
scall : 0 ,
goHigh : '' ,
deal : '' ,
}
]
}),
mounted (){
},
methods : {
changeStar ( obj , index ,i) {
let that = this ;
let arr = [] ;
obj.map((res,i) => {
arr.push(i < (index + 1))
});
// that.stars = arr ;
console.log(index)
that.details[i].scall = index + 1
},
getImg (){
let that = this ;
window.scrollTo(0,0) ;
html2canvas(document.getElementById("capture"),{
background: "rgba(255,255,255,1)",
onrendered: true
}).then ((canvas) =>{
console.log(canvas);
console.log(canvas.toDataURL());
that.aaa = canvas.toDataURL();
})
},
},
}
</script>
<style scoped>
.overflow{
overflow:hidden;
padding:0rem .36rem ;
width:6.78rem;
}
.title_dark {
font-size:.28rem;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(39,39,39,1);
line-height:.28rem;
float:left;
}
.title_time{
font-size:.26rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(28,28,28,1);
line-height:.36rem;
float:right;
}
.title_span{
font-size:.32rem;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(39,39,39,1);
line-height:.28rem;
width:100%;
}
.star_ten{
width:100%;
}
.detail{
font-size:.28rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:.4rem;
width:6.38rem;
height:1rem;
border:1px solid #eeeeee;
padding:.1rem .2rem
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-size:.28rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(153,153,153,1);
line-height:.4rem;
}
.buildImg{
width:6.78rem;
height:1rem;
margin-top:.5rem;
background-color: red;
font-size:.32rem;
font-family:PingFangSC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
line-height:1rem;
text-align:center;
margin-left:.36rem;
border-radius:.1rem;
}
</style>
\ No newline at end of file
......@@ -31,7 +31,7 @@ import buildList from '@/components/office_building/buildList'
import builldDetail from '@/components/office_building/builldDetail'
import receiveDetail from '@/components/receive/receiveDetail'
import test from '@/components/test/test'
import eval_sz from '@/components/eval/eval_sz'
Vue.use(VueRouter)
......@@ -199,6 +199,10 @@ export default new VueRouter({
path: '/test',
name: 'v-test',
component: test
},{
path: '/eval_sz',
name: 'v-eval_sz',
component: eval_sz
}
......
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