Skip to content

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

前端 duxinyuan

parent af399702
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 344 additions and 29 deletions
public/appnew/src/components/eval/eval_function.vue 0 → 100644
View file @ d4b616a1
This diff is collapsed.
public/appnew/src/components/eval/eval_sz.vue
View file @ d4b616a1
......@@ -2,10 +2,10 @@
<div style="margin-top:.3rem;" id="capture">
<div class="overflow">
<div class="title_dark">
南京东路店203周小雨
{{name}}
</div>
<div class="title_time">
2019.12.12
{{today}}
</div>
</div>
<div class="overflow" style="margin-top:.3rem;">
......@@ -23,13 +23,13 @@
<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>
<textarea class="detail" placeholder="点击填写，选择5项描述" v-model="obj.goHigh" style="height:50px" @input="autoTextarea($event,50)"></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="方法措施，要有目标、具体方案、奖惩措施，以及监督人。
<textarea v-show="index==0" class="detail" style="height:400px;" placeholder="方法措施，要有目标、具体方案、奖惩措施，以及监督人。
举例说明:
目标:本月分部目标120万(人员80*人均1.5万)
方案1:紧盯每个团队的日绩效完成情况，并监督好团队执行情况
......@@ -39,8 +39,10 @@
更新:每天标准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>
奖惩:完成目标奖励店长聚餐，未完成本人和区域所有店长外罚100俯卧增
执行人：XXX
监督人：X部全体人员" v-model="obj.deal" @input="autoTextarea($event,400)"></textarea>
<textarea v-show="index>0" class="detail" style="height:400px;" placeholder="点击填写" v-model="obj.deal" @input="autoTextarea($event,400)"></textarea>
</div>
</div>
......@@ -49,7 +51,7 @@
<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>
<textarea class="detail" placeholder="点击填写" style="height:50px" @input="autoTextarea($event,50)" v-model="dealWay"></textarea>
</div>
</div>
<div style="margin-top:.3rem;">
......@@ -57,12 +59,23 @@
<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>
<textarea class="detail" placeholder="点击填写" style="height:50px" @input="autoTextarea($event,50)" v-model="myself"></textarea>
</div>
</div>
<div style="margin-top:.3rem;" v-show="level != 10">
<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 class="star_ten content" >
<p>1、职业化能力包括制度化思维、系统化思维 </p>
<p>2、团队建设能力包括：个人团队的领导力、沟通力、绩效管理能力、人才招聘感召能力、培训能力、企业文化建设能力、定战略能力。</p>
<p>3、各位总经理填写做的不足的改善解决方法，请仔细填写目标、措施方法、奖惩方案以及执行人、监督人。 </p>
<p>4、每一位同联守护者，如果你想成为持续盈利的店长，必须从经营者综合素质及经营方法论两方面寻找自己的不足，只有清晰地认识到自己的不足并且积极去克服它，才能够成为持续盈利的经营者，并且能够孵化出更多的优秀经营者。</p>
</div>
</div>
</div>
<div class="buildImg" @click="getImg">提交</div>
<img :src="aaa" style="width:7.5rem;"/>
<!--<img :src="aaa" style="width:7.5rem;"/>-->
</div>
</template>
......@@ -72,7 +85,11 @@
import starOff from '@/components/eval/images/star-off.png';
export default {
data : ()=>({
aaa : '' ,
// aaa : '' ,
dealWay : '' ,
myself :'' ,
name : '南京东路店203周小雨',
level : 10 ,
starOn,starOff,
stars : [true,false,false,false,false,false,false,false,false,false] ,
scall : 0,
......@@ -125,10 +142,17 @@
goHigh : '' ,
deal : '' ,
}
]
],
today : ''
}),
mounted (){
this.name = this.$route.query.name ;
this.level = localStorage.getItem('userlevel');
let date = new Date();
let year = date.getFullYear() ;
let month = date.getMonth()+1;
let day = date.getDate();
this.today = year + '.' + ( month > 9 ? month : '0' + month ) + '.' + ( day > 9 ? day : '0' + day )
},
methods : {
changeStar ( obj , index ,i) {
......@@ -143,15 +167,53 @@
},
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();
if ( this.validateParams() ){
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();
})
}
},
validateParams(){
let that = this ;
let data = this.details ;
let boo = true ;
data.map( ( res ) => {
if ( boo ){
console.log(res);
if ( res.goHigh == "" ) {
layer.tipsX('请输入'+res.title+'的解决问题方案');
boo = false
}
if ( res.goHigh == "" ) {
layer.tipsX('请输入'+res.title+'需要提升的部分');
boo = false
}
if (res.scall < 1){
layer.tipsX('请对'+res.title+'进行评分');
boo = false ;
}
}
})
if ( this.dealWay == "" ){
layer.tipsX('请输入带队情况设想和解决方案');
boo = false ;
}
if ( this.myself == "" ){
layer.tipsX('请输入自我总结自我批评');
boo = false ;
}
return boo ;
},
autoTextarea(e,height) {
if ( e.target.scrollHeight >height ){
e.target.style.height = e.target.scrollHeight +'px';
}
},
},
}
......@@ -213,7 +275,6 @@
width:6.78rem;
height:1rem;
margin-top:.5rem;
background-color: red;
font-size:.32rem;
font-family:PingFangSC-Medium;
font-weight:500;
......@@ -222,5 +283,13 @@
text-align:center;
margin-left:.36rem;
border-radius:.1rem;
background:linear-gradient(55deg,rgba(254,151,2,1) 0%,rgba(255,119,4,1) 100%);
}
.content{
font-size:.28rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(153,153,153,1);
line-height:.44rem;
}
</style>
\ No newline at end of file
public/appnew/src/components/eval/eval_table.vue 0 → 100644
View file @ d4b616a1
<template>
<div style="margin-top:.3rem;" id="capture">
<div class="overflow ">
<div class="title">上海同联商业员工价值观考核表 </div>
<div style="margin-top:.36rem;overflow: hidden;">
<div class="title_dark">
<img :src="darkStar" style="width:.2rem;float:left;margin-top:.05rem">
<span style="float:left;">培养八心级员工 打造八心级团队</span>
<img :src="darkStar" style="width:.2rem;float:left;margin-top:.05rem">
</div>
<div class="title_time">
{{today}}
</div>
</div>
<div style="margin-top:.44rem">
<table class="table">
<tbody>
<tr>
<td class="title">八心级事迹：</td>
<td class="writeIn">
<textarea style="width:97%;height:300px" class="detail" placeholder="请输入" @input="autoTextarea($event,300)" v-model="str1"></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="str2"></textarea>
</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="str3"></textarea>
</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 style="margin-top:.4rem;" >
<div class=" content" >
<p>注: 1、 感恩之心2、 诚信之心 3、团结之心 4、拼搏之心5、责任之心 6.创新之心 7.忠诚之心 8.荣誉之心 </p>
<p>I、上海同联价值观考核表适用于上海同联房地产所有员工，由员工本人每周写出一件符合上海同联地产价值观-八心级事迹，上级领导再进一步审核并作出评价; </p>
<p>II、</p>
<p>①员工:每周至少一件符合同联八心级价值观事件，每周没有八心级价值观事件的，多收分红次月全部取消 </p>
<p>②店长及分部副总经理:每周至少-件符合八心级价值观事件，每周没有八心级事件的，多收分红次月全部取消 </p>
<p>③分部总经理:每周至少-件符合八心级价值观事件，每周没有八心级事件的扣除5000元工资。 备注:每周八心级价值观考核的中,不允许写拼搏心。</p>
</div>
</div>
</div>
<div class="buildImg" @click="getImg">提交</div>
<div style="width:100%;height:.1rem;"></div>
</div>
</template>
<script>
import html2canvas from 'html2canvas';
import darkStar from '@/components/eval/images/darkstar.png';
export default {
data : ()=>({
str1:'',str2:'',str3:'',str4:'',str5:'',
darkStar,
goHigh : '',
today : ''
}),
mounted (){
this.name = this.$route.query.name ;
let date = new Date();
let year = date.getFullYear() ;
let month = date.getMonth()+1;
let day = date.getDate();
this.today = year + '.' + ( month > 9 ? month : '0' + month ) + '.' + ( day > 9 ? day : '0' + day )
},
methods : {
getImg (){
let that = this ;
if ( this.validateParams() ){
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();
})
}
},
validateParams (){
if ( this.str1 == "" ){
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 ;
} else if ( this.str5 == "" ){
layer.tipsX('请输入是否被录取');
return false ;
} else {
return true ;
}
},
autoTextarea(e,height) {
console.log(e)
console.log(e.target.scrollHeight)
if ( e.target.scrollHeight > height ){
e.target.style.height = e.target.scrollHeight +'px';
}
},
},
}
</script>
<style scoped>
.overflow{
overflow:hidden;
padding:0rem .36rem ;
width:6.78rem;
}
.title{
text-align:Center;
font-size:.36rem;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(28,28,28,1);
line-height:.5rem;
width:100%;
}
.table {
border:1px solid #D9D9D9;
width:100%;
}
.table tr,td{
border:1px solid #D9D9D9;
padding:.1rem.2rem;
line-height:100%;
}
.table .title {
width:35%;
font-size:.28rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(28,28,28,1);
line-height:100%;
}
.table .writeIn{
width:65%;
}
.detail{
font-size:.28rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:.4rem;
height:1rem;
padding:.1rem .1rem;
}
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;
position : relative ;
top:50%;
transform:translateY(-50%);
}
textarea{
outline: none;
overflow: hidden;
resize: none;
word-break: break-all;
box-sizing: border-box;
}
.content{
font-size:.28rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(153,153,153,1);
line-height:.44rem;
width:100%;
}
.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;
}
.buildImg{
width:6.78rem;
height:1rem;
margin-top:.5rem;
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;
background:linear-gradient(55deg,rgba(254,151,2,1) 0%,rgba(255,119,4,1) 100%);
}
</style>
\ No newline at end of file
public/appnew/src/components/eval/mineeval.vue 0 → 100644
View file @ d4b616a1
<template>
</template>
<script>
</script>
<style>
</style>
\ No newline at end of file
public/appnew/src/router/index.js
View file @ d4b616a1
......@@ -32,12 +32,9 @@ 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'
import eval_function from '@/components/eval/eval_function'
import eval_table from '@/components/eval/eval_table'
Vue.use(VueRouter)
export default new VueRouter({
//mode: 'history',可去掉路由里的#
routes: [{
......@@ -203,10 +200,15 @@ export default new VueRouter({
path: '/eval_sz',
name: 'v-eval_sz',
component: eval_sz
},{
path: '/eval_function',
name: 'v-eval_function',
component: eval_function
},{
path: '/eval_table',
name: 'v-eval_table',
component: eval_table
}
]
})
......
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