Commit c9d8d9f2 authored by agping's avatar agping

店长日报

parent 1a909465
...@@ -34,41 +34,41 @@ ...@@ -34,41 +34,41 @@
</tr> </tr>
<tr> <tr>
<td>房源</td> <td>房源</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长房源须填写完整" class="input-bitian-1"/></td>
<td>{{fangyuan}}</td> <td>{{fangyuan}}</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长房源须填写完整" class="input-bitian-2"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长房源须填写完整" class="input-bitian-3"/></td>
</tr> </tr>
<tr> <tr>
<td>客源</td> <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="填写" v-model.number="keyuan" readonly="" /></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长客源须填写完整" class="input-bitian-5"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长客源须填写完整" class="input-bitian-6"/></td>
</tr> </tr>
<tr> <tr>
<td>带看进场</td> <td>带看进场</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长带看进场须填写完整" class="input-bitian-7"/></td>
<td>{{daikan}}</td> <td>{{daikan}}</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长带看进场须填写完整" class="input-bitian-8"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长带看进场须填写完整" class="input-bitian-9"/></td>
</tr> </tr>
<tr> <tr>
<td>跟进</td> <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>{{genjing_day}}</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长跟进须填写完整" class="input-bitian-11"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长跟进须填写完整" class="input-bitian-12"/></td>
</tr> </tr>
<tr> <tr>
<td>网络发布</td> <td>网络发布</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长网络发布须填写完整" class="input-bitian-13"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长网络发布须填写完整" class="input-bitian-14"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长网络发布须填写完整" class="input-bitian-15"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="店长网络发布须填写完整" class="input-bitian-16"/></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
...@@ -86,41 +86,41 @@ ...@@ -86,41 +86,41 @@
</tr> </tr>
<tr> <tr>
<td>房源</td> <td>房源</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队房源须填写完整" class="input-bitian-17"/></td>
<td>{{fangyuan}}</td> <td>{{fangyuan}}</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队房源须填写完整" class="input-bitian-18"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队房源须填写完整" class="input-bitian-19"/></td>
</tr> </tr>
<tr> <tr>
<td>客源</td> <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="填写" v-model.number="keyuan" readonly="" /></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队客源须填写完整" class="input-bitian-21"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队客源须填写完整" class="input-bitian-22"/></td>
</tr> </tr>
<tr> <tr>
<td>带看进场</td> <td>带看进场</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队带看进场须填写完整" class="input-bitian-23"/></td>
<td>{{daikan}}</td> <td>{{daikan}}</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队带看进场须填写完整" class="input-bitian-24"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队带看进场须填写完整" class="input-bitian-25"/></td>
</tr> </tr>
<tr> <tr>
<td>业绩(元)</td> <td>业绩(元)</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队业绩须填写完整" class="input-bitian-26"/></td>
<td>{{daikan}}</td> <td>{{daikan}}</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队业绩须填写完整" class="input-bitian-27"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队业绩须填写完整" class="input-bitian-28"/></td>
</tr> </tr>
<tr> <tr>
<td>实收(元)</td> <td>实收(元)</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队实收须填写完整" class="input-bitian-29"/></td>
<td>{{daikan}}</td> <td>{{daikan}}</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队实收须填写完整" class="input-bitian-30"/></td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="团队实收须填写完整" class="input-bitian-31"/></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
...@@ -152,25 +152,25 @@ ...@@ -152,25 +152,25 @@
<tr class=""> <tr class="">
<td>9:15-11:45</td> <td>9:15-11:45</td>
<td> <td>
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea-limit input-limit-1" contenteditable="true">填写不少于10字</div>
</td> </td>
</tr> </tr>
<tr class=""> <tr class="">
<td>12:30-14:30</td> <td>12:30-14:30</td>
<td> <td>
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea-limit input-limit-2" contenteditable="true">填写不少于10字</div>
</td> </td>
</tr> </tr>
<tr class=""> <tr class="">
<td>14:30-17:45</td> <td>14:30-17:45</td>
<td> <td>
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea-limit input-limit-3" contenteditable="true">填写不少于10字</div>
</td> </td>
</tr> </tr>
<tr class=""> <tr class="">
<td>18:30-20:00</td> <td>18:30-20:00</td>
<td> <td>
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea-limit input-limit-4" contenteditable="true">填写不少于10字</div>
</td> </td>
</tr> </tr>
<!--<tr class=""> <!--<tr class="">
...@@ -185,11 +185,11 @@ ...@@ -185,11 +185,11 @@
<td colspan="6">员工打分和点评(1-10分)</td> <td colspan="6">员工打分和点评(1-10分)</td>
</tr> </tr>
<tr class="table-tr-header" id="groupInfoArea"> <tr class="table-tr-header" id="groupInfoArea">
<td>姓名</td> <td style="width: 15%;">姓名</td>
<td>房源</td> <td style="width: 10%;">房源</td>
<td style="width: 20%;">客源</td> <td style="width: 10%;">客源</td>
<td>进场</td> <td style="width: 10%;">进场</td>
<td>业绩</td> <td style="width: 15%;">业绩</td>
<td>点评</td> <td>点评</td>
</tr> </tr>
<tr v-for="(item, index) in peopleList" data-id="item.agent_id"> <tr v-for="(item, index) in peopleList" data-id="item.agent_id">
...@@ -207,13 +207,13 @@ ...@@ -207,13 +207,13 @@
<tr class="table-tr-textarea tr-padding20"> <tr class="table-tr-textarea tr-padding20">
<td>点评优秀员工</td> <td>点评优秀员工</td>
<td colspan="5"> <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> </td>
</tr> </tr>
<tr class="table-tr-textarea tr-padding20"> <tr class="table-tr-textarea tr-padding20">
<td>点评须进步员工</td> <td>点评须进步员工</td>
<td colspan="5"> <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> </td>
</tr> </tr>
</table> </table>
...@@ -233,12 +233,12 @@ ...@@ -233,12 +233,12 @@
</tr> </tr>
<tr class="table-tr-benzhoumubiao"> <tr class="table-tr-benzhoumubiao">
<td>月目标</td> <td>月目标</td>
<td><input type="number" placeholder="填写" v-model.number="fangyuan_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"/></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"/></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"/></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"/></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"/></td> <td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_mubiao" data-alert="团队月目标须填写完整" class="input-bitian-36"/></td>
</tr> </tr>
<tr class="table-tr-benzhouwancheng"> <tr class="table-tr-benzhouwancheng">
<td>月完成</td> <td>月完成</td>
...@@ -337,41 +337,41 @@ ...@@ -337,41 +337,41 @@
<tr> <tr>
<td>五项管理</td> <td>五项管理</td>
<td>分数</td> <td>分数</td>
<td>提高方法</td> <td>提高方法(至少填2项)</td>
</tr> </tr>
<tr class=""> <tr class="">
<td>目标管理</td> <td>目标管理</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-37"/></td>
<td> <td>
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea input-limit-7" contenteditable="true">点击填写</div>
</td> </td>
</tr> </tr>
<tr class=""> <tr class="">
<td>心态管理</td> <td>心态管理</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-38"/></td>
<td> <td>
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea input-limit-8" contenteditable="true">点击填写</div>
</td> </td>
</tr> </tr>
<tr class=""> <tr class="">
<td>时间管理</td> <td>时间管理</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-39"/></td>
<td> <td>
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea input-limit-9" contenteditable="true">点击填写</div>
</td> </td>
</tr> </tr>
<tr class=""> <tr class="">
<td>学习管理</td> <td>学习管理</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-40"/></td>
<td> <td>
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea input-limit-10" contenteditable="true">点击填写</div>
</td> </td>
</tr> </tr>
<tr class=""> <tr class="">
<td>行动管理</td> <td>行动管理</td>
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-41"/></td>
<td> <td>
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea input-limit-11" contenteditable="true">点击填写</div>
</td> </td>
</tr> </tr>
</table> </table>
......
...@@ -7,6 +7,9 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque ...@@ -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" />'); $('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'); var _appToken = getUrlParam('token');
//变量 验证所有input
var _isBreakFlag = false;
var vm = new Vue({ var vm = new Vue({
el: '#app', el: '#app',
data: { data: {
...@@ -156,6 +159,111 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque ...@@ -156,6 +159,111 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
}); });
}, },
save: function() { 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 _this = this;
var _timeStampObj = $('#time_stamp_area'); //时间区域div获取 var _timeStampObj = $('#time_stamp_area'); //时间区域div获取
var _titleBeforeObj = $('#titile_before'); //titile区域截图前后的div获取 var _titleBeforeObj = $('#titile_before'); //titile区域截图前后的div获取
...@@ -270,4 +378,18 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque ...@@ -270,4 +378,18 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
_this.html('点击填写').removeClass('color-submit'); _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 ...@@ -170,7 +170,7 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
$(".input-bitian-26"), $(".input-bitian-26"),
$(".input-bitian-27") $(".input-bitian-27")
], function(i, item) { ], function(i, item) {
if($.trim(item.val()) == '') { if($.trim(item.val()) === '') {
alert(item.attr('data-alert')); alert(item.attr('data-alert'));
_isBreakFlag = true; _isBreakFlag = true;
return false; return false;
...@@ -226,7 +226,7 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque ...@@ -226,7 +226,7 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
alert('提高方法至少填两项'); alert('提高方法至少填两项');
return; return;
} }
} };
var _this = this; var _this = this;
var _timeStampObj = $('#time_stamp_area'); //时间区域div获取 var _timeStampObj = $('#time_stamp_area'); //时间区域div获取
var _titleBeforeObj = $('#titile_before'); //titile区域截图前后的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