Commit 1a909465 authored by agping's avatar agping

日报验证

parent 16e4a6ee
......@@ -35,41 +35,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_day" 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>
......@@ -93,6 +93,8 @@
</tr>
</tbody>
</table>-->
<table border="0" cellspacing="0" cellpadding="0" class="table-type2">
<tr class="table-tr-single">
<td colspan="2">核心目标量化和完成目标的措施和方法及时间节点</td>
......@@ -100,34 +102,39 @@
<tr class="">
<td>9:15-11:45</td>
<td>
<div class="div-textarea" contenteditable="true">填写不少于10字</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">填写不少于10字</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">填写不少于10字</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">填写不少于10字</div>
<div class="div-textarea-limit input-limit-4" contenteditable="true">填写不少于10字</div>
</td>
</tr>
<tr class="">
<!--<tr class="">
<td>完不成如<br />何惩罚自<br />己</td>
<td>
<div class="div-textarea" contenteditable="true">填写不少于10字</div>
<div class="div-textarea" contenteditable="true">点击填写</div>
</td>
</tr>
</tr>-->
</table>
<table border="0" cellspacing="0" cellpadding="0" class="table-type10">
<tbody>
<tr class="table-tr-single"><td colspan="7">月数据</td></tr>
......@@ -143,12 +150,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-17"/></td>
<td><input type="number" placeholder="填写" v-model.number="keyuan_yue_mubiao" data-alert="月目标须填写完整" class="input-bitian-18"/></td>
<td><input type="number" placeholder="填写" v-model.number="daikan_yue_mubiao" data-alert="月目标须填写完整" class="input-bitian-19"/></td>
<td><input type="number" placeholder="填写" v-model.number="yeji_yue_mubiao" data-alert="月目标须填写完整" class="input-bitian-20"/></td>
<td><input type="number" placeholder="填写" v-model.number="shishou_yue_mubiao" data-alert="月目标须填写完整" class="input-bitian-21"/></td>
<td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_mubiao" data-alert="月目标须填写完整" class="input-bitian-22"/></td>
</tr>
<tr class="table-tr-benzhouwancheng">
<td>月完成</td>
......@@ -171,13 +178,13 @@
<tr>
<td style=" width:20% ">业绩目标(写10遍)</td>
<td colspan="6">
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea input-limit-5" contenteditable="true">点击填写</div>
</td>
</tr>
<tr>
<td style=" width:20%">业绩动力</td>
<td colspan="6">
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea input-limit-6" contenteditable="true">点击填写</div>
</td>
</tr>
</tbody>
......@@ -223,41 +230,41 @@
<tr>
<td>五项管理</td>
<td>分数</td>
<td>提高方法</td>
<td>提高方法(至少填两项)</td>
</tr>
<tr class="">
<td>目标管理</td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="分数须填写完整" class="input-bitian-23"/></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-24"/></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-25"/></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-26"/></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-27"/></td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
<div class="div-textarea input-limit-11" contenteditable="true">点击填写</div>
</td>
</tr>
</table>
......
......@@ -193,6 +193,26 @@ div.div-textarea.color-submit{
color: #333;
text-align: left;
}
/*字数限制*/
div.div-textarea-limit {
float: left;
width: 100%;
box-sizing: border-box;
/*padding: 20px 8px;*/
padding: 20px 0;
overflow-x: hidden;
overflow-y: auto;
color: #757575;
line-height: normal;
}
div.div-textarea-limit.color-submit{
color: #333;
text-align: left;
}
div.div-textarea.div-textarea-mdzj-header{
color: #F13D2F;
padding: 20px 0;
......
......@@ -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: {
......@@ -137,6 +140,93 @@ 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")
], 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() == '点击填写'){
alert('业绩目标必填');
return;
}
if($(".input-limit-6").html() == '' || $(".input-limit-6").html() == '点击填写'){
alert('业绩动力必填');
return;
}
if(yanzhengArr.length < 2){
alert('提高方法至少填两项');
return;
}
}
var _this = this;
var _timeStampObj = $('#time_stamp_area'); //时间区域div获取
var _titleBeforeObj = $('#titile_before'); //titile区域截图前后的div获取
......@@ -188,7 +278,6 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
$.ajax({
type: 'POST',
url: ServerHostTempCLiu + '/broker/weekWorkImg',
//url: '/broker/weekWorkImg',
data: {
'agent_id': _this.userId,
'img': img,
......@@ -251,4 +340,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
......@@ -59,7 +59,7 @@
[% } %]
</td>
<td>[%= it[item]['dish_name'] %]</td>
<td>[%= it[item]['name'] %]</td>
<td width="10%">[%= it[item]['create_time'] %]</td>
<td>
......
......@@ -51,7 +51,7 @@
</td>
<td>
[%if(it[item]["is_rent"] == 0) { %]
[% }else{ %]
已租
[% } %]
......
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