Commit bdca07e4 authored by agping's avatar agping

总监日报

parent 020edd79
...@@ -19,40 +19,152 @@ ...@@ -19,40 +19,152 @@
<div class="header_seat"></div> <div class="header_seat"></div>
<div id="screen_shot_area"> <div id="screen_shot_area">
<div id="titile_temp">汇报人:{{userName}}</div> <div id="titile_temp">汇报人:{{userName}}</div>
<div id="titile_before">今日总结 {{dateNow}}</div> <div id="titile_before">{{dateNow}}</div>
<div id="tab_table_area"> <div id="tab_table_area">
<section> <section>
<table border="0" cellspacing="0" cellpadding="0" class="table-type6"> <table border="0" cellspacing="0" cellpadding="0" class="table-type6">
<tbody> <tbody>
<tr class="table-tr-header"> <tr class="table-tr-single shanghai">
<td colspan="5" style="border: 0;">上海市-今日总结</td>
</tr>
<tr class="table-tr-header shanghai">
<td></td> <td></td>
<td>月目标</td> <td>月目标</td>
<td>月完成</td> <td>月完成</td>
<td>差额</td> <td>差额</td>
<td>人均</td> <td>人均</td>
</tr> </tr>
<tr> <tr class="shanghai">
<td>业绩(元)</td> <td>业绩(元)</td>
<td><input type="number" placeholder="填写" v-model.number="yeji_yue_mubiao" /></td> <td><input type="number" placeholder="填写" v-model.number="yeji_yue_mubiao" /></td>
<td><input type="number" placeholder="填写" v-model.number="yeji_yue_wancheng" /></td> <td><input type="number" placeholder="填写" v-model.number="yeji_yue_wancheng" /></td>
<td>{{chae(yeji_yue_mubiao, yeji_yue_wancheng)}}</td> <td>{{chae(yeji_yue_mubiao, yeji_yue_wancheng)}}</td>
<td>{{renjun(yeji_yue_wancheng)}}</td> <td>{{renjun(yeji_yue_wancheng)}}</td>
</tr> </tr>
<tr> <tr class="shanghai">
<td>实收(元)</td> <td>实收(元)</td>
<td><input type="number" placeholder="填写" v-model.number="shishou_yue_mubiao" /></td> <td><input type="number" placeholder="填写" v-model.number="shishou_yue_mubiao" /></td>
<td><input type="number" placeholder="填写" v-model.number="shishou_yue_wancheng" /></td> <td><input type="number" placeholder="填写" v-model.number="shishou_yue_wancheng" /></td>
<td>{{chae(shishou_yue_mubiao, shishou_yue_wancheng)}}</td> <td>{{chae(shishou_yue_mubiao, shishou_yue_wancheng)}}</td>
<td>{{renjun(shishou_yue_wancheng)}}</td> <td>{{renjun(shishou_yue_wancheng)}}</td>
</tr> </tr>
<tr> <tr class="shanghai">
<td>成交单数</td> <td>成交单数</td>
<td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_mubiao" /></td> <td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_mubiao" /></td>
<td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_wancheng" /></td> <td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_wancheng" /></td>
<td>{{chae(chengjiao_yue_mubiao, chengjiao_yue_wancheng)}}</td> <td>{{chae(chengjiao_yue_mubiao, chengjiao_yue_wancheng)}}</td>
<td>{{renjun(chengjiao_yue_wancheng)}}</td> <td>{{renjun(chengjiao_yue_wancheng)}}</td>
</tr> </tr>
<tr class="table-tr-single shanghai">
<td colspan="5">上海市-人员汇报</td>
</tr>
<tr class="shanghai">
<td>人员目标</td>
<td colspan="4"><input type="number" placeholder="填写" id="renshu_mubiao" /></td>
</tr>
<tr class="shanghai">
<td>现在人数</td>
<td id="renshu_now" colspan="4">{{peopleNum}}</td>
</tr>
<tr class="shanghai">
<td>人数差额</td>
<td colspan="4"><input type="number" placeholder="填写" id="renshu_chae" /></td>
</tr>
<!--杭州市-->
<tr class="table-tr-single hangzhou">
<td colspan="5">杭州市-今日总结</td>
</tr>
<tr class="table-tr-header hangzhou">
<td></td>
<td>月目标</td>
<td>月完成</td>
<td>差额</td>
<td>人均</td>
</tr>
<tr class="hangzhou">
<td>业绩(元)</td>
<td><input type="number" placeholder="填写" v-model.number="yeji_yue_mubiaoHZ" /></td>
<td><input type="number" placeholder="填写" v-model.number="yeji_yue_wanchengHZ" /></td>
<td>{{chae(yeji_yue_mubiaoHZ, yeji_yue_wanchengHZ)}}</td>
<td>{{renjun(yeji_yue_wanchengHZ)}}</td>
</tr>
<tr class="hangzhou">
<td>实收(元)</td>
<td><input type="number" placeholder="填写" v-model.number="shishou_yue_mubiaoHZ" /></td>
<td><input type="number" placeholder="填写" v-model.number="shishou_yue_wanchengHZ" /></td>
<td>{{chae(shishou_yue_mubiaoHZ, shishou_yue_wanchengHZ)}}</td>
<td>{{renjun(shishou_yue_wanchengHZ)}}</td>
</tr>
<tr class="hangzhou">
<td>成交单数</td>
<td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_mubiaoHZ" /></td>
<td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_wanchengHZ" /></td>
<td>{{chae(chengjiao_yue_mubiaoHZ, chengjiao_yue_wanchengHZ)}}</td>
<td>{{renjun(chengjiao_yue_wanchengHZ)}}</td>
</tr>
<tr class="table-tr-single hangzhou">
<td colspan="5">杭州市-人员汇报</td>
</tr>
<tr class="hangzhou">
<td>人员目标</td>
<td colspan="4"><input type="number" placeholder="填写" id="renshu_mubiaoHZ" /></td>
</tr>
<tr class="hangzhou">
<td>现在人数</td>
<td id="renshu_now" colspan="4">{{peopleNumHZ}}</td>
</tr>
<tr class="hangzhou">
<td>人数差额</td>
<td colspan="4"><input type="number" placeholder="填写" id="renshu_chaeHZ" /></td>
</tr>
<!--深圳市-->
<tr class="table-tr-single shenzhen">
<td colspan="5">深圳市-今日总结</td>
</tr>
<tr class="table-tr-header shenzhen">
<td></td>
<td>月目标</td>
<td>月完成</td>
<td>差额</td>
<td>人均</td>
</tr>
<tr class="shenzhen">
<td>业绩(元)</td>
<td><input type="number" placeholder="填写" v-model.number="yeji_yue_mubiaoSZ" /></td>
<td><input type="number" placeholder="填写" v-model.number="yeji_yue_wanchengSZ" /></td>
<td>{{chae(yeji_yue_mubiaoSZ, yeji_yue_wanchengSZ)}}</td>
<td>{{renjun(yeji_yue_wanchengSZ)}}</td>
</tr>
<tr class="shenzhen">
<td>实收(元)</td>
<td><input type="number" placeholder="填写" v-model.number="shishou_yue_mubiaoSZ" /></td>
<td><input type="number" placeholder="填写" v-model.number="shishou_yue_wanchengSZ" /></td>
<td>{{chae(shishou_yue_mubiaoSZ, shishou_yue_wanchengSZ)}}</td>
<td>{{renjun(shishou_yue_wanchengSZ)}}</td>
</tr>
<tr class="shenzhen">
<td>成交单数</td>
<td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_mubiaoSZ" /></td>
<td><input type="number" placeholder="填写" v-model.number="chengjiao_yue_wanchengSZ" /></td>
<td>{{chae(chengjiao_yue_mubiaoSZ, chengjiao_yue_wanchengSZ)}}</td>
<td>{{renjun(chengjiao_yue_wanchengSZ)}}</td>
</tr>
<tr class="table-tr-single shenzhen">
<td colspan="5">深圳市-人员汇报</td>
</tr>
<tr class="shenzhen">
<td>人员目标</td>
<td colspan="4"><input type="number" placeholder="填写" id="renshu_mubiaoSZ" /></td>
</tr>
<tr class="shenzhen">
<td>现在人数</td>
<td id="renshu_now" colspan="4">{{peopleNumSZ}}</td>
</tr>
<tr class="shenzhen">
<td>人数差额</td>
<td colspan="4"><input type="number" placeholder="填写" id="renshu_chaeSZ" /></td>
</tr>
<!--不同城市 共用-->
<tr class="table-tr-single"> <tr class="table-tr-single">
<td colspan="5">当月商场和街铺成交情况</td> <td colspan="5">当月商场和街铺成交情况</td>
</tr> </tr>
...@@ -71,7 +183,14 @@ ...@@ -71,7 +183,14 @@
<td><input type="number" placeholder="填写" /></td> <td><input type="number" placeholder="填写" /></td>
</tr> </tr>
<tr class="table-tr-textarea tr-padding20"> <tr class="table-tr-textarea tr-padding20">
<td>业绩方面<br />的当前工<br />作重点</td> <td>业绩方面<br />的当前重点工作</td>
<td colspan="4">
<div class="div-textarea" contenteditable="true">点击填写</div>
</td>
</tr>
<tr class="table-tr-single" style="height: 30px;"></tr>
<tr class="table-tr-textarea tr-padding20">
<td>人员方面<br />的当前重点工作</td>
<td colspan="4"> <td colspan="4">
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea" contenteditable="true">点击填写</div>
</td> </td>
...@@ -80,7 +199,7 @@ ...@@ -80,7 +199,7 @@
</table> </table>
<table border="0" cellspacing="0" cellpadding="0" class="table-type7"> <table border="0" cellspacing="0" cellpadding="0" class="table-type7">
<tr class="table-tr-single"> <!--<tr class="table-tr-single">
<td colspan="2">人员汇报</td> <td colspan="2">人员汇报</td>
</tr> </tr>
<tr class=""> <tr class="">
...@@ -94,13 +213,13 @@ ...@@ -94,13 +213,13 @@
<tr class=""> <tr class="">
<td>人数差额</td> <td>人数差额</td>
<td><input type="number" placeholder="填写" id="renshu_chae" /></td> <td><input type="number" placeholder="填写" id="renshu_chae" /></td>
</tr> </tr>-->
<tr class="table-tr-textarea tr-padding20"> <!--<tr class="table-tr-textarea tr-padding20">
<td>人员方面的<br />当前重点工作</td> <td>人员方面的<br />当前重点工作</td>
<td> <td>
<div class="div-textarea" contenteditable="true">点击填写</div> <div class="div-textarea" contenteditable="true">点击填写</div>
</td> </td>
</tr> </tr>-->
<tr class="table-tr-single"> <tr class="table-tr-single">
<td colspan="2">工作总结</td> <td colspan="2">工作总结</td>
</tr> </tr>
......
...@@ -7,11 +7,15 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque ...@@ -7,11 +7,15 @@ 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');
$('.shanghai').hide();
$('.hangzhou').hide();
$('.shenzhen').hide();
var vm = new Vue({ var vm = new Vue({
el: '#app', el: '#app',
data: { data: {
token: '', token: '',
userName: '', userName: '',
userphone: '',//手机号
userId: '', userId: '',
dateNow: backNowDate(), dateNow: backNowDate(),
yeji_yue_mubiao: '', yeji_yue_mubiao: '',
...@@ -20,8 +24,22 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque ...@@ -20,8 +24,22 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
shishou_yue_wancheng: '', shishou_yue_wancheng: '',
chengjiao_yue_mubiao: '', chengjiao_yue_mubiao: '',
chengjiao_yue_wancheng: 0, chengjiao_yue_wancheng: 0,
yeji_yue_mubiaoHZ: '',
yeji_yue_wanchengHZ: 0,
shishou_yue_mubiaoHZ: '',
shishou_yue_wanchengHZ: '',
chengjiao_yue_mubiaoHZ: '',
chengjiao_yue_wanchengHZ: 0,
yeji_yue_mubiaoSZ: '',
yeji_yue_wanchengSZ: 0,
shishou_yue_mubiaoSZ: '',
shishou_yue_wanchengSZ: '',
chengjiao_yue_mubiaoSZ: '',
chengjiao_yue_wanchengSZ: 0,
reportLink: 'daily_my', reportLink: 'daily_my',
peopleNum: 1, peopleNum: 1,
peopleNumHZ: 1,
peopleNumSZ: 1,
nowDayNum: parseInt(new Date().getDate()), nowDayNum: parseInt(new Date().getDate()),
canClickFlag: true canClickFlag: true
}, },
...@@ -33,10 +51,12 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque ...@@ -33,10 +51,12 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
document.body.style.display = 'block'; document.body.style.display = 'block';
if(_appToken !== null) { if(_appToken !== null) {
h5PageC(_appToken, function(data) { h5PageC(_appToken, function(data) {
_this.loadMain(); // _this.loadMain();
_this.getAgentId();
}); });
} else { } else {
_this.loadMain(); _this.getAgentId();
// _this.loadMain();
} }
}, },
methods: { methods: {
...@@ -78,7 +98,8 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque ...@@ -78,7 +98,8 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
return a-b; return a-b;
}; };
}, },
loadMain: function() { //上海 总监日报
loadMainSH: function(id) {
var _this = this; var _this = this;
_this.token = localStorage.getItem('token'); _this.token = localStorage.getItem('token');
_this.userName = localStorage.getItem('username'); _this.userName = localStorage.getItem('username');
...@@ -89,7 +110,8 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque ...@@ -89,7 +110,8 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
//url: '/broker/dayStatement', //url: '/broker/dayStatement',
data: { data: {
'AuthToken': _this.token, 'AuthToken': _this.token,
'agent_id': _this.userId, // 'agent_id': _this.userId,
'agent_id': id,
'time_start': _this.dateNow, 'time_start': _this.dateNow,
'time_end': _this.dateNow 'time_end': _this.dateNow
}, },
...@@ -121,6 +143,176 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque ...@@ -121,6 +143,176 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
} }
}); });
}, },
//杭州 总监日报
loadMainHZ: function(id) {
var _this = this;
_this.token = localStorage.getItem('token');
_this.userName = localStorage.getItem('username');
_this.userId = localStorage.getItem('userid');
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/dayStatement',
//url: '/broker/dayStatement',
data: {
'AuthToken': _this.token,
// 'agent_id': _this.userId,
'agent_id': id,
'time_start': _this.dateNow,
'time_end': _this.dateNow
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
_this.peopleNumHZ = Number(_data.data.agent_total);
_this.yeji_yue_wanchengHZ = _data.data.director_performance_month;
_this.chengjiao_yue_wanchengHZ = _data.data.director_bargain_sum_store;
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('data type error');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('overtime');
};
}
});
},
//深圳 总监日报
loadMainSZ: function(id) {
var _this = this;
_this.token = localStorage.getItem('token');
_this.userName = localStorage.getItem('username');
_this.userId = localStorage.getItem('userid');
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/dayStatement',
//url: '/broker/dayStatement',
data: {
'AuthToken': _this.token,
// 'agent_id': _this.userId,
'agent_id': id,
'time_start': _this.dateNow,
'time_end': _this.dateNow
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
_this.peopleNumSZ = Number(_data.data.agent_total);
_this.yeji_yue_wanchengSZ = _data.data.director_performance_month;
_this.chengjiao_yue_wanchengSZ = _data.data.director_bargain_sum_store;
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('data type error');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('overtime');
};
}
});
},
getAgentId: function() {
var _this = this;
_this.token = localStorage.getItem('token');
_this.userphone = localStorage.getItem('userphone');
$.ajax({
type: 'GET',
url: ServerHostTempC + '/broker/getAgentDistrictId',
data: {
'AuthToken': _this.token,
'phone': _this.userphone,
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
//调三次接口
var lengthID = _data.data.length*1;
//_data.data[0] 验证数据
if(lengthID > 0 && _data.data[0].site_id == 10001){
$('.shanghai').show();
_this.loadMainSH(_data.data[0].id);
};
if(lengthID > 0 && _data.data[0].site_id == 10002){
$('.hangzhou').show();
_this.loadMainHZ(_data.data[0].id);
};
if(lengthID > 0 && _data.data[0].site_id == 10003){
$('.shenzhen').show();
_this.loadMainSZ(_data.data[0].id);
};
//_data.data[1]
if(lengthID > 1 && _data.data[1].site_id == 10001){
$('.shanghai').show();
_this.loadMainSH(_data.data[1].id);
}
if(lengthID > 1 && _data.data[1].site_id == 10002){
$('.hangzhou').show();
_this.loadMainHZ(_data.data[1].id);
}
if(lengthID > 1 && _data.data[1].site_id == 10003){
$('.shenzhen').show();
_this.loadMainSZ(_data.data[1].id);
};
//_data.data[2]
if(lengthID > 2 && _data.data[2].site_id == 10001){
$('.shanghai').show();
_this.loadMainSH(_data.data[2].id);
}
if(lengthID > 2 && _data.data[2].site_id == 10002){
$('.hangzhou').show();
_this.loadMainHZ(_data.data[2].id);
}
if(lengthID > 2 && _data.data[2].site_id == 10003){
$('.shenzhen').show();
_this.loadMainSZ(_data.data[2].id);
}
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('data type error');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('overtime');
};
}
});
},
save: function() { save: function() {
var _this = this; var _this = this;
var _timeStampObj = $('#time_stamp_area'); //时间区域div获取 var _timeStampObj = $('#time_stamp_area'); //时间区域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