Skip to content

T
tl_estate
Commit 35251803 authored by agping's avatar agping
Browse files
Options

诚信

parent 1fd5ba7a
Show whitespace changes
Inline Side-by-side
Showing with 331 additions and 0 deletions
public/appnew/src/components/eval/eval_faith.vue 0 → 100644
View file @ 35251803
<template>
<div>
<header style="box-shadow: none;">
<a class="ps-back" @click="back" href="javascript:;"></a>
<h2>{{title}}</h2>
<a class="icon-link icon-link-share" @click="mineCommite(3)">我的提交</a>
<slot></slot>
</header>
<div style="margin-top:1.2rem;" id="capture">
<div class="header_seat"></div>
<div class="overflow">
<div class="title_dark">
{{name}}
</div>
<div class="title_time">
{{today}}
</div>
<div style="margin-top:.5rem;" v-for="(item,index) in detailsList">
<div class="star_ten" style="margin-bottom: .2rem;line-height:.5rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:600;color:rgba(39,39,39,1);">
{{++index}}、{{item.title}}
</div>
<div>
<textarea class="detail" placeholder="请输入你的思考" style="height:100px;" @input="autoTextarea($event,100)" v-model="item.con"></textarea>
</div>
</div>
</div>
<div class="overflow">
<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>业务部全体员工在每个月的第三周（周一）通过APP发布《忠诚诚信表》。以团队为单位，只要团队有人未发布《忠诚诚信表》，则直接处罚该店长20元至店长公积金。 </p>
</div>
</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 : ()=>({
name : '',
title : '忠诚诚信表',
detailsList : [
{
'title' : '如果你是公司的老板，发现别人走私单，挖你的员工，你会怎么样?',
'con' : ''
},
{
'title' : '你如何看待这种不忠不信，走私单的人?',
'con' : ''
},
{
'title' : '你以后会和这种人在-起共事吗?你还会和这种人合作吗?会的理由是什么，不会的理由是什么?',
'con' : ''
}
],
today : ''
}),
mounted (){
this.common.h5PageC(this.$route.query.token, function(){
});
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 : {
back() {
var _this = this;
if ( this.imgArea ){
this.imgArea = false ;
} else {
history.go(-1);
_this.common.Compatible({
paraIos: {
'route': 'aabb',
'url': 'back'
},
fnAndroid: function() {
window.android.onBackPressed();
},
fn: function() {
console.warn('error');
}
});
}
},
mineCommite (type){
let that = this ;
this.$router.push({
path: '/eval_list',
query: {
type: type,
token : that.$route.query.token,
agent_id : that.$route.query.agent_id
}
});
},
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();
that.saveData(canvas.toDataURL('image/jpeg'))
})
}
},
saveData(img){//
let that = this ;
let host = this.common.ServerHostImageLiu;
that.axios({
method: 'post',
url: host + '/broker/uploadWorkLearning',
responseType: 'json',
data: {
agent_id : that.$route.query.agent_id,
img : img ,
AuthToken : that.$route.query.token,
type : 3 //诚信
}
}).then(function(res) {
if (res.data.code == 200 ){
layer.tipsX('提交成功');
} else {
layer.tipsX(res.data.msg);
}
}).catch(function(error) {
layer.tipsX(error);
});
},
validateParams (){//验证必填
let that = this ;
let data = this.detailsList ;
let boo = true ;
data.map( ( res ) => {
if ( boo ){
if( !res.con ){
layer.tipsX('请输入你对 '+res.title+' 这个问题的思考');
boo = false
}
console.log(res.con)
}
})
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;
}
header {
box-sizing: border-box;
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: .88rem;
background: #fff;
z-index: 100;
box-shadow: 0 2px 4px 0 rgba(186,186,186,0.15);
}
header.no-border{
box-shadow: none;
}
header .ps-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: .88rem;
height: .88rem;
background: url(images/ic_back_black@2x.png) no-repeat 0.3rem center;
background-size: .36rem .28rem;
}
header .icon-link {
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: block;
width: .88rem;
height: .88rem;
}
header .icon-link.icon-link-share {
/*background: url(images/icon_share@2x.png) no-repeat center center/.34rem .38rem;*/
content: "我的提交";
width:1.5rem;
float:right;
line-height:.88rem;
font-size:.22rem;
color:#FF9419
}
header>h2{
font-size: .34rem;
line-height: .88rem;
overflow: hidden;
height: .88rem;
padding: 0 .88rem;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
color: #333;
}
header+.header_seat {
height: 0.88rem;
}
</style>
\ No newline at end of file
public/appnew/src/components/publicEg/entrance.vue
View file @ 35251803
......@@ -161,6 +161,13 @@
'nameCustom': '经纪人评价',
'query': {
}
},
{
'path': '/eval_faith',
'nameCustom': '忠诚诚信表',
'query': {
}
}
......
public/appnew/src/router/index.js
View file @ 35251803
......@@ -184,6 +184,10 @@ export default new VueRouter({
path: '/agent_scall',
name: 'v-agent_scall',
component: resolve => require(['@/components/agentScall/agent_scall'],resolve)
},{
path: '/eval_faith',
name: 'v-eval_faith',
component: resolve => require(['@/components/eval/eval_faith'],resolve)
}
......
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