374 lines
13 KiB
JavaScript
374 lines
13 KiB
JavaScript
apiready = function() {
|
||
var ctrl = {
|
||
roleId: $api.getStorage('roleId'),
|
||
employeeId: $api.getStorage('employeeId'),
|
||
tabType: 'inspection-list',
|
||
isFinish: 1,
|
||
|
||
init: {},
|
||
bind: {},
|
||
}
|
||
|
||
ctrl.init = function() {
|
||
moment.locale("zh-CN");
|
||
|
||
//巡检单 状态发生变化
|
||
api.addEventListener({
|
||
name: 'inspectionTaskChanged'
|
||
}, ctrl.inspectionTaskChanged);
|
||
|
||
ctrl.bind();
|
||
|
||
ctrl.initInspectionListTab();
|
||
}
|
||
ctrl.bind = function() {
|
||
|
||
//点击 “巡检单” tab按钮
|
||
$api.addEvt($api.dom("#inspection-list-tab"), "touchend", function () {
|
||
if (ctrl.tabType == 'inspection-list') {
|
||
return
|
||
}
|
||
|
||
$api.addCls(this, "active");
|
||
$api.removeCls($api.dom("#inspection-task-tab"), "active");
|
||
$api.css($api.dom("#inspection-list-panel"), 'display:block');
|
||
$api.css($api.dom("#inspection-task-panel"), 'display:none');
|
||
$api.css($api.dom('#inspection-empty-tips'), "display:none");
|
||
|
||
ctrl.tabType = 'inspection-list'
|
||
|
||
// 初始化 巡检单 tab
|
||
ctrl.initInspectionListTab();
|
||
|
||
}, false);
|
||
|
||
//点击 “巡检任务” tab按钮
|
||
$api.addEvt($api.dom("#inspection-task-tab"), "touchend", function () {
|
||
if (ctrl.tabType == 'inspection-task') {
|
||
return
|
||
}
|
||
|
||
$api.addCls(this, "active");
|
||
$api.removeCls($api.dom("#inspection-list-tab"), "active");
|
||
$api.css($api.dom("#inspection-task-panel"), 'display:block');
|
||
$api.css($api.dom("#inspection-list-panel"), 'display:none');
|
||
$api.css($api.dom('#inspection-empty-tips'), "display:none");
|
||
|
||
ctrl.tabType = 'inspection-task';
|
||
|
||
// 初始化 巡检任务 tab
|
||
ctrl.initInspectionTaskTab();
|
||
|
||
}, false);
|
||
|
||
//跳转到 巡检单 详情页
|
||
$("#inspection-list-panel").on("touchend", ".left", function() {
|
||
var inspectionid = $(this).data("inspectionid");
|
||
|
||
api.openWin({
|
||
name: 'inspectionListDetail',
|
||
url: '../inspection/inspectionListDetail.html',
|
||
pageParam: {
|
||
inspectionid: inspectionid
|
||
}
|
||
});
|
||
});
|
||
|
||
// 点击 “接单”
|
||
$('#inspection-list-panel').on("touchend", ".accept-btn", function(e) {
|
||
e.stopPropagation();
|
||
|
||
var inspectId = $(this).data("id");
|
||
api.confirm({
|
||
title: '',
|
||
msg: '确定要接单吗',
|
||
buttons: ['确定', '取消']
|
||
}, function(ret, err) {
|
||
var index = ret.buttonIndex;
|
||
if (index == 1) { // 确定
|
||
ctrl.acceptInspection(inspectId);
|
||
}
|
||
});
|
||
});
|
||
|
||
// 点击“未开始” btn
|
||
$("#btn-nostart").on("touchend", function() {
|
||
ctrl.isFinish = 1;
|
||
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
||
$(this).addClass('bg-yellow');
|
||
ctrl.initInspectionTaskTab();
|
||
});
|
||
|
||
// 点击“巡检中” btn
|
||
$("#btn-inspecting").on("touchend", function() {
|
||
ctrl.isFinish = 2;
|
||
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
||
$(this).addClass('bg-yellow');
|
||
ctrl.initInspectionTaskTab();
|
||
});
|
||
|
||
// 点击“已完成” btn
|
||
$("#btn-finished").on("touchend", function() {
|
||
ctrl.isFinish = 3;
|
||
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
||
$(this).addClass('bg-yellow');
|
||
ctrl.initInspectionTaskTab();
|
||
});
|
||
|
||
// 跳转到 巡检任务 详情页
|
||
$("#inspection-content").on("touchend", ".inspection", function() {
|
||
var inspectionid = $(this).data("inspectionid");
|
||
// status：0 未接单，1 未开始，2 巡检中，3 已完成
|
||
var status = $(this).data("status");
|
||
|
||
api.openWin({
|
||
name: 'inspectionTaskDetail',
|
||
url: '../inspection/inspectionTaskDetail.html',
|
||
pageParam: {
|
||
inspectionid: inspectionid,
|
||
status: status
|
||
}
|
||
});
|
||
});
|
||
|
||
// 防止退出后继续轮询
|
||
api.addEventListener({
|
||
name: 'loginout'
|
||
}, function(ret, err) {
|
||
|
||
});
|
||
|
||
//下拉刷新
|
||
api.setRefreshHeaderInfo({
|
||
bgColor: "#CCCCCC",
|
||
textColor: "#FFFFFF"
|
||
}, function(ret, err) {
|
||
// 根据当前选择的tab 刷新对应的内容
|
||
if (ctrl.tabType == 'inspection-list') { // 巡检单
|
||
ctrl.initInspectionListTab();
|
||
} else if (ctrl.tabType == 'inspection-task') { // 巡检任务
|
||
ctrl.initInspectionTaskTab()
|
||
}
|
||
})
|
||
};
|
||
|
||
ctrl.toast = function(msg) {
|
||
api.toast({
|
||
msg: msg,
|
||
duration: 3000,
|
||
locaiton: 'top'
|
||
});
|
||
};
|
||
|
||
// 巡检任务中的巡检单状态改变 触发的事件处理
|
||
ctrl.inspectionTaskChanged = function(ret, err) {
|
||
ctrl.initInspectionTaskTab();
|
||
};
|
||
|
||
// 初始化 巡检单 tab
|
||
ctrl.initInspectionListTab = function () {
|
||
ctrl.getInspectionList();
|
||
};
|
||
|
||
// 获取 巡检单 列表
|
||
ctrl.getInspectionList = function() {
|
||
//显示载入动画
|
||
api.showProgress({
|
||
title: '载入中...',
|
||
text: '请稍后',
|
||
modal: false
|
||
});
|
||
|
||
var startDate = $api.getFormattedDate('yyyy-MM-dd', new Date());
|
||
var endDate = '2100-01-01';
|
||
var url = '/test/xun-jian-dan/queryByListWithDate/1/9999/'
|
||
+ startDate + 'T' + endDate + '/'
|
||
+ this.roleId + '/'
|
||
+ this.employeeId + '/0';
|
||
|
||
$api.get(url, function(res, err) {
|
||
//隐藏载入动画
|
||
api.hideProgress();
|
||
// 隐藏下拉刷新提示
|
||
api.refreshHeaderLoadDone();
|
||
|
||
if (res && res.code == 200 && res.data) {
|
||
|
||
var list = res.data.records || [];
|
||
var length = list.length;
|
||
|
||
if (length > 0) {
|
||
$api.css($api.dom('#inspection-list-panel'), "display:block");
|
||
$api.css($api.dom('#inspection-empty-tips'), "display:none");
|
||
$('#inspection-list-panel').empty();
|
||
|
||
for (var i = 0; i < length; i++) {
|
||
ctrl.renderInspectionList(list[i]);
|
||
}
|
||
} else {
|
||
$api.css($api.dom('#inspection-list-panel'), "display:none");
|
||
$api.css($api.dom('#inspection-empty-tips'), "display:block");
|
||
}
|
||
|
||
} else {
|
||
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
||
}
|
||
});
|
||
};
|
||
|
||
// 渲染 巡检单 列表
|
||
ctrl.renderInspectionList = function(record) {
|
||
var prName = record.prName;
|
||
var prCount = record.prShuLiang;
|
||
var problemCount = record.xunJianWenTi;
|
||
var id = record.id;
|
||
var xunJianShiJian = record.xunJianShiJian;
|
||
var template = ''
|
||
template +='<div class="inspection">'
|
||
template += '<div class="left" data-inspectionid=\"{inspectionId}\">'
|
||
template += '<div class="icon-con"><img src="../../image/black-pr-icon.png"></div>'
|
||
template += '<div class="content font1">'
|
||
template += '<div class="pr-name-con"><span class="pr-name">{prName}共{prCount}个配电室</span> '
|
||
template += '</div>'
|
||
template += '<div class="width100 ellipsis color-red">共{inspectProblemCount}个设备缺陷</div>'
|
||
template += '</div>'
|
||
template += '</div>'
|
||
template += '<div class="right text-align-r">'
|
||
template += '<div class="text-gray">{xjDate}</div>'
|
||
template += '<div class="height4"></div>'
|
||
template += '<div>'
|
||
template += '<button class="accept-btn" data-id="{id}">接单</button>'
|
||
template += '</div>'
|
||
template += '</div>'
|
||
template +='</div>'
|
||
|
||
template = template.replace("{inspectionId}", id)
|
||
.replace("{prName}", prName + '等' || '')
|
||
.replace("{prCount}", prCount)
|
||
.replace("{inspectProblemCount}", problemCount)
|
||
.replace("{xjDate}", xunJianShiJian || '')
|
||
.replace("{id}", id);
|
||
|
||
$('#inspection-list-panel').append(template);
|
||
};
|
||
|
||
// 接单
|
||
ctrl.acceptInspection = function(inspectId) {
|
||
//显示载入动画
|
||
api.showProgress({
|
||
title: '载入中...',
|
||
text: '请稍后',
|
||
modal: false
|
||
});
|
||
|
||
var url = '/test/xun-jian-dan/insert';
|
||
var data = {
|
||
id: inspectId,
|
||
employeeId: this.employeeId,
|
||
roleId: this.roleId,
|
||
jieDanRenId: this.employeeId
|
||
};
|
||
|
||
$api.post(url, data, function(res, err) {
|
||
//隐藏载入动画
|
||
api.hideProgress();
|
||
|
||
if (res && res.code == 200) {
|
||
|
||
ctrl.toast("接单成功");
|
||
|
||
ctrl.initInspectionListTab();
|
||
|
||
} else {
|
||
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
||
}
|
||
});
|
||
};
|
||
|
||
// 初始化 巡检任务 panel
|
||
ctrl.initInspectionTaskTab = function() {
|
||
ctrl.getInspectionTask();
|
||
};
|
||
|
||
// 获取 巡检任务 列表
|
||
ctrl.getInspectionTask = function() {
|
||
//显示载入动画
|
||
api.showProgress({
|
||
title: '载入中...',
|
||
text: '请稍后',
|
||
modal: false
|
||
});
|
||
|
||
var url = '/test/xun-jian-dan/queryByListByEmployeeId/1/9999/'
|
||
+ this.employeeId + '/'
|
||
+ this.isFinish;
|
||
|
||
$api.get(url, function(res, err) {
|
||
//隐藏载入动画
|
||
api.hideProgress();
|
||
// 隐藏下拉刷新提示
|
||
api.refreshHeaderLoadDone();
|
||
|
||
if (res && res.code == 200 && res.data) {
|
||
|
||
var list = res.data.records || [];
|
||
var length = list.length;
|
||
|
||
if (length > 0) {
|
||
$api.css($api.dom('#inspection-content'), "display:block");
|
||
$api.css($api.dom('#inspection-empty-tips'), "display:none");
|
||
$('#inspection-content').empty();
|
||
|
||
for (var i = 0; i < length; i++) {
|
||
ctrl.renderInspectionTask(list[i]);
|
||
}
|
||
} else {
|
||
$api.css($api.dom('#inspection-content'), "display:none");
|
||
$api.css($api.dom('#inspection-empty-tips'), "display:block");
|
||
}
|
||
|
||
} else {
|
||
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
||
}
|
||
});
|
||
};
|
||
|
||
// 渲染巡检任务列表
|
||
ctrl.renderInspectionTask = function(record) {
|
||
var prName = record.prName;
|
||
var prCount = record.prShuLiang;
|
||
var problemCount = record.xunJianWenTi;
|
||
var id = record.id;
|
||
var xunJianShiJian = record.xunJianShiJian;
|
||
var status = record.shiFouWanCheng;
|
||
var template = ''
|
||
template +='<div class="inspection" data-inspectionid=\"{inspectionId}\" data-status=\"{status}\">'
|
||
template += '<div class="left">'
|
||
template += '<div class="icon-con"><img src="../../image/black-pr-icon.png"></div>'
|
||
template += '<div class="content font1">'
|
||
template += '<div class="pr-name-con"><span class="pr-name">{prName}共{prCount}个配电室</span> '
|
||
template += '</div>'
|
||
template += '<div class="width100 ellipsis color-red">共{inspectProblemCount}个设备缺陷</div>'
|
||
template += '</div>'
|
||
template += '</div>'
|
||
template += '<div class="right text-align-r">'
|
||
template += '<div class="text-gray">{xjDate}</div>'
|
||
template += '<div class="height4"></div>'
|
||
template += '<div>{jiedanren}</div>'
|
||
template += '</div>'
|
||
template +='</div>'
|
||
|
||
template = template.replace("{inspectionId}", id)
|
||
.replace("{status}", status)
|
||
.replace("{prName}", (prName || '') + ' ')
|
||
.replace("{prCount}", prCount || '0')
|
||
.replace("{inspectProblemCount}", problemCount || '0')
|
||
.replace("{xjDate}", xunJianShiJian || '')
|
||
.replace("{jiedanren}", record.jieDanRen || '');
|
||
|
||
$('#inspection-content').append(template);
|
||
};
|
||
|
||
ctrl.init();
|
||
}
|