Commit c9d8d9f2 authored by agping's avatar agping

店长日报

parent 1a909465
......@@ -34,41 +34,41 @@
</tr>
<tr>
<td>房源</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="店长房源须填写完整" class="input-bitian-1"/></td>
<td>{{fangyuan}}</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="店长房源须填写完整" class="input-bitian-2"/></td>
<td><input type="number" placeholder="填写" data-alert="店长房源须填写完整" class="input-bitian-3"/></td>
</tr>
<tr>
<td>客源</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="店长客源须填写完整" class="input-bitian-4"/></td>
<td><input type="number" placeholder="填写" v-model.number="keyuan" readonly="" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="店长客源须填写完整" class="input-bitian-5"/></td>
<td><input type="number" placeholder="填写" data-alert="店长客源须填写完整" class="input-bitian-6"/></td>
</tr>
<tr>
<td>带看进场</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="店长带看进场须填写完整" class="input-bitian-7"/></td>
<td>{{daikan}}</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="店长带看进场须填写完整" class="input-bitian-8"/></td>
<td><input type="number" placeholder="填写" data-alert="店长带看进场须填写完整" class="input-bitian-9"/></td>
</tr>
<tr>
<td>跟进</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="店长跟进须填写完整" class="input-bitian-10"/></td>
<td>{{genjing_day}}</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="店长跟进须填写完整" class="input-bitian-11"/></td>
<td><input type="number" placeholder="填写" data-alert="店长跟进须填写完整" class="input-bitian-12"/></td>
</tr>
<tr>
<td>网络发布</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="店长网络发布须填写完整" class="input-bitian-13"/></td>
<td><input type="number" placeholder="填写" data-alert="店长网络发布须填写完整" class="input-bitian-14"/></td>
<td><input type="number" placeholder="填写" data-alert="店长网络发布须填写完整" class="input-bitian-15"/></td>
<td><input type="number" placeholder="填写" data-alert="店长网络发布须填写完整" class="input-bitian-16"/></td>
</tr>
</tbody>
</table>
......@@ -86,41 +86,41 @@
</tr>
<tr>
<td>房源</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="团队房源须填写完整" class="input-bitian-17"/></td>
<td>{{fangyuan}}</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="团队房源须填写完整" class="input-bitian-18"/></td>
<td><input type="number" placeholder="填写" data-alert="团队房源须填写完整" class="input-bitian-19"/></td>
</tr>
<tr>
<td>客源</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="团队客源须填写完整" class="input-bitian-20"/></td>
<td><input type="number" placeholder="填写" v-model.number="keyuan" readonly="" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="团队客源须填写完整" class="input-bitian-21"/></td>
<td><input type="number" placeholder="填写" data-alert="团队客源须填写完整" class="input-bitian-22"/></td>
</tr>
<tr>
<td>带看进场</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="团队带看进场须填写完整" class="input-bitian-23"/></td>
<td>{{daikan}}</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="团队带看进场须填写完整" class="input-bitian-24"/></td>
<td><input type="number" placeholder="填写" data-alert="团队带看进场须填写完整" class="input-bitian-25"/></td>
</tr>
<tr>
<td>业绩(元)</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="团队业绩须填写完整" class="input-bitian-26"/></td>
<td>{{daikan}}</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="团队业绩须填写完整" class="input-bitian-27"/></td>
<td><input type="number" placeholder="填写" data-alert="团队业绩须填写完整" class="input-bitian-28"/></td>
</tr>
<tr>
<td>实收(元)</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="团队实收须填写完整" class="input-bitian-29"/></td>
<td>{{daikan}}</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="团队实收须填写完整" class="input-bitian-30"/></td>
<td><input type="number" placeholder="填写" data-alert="团队实收须填写完整" class="input-bitian-31"/></td>
</tr>
</tbody>
</table>
......@@ -152,25 +152,25 @@
<tr class="">
<td>9:15-11:45</td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea-limit input-limit-1" contenteditable="true">填写不少于10字</div>
</td>
</tr>
<tr class="">
<td>12:30-14:30</td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea-limit input-limit-2" contenteditable="true">填写不少于10字</div>
</td>
</tr>
<tr class="">
<td>14:30-17:45</td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea-limit input-limit-3" contenteditable="true">填写不少于10字</div>
</td>
</tr>
<tr class="">
<td>18:30-20:00</td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea-limit input-limit-4" contenteditable="true">填写不少于10字</div>
</td>
</tr>
<!--<tr class="">
......@@ -185,11 +185,11 @@
<td colspan="6">员工打分和点评(1-10分)</td>
</tr>
<tr class="table-tr-header" id="groupInfoArea">
<td>姓名</td>
<td>房源</td>
<td style="width: 20%;">客源</td>
<td>进场</td>
<td>业绩</td>
<td style="width: 15%;">姓名</td>
<td style="width: 10%;">房源</td>
<td style="width: 10%;">客源</td>
<td style="width: 10%;">进场</td>
<td style="width: 15%;">业绩</td>
<td>点评</td>
</tr>
<tr v-for="(item, index) in peopleList" data-id="item.agent_id">
......@@ -207,13 +207,13 @@
<tr class="table-tr-textarea tr-padding20">
<td>点评优秀员工</td>
<td colspan="5">
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea-limit input-limit-5" contenteditable="true" style="font-size: 21px;">填写不少于10字</div>
</td>
</tr>
<tr class="table-tr-textarea tr-padding20">
<td>点评须进步员工</td>
<td colspan="5">
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea-limit input-limit-6" contenteditable="true" style="font-size: 21px;">填写不少于10字</div>
</td>
</tr>
</table>
......@@ -233,12 +233,12 @@
</tr>
<tr class="table-tr-benzhoumubiao">
<td>月目标</td>
<td><input type="number" placeholder="填写" v-model.number="fangyuan_yue_mubiao"/></td>
<td><input type="number" placeholder="填写" v-model.number="keyuan_yue_mubiao"/></td>
<td><input type="number" placeholder="填写" v-model.number="daikan_yue_mubiao"/></td>
<td><input type="number" placeholder="填写" v-model.number="yeji_yue_mubiao"/></td>
<td><input type="number" placeholder="填写" v-model.number="shishou_yue_mubiao"/></td>
<td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_mubiao"/></td>
<td><input type="number" placeholder="填写" v-model.number="fangyuan_yue_mubiao" data-alert="团队月目标须填写完整" class="input-bitian-32"/></td>
<td><input type="number" placeholder="填写" v-model.number="keyuan_yue_mubiao" data-alert="团队月目标须填写完整" class="input-bitian-33"/></td>
<td><input type="number" placeholder="填写" v-model.number="daikan_yue_mubiao" data-alert="团队月目标须填写完整" class="input-bitian-34"/></td>
<td><input type="number" placeholder="填写" v-model.number="yeji_yue_mubiao" data-alert="团队月目标须填写完整" class="input-bitian-1"/></td>
<td><input type="number" placeholder="填写" v-model.number="shishou_yue_mubiao" data-alert="团队月目标须填写完整" class="input-bitian-35"/></td>
<td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_mubiao" data-alert="团队月目标须填写完整" class="input-bitian-36"/></td>
</tr>
<tr class="table-tr-benzhouwancheng">
<td>月完成</td>
......@@ -337,41 +337,41 @@
<tr>
<td>五项管理</td>
<td>分数</td>
<td>提高方法</td>
<td>提高方法(至少填2项)</td>
</tr>
<tr class="">
<td>目标管理</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-37"/></td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea input-limit-7" contenteditable="true">点击填写</div>
</td>
</tr>
<tr class="">
<td>心态管理</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-38"/></td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea input-limit-8" contenteditable="true">点击填写</div>
</td>
</tr>
<tr class="">
<td>时间管理</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-39"/></td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea input-limit-9" contenteditable="true">点击填写</div>
</td>
</tr>
<tr class="">
<td>学习管理</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-40"/></td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea input-limit-10" contenteditable="true">点击填写</div>
</td>
</tr>
<tr class="">
<td>行动管理</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-41"/></td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea input-limit-11" contenteditable="true">点击填写</div>
</td>
</tr>
</table>
......
......@@ -7,6 +7,9 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
};
$('title').after('<meta name="viewport" content="width=device-width,initial-scale=' + (window.screen.width / 750) + ',maximum-scale=2.0,user-scalable=0" />');
var _appToken = getUrlParam('token');
//变量 验证所有input
var _isBreakFlag = false;
var vm = new Vue({
el: '#app',
data: {
......@@ -156,6 +159,111 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
});
},
save: function() {
//多个input输入框验证
$.each([
$(".input-bitian-1"),
$(".input-bitian-2"),
$(".input-bitian-3"),
$(".input-bitian-4"),
$(".input-bitian-5"),
$(".input-bitian-6"),
$(".input-bitian-7"),
$(".input-bitian-8"),
$(".input-bitian-9"),
$(".input-bitian-10"),
$(".input-bitian-11"),
$(".input-bitian-12"),
$(".input-bitian-13"),
$(".input-bitian-14"),
$(".input-bitian-15"),
$(".input-bitian-16"),
$(".input-bitian-17"),
$(".input-bitian-18"),
$(".input-bitian-19"),
$(".input-bitian-20"),
$(".input-bitian-21"),
$(".input-bitian-22"),
$(".input-bitian-23"),
$(".input-bitian-24"),
$(".input-bitian-25"),
$(".input-bitian-26"),
$(".input-bitian-27"),
$(".input-bitian-28"),
$(".input-bitian-29"),
$(".input-bitian-30"),
$(".input-bitian-31"),
$(".input-bitian-32"),
$(".input-bitian-33"),
$(".input-bitian-34"),
$(".input-bitian-35"),
$(".input-bitian-36"),
$(".input-bitian-37"),
$(".input-bitian-38"),
$(".input-bitian-39"),
$(".input-bitian-40"),
$(".input-bitian-41")
], function(i, item) {
if($.trim(item.val()) === '') {
alert(item.attr('data-alert'));
_isBreakFlag = true;
return false;
}else{
_isBreakFlag = false;
};
});
var yanzhengArr=[];
if($(".input-limit-7").html() != '点击填写' && $(".input-limit-7").html() != ''){
yanzhengArr.push(1);
}
if($(".input-limit-8").html() != '点击填写' && $(".input-limit-8").html() != ''){
yanzhengArr.push(1);
}
if($(".input-limit-9").html() != '点击填写' && $(".input-limit-9").html() != ''){
yanzhengArr.push(1);
}
if($(".input-limit-10").html() != '点击填写' && $(".input-limit-10").html() != ''){
yanzhengArr.push(1);
}
if($(".input-limit-11").html() != '点击填写' && $(".input-limit-11").html() != ''){
yanzhengArr.push(1);
}
//验证div 字数要求
if(_isBreakFlag){//true 不进行义验证
return
}else{
if($(".input-limit-1").html() == '' || $(".input-limit-1").html().length < 10){
alert('核心目标量化须填写完整且字数不少于10字');
return;
}
if($(".input-limit-2").html() == '' || $(".input-limit-2").html().length < 10){
alert('核心目标量化须填写完整且字数不少于10字');
return;
}
if($(".input-limit-3").html() == '' || $(".input-limit-3").html().length < 10){
alert('核心目标量化须填写完整且字数不少于10字');
return;
}
if($(".input-limit-4").html() == '' || $(".input-limit-4").html().length < 10){
alert('核心目标量化须填写完整且字数不少于10字');
return;
}
if($(".input-limit-5").html() == '' || $(".input-limit-5").html().length < 10){
alert('点评游戏员工须填写完整且字数不少于10字');
return;
}
if($(".input-limit-6").html() == '' || $(".input-limit-6").html().length < 10){
alert('点评须进步员工须填写完整且字数不少于10字');
return;
}
if(yanzhengArr.length < 2){
alert('提高方法至少填两项');
return;
}
};
var _this = this;
var _timeStampObj = $('#time_stamp_area'); //时间区域div获取
var _titleBeforeObj = $('#titile_before'); //titile区域截图前后的div获取
......@@ -270,4 +378,18 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
_this.html('点击填写').removeClass('color-submit');
}
});
//填写字数限制
_doc.on('click', '.div-textarea-limit', function(e) {
var _this = $(this);
if(_this.html() === '填写不少于10字') {
_this.html('').addClass('color-submit');
}
});
_doc.on('blur', '.div-textarea-limit', function(e) {
var _this = $(this);
if(_this.html() === '') {
_this.html('填写不少于10字').removeClass('color-submit');
}
});
});
\ No newline at end of file
......@@ -170,7 +170,7 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
$(".input-bitian-26"),
$(".input-bitian-27")
], function(i, item) {
if($.trim(item.val()) == '') {
if($.trim(item.val()) === '') {
alert(item.attr('data-alert'));
_isBreakFlag = true;
return false;
......@@ -226,7 +226,7 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
alert('提高方法至少填两项');
return;
}
}
};
var _this = this;
var _timeStampObj = $('#time_stamp_area'); //时间区域div获取
var _titleBeforeObj = $('#titile_before'); //titile区域截图前后的div获取
......
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