372 lines
12 KiB
JavaScript
372 lines
12 KiB
JavaScript
|
apiready = function() {
|
|||
|
|
var ctrl = {
|
|||
|
|
roleId: $api.getStorage('roleId'),
|
|||
|
|
employeeId: $api.getStorage('employeeId'),
|
|||
|
|
tabType: 'order-list',
|
|||
|
|
status: 1,
|
|||
|
|
|
|||
|
|
init: {},
|
|||
|
|
bind: {},
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ctrl.init = function() {
|
|||
|
|
moment.locale("zh-CN");
|
|||
|
|
|
|||
|
|
//工单 状态发生变化
|
|||
|
|
api.addEventListener({
|
|||
|
|
name: 'orderTaskChanged'
|
|||
|
|
}, ctrl.orderTaskChanged);
|
|||
|
|
|
|||
|
|
ctrl.bind();
|
|||
|
|
|
|||
|
|
ctrl.initOrderListTab();
|
|||
|
|
}
|
|||
|
|
ctrl.bind = function() {
|
|||
|
|
|
|||
|
|
//点击 “工单列表” tab按钮
|
|||
|
|
$api.addEvt($api.dom("#order-list-tab"), "touchend", function () {
|
|||
|
|
if (ctrl.tabType == 'order-list') {
|
|||
|
|
return
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
$api.addCls(this, "active");
|
|||
|
|
$api.removeCls($api.dom("#order-task-tab"), "active");
|
|||
|
|
$api.css($api.dom("#order-list-panel"), 'display:block');
|
|||
|
|
$api.css($api.dom("#order-task-panel"), 'display:none');
|
|||
|
|
$api.css($api.dom('#order-empty-tips'), "display:none");
|
|||
|
|
|
|||
|
|
ctrl.tabType = 'order-list'
|
|||
|
|
|
|||
|
|
// 初始化 工单 tab
|
|||
|
|
ctrl.initOrderListTab();
|
|||
|
|
|
|||
|
|
}, false);
|
|||
|
|
|
|||
|
|
//点击 “我的工单” tab按钮
|
|||
|
|
$api.addEvt($api.dom("#order-task-tab"), "touchend", function () {
|
|||
|
|
if (ctrl.tabType == 'order-task') {
|
|||
|
|
return
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
$api.addCls(this, "active");
|
|||
|
|
$api.removeCls($api.dom("#order-list-tab"), "active");
|
|||
|
|
$api.css($api.dom("#order-task-panel"), 'display:block');
|
|||
|
|
$api.css($api.dom("#order-list-panel"), 'display:none');
|
|||
|
|
$api.css($api.dom('#order-empty-tips'), "display:none");
|
|||
|
|
|
|||
|
|
ctrl.tabType = 'order-task';
|
|||
|
|
|
|||
|
|
// 初始化 我的工单 tab
|
|||
|
|
ctrl.initOrderTaskTab();
|
|||
|
|
|
|||
|
|
}, false);
|
|||
|
|
|
|||
|
|
//跳转到 工单 详情页
|
|||
|
|
$("#order-list-panel").on("touchend", ".left", function() {
|
|||
|
|
var orderid = $(this).data("orderid");
|
|||
|
|
|
|||
|
|
api.openWin({
|
|||
|
|
name: 'systemOrderDetail',
|
|||
|
|
url: '../systemOrder/systemOrderDetail.html',
|
|||
|
|
pageParam: {
|
|||
|
|
orderid: orderid,
|
|||
|
|
status: 0
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击 “接单”
|
|||
|
|
$('#order-list-panel').on("touchend", ".accept-btn", function(e) {
|
|||
|
|
e.stopPropagation();
|
|||
|
|
|
|||
|
|
var orderId = $(this).data("id");
|
|||
|
|
api.confirm({
|
|||
|
|
title: '',
|
|||
|
|
msg: '确定要接单吗',
|
|||
|
|
buttons: ['确定', '取消']
|
|||
|
|
}, function(ret, err) {
|
|||
|
|
var index = ret.buttonIndex;
|
|||
|
|
if (index == 1) { // 确定
|
|||
|
|
ctrl.acceptOrder(orderId);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“未处理” btn
|
|||
|
|
$("#btn-nostart").on("touchend", function() {
|
|||
|
|
ctrl.status = 1;
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
|||
|
|
$(this).addClass('bg-yellow');
|
|||
|
|
ctrl.initOrderTaskTab();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“处理中” btn
|
|||
|
|
$("#btn-handling").on("touchend", function() {
|
|||
|
|
ctrl.status = 2;
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
|||
|
|
$(this).addClass('bg-yellow');
|
|||
|
|
ctrl.initOrderTaskTab();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“已完成” btn
|
|||
|
|
$("#btn-finished").on("touchend", function() {
|
|||
|
|
ctrl.status = 3;
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
|||
|
|
$(this).addClass('bg-yellow');
|
|||
|
|
ctrl.initOrderTaskTab();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 跳转到 我的工单 详情页
|
|||
|
|
$("#order-content").on("touchend", ".order", function() {
|
|||
|
|
var orderid = $(this).data("orderid");
|
|||
|
|
// status：1 未处理，2 处理中，3 已完成
|
|||
|
|
var status = $(this).data("status");
|
|||
|
|
|
|||
|
|
if (status == 3) {
|
|||
|
|
api.openWin({
|
|||
|
|
name: 'systemOrderDetail',
|
|||
|
|
url: '../systemOrder/systemOrderDetail.html',
|
|||
|
|
pageParam: {
|
|||
|
|
orderid: orderid,
|
|||
|
|
status: 3
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
api.openWin({
|
|||
|
|
name: 'systemOrderEdit',
|
|||
|
|
url: '../systemOrder/systemOrderEdit.html',
|
|||
|
|
pageParam: {
|
|||
|
|
orderid: orderid,
|
|||
|
|
status: status
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//下拉刷新
|
|||
|
|
api.setRefreshHeaderInfo({
|
|||
|
|
bgColor: "#CCCCCC",
|
|||
|
|
textColor: "#FFFFFF"
|
|||
|
|
}, function(ret, err) {
|
|||
|
|
// 根据当前选择的tab 刷新对应的内容
|
|||
|
|
if (ctrl.tabType == 'order-list') { // 工单列表
|
|||
|
|
ctrl.initOrderListTab();
|
|||
|
|
} else if (ctrl.tabType == 'order-task') { // 我的工单
|
|||
|
|
ctrl.initOrderTaskTab();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
ctrl.toast = function(msg) {
|
|||
|
|
api.toast({
|
|||
|
|
msg: msg,
|
|||
|
|
duration: 3000,
|
|||
|
|
locaiton: 'top'
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 巡检任务中的巡检单状态改变 触发的事件处理
|
|||
|
|
ctrl.orderTaskChanged = function(ret, err) {
|
|||
|
|
ctrl.initOrderTaskTab();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 初始化 工单 tab
|
|||
|
|
ctrl.initOrderListTab = function () {
|
|||
|
|
ctrl.getOrderList();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 获取 工单 列表
|
|||
|
|
ctrl.getOrderList = function() {
|
|||
|
|
//显示载入动画
|
|||
|
|
api.showProgress({
|
|||
|
|
title: '载入中...',
|
|||
|
|
text: '请稍后',
|
|||
|
|
modal: false
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var url = '/test/gong-dan/queryByList/1/9999/0/'
|
|||
|
|
+ this.employeeId + '/'
|
|||
|
|
+ this.roleId;
|
|||
|
|
|
|||
|
|
$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('#order-list-panel'), "display:block");
|
|||
|
|
$api.css($api.dom('#order-empty-tips'), "display:none");
|
|||
|
|
$('#order-list-panel').empty();
|
|||
|
|
|
|||
|
|
for (var i = 0; i < length; i++) {
|
|||
|
|
ctrl.renderOrderList(list[i]);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
$api.css($api.dom('#order-list-panel'), "display:none");
|
|||
|
|
$api.css($api.dom('#order-empty-tips'), "display:block");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 渲染 工单 列表
|
|||
|
|
ctrl.renderOrderList = function(record) {
|
|||
|
|
var prName = record.prName;
|
|||
|
|
var tiJiaoRenName = record.tiJiaoRenName;
|
|||
|
|
var id = record.id;
|
|||
|
|
var miaoShu = record.miaoShu;
|
|||
|
|
var template = ''
|
|||
|
|
template +='<div class="order">'
|
|||
|
|
template += '<div class="left" data-orderid=\"{orderid}\">'
|
|||
|
|
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}配电室</span> '
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '<div class="width100 ellipsis color-red desc">{miaoShu}</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '<div class="right text-align-r">'
|
|||
|
|
template += '<div class="text-gray">创建人:<span>{tiJiaoRenName}</span></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("{orderid}", id)
|
|||
|
|
.replace("{prName}", prName)
|
|||
|
|
.replace("{miaoShu}", miaoShu)
|
|||
|
|
.replace("{tiJiaoRenName}", tiJiaoRenName)
|
|||
|
|
.replace("{id}", id);
|
|||
|
|
|
|||
|
|
$('#order-list-panel').append(template);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 接单
|
|||
|
|
ctrl.acceptOrder = function(orderId) {
|
|||
|
|
//显示载入动画
|
|||
|
|
api.showProgress({
|
|||
|
|
title: '载入中...',
|
|||
|
|
text: '请稍后',
|
|||
|
|
modal: false
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var url = '/test/gong-dan/gongDanJieDan';
|
|||
|
|
var data = {
|
|||
|
|
id: orderId,
|
|||
|
|
chuLiRenId: this.employeeId
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
$api.post(url, data, function(res, err) {
|
|||
|
|
//隐藏载入动画
|
|||
|
|
api.hideProgress();
|
|||
|
|
|
|||
|
|
if (res && res.code == 200) {
|
|||
|
|
|
|||
|
|
ctrl.toast("接单成功");
|
|||
|
|
|
|||
|
|
ctrl.initOrderListTab();
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
ctrl.toast(res.msg);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 初始化 我的工单 panel
|
|||
|
|
ctrl.initOrderTaskTab = function() {
|
|||
|
|
ctrl.getOrderTask();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 获取 我的工单 列表
|
|||
|
|
ctrl.getOrderTask = function() {
|
|||
|
|
//显示载入动画
|
|||
|
|
api.showProgress({
|
|||
|
|
title: '载入中...',
|
|||
|
|
text: '请稍后',
|
|||
|
|
modal: false
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var url = '/test/gong-dan/queryChuLiRenByList/1/9999/'
|
|||
|
|
+ this.status + '/'
|
|||
|
|
+ this.employeeId;
|
|||
|
|
|
|||
|
|
$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('#order-content'), "display:block");
|
|||
|
|
$api.css($api.dom('#order-empty-tips'), "display:none");
|
|||
|
|
$('#order-content').empty();
|
|||
|
|
|
|||
|
|
for (var i = 0; i < length; i++) {
|
|||
|
|
ctrl.renderOrderTask(list[i]);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
$api.css($api.dom('#order-content'), "display:none");
|
|||
|
|
$api.css($api.dom('#order-empty-tips'), "display:block");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 渲染 我的工单 列表
|
|||
|
|
ctrl.renderOrderTask = function(record) {
|
|||
|
|
var id = record.id;
|
|||
|
|
var status = record.zhuangTai;
|
|||
|
|
var prName = record.prName;
|
|||
|
|
var tiJiaoRenName = record.tiJiaoRenName;
|
|||
|
|
var chuLiRenName = record.chuLiRenName;
|
|||
|
|
var miaoShu = record.miaoShu;
|
|||
|
|
var template = ''
|
|||
|
|
template +='<div class="order" data-orderid=\"{orderid}\" 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}配电室</span> '
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '<div class="width100 ellipsis color-red desc">{miaoShu}</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '<div class="right text-align-r">'
|
|||
|
|
template += '<div class="text-gray">创建人:<span>{tiJiaoRenName}</span></div>'
|
|||
|
|
template += '<div class="height4"></div>'
|
|||
|
|
template += '<div>处理人:{chuLiRenName}</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template +='</div>'
|
|||
|
|
|
|||
|
|
template = template.replace("{orderid}", id)
|
|||
|
|
.replace("{status}", status)
|
|||
|
|
.replace("{prName}", prName)
|
|||
|
|
.replace("{miaoShu}", miaoShu)
|
|||
|
|
.replace("{tiJiaoRenName}", tiJiaoRenName)
|
|||
|
|
.replace("{chuLiRenName}", chuLiRenName);
|
|||
|
|
|
|||
|
|
$('#order-content').append(template);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
ctrl.init();
|
|||
|
|
}
|