404 lines
12 KiB
JavaScript
404 lines
12 KiB
JavaScript
|
apiready = function () {
|
|||
|
|
var ctrl = {
|
|||
|
|
init: {},
|
|||
|
|
bind: {},
|
|||
|
|
backCallback: {},
|
|||
|
|
|
|||
|
|
// 当前展示的tab 页类型，msg:配电室资料 detail：任务详情
|
|||
|
|
tabType: 'detail',
|
|||
|
|
baseUrl: '',
|
|||
|
|
|
|||
|
|
prid: null,
|
|||
|
|
taskId: null,
|
|||
|
|
qxorderid: null,
|
|||
|
|
prefix: '', // 服务器图片基础路径
|
|||
|
|
|
|||
|
|
qxAccept: '0', // 当前抢修任务是否已经接单 0:否，1：是
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ctrl.init = function () {
|
|||
|
|
// 适配安卓状态栏
|
|||
|
|
CommonModel.fitInStatusBar();
|
|||
|
|
|
|||
|
|
ctrl.bind();
|
|||
|
|
|
|||
|
|
api.showProgress({
|
|||
|
|
title: '载入中...',
|
|||
|
|
text: '请稍后',
|
|||
|
|
modal: false
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
ctrl.qxorderid = api.pageParam.qxorderid;
|
|||
|
|
ctrl.prid = api.pageParam.prid;
|
|||
|
|
ctrl.qxAccept = $api.getStorage('qxAccept' + ctrl.qxorderid);
|
|||
|
|
|
|||
|
|
ctrl.getQxOrderDetail()
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ctrl.bind = function () {
|
|||
|
|
|
|||
|
|
var height = $(window).height() - $("header").height() - $(".tabs").height();
|
|||
|
|
$(".content-container").css("height", height);
|
|||
|
|
//绑定返回按钮
|
|||
|
|
$api.addEvt($api.dom("#back"), "touchend", function () {
|
|||
|
|
ctrl.backCallback();
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//点击系统返回按钮
|
|||
|
|
api.addEventListener({
|
|||
|
|
name: 'keyback'
|
|||
|
|
}, function (ret, err) {
|
|||
|
|
ctrl.backCallback();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//点击任务详情tab
|
|||
|
|
$api.addEvt($api.dom("#order-detail-tab"), "touchend", function () {
|
|||
|
|
if (ctrl.tabType == 'detail') {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$api.addCls(this, "active");
|
|||
|
|
$api.removeCls($api.dom("#pr-msg-tab"), "active");
|
|||
|
|
$api.removeCls($api.dom("#task-log-tab"), "active");
|
|||
|
|
$api.css($api.dom("#order-detail-panel"), 'display:block');
|
|||
|
|
$api.css($api.dom("#pr-msg-panel"), 'display:none');
|
|||
|
|
$api.css($api.dom("#task-log-panel"), 'display:none');
|
|||
|
|
|
|||
|
|
ctrl.tabType = 'detail'
|
|||
|
|
|
|||
|
|
// 初始化任务详情 tab
|
|||
|
|
ctrl.getQxOrderDetail();
|
|||
|
|
|
|||
|
|
}, false);
|
|||
|
|
|
|||
|
|
//点击配电室资料tab按钮
|
|||
|
|
$api.addEvt($api.dom("#pr-msg-tab"), "touchend", function () {
|
|||
|
|
if (ctrl.tabType == 'msg') {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$api.addCls(this, "active");
|
|||
|
|
$api.removeCls($api.dom("#order-detail-tab"), "active");
|
|||
|
|
$api.removeCls($api.dom("#task-log-tab"), "active");
|
|||
|
|
$api.css($api.dom("#pr-msg-panel"), 'display:block');
|
|||
|
|
$api.css($api.dom("#order-detail-panel"), 'display:none');
|
|||
|
|
$api.css($api.dom("#task-log-panel"), 'display:none');
|
|||
|
|
|
|||
|
|
ctrl.tabType = 'msg'
|
|||
|
|
|
|||
|
|
ctrl.initPrMsgTab()
|
|||
|
|
}, false);
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
====================任务详情 tab 中相关事件====================
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
// 点击预览图片 关闭预览
|
|||
|
|
$('#pic-review').on("touchend", function () {
|
|||
|
|
$(this).css('display', 'none')
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
====================配电室资料 tab 相关事件====================
|
|||
|
|
*/
|
|||
|
|
// 点击配电室资料列表 ，在线浏览 pdf
|
|||
|
|
$("#pr-msg-list").on("touchend", ".pr-msg-list-item", function () {
|
|||
|
|
|
|||
|
|
var url = ctrl.baseUrl + $(this).data("url");
|
|||
|
|
|
|||
|
|
api.download({
|
|||
|
|
url: url, // 填写要下载文档的url
|
|||
|
|
report: true,
|
|||
|
|
cache: true,
|
|||
|
|
allowResume: true
|
|||
|
|
}, function (ret, err) {
|
|||
|
|
if (ret.state == 1) { //下载成功
|
|||
|
|
|
|||
|
|
var superFile = api.require('superFile');
|
|||
|
|
superFile.open({
|
|||
|
|
path: ret.savePath,
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
//点击开始抢修按钮
|
|||
|
|
$api.addEvt($api.dom("#start-repair-btn"), "touchend", function () {
|
|||
|
|
// 判断当前抢修单时候已经接单
|
|||
|
|
if (ctrl.qxAccept == '1') { // 已经被接单
|
|||
|
|
// 跳转到抢修详情内容页
|
|||
|
|
api.openWin({
|
|||
|
|
name: 'repairProblem',
|
|||
|
|
url: './repairProblem.html',
|
|||
|
|
pageParam: {
|
|||
|
|
prid: ctrl.prid,
|
|||
|
|
taskid: ctrl.taskId,
|
|||
|
|
qxorderid: ctrl.qxorderid
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
ctrl.handleStartRepair()
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 弹出提示框
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
ctrl.toast = function (msg) {
|
|||
|
|
api.toast({
|
|||
|
|
msg: msg,
|
|||
|
|
duration: 3000,
|
|||
|
|
locaiton: 'top'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ctrl.backCallback = function () {
|
|||
|
|
//关闭首页正在加载的提示框
|
|||
|
|
api.execScript({
|
|||
|
|
name: 'index',
|
|||
|
|
frameName: 'featureFrame',
|
|||
|
|
script: "api.hideProgress();"
|
|||
|
|
});
|
|||
|
|
api.setScreenOrientation({
|
|||
|
|
orientation: 'auto_portrait'
|
|||
|
|
});
|
|||
|
|
api.setFullScreen({
|
|||
|
|
fullScreen: false
|
|||
|
|
});
|
|||
|
|
api.closeWin({});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
===================任务详情 tab 相关==============
|
|||
|
|
*/
|
|||
|
|
//获取抢修任务详情
|
|||
|
|
ctrl.getQxOrderDetail = function () {
|
|||
|
|
//显示载入动画
|
|||
|
|
api.showProgress({
|
|||
|
|
title: '载入中...',
|
|||
|
|
text: '请稍后',
|
|||
|
|
modal: false
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var url = '/ems/rest/qx/order';
|
|||
|
|
var data = {
|
|||
|
|
"qxOrderId": ctrl.qxorderid,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
$api.get(url, data, function (res, err) {
|
|||
|
|
//隐藏载入动画
|
|||
|
|
api.hideProgress();
|
|||
|
|
if (err) {
|
|||
|
|
ctrl.toast("网络请求失败");
|
|||
|
|
} else {
|
|||
|
|
if (!res.code || res.code != 200) {
|
|||
|
|
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|||
|
|
} else {
|
|||
|
|
ctrl.taskId = res.body.qxTasks[0]['taskId'];
|
|||
|
|
ctrl.prefix = res.prefix;
|
|||
|
|
// 当前抢修任务已经被接单
|
|||
|
|
if (res.body.qxTasks && res.body.qxTasks[0]['acceptTime']) {
|
|||
|
|
ctrl.qxAccept = '1';
|
|||
|
|
$api.getStorage('qxAccept' + ctrl.qxorderid)? null : $api.setStorage('qxAccept' + ctrl.qxorderid, '1');
|
|||
|
|
|
|||
|
|
if (res.body.qxTasks[0]['completeTime']) { // 若当前抢修单已经完成，隐藏“开始抢修”按钮
|
|||
|
|
$('#start-repair-btn').css('display', 'none');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ctrl.renderQxOrderDetail(res.body);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 渲染任务详情
|
|||
|
|
ctrl.renderQxOrderDetail = function (data) {
|
|||
|
|
// 抢修方案
|
|||
|
|
$('#qx-programme .content').text(data.qxProgramme || '没有抢修方案');
|
|||
|
|
|
|||
|
|
// 问题描述
|
|||
|
|
$('#qx-desc .content').text(data.orderDesc);
|
|||
|
|
|
|||
|
|
// 现场照片
|
|||
|
|
var pics = data.xjPicture ? data.xjPicture.split(',') : [];
|
|||
|
|
var pciCount = pics.length;
|
|||
|
|
$('#pic-count').text(pciCount);
|
|||
|
|
|
|||
|
|
var picDom = '';
|
|||
|
|
pics.forEach(function (item, index) {
|
|||
|
|
var tpl = '<span class="pic-item"><i></i><img src="{{src}}" alt=""></span>';
|
|||
|
|
tpl.replace('{{src}}', ctrl.prefix + item);
|
|||
|
|
picDom += tpl;
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 点击图片预览
|
|||
|
|
$("#pic-content .pic-item").on("touchend", "img", function (e) {
|
|||
|
|
e.stopPropagation();
|
|||
|
|
var src = $(this).attr('src')
|
|||
|
|
|
|||
|
|
$('#pic-review img').attr('src', src)
|
|||
|
|
$('#pic-review').css('display', 'block')
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$('#pic-content').prepend(picDom);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
====================配电室资料 tab 相关===================
|
|||
|
|
*/
|
|||
|
|
// 初始化 配电室资料 tab
|
|||
|
|
ctrl.initPrMsgTab = function () {
|
|||
|
|
ctrl.getPrMsg()
|
|||
|
|
ctrl.getPrMsgList()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 获取配电室信息
|
|||
|
|
ctrl.getPrMsg = function () {
|
|||
|
|
api.showProgress({
|
|||
|
|
title: '载入中...',
|
|||
|
|
text: '请稍后',
|
|||
|
|
modal: false
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var url = "/ems/rest/power/room/detail";
|
|||
|
|
var data = {
|
|||
|
|
prId: ctrl.prid,
|
|||
|
|
}
|
|||
|
|
$api.get(url, data, function (res, err) {
|
|||
|
|
api.hideProgress();
|
|||
|
|
|
|||
|
|
if (err) {
|
|||
|
|
ctrl.toast("网络请求失败");
|
|||
|
|
} else {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
ctrl.renderPrMsg(res.body);
|
|||
|
|
} else {
|
|||
|
|
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 渲染配电室信息panel
|
|||
|
|
ctrl.renderPrMsg = function (data) {
|
|||
|
|
|
|||
|
|
$('#pr-msg').empty();
|
|||
|
|
|
|||
|
|
var tpl = '';
|
|||
|
|
tpl += '<p>配电室联系人：{{people}}</p>';
|
|||
|
|
tpl += '<p>联系人电话：{{tel}}</p>';
|
|||
|
|
tpl += '<p>配电室位置：{{province}} {{city}} {{address}}</p>';
|
|||
|
|
|
|||
|
|
var dom = tpl.replace('{{people}}', data.lxr1)
|
|||
|
|
.replace('{{tel}}', data.lxr1Mobile)
|
|||
|
|
.replace('{{province}}', data.province)
|
|||
|
|
.replace('{{city}}', data.city)
|
|||
|
|
.replace('{{address}}', data.address)
|
|||
|
|
|
|||
|
|
$api.html($api.dom('#pr-msg'), dom);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 获取配电室资料列表
|
|||
|
|
ctrl.getPrMsgList = function () {
|
|||
|
|
var url = "/ems/rest/pr/file/list";
|
|||
|
|
var data = {
|
|||
|
|
prId: ctrl.prid,
|
|||
|
|
}
|
|||
|
|
$api.get(url, data, function (res, err) {
|
|||
|
|
|
|||
|
|
if (err) {
|
|||
|
|
ctrl.toast("网络请求失败");
|
|||
|
|
} else {
|
|||
|
|
if (res.code == 200 && res.body) {
|
|||
|
|
var length = res.body.length;
|
|||
|
|
|
|||
|
|
ctrl.baseUrl = res.prefix;
|
|||
|
|
|
|||
|
|
$('#pr-msg-list').empty();
|
|||
|
|
|
|||
|
|
for (var i = 0; i < length; i++) {
|
|||
|
|
var listItem = res.body[i]
|
|||
|
|
$api.append($api.dom('#pr-msg-list'), ctrl.getPrMsgListDOM(listItem));
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 渲染配电室信息列表
|
|||
|
|
ctrl.getPrMsgListDOM = function (listItem) {
|
|||
|
|
|
|||
|
|
var tpl = '';
|
|||
|
|
|
|||
|
|
tpl += '<div class="item bg-touch pr-msg-list-item" data-url="{{url}}">'
|
|||
|
|
tpl += '<div class="nav">'
|
|||
|
|
tpl += '<span class="pr-name">{{name}}</span>'
|
|||
|
|
tpl += '<span class="date-time color-title">详情</span>'
|
|||
|
|
tpl += '</div>'
|
|||
|
|
tpl += '</div>'
|
|||
|
|
|
|||
|
|
var dom = tpl.replace('{{url}}', listItem.fileUrl)
|
|||
|
|
.replace('{{name}}', listItem.fileName)
|
|||
|
|
|
|||
|
|
return dom;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 开始抢修
|
|||
|
|
ctrl.handleStartRepair = function () {
|
|||
|
|
|
|||
|
|
api.showProgress({
|
|||
|
|
title: '载入中...',
|
|||
|
|
text: '请稍后',
|
|||
|
|
modal: false
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var url = "/ems/rest/qx/task";
|
|||
|
|
var data = {
|
|||
|
|
taskId: ctrl.taskId,
|
|||
|
|
acceptTime: new Date().getTime(),
|
|||
|
|
isAccept: true
|
|||
|
|
}
|
|||
|
|
$api.put(url, data, function (res, err) {
|
|||
|
|
api.hideProgress();
|
|||
|
|
|
|||
|
|
if (err) {
|
|||
|
|
ctrl.toast("网络请求失败,请稍后再试");
|
|||
|
|
} else {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
// 将抢修接单信息保存到 localStorage 中
|
|||
|
|
ctrl.qxAccept = '1'
|
|||
|
|
$api.setStorage('qxAccept' + ctrl.qxorderid, '1');
|
|||
|
|
|
|||
|
|
// 跳转到抢修详情内容页
|
|||
|
|
api.openWin({
|
|||
|
|
name: 'repairProblem',
|
|||
|
|
url: './repairProblem.html',
|
|||
|
|
pageParam: {
|
|||
|
|
prid: ctrl.prid,
|
|||
|
|
taskid: ctrl.taskId,
|
|||
|
|
qxorderid: ctrl.qxorderid
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ctrl.init();
|
|||
|
|
|
|||
|
|
}
|