Skip to content

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

店长周报

parent c8189098
Hide whitespace changes
Inline Side-by-side
Showing with 189 additions and 42 deletions
application/app_broker/view/index/weekly_achieve_dz.html
View file @ 31e87617
......@@ -28,21 +28,21 @@
<tr class="table-tr-single"><td colspan="4">月数据</td></tr>
<tr>
<td>本月业绩(元)</td>
<td><input type="number" placeholder="填写" v-model.number="benyueYeji" /></td>
<td><input type="number" placeholder="填写" v-model.number="benyueYeji" data-alert="本月业绩须填写完整" class="input-bitian-1"/></td>
<td>人均业绩(元)</td>
<td>{{renjunYeji}}</td>
</tr>
<tr>
<td>本月实收(元)</td>
<td><input type="number" placeholder="填写" v-model.number="benyueShishou" /></td>
<td><input type="number" placeholder="填写" v-model.number="benyueShishou" data-alert="本月实收须填写完整" class="input-bitian-2"/></td>
<td>人均实收(元)</td>
<td>{{renjunShishou}}</td>
</tr>
<tr>
<td>本月目标单数</td>
<td><input type="number" placeholder="填写" v-model.number="dsmb" /></td>
<td><input type="number" placeholder="填写" v-model.number="dsmb" data-alert="本月目标单数须填写完整" class="input-bitian-3"/></td>
<td>本月完成单数</td>
<td><input type="number" placeholder="填写" v-model.number="dswc" /></td>
<td><input type="number" placeholder="填写" v-model.number="dswc" data-alert="本月完成单数须填写完整" class="input-bitian-4"/></td>
</tr>
<tr>
<td>单数差额</td>
......@@ -66,11 +66,11 @@
</tr>
<tr class="table-tr-benzhoumubiao">
<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="填写" /></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>
<td><input type="number" placeholder="填写" data-alert="本周目标带看须填写完整" class="input-bitian-7"/></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 class="table-tr-benzhouwancheng">
<td>本周完成</td>
......@@ -90,19 +90,19 @@
</tr>
<tr class="table-tr-xiazhoumubiao">
<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="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="下周目标房源须填写完整" class="input-bitian-12"/></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>
<tr class="table-tr-fakuanbiaozhun tr-lineheight30">
<td>罚款标准<br /><span class="span-special1">(元/组)</span></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="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="罚款标准须填写完整" class="input-bitian-17"/></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>
<td><input type="number" placeholder="填写" data-alert="罚款标准须填写完整" class="input-bitian-20"/></td>
<td><input type="number" placeholder="填写" data-alert="罚款标准须填写完整" class="input-bitian-21"/></td>
</tr>
<tr class="table-tr-fakuanjine">
<td>罚款金额</td>
......@@ -115,19 +115,25 @@
<tr class="table-tr-textarea tr-padding60">
<td>业绩方面的总结和措施方法</td>
<td colspan="6">
<div class="div-textarea" contenteditable="true" id="mendianzhou_text_data1">点击填写</div>
<div class="div-textarea-30 input-limit-1" contenteditable="true" id="mendianzhou_text_data1">填写30字以上</div>
</td>
</tr>
<tr class="table-tr-textarea tr-padding60">
<td>人员方面的总结和措施方法</td>
<td colspan="6">
<div class="div-textarea" contenteditable="true" id="mendianzhou_text_data2">点击填写</div>
<div class="div-textarea-30 input-limit-2" contenteditable="true" id="mendianzhou_text_data2">填写30字以上</div>
</td>
</tr>
<tr class="table-tr-textarea tr-padding60">
<td>战略定位</td>
<td colspan="6">
<div class="div-textarea-10 input-limit-3" contenteditable="true" id="">填写10字以上</div>
</td>
</tr>
<tr class="table-tr-textarea tr-padding60">
<td>日数据管理方案</td>
<td colspan="6">
<div class="div-textarea" contenteditable="true" id="mendianzhou_text_data3">点击填写</div>
<div class="div-textarea-30 input-limit-4" contenteditable="true" id="mendianzhou_text_data3">填写30字以上</div>
</td>
</tr>
</tbody>
......@@ -149,10 +155,10 @@
<td></td>
<td></td>
<td></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写"/></td>
<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>
</tr>
</tbody>
</table>
......@@ -169,21 +175,21 @@
<td>网络</td>
</tr>
<tr>
<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="填写" /></td>
<td><input type="number" placeholder="填写" /></td>
<td><input type="number" placeholder="填写" data-alert="店长下周目标个人数据" class="input-bitian-25"/></td>
<td><input type="number" placeholder="填写" data-alert="店长下周目标个人数据" class="input-bitian-26"/></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>
<td><input type="number" placeholder="填写" data-alert="店长下周目标个人数据" class="input-bitian-29"/></td>
<td><input type="number" placeholder="填写" data-alert="店长下周目标个人数据" class="input-bitian-30"/></td>
</tr>
<tr class="table-tr-textarea tr-padding60">
<td>店长个人自律事项</td>
<td colspan="6">
<div class="div-textarea" contenteditable="true" id="dianzhanggeren_text_data1">点击填写</div>
<div class="div-textarea-10 input-limit-5" contenteditable="true" id="dianzhanggeren_text_data1">填写10字以上</div>
</td>
</tr>
<tr class="table-tr-textarea tr-padding60">
<td>创新建议</td>
<td>创新建议(选填)</td>
<td colspan="6">
<div class="div-textarea" contenteditable="true" id="dianzhanggeren_text_data2">点击填写</div>
</td>
......@@ -240,13 +246,13 @@
<tr class="table-tr-textarea tr-padding60">
<td>点评优秀员工</td>
<td colspan="4">
<div class="div-textarea" contenteditable="true" id="yuangong_text_data1">点击填写</div>
<div class="div-textarea-10 input-limit-6" contenteditable="true" id="yuangong_text_data1">填写10字以上</div>
</td>
</tr>
<tr class="table-tr-textarea tr-padding60">
<td>点评须进步员工</td>
<td colspan="4">
<div class="div-textarea" contenteditable="true" id="yuangong_text_data2">点击填写</div>
<div class="div-textarea-10 input-limit-7" contenteditable="true" id="yuangong_text_data2">填写10字以上</div>
</td>
</tr>
</tbody>
......
public/app/css/report_achieve.css
View file @ 31e87617
......@@ -210,6 +210,40 @@ div.div-textarea-limit.color-submit{
color: #333;
text-align: left;
}
/*30字*/
div.div-textarea-30 {
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-30.color-submit{
color: #333;
text-align: left;
}
/*10字*/
div.div-textarea-10 {
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-10.color-submit{
color: #333;
text-align: left;
}
......
public/app/js/weekly_achieve_dz.js
View file @ 31e87617
......@@ -2,7 +2,7 @@
require(['vue', 'html2canvas', 'css!style/report_achieve.css', 'jquery0325', 'common'], function(Vue, html2canvas) {
$('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 _isBreakFlag = false;//标识必选
var _canClickFlag = true; //提交按钮是否可点击
var _titleBeforeObj = $('#titile_before'); //titile区域截图前后的div获取
var _titleTempObj = $('#titile_temp'); //titile汇报人
......@@ -123,6 +123,34 @@ require(['vue', 'html2canvas', 'css!style/report_achieve.css', 'jquery0325', 'co
_this.html('点击填写').removeClass('color-submit');
}
});
//30字
_doc.on('click', '.div-textarea-30', function(e) {
var _this = $(this);
if(_this.html() === '填写30字以上') {
_this.html('').addClass('color-submit');
}
});
_doc.on('blur', '.div-textarea-30', function(e) {
var _this = $(this);
if(_this.html() === '') {
_this.html('填写30字以上').removeClass('color-submit');
}
});
//10字
_doc.on('click', '.div-textarea-10', function(e) {
var _this = $(this);
if(_this.html() === '填写10字以上') {
_this.html('').addClass('color-submit');
}
});
_doc.on('blur', '.div-textarea-10', function(e) {
var _this = $(this);
if(_this.html() === '') {
_this.html('填写10字以上').removeClass('color-submit');
}
});
_doc.on('input', '.table-tr-benzhoumubiao>td:nth-of-type(2)>input,.table-tr-benzhoumubiao>td:nth-of-type(4)>input,.table-tr-benzhoumubiao>td:nth-of-type(6)>input', function(e) {
e.preventDefault();
......@@ -232,13 +260,13 @@ require(['vue', 'html2canvas', 'css!style/report_achieve.css', 'jquery0325', 'co
'searchTimeEnd': _weekly_data['enddate']
};
_data['textdata'] = {
'mendianzhou_text_data1': $.trim($('#mendianzhou_text_data1').html() == '点击填写' ? '' : $('#mendianzhou_text_data1').html()),
'mendianzhou_text_data2': $.trim($('#mendianzhou_text_data2').html() == '点击填写' ? '' : $('#mendianzhou_text_data2').html()),
'mendianzhou_text_data3': $.trim($('#mendianzhou_text_data3').html() == '点击填写' ? '' : $('#mendianzhou_text_data3').html()),
'dianzhanggeren_text_data1': $.trim($('#dianzhanggeren_text_data1').html() == '点击填写' ? '' : $('#dianzhanggeren_text_data1').html()),
'mendianzhou_text_data1': $.trim($('#mendianzhou_text_data1').html() == '填写30字以上' ? '' : $('#mendianzhou_text_data1').html()),
'mendianzhou_text_data2': $.trim($('#mendianzhou_text_data2').html() == '填写30字以上' ? '' : $('#mendianzhou_text_data2').html()),
'mendianzhou_text_data3': $.trim($('#mendianzhou_text_data3').html() == '填写30字以上' ? '' : $('#mendianzhou_text_data3').html()),
'dianzhanggeren_text_data1': $.trim($('#dianzhanggeren_text_data1').html() == '填写10字以上' ? '' : $('#dianzhanggeren_text_data1').html()),
'dianzhanggeren_text_data2': $.trim($('#dianzhanggeren_text_data2').html() == '点击填写' ? '' : $('#dianzhanggeren_text_data2').html()),
'yuangong_text_data1': $.trim($('#yuangong_text_data1').html() == '点击填写' ? '' : $('#yuangong_text_data1').html()),
'yuangong_text_data2': $.trim($('#yuangong_text_data2').html() == '点击填写' ? '' : $('#yuangong_text_data2').html())
'yuangong_text_data1': $.trim($('#yuangong_text_data1').html() == '填写10字以上' ? '' : $('#yuangong_text_data1').html()),
'yuangong_text_data2': $.trim($('#yuangong_text_data2').html() == '填写10字以上' ? '' : $('#yuangong_text_data2').html())
};
localStorage.setItem('dzZbData', encodeURIComponent(JSON.stringify(_data)));
},
......@@ -254,6 +282,85 @@ require(['vue', 'html2canvas', 'css!style/report_achieve.css', 'jquery0325', 'co
}
},
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")
], function(i, item) {
if($.trim(item.val()) === '') {
alert(item.attr('data-alert'));
_isBreakFlag = true;
return false;
}else{
_isBreakFlag = false;
};
});
//验证div 字数要求
if(_isBreakFlag){//true 不进行义验证
return
}else{
if($(".input-limit-1").html() == '' || $(".input-limit-1").html().length < 30){
alert('业绩方面的总结和措施方法须填写完整且字数不少于30字');
return;
}
if($(".input-limit-2").html() == '' || $(".input-limit-2").html().length < 30){
alert('人员方面的总结和措施方法须填写完整且字数不少于30字');
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 < 30){
alert('日数据管理方案须填写完整且字数不少于30字');
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($(".input-limit-7").html() == '' || $(".input-limit-7").html().length < 10){
alert('点评须进步员工须填写完整且字数不少于10字');
return;
}
};
var _vueThis = 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