Commit bdca07e4 authored by agping's avatar agping

总监日报

parent 020edd79
......@@ -19,40 +19,152 @@
<div class="header_seat"></div>
<div id="screen_shot_area">
<div id="titile_temp">汇报人:{{userName}}</div>
<div id="titile_before">今日总结 {{dateNow}}</div>
<div id="titile_before">{{dateNow}}</div>
<div id="tab_table_area">
<section>
<table border="0" cellspacing="0" cellpadding="0" class="table-type6">
<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>
</tr>
<tr>
<tr class="shanghai">
<td>业绩(元)</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>{{chae(yeji_yue_mubiao, yeji_yue_wancheng)}}</td>
<td>{{renjun(yeji_yue_wancheng)}}</td>
</tr>
<tr>
<tr class="shanghai">
<td>实收(元)</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>{{chae(shishou_yue_mubiao, shishou_yue_wancheng)}}</td>
<td>{{renjun(shishou_yue_wancheng)}}</td>
</tr>
<tr>
<tr class="shanghai">
<td>成交单数</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>{{chae(chengjiao_yue_mubiao, chengjiao_yue_wancheng)}}</td>
<td>{{renjun(chengjiao_yue_wancheng)}}</td>
</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">
<td colspan="5">当月商场和街铺成交情况</td>
</tr>
......@@ -71,16 +183,23 @@
<td><input type="number" placeholder="填写" /></td>
</tr>
<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">
<div class="div-textarea" contenteditable="true">点击填写</div>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="table-type7">
<tr class="table-tr-single">
<!--<tr class="table-tr-single">
<td colspan="2">人员汇报</td>
</tr>
<tr class="">
......@@ -94,13 +213,13 @@
<tr class="">
<td>人数差额</td>
<td><input type="number" placeholder="填写" id="renshu_chae" /></td>
</tr>
<tr class="table-tr-textarea tr-padding20">
</tr>-->
<!--<tr class="table-tr-textarea tr-padding20">
<td>人员方面的<br />当前重点工作</td>
<td>
<div class="div-textarea" contenteditable="true">点击填写</div>
</td>
</tr>
</tr>-->
<tr class="table-tr-single">
<td colspan="2">工作总结</td>
</tr>
......
......@@ -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" />');
var _appToken = getUrlParam('token');
$('.shanghai').hide();
$('.hangzhou').hide();
$('.shenzhen').hide();
var vm = new Vue({
el: '#app',
data: {
token: '',
userName: '',
userphone: '',//手机号
userId: '',
dateNow: backNowDate(),
yeji_yue_mubiao: '',
......@@ -20,8 +24,22 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
shishou_yue_wancheng: '',
chengjiao_yue_mubiao: '',
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',
peopleNum: 1,
peopleNumHZ: 1,
peopleNumSZ: 1,
nowDayNum: parseInt(new Date().getDate()),
canClickFlag: true
},
......@@ -33,10 +51,12 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
document.body.style.display = 'block';
if(_appToken !== null) {
h5PageC(_appToken, function(data) {
_this.loadMain();
// _this.loadMain();
_this.getAgentId();
});
} else {
_this.loadMain();
_this.getAgentId();
// _this.loadMain();
}
},
methods: {
......@@ -78,7 +98,8 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
return a-b;
};
},
loadMain: function() {
//上海 总监日报
loadMainSH: function(id) {
var _this = this;
_this.token = localStorage.getItem('token');
_this.userName = localStorage.getItem('username');
......@@ -89,7 +110,8 @@ require(['vue', 'vconsole', 'html2canvas', 'css!style/report_achieve.css', 'jque
//url: '/broker/dayStatement',
data: {
'AuthToken': _this.token,
'agent_id': _this.userId,
// 'agent_id': _this.userId,
'agent_id': id,
'time_start': _this.dateNow,
'time_end': _this.dateNow
},
......@@ -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() {
var _this = this;
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