Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
T
tl_estate
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
hujun
tl_estate
Commits
d4b616a1
Commit
d4b616a1
authored
Aug 14, 2019
by
duxinyuan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
前端 duxinyuan
parent
af399702
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
720 additions
and
21 deletions
+720
-21
eval_function.vue
public/appnew/src/components/eval/eval_function.vue
+384
-0
eval_sz.vue
public/appnew/src/components/eval/eval_sz.vue
+83
-13
eval_table.vue
public/appnew/src/components/eval/eval_table.vue
+234
-0
darkstar.png
public/appnew/src/components/eval/images/darkstar.png
+0
-0
mineeval.vue
public/appnew/src/components/eval/mineeval.vue
+9
-0
index.js
public/appnew/src/router/index.js
+10
-8
No files found.
public/appnew/src/components/eval/eval_function.vue
0 → 100644
View file @
d4b616a1
<
template
>
<div
style=
"margin-top:.3rem;"
id=
"capture"
>
<div
class=
"overflow"
>
<div
class=
"title_dark"
>
{{
name
}}
</div>
<div
class=
"title_time"
>
{{
today
}}
</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=
"点击填写"
style=
"height:100px;"
@
input=
"autoTextarea($event,100)"
v-model=
"lost"
></textarea>
</div>
</div>
</div>
<div
class=
"overflow"
>
<div
class=
"forDiv"
v-for=
"obj,index in details"
>
<div
class=
"title_span"
>
{{
index
+
1
}}
.
{{
obj
.
title
}}
</div>
<div
class=
"star_ten"
style=
"margin-top:.3rem;"
v-show=
"obj.isscall"
>
<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
v-show=
"!obj.isscall"
style=
"margin-top:.2rem;"
>
<textarea
class=
"detail"
placeholder=
"点击填写"
style=
"height:100px"
v-model=
"obj.goHigh"
@
input=
"autoTextarea($event,100)"
></textarea>
</div>
<div
class=
"star_ten"
v-show=
"obj.reason"
>
<span
style=
"line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:600;color:rgba(39,39,39,1);"
>
{{
obj
.
title1
}}
:
</span>
</div>
<div
v-show=
"obj.reason"
>
<textarea
class=
"detail"
:placeholder=
"obj.placeH ? obj.placeH : '点击填写'"
:style=
"obj.placeH ?
{'height':'300px'}:{}" v-model="obj.goHigh" @input="autoTextarea($event,300)">
</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><br
/>
<p>
在团队经营中,管理必须讲科学,那么我们如何怎么科学管理好团队呢?
</p><br
/>
<p>
我们把影响团队经营管理的每-项知识《团队战略定位》、《企业文化系统》、《绩效 系统建设》、《业务技能》、《人才战略系统建设》、《领导 力沟通力》、《职业化素养提升》、《商业地产专 业知识》、《管理者的基本知识》 做了细化!每个团队经营者可以从经营方法论表格里面的每一项影响管理结果的知识给自己评分,发现自己不足提升自己的经营知识!不断地学好经营者需要的每一项知识,并且学以致用,把它应用到自己团队的经营中!让自己成为一位合格的同联经营者!
</p>
</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、此表于每月开始的第一个企业文化日发到分部群,由店长(店长请假可由二把手)组织安排。每人5分钟左右时间,员工按次序阐述本月综合述职测评以及盈亏情况分析,再由店长依次点评指导。
</p><br
/>
</div>
</div>
</div>
<div
class=
"buildImg"
@
click=
"getImg"
>
提交
</div>
<div
style=
"width:100%;height:.1rem;"
></div>
</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 : '' ,
lost
:
''
,
name
:
'南京东路店203周小雨'
,
level
:
10
,
starOn
,
starOff
,
stars
:
[
true
,
false
,
false
,
false
,
false
,
false
,
false
,
false
,
false
,
false
]
,
scall
:
0
,
details
:
[
{
title
:
'团队战略定位'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
true
,
},
{
title
:
'文化系统建设(愿景、使命、价值观以及四化建设)'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
true
,
},
{
title
:
'绩效系统建设(绩效飞轮)'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
true
,
title1
:
'解决问题方案,具体执行细节'
,
placeH
:
''
,
isscall
:
true
,
},
{
title
:
'业务节能(网络获客,房源项目信息开发,带看成交转换提升)'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
true
,
},
{
title
:
'人才战略系统建设(找人.选人.用人.育人.留人.去人.接人)'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
true
,
},
{
title
:
'领导力沟通力'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
true
,
title1
:
'解决问题方案,具体执行细节(绩效、执行人)'
,
placeH
:
''
,
isscall
:
true
,
},
{
title
:
'职业化素养提升'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
true
,
},
{
title
:
'商业地产专业知识'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
true
,
},
{
title
:
'管理者的基本知识'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
true
,
title1
:
'解决问题方案,具体执行细节(绩效、执行人)'
,
placeH
:
''
,
isscall
:
true
,
},
{
title
:
'附加补充'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
false
,
}
],
today
:
''
}),
mounted
(){
this
.
level
=
localStorage
.
getItem
(
'userlevel'
);
if
(
this
.
level
==
10
){
this
.
details
=
[
{
title
:
'数据(房源、客源、带看、更新)'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
true
,
},{
title
:
'努力度'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
true
,
},{
title
:
'心态'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
true
,
},{
title
:
'技能'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
true
,
title1
:
'解决问题方案,具体执行细节(绩效、执行人)'
,
placeH
:
'举例:认识到问题(做为一 个同联的一员,让自己亏损,是非常一个丢脸的事。同时也发现自己的一些不足跟缺陷,月初没有给自己一个明确的主攻方向,没有意识到月初的一个重要性,从而导致月中的时候没有业绩开始着急,后面也因为一些案子没有搞定,导致了亏损。)解决方案:这个月从月头开始抓起,加强自己个人的数据绩效。这个月绩效:每天标准带看二组,少一组处罚30元,二组都完成奖励50元,(奖励只算项目带看跟独家散铺带看)客户每天每人一个标准,没有就处罚20,超过一个一个奖励20元(客户奖励只算市区餐饮客户)同时这个月每天八点半必须到店,以打卡时间算,没到的处罚50元-次。监督人: xox,执行人: xxx'
,
isscall
:
true
,
},
{
title
:
'附加补充'
,
scall
:
0
,
goHigh
:
''
,
deal
:
''
,
reason
:
false
,
title1
:
''
,
placeH
:
''
,
isscall
:
false
,
}
]
};
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
:
{
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
;
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
){
if
(
this
.
lost
==
""
){
layer
.
tipsX
(
'请简述亏损的主要原因'
);
boo
=
false
;
}
console
.
log
(
res
);
if
(
res
.
isscall
){
if
(
res
.
scall
<
1
){
layer
.
tipsX
(
'请对'
+
res
.
title
+
'进行评分'
);
boo
=
false
;
}
}
if
(
res
.
reason
){
if
(
res
.
goHigh
==
""
)
{
layer
.
tipsX
(
'请输入'
+
res
.
title
+
'的解决问题方案'
);
boo
=
false
}
}
}
})
return
boo
;
},
autoTextarea
(
e
,
height
)
{
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_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
:
.5rem
;
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
;
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%
);
}
.content
{
font-size
:
.28rem
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
);
line-height
:
.44rem
;
}
.forDiv
{
margin-top
:
.52rem
;
}
textarea
{
outline
:
none
;
overflow
:
hidden
;
resize
:
none
;
//调整属性指定一个元素是否是由用户调整大小的
both/horizontal
宽度/vertical
高度
word-break
:
break-all
;
box-sizing
:
border-box
;
}
</
style
>
\ No newline at end of file
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,6 +167,7 @@
},
getImg
(){
let
that
=
this
;
if
(
this
.
validateParams
()
){
window
.
scrollTo
(
0
,
0
)
;
html2canvas
(
document
.
getElementById
(
"capture"
),{
background
:
"rgba(255,255,255,1)"
,
...
...
@@ -152,6 +177,43 @@
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/images/darkstar.png
0 → 100644
View file @
d4b616a1
815 Bytes
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
}
]
})
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment