333 lines
11 KiB
JavaScript
333 lines
11 KiB
JavaScript
|
apiready = function() {
|
|||
|
|
var ctrl = {
|
|||
|
|
init: {},
|
|||
|
|
bind: {},
|
|||
|
|
employeeId: null,
|
|||
|
|
roleId: null,
|
|||
|
|
orderContent: null,
|
|||
|
|
emptyTips: null,
|
|||
|
|
orderType: -1, // 状态 -1：全部 0：未接单 1：未处理 2:处理中 3：已处理
|
|||
|
|
currentPage: 1,
|
|||
|
|
pageSize: 10,
|
|||
|
|
isLoading: false,
|
|||
|
|
startDateStr: '',
|
|||
|
|
endDateStr: '',
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ctrl.init = function() {
|
|||
|
|
// 适配安卓状态栏
|
|||
|
|
CommonModel.fitInStatusBar();
|
|||
|
|
var searcherTop = $('#heightHeader').height();
|
|||
|
|
$('#searcher').css('top',searcherTop);
|
|||
|
|
|
|||
|
|
ctrl.employeeId = $api.getStorage('employeeId');
|
|||
|
|
ctrl.roleId = $api.getStorage('roleId');
|
|||
|
|
ctrl.emptyTips = $("#empty-tips");
|
|||
|
|
ctrl.orderContent = $('#systemOrderList');
|
|||
|
|
ctrl.ipStartTime = $("#ipStartTime");
|
|||
|
|
ctrl.lbStartTime = $("#lbStartTime");
|
|||
|
|
ctrl.ipEndTime = $("#ipEndTime");
|
|||
|
|
ctrl.lbEndTime = $("#lbEndTime");
|
|||
|
|
|
|||
|
|
//工单 状态发生变化
|
|||
|
|
api.addEventListener({
|
|||
|
|
name: 'orderListChanged'
|
|||
|
|
}, ctrl.orderListChanged);
|
|||
|
|
|
|||
|
|
ctrl.bind();
|
|||
|
|
|
|||
|
|
ctrl.initOrderList();
|
|||
|
|
}
|
|||
|
|
ctrl.bind = function() {
|
|||
|
|
//点击返回按钮
|
|||
|
|
$api.addEvt($api.dom("#back"), "touchend", function() {
|
|||
|
|
api.closeWin();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 开始日期 监听日期选择器的改变事件
|
|||
|
|
$("#ipStartTime").on("change", function () {
|
|||
|
|
ctrl.startDateStr = ctrl.ipStartTime.val();
|
|||
|
|
if (ctrl.startDateStr && ctrl.startDateStr != "") {
|
|||
|
|
ctrl.lbStartTime.html(ctrl.startDateStr);
|
|||
|
|
} else {
|
|||
|
|
ctrl.lbStartTime.html("开始日期");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 结束日期 监听日期选择器的改变事件
|
|||
|
|
$("#ipEndTime").on("change", function endDateChanged() {
|
|||
|
|
ctrl.endDateStr = ctrl.ipEndTime.val();
|
|||
|
|
if (ctrl.endDateStr && ctrl.endDateStr != "") {
|
|||
|
|
ctrl.lbEndTime.html(ctrl.endDateStr);
|
|||
|
|
} else {
|
|||
|
|
ctrl.lbEndTime.html("结束日期");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击 查询
|
|||
|
|
$("#btn-query").on("touchend", ctrl.initOrderList);
|
|||
|
|
|
|||
|
|
// 点击“全部” btn
|
|||
|
|
$("#all").on("touchend", function() {
|
|||
|
|
ctrl.orderType = -1;
|
|||
|
|
ctrl.currentPage = 1;
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
|||
|
|
$(this).addClass('bg-yellow');
|
|||
|
|
ctrl.initOrderList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“未接单” btn
|
|||
|
|
$("#btn-unaccpted").on("touchend", function() {
|
|||
|
|
ctrl.orderType = 0;
|
|||
|
|
ctrl.currentPage = 1;
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
|||
|
|
$(this).addClass('bg-yellow');
|
|||
|
|
ctrl.initOrderList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“未处理” btn
|
|||
|
|
$("#btn-unhandled").on("touchend", function() {
|
|||
|
|
ctrl.orderType = 1;
|
|||
|
|
ctrl.currentPage = 1;
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
|||
|
|
$(this).addClass('bg-yellow');
|
|||
|
|
ctrl.initOrderList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“处理中” btn
|
|||
|
|
$("#btn-handling").on("touchend", function() {
|
|||
|
|
ctrl.orderType = 2;
|
|||
|
|
ctrl.currentPage = 1;
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
|||
|
|
$(this).addClass('bg-yellow');
|
|||
|
|
ctrl.initOrderList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“已完成” btn
|
|||
|
|
$("#btn-finished").on("touchend", function() {
|
|||
|
|
ctrl.orderType = 3;
|
|||
|
|
ctrl.currentPage = 1;
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow');
|
|||
|
|
$(this).addClass('bg-yellow');
|
|||
|
|
ctrl.initOrderList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击 “创建工单”
|
|||
|
|
$("#create-systemOrder-btn").on("touchend", function() {
|
|||
|
|
api.openWin({
|
|||
|
|
'name': 'systemOrderCreate',
|
|||
|
|
'url': 'widget://html/feature/systemOrderCreate.html'
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击系统工单 ，跳转到详情页
|
|||
|
|
$("#systemOrderList").on("touchend", ".left", function() {
|
|||
|
|
var orderId = $(this).data("systemorderid");
|
|||
|
|
var type = $(this).data("type");
|
|||
|
|
|
|||
|
|
api.openWin({
|
|||
|
|
'name': 'systemOrderDetail',
|
|||
|
|
'url': 'widget://html/feature/systemOrderDetail.html',
|
|||
|
|
'pageParam': {
|
|||
|
|
id: orderId,
|
|||
|
|
type: type
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击 派单
|
|||
|
|
$("#systemOrderList").on("touchend", ".delivery-btn", function(e) {
|
|||
|
|
e.stopPropagation();
|
|||
|
|
|
|||
|
|
var orderId = $(this).data("orderid");
|
|||
|
|
|
|||
|
|
api.openWin({
|
|||
|
|
'name': 'systemOrderEdit',
|
|||
|
|
'url': 'widget://html/feature/systemOrderEdit.html',
|
|||
|
|
'pageParam': {
|
|||
|
|
id: orderId
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 下拉刷新
|
|||
|
|
// api.setRefreshHeaderInfo({
|
|||
|
|
// bgColor: "#CCCCCC",
|
|||
|
|
// textColor: "#FFFFFF"
|
|||
|
|
// }, function(ret, err) {
|
|||
|
|
// // 根据当前选择的tab 刷新对应的内容
|
|||
|
|
// ctrl.currentPage = 1;
|
|||
|
|
// ctrl.getOrderList();
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
//监听滚动到底部事件
|
|||
|
|
api.addEventListener({
|
|||
|
|
name: 'scrolltobottom',
|
|||
|
|
extra: {
|
|||
|
|
threshold: 0 //设置距离底部多少距离时触发，默认值为0，数字类型
|
|||
|
|
}
|
|||
|
|
}, function(ret, err) {
|
|||
|
|
if (!ctrl.isLoading) {
|
|||
|
|
if (ctrl.currentPage >= ctrl.totalPages) {
|
|||
|
|
toast("没有更多了");
|
|||
|
|
return;
|
|||
|
|
} else {
|
|||
|
|
ctrl.currentPage++;
|
|||
|
|
ctrl.getOrderList();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 弹出提示框
|
|||
|
|
ctrl.toast = function(msg) {
|
|||
|
|
api.toast({
|
|||
|
|
msg: msg,
|
|||
|
|
duration: 3000,
|
|||
|
|
locaiton: 'top'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 创建工单完成 触发的事件处理
|
|||
|
|
ctrl.orderListChanged = function(ret, err) {
|
|||
|
|
ctrl.initOrderList();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 初始化系统工单列表
|
|||
|
|
ctrl.initOrderList = function () {
|
|||
|
|
ctrl.clearOrderList();
|
|||
|
|
|
|||
|
|
ctrl.getOrderList();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 清空工单列表
|
|||
|
|
ctrl.clearOrderList = function () {
|
|||
|
|
this.orderContent.empty();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 获取工单列表
|
|||
|
|
ctrl.getOrderList = function () {
|
|||
|
|
api.showProgress();
|
|||
|
|
|
|||
|
|
var url = '/test/gong-dan/queryByList/'
|
|||
|
|
+ this.currentPage + '/'
|
|||
|
|
+ this.pageSize + '/'
|
|||
|
|
+ this.orderType + '/'
|
|||
|
|
+ this.employeeId + '/'
|
|||
|
|
+ this.roleId;
|
|||
|
|
|
|||
|
|
var data = {};
|
|||
|
|
|
|||
|
|
if (ctrl.startDateStr) {
|
|||
|
|
data.start = CommonModel.getFomattedDate((new Date(ctrl.startDateStr.replace(/-/g, '/'))).getTime(), 'yyyy-MM-dd') + ' 00:00:00';
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
if (ctrl.endDateStr) {
|
|||
|
|
data.end = CommonModel.getFomattedDate((new Date(ctrl.endDateStr.replace(/-/g, '/'))).getTime(), 'yyyy-MM-dd') + ' 23:59:59';
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
$api.post(url, data, function(res, err) {
|
|||
|
|
if (err) {
|
|||
|
|
ctrl.toast("网络请求失败");
|
|||
|
|
api.hideProgress();
|
|||
|
|
} else {
|
|||
|
|
if (!res.code || res.code != "200") {
|
|||
|
|
ctrl.toast("服务器响应错误");
|
|||
|
|
api.hideProgress();
|
|||
|
|
} else {
|
|||
|
|
ctrl.totalPages = res.data.pages;
|
|||
|
|
ctrl.renderOrderList(res.data.records);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 渲染 工单列表
|
|||
|
|
ctrl.renderOrderList = function (records) {
|
|||
|
|
var length = records.length;
|
|||
|
|
if (length > 0) {
|
|||
|
|
this.orderContent.show();
|
|||
|
|
this.emptyTips.hide();
|
|||
|
|
|
|||
|
|
for (var i = 0; i < length; i++) {
|
|||
|
|
var item = records[i];
|
|||
|
|
ctrl.createOrderDom(item);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
this.orderContent.hide();
|
|||
|
|
this.emptyTips.show();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
api.hideProgress();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 创建 工单 DOM
|
|||
|
|
ctrl.createOrderDom = function (item) {
|
|||
|
|
var id = item.id;
|
|||
|
|
var prName = item.prName;
|
|||
|
|
var miaoShu = item.miaoShu;
|
|||
|
|
var tiJiaoShiJian = item.tiJiaoShiJian.split(' ')[0];
|
|||
|
|
var tiJiaoRenName = item.tiJiaoRenName;
|
|||
|
|
var type = item.zhuangTai;
|
|||
|
|
var textColor = '';
|
|||
|
|
var status = '';
|
|||
|
|
|
|||
|
|
// -1：全部 0：未接单 1：未处理 2:处理中 3：已处理
|
|||
|
|
switch (type) {
|
|||
|
|
case 0:
|
|||
|
|
textColor = 'text-red';
|
|||
|
|
status = '未接单';
|
|||
|
|
break;
|
|||
|
|
case 1:
|
|||
|
|
textColor = 'text-gray';
|
|||
|
|
status = '未处理';
|
|||
|
|
break;
|
|||
|
|
case 2:
|
|||
|
|
textColor = 'text-yellow';
|
|||
|
|
status = '处理中';
|
|||
|
|
break;
|
|||
|
|
case 3:
|
|||
|
|
textColor = 'text-green';
|
|||
|
|
status = '已完成';
|
|||
|
|
break;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var template = ''
|
|||
|
|
template += '<div class="systemOrder">'
|
|||
|
|
template += '<div class="left" data-systemorderid="{id}" data-type={type}>'
|
|||
|
|
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">{miaoShu}</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '<div class="right text-align-r">'
|
|||
|
|
template += '<div class="text-gray">{time}'
|
|||
|
|
template += '<span class="{textColor}" style="margin-left: 0.4rem;">{status}</span>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '<div class="height4"></div>'
|
|||
|
|
template += '<div>创建人: {person}'
|
|||
|
|
if (type == 0) {
|
|||
|
|
template += '<button class="delivery-btn" data-orderid={orderid}>派单</button></div>'
|
|||
|
|
}
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
|
|||
|
|
template = template.replace("{id}", id)
|
|||
|
|
.replace("{type}", type)
|
|||
|
|
.replace("{prName}", prName)
|
|||
|
|
.replace("{miaoShu}", miaoShu)
|
|||
|
|
.replace("{time}", tiJiaoShiJian)
|
|||
|
|
.replace("{textColor}", textColor)
|
|||
|
|
.replace("{status}", status)
|
|||
|
|
.replace("{person}", tiJiaoRenName)
|
|||
|
|
.replace("{orderid}", id);
|
|||
|
|
|
|||
|
|
ctrl.orderContent.append(template);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
ctrl.init();
|
|||
|
|
}
|