457 lines
14 KiB
JavaScript
457 lines
14 KiB
JavaScript
|
|
|
|
apiready = function() {
|
|
var ctrl = {
|
|
init: {},
|
|
bind: {},
|
|
orderData: {
|
|
pics: [],
|
|
serverPicUrls: [],
|
|
uploadPicNum: 0,
|
|
desc: '',
|
|
prId: null,
|
|
},
|
|
};
|
|
|
|
ctrl.init = function() {
|
|
CommonModel.fitInStatusBar();
|
|
|
|
ctrl.employeeId = $api.getStorage('employeeId');
|
|
ctrl.roleId = $api.getStorage('roleId');
|
|
ctrl.prListDom = $('#pr-list');
|
|
ctrl.inspectorGroup = $("#inspector-group");
|
|
|
|
ctrl.bind();
|
|
|
|
ctrl.initPrList();
|
|
}
|
|
ctrl.bind = function() {
|
|
//点击返回按钮
|
|
$api.addEvt($api.dom("#back"), "touchend", function() {
|
|
api.closeWin();
|
|
});
|
|
|
|
// 点击 配电室下拉选择框
|
|
$api.addEvt($api.dom("#pr-selected"), "touchend", function() {
|
|
$('.pr-picker-modal').toggleClass('show');
|
|
});
|
|
|
|
// 选择配电室
|
|
$("#pr-list").on("touchend", ".pr", function () {
|
|
ctrl.orderData.prId = $(this).data('prid');
|
|
|
|
var prName = $(this).data('prname');
|
|
$('#pr-name').text(prName);
|
|
|
|
$('.pr-picker-modal').removeClass('show');
|
|
});
|
|
|
|
// 点击 相册选择 添加 设备缺陷图片
|
|
$("#pic-add-btn").on("touchend", function () {
|
|
var picContentDom = $('#pic-content');
|
|
var params = {
|
|
sourceType: 'library',
|
|
// sourceType: 'camera',
|
|
// sourceType: 'album',
|
|
destinationType: 'base64'
|
|
}
|
|
api.getPicture(params, function(ret, err){
|
|
if (ret && ret.data) {
|
|
// 创建图片预览dom
|
|
var picItemDom = '<span class="pic-item"><i></i><img class="problem-pic-item" src="{{url}}" alt=""></span>'
|
|
var dom = picItemDom.replace('{{url}}', ret.data)
|
|
picContentDom.prepend(dom)
|
|
|
|
// 保存 图片 base64 和 url
|
|
ctrl.orderData.pics.push({
|
|
url: ret.data
|
|
});
|
|
}
|
|
})
|
|
});
|
|
|
|
// 点击 照相机 拍照添加 设备缺陷图片
|
|
$("#camera-btn").on("touchend", function () {
|
|
var picContentDom = $('#pic-content');
|
|
var params = {
|
|
// sourceType: 'library',
|
|
sourceType: 'camera',
|
|
// sourceType: 'album',
|
|
destinationType: 'base64'
|
|
}
|
|
api.getPicture(params, function(ret, err){
|
|
if (ret && ret.data) {
|
|
// 创建图片预览dom
|
|
var picItemDom = '<span class="pic-item"><i></i><img class="problem-pic-item" src="{{url}}" alt=""></span>'
|
|
var dom = picItemDom.replace('{{url}}', ret.data)
|
|
picContentDom.prepend(dom)
|
|
|
|
// 保存 图片 base64 和 url
|
|
ctrl.orderData.pics.push({
|
|
url: ret.data
|
|
});
|
|
}
|
|
})
|
|
});
|
|
|
|
// 点击图片预览
|
|
$("#pic-content").on("touchend", ".problem-pic-item", function (e) {
|
|
e.stopPropagation();
|
|
var src = $(this).attr('src');
|
|
|
|
$('#pic-review img').attr('src', src);
|
|
$('#pic-review').css('display', 'block');
|
|
});
|
|
|
|
// 关闭 照片预览
|
|
$('#pic-review').on("touchend", function () {
|
|
$(this).css('display', 'none');
|
|
});
|
|
|
|
// 图片 删除按钮
|
|
$("#pic-content").on("touchend", "i", function (e) {
|
|
e.stopPropagation();
|
|
|
|
var _this = this;
|
|
|
|
api.confirm({
|
|
title: '',
|
|
msg: '确定要删除吗',
|
|
buttons: ['确定', '取消']
|
|
}, function(ret, err) {
|
|
var index = ret.buttonIndex;
|
|
if (index == 1) { // 确定
|
|
var url = $($(_this).siblings('img')[0]).attr('src');
|
|
|
|
$(_this).parent('.pic-item').remove();
|
|
|
|
// 从 ctrl.orderData.pics 中删除对应url
|
|
ctrl.orderData.pics = ctrl.orderData.pics.filter(function (item) {
|
|
return item.url != url;
|
|
});
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
// 点击“保存”
|
|
$("#save-btn").on("touchend", function () {
|
|
api.confirm({
|
|
title: '',
|
|
msg: '确定要保存吗',
|
|
buttons: ['确定', '取消']
|
|
}, function(ret, err) {
|
|
var index = ret.buttonIndex;
|
|
if (index == 1) { // 确定
|
|
ctrl.save();
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
// 初始化 prList 下拉框
|
|
ctrl.initPrList = function () {
|
|
ctrl.getPrList();
|
|
ctrl.getInspectorList();
|
|
};
|
|
|
|
/**
|
|
* 获取人员列表
|
|
*/
|
|
ctrl.getInspectorList = function() {
|
|
// 判断当前登陆的账号是否是自己员工
|
|
var isZTZ = $api.getStorage('isZTZ');
|
|
var isXJZZ = $api.getStorage('isXJZZ');
|
|
var url;
|
|
var data;
|
|
var flag;
|
|
if (isZTZ || isXJZZ) { // ZTZ || XJZZ
|
|
url = '/ems/rest/xj/schedule/task/employee';
|
|
flag = true;
|
|
} else { // KHZZ || KHZBZ 客户员工 站长 || 值长
|
|
url = '/ems/rest/employee/getEmployeeByEmployeeId';
|
|
flag = false;
|
|
}
|
|
data = {
|
|
employeeId: $api.getStorage('employeeId')
|
|
};
|
|
api.showProgress({
|
|
title: '载入中...',
|
|
text: '请稍后',
|
|
modal: false
|
|
});
|
|
$api.get(url, data, function(res, err) {
|
|
api.hideProgress();
|
|
if (err) {
|
|
ctrl.toast("网络请求失败");
|
|
} else {
|
|
if (!res.code || res.code != "200" || !res.body) {
|
|
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|
} else {
|
|
if (flag) {
|
|
ctrl.renderInspectorList(res.body)
|
|
} else {
|
|
ctrl.renderInspectorList(res.body.records)
|
|
}
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
/**
|
|
* 渲染人员列表
|
|
*/
|
|
ctrl.renderInspectorList = function(inspectorlist) {
|
|
var len = inspectorlist.length;
|
|
var temp = '';
|
|
|
|
ctrl.inspectorGroup.empty();
|
|
|
|
ctrl.inspectorGroup.append('<input class="btn btn-highlight" type="button" value="无" group="inspector" data-inspectorid="" />');
|
|
|
|
for (var i = 0; i < len; i++) {
|
|
var inspectorItem = inspectorlist[i]
|
|
var domStr = ''
|
|
|
|
domStr = '<input class="btn" type="button" value="{inspector}" group="inspector" data-inspectorid="{inspectorId}" />'
|
|
|
|
domStr = domStr.replace("{inspector}", inspectorItem.employeeName)
|
|
.replace("{inspectorId}", inspectorItem.employeeId);
|
|
|
|
temp += domStr;
|
|
}
|
|
|
|
ctrl.inspectorGroup.append(temp);
|
|
|
|
//为巡检人员绑定事件
|
|
ctrl.bindSwitchButtonEvent(ctrl.inspectorGroup.children());
|
|
}
|
|
|
|
/**
|
|
* 人员 选择按钮 点击事件绑定
|
|
* @param {zepto object} buttons
|
|
*/
|
|
ctrl.bindSwitchButtonEvent = function(buttons) {
|
|
for (var i = 0; i < buttons.length; i++) {
|
|
var btn = $(buttons[i]);
|
|
btn.on('touchend', ctrl.switchButtonClicked);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 人员 按钮点击 事件处理函数
|
|
*/
|
|
ctrl.switchButtonClicked = function() {
|
|
var sender = $(this);
|
|
var brothers = sender.parent().children();
|
|
for (var i = 0; i < brothers.length; i++) {
|
|
var inputElement = $(brothers[i]);
|
|
inputElement.removeClass("btn-highlight");
|
|
}
|
|
sender.addClass("btn-highlight");
|
|
|
|
ctrl.inspectorButton_clicked(sender);
|
|
}
|
|
|
|
// 人员选择
|
|
ctrl.inspectorButton_clicked = function(dom) {
|
|
var employeeId = dom.data('inspectorid');
|
|
var employeeName = dom.val();
|
|
|
|
ctrl.handleEmployeeId = employeeId;
|
|
ctrl.handleEmployeeName = employeeName;
|
|
}
|
|
|
|
// 获取配电室列表
|
|
ctrl.getPrList = function () {
|
|
var url = '/ems/rest/power/room/list';
|
|
var data = {
|
|
employeeId: ctrl.employeeId,
|
|
roleId: ctrl.roleId
|
|
}
|
|
|
|
api.showProgress({
|
|
title: '载入中...',
|
|
text: '请稍后',
|
|
modal: false
|
|
});
|
|
$api.get(url, data, function(res, err) {
|
|
api.hideProgress();
|
|
if (err) {
|
|
ctrl.toast("网络请求失败");
|
|
} else {
|
|
if (!res.code || res.code != "200" || !res.body) {
|
|
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|
} else {
|
|
ctrl.renderPrList(res.body);
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
// 渲染配电室下拉框
|
|
ctrl.renderPrList = function (data) {
|
|
var len = data.length;
|
|
|
|
var temp = '';
|
|
|
|
ctrl.prListDom.empty();
|
|
|
|
for (var i = 0; i < len; i++) {
|
|
var prItem = data[i];
|
|
var domStr = '';
|
|
|
|
domStr += '<div class="pr" data-prid="{prId}" data-prname="{prName}">'
|
|
domStr += '<div class="icon-con">'
|
|
domStr += '<img src="../../image/black-pr-icon.png">'
|
|
domStr += '</div>'
|
|
domStr += '<div>{prName}</div>'
|
|
domStr += '</div>'
|
|
|
|
domStr = domStr.replace("{prId}", prItem.prId)
|
|
.replace("{prName}", prItem.prName)
|
|
.replace("{prName}", prItem.prName);
|
|
|
|
temp += domStr;
|
|
}
|
|
|
|
ctrl.prListDom.append(temp);
|
|
};
|
|
|
|
/**
|
|
* 弹出提示框
|
|
*/
|
|
ctrl.toast = function (msg) {
|
|
api.toast({
|
|
msg: msg,
|
|
duration: 3000,
|
|
locaiton: 'top'
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 保存
|
|
*/
|
|
ctrl.save = function () {
|
|
// 数据校验
|
|
var flag = ctrl.checkData();
|
|
|
|
if (flag == 1) {
|
|
ctrl.toast("请选择配电室");
|
|
return;
|
|
} else if (flag == 2) {
|
|
ctrl.toast("请填写工单描述");
|
|
return;
|
|
};
|
|
|
|
api.showProgress();
|
|
|
|
var pics = ctrl.orderData.pics;
|
|
var length = pics.length;
|
|
if (length > 0) { // 有图片
|
|
// 上传 图片
|
|
for (var i = 0; i < length; i++) {
|
|
var url = pics[i]['url'];
|
|
ctrl.uploadPic(url);
|
|
}
|
|
} else { // 没图片
|
|
ctrl.submitOrder();
|
|
};
|
|
};
|
|
|
|
// 数据校验
|
|
ctrl.checkData = function () {
|
|
ctrl.orderData.desc = $('#problem-text').val().trim();
|
|
|
|
if (!ctrl.orderData.prId) { // 验证配电室选择
|
|
return 1;
|
|
} else if (!ctrl.orderData.desc) { // 验证工单描述
|
|
return 2;
|
|
};
|
|
};
|
|
|
|
// 上传图片
|
|
ctrl.uploadPic = function (file) {
|
|
|
|
var url = "/ems/rest/common/file/pad_upload";
|
|
var data = file;
|
|
|
|
$api.uploadFile(url, data, function (res, err) {
|
|
|
|
if (err) {
|
|
api.hideProgress();
|
|
ctrl.toast("网络请求失败,请稍后再试");
|
|
} else {
|
|
if (res.code == 200) {
|
|
// 将返回的图片路径保存
|
|
if (res.body && res.body.fileUrl) {
|
|
ctrl.orderData.serverPicUrls.push(res.body.fileUrl)
|
|
ctrl.orderData.uploadPicNum++;
|
|
|
|
if (ctrl.orderData.uploadPicNum == ctrl.orderData.pics.length) {// 代表全部图片上传完成
|
|
// 2、调用接口
|
|
ctrl.submitOrder();
|
|
}
|
|
} else {
|
|
api.hideProgress();
|
|
ctrl.toast("服务器错误，未返回数据");
|
|
}
|
|
} else {
|
|
api.hideProgress();
|
|
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|
}
|
|
}
|
|
|
|
})
|
|
};
|
|
|
|
// 提交工单
|
|
ctrl.submitOrder = function () {
|
|
api.showProgress();
|
|
|
|
var zhaoPian = ctrl.orderData.serverPicUrls.join(',');
|
|
var url = '/test/gong-dan/insert';
|
|
var data = {
|
|
tiJiaoRenId: ctrl.employeeId,
|
|
prId: ctrl.orderData.prId,
|
|
miaoShu: ctrl.orderData.desc
|
|
};
|
|
|
|
if (ctrl.handleEmployeeId) {
|
|
data.chuLiRenId = ctrl.handleEmployeeId;
|
|
data.chuLiRenName = ctrl.handleEmployeeName;
|
|
data.chuLiShiJian = CommonModel.getFomattedDate();
|
|
data.zhuangTai = 1;
|
|
}
|
|
|
|
if (zhaoPian) {
|
|
data.zhaoPian = zhaoPian;
|
|
};
|
|
|
|
$api.post(url, data, function (res, err) {
|
|
|
|
if (err) {
|
|
api.hideProgress();
|
|
ctrl.toast("创建工单失败,请稍后再试");
|
|
} else {
|
|
if (res.code == 200) {
|
|
// 返回工单列表页
|
|
api.sendEvent({
|
|
name: 'orderListChanged'
|
|
});
|
|
|
|
api.hideProgress();
|
|
ctrl.toast("提交成功");
|
|
api.closeWin();
|
|
} else {
|
|
api.hideProgress();
|
|
ctrl.toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|
}
|
|
};
|
|
|
|
});
|
|
};
|
|
|
|
ctrl.init();
|
|
}
|