mbui.define(['tool','layer','picker','userPicker'],function(exports){
|
let layer = mbui.layer,tool=mbui.tool,picker = mbui.picker,adminpicker = mbui.userPicker;
|
const opts={
|
"box":'editBox',//编辑容器id
|
"id":0,//编辑容器id
|
"url": '',
|
"radio":{},
|
"checbox":{},
|
"menu":{},
|
"callback":function(e){
|
layer.msg(e.msg);
|
if(e.code==0){
|
setTimeout(function(){
|
location.reload();
|
},1000)
|
}
|
}
|
};
|
|
const obj = {
|
//短文本
|
text: function (that) {
|
let me = this;
|
let field = that.data('field');
|
let text = that.data('text');
|
text = typeof(text) == "undefined" ? that.text():text;
|
|
layer.open({
|
type: 1,
|
title: '请输入内容',
|
area: ['360px', '158px'],
|
content: '<div><input class="mbui-input" id="oaEditText" value="' + text + '"/></div>',
|
btnAlign: 'c',
|
btn: ['保存','取消'],
|
yes: function () {
|
let val = $("#oaEditText").val();
|
if (val != '') {
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
postData[field] = val;
|
tool.post(me.sets.url,postData,me.sets.callback);
|
} else {
|
layer.msg('请输入内容');
|
}
|
}
|
})
|
},
|
//长文本
|
textarea: function (that) {
|
let me = this;
|
let field = that.data('field');
|
let target = that.data('target');
|
let textarea='';
|
if (typeof(target) == "undefined") {
|
textarea = that.text();
|
}
|
else{
|
textarea = $('#'+target).text();
|
}
|
layer.open({
|
type: 1,
|
title: '请输入内容',
|
area: ['600px', '320px'],
|
content: '<div style="padding:5px;"><textarea class="mbui-textarea" id="oaEditTextarea" style="width: 100%; height: 200px;">' + textarea + '</textarea></div>',
|
btnAlign: 'c',
|
btn: ['保存','取消'],
|
yes: function () {
|
let val = $("#oaEditTextarea").val();
|
if (val != '') {
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
postData[field] = val;
|
tool.post(me.sets.url,postData,me.sets.callback);
|
} else {
|
layer.msg('请输入内容');
|
}
|
}
|
})
|
},
|
//数字
|
num: function (that) {
|
let me = this;
|
let field = that.data('field');
|
let text = that.data('text');
|
text = typeof(text) == "undefined" ? that.text():text;
|
|
let min = that.data('min');
|
min = typeof(min) == "undefined" ? 0:min;
|
|
let max = that.data('max');
|
max = typeof(max) == "undefined" ? 100:max;
|
|
layer.open({
|
type: 1,
|
title: '请输入数字',
|
area: ['200px', '158px'],
|
content: '<div style="padding:5px;"><input class="mbui-input" oninput="this.value = this.value.replace(/[^0-9]/g,\'\')" id="oaEditNum" value="' + text + '"/></div>',
|
btnAlign: 'c',
|
btn: ['保存','取消'],
|
yes: function () {
|
let val = $("#oaEditNum").val();
|
if (val != '') {
|
if(min !='' && val<min){
|
layer.msg('输入数字不能小于'+min);
|
return false;
|
}
|
if(max !='' && val>max){
|
layer.msg('输入数字不能大于'+max);
|
return false;
|
}
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
postData[field] = val;
|
tool.post(me.sets.url,postData,me.sets.callback);
|
} else {
|
layer.msg('请输入内容');
|
}
|
}
|
})
|
},
|
oadate: function (that) {
|
let me = this;
|
let type = that.data('type');
|
let min = that.data('min');
|
let max = that.data('max');
|
if (typeof(type) == "undefined" || type === '') {
|
type = 'date';
|
}
|
if (typeof(min) == "undefined" || min === '' || min === 1) {
|
min = '1970-01-01 00:00:00';
|
}
|
if (typeof(max) == "undefined" || max === '' || max === 100) {
|
max = '2099-12-31 23:59:59';
|
}
|
let field = that.data('field');
|
let text = that.data('text');
|
text = typeof(text) == "undefined" ? that.text():text;
|
|
picker.init({
|
elem: that, // 绑定元素
|
options: type, // 设置为日期选择器（日期选择器可设置：year、month、date、time、timesecond、datetime、datetimesecond）
|
onSuccess: function(index, elem){ // 渲染成功回调
|
picker.show(index);
|
},
|
onClear: function(index){ // 停止滚动触发：index是当前对象的标识， i 是当前滑动的对象，result是前面的值集
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
postData[field] = 0;
|
tool.post(me.sets.url,postData,me.sets.callback);
|
picker.remove(index);
|
},
|
onConfirm: function(index, val, result){ // 点击确认回调
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
postData[field] = val;
|
tool.post(me.sets.url,postData,me.sets.callback);
|
picker.remove(index);
|
},
|
onCancel: function(index){ // 点击取消回调
|
picker.remove(index);
|
},
|
onShade: function(index){ // 点击遮罩回调
|
picker.remove(index);
|
},
|
minDate:min,
|
maxDate:max
|
})
|
},
|
adminpicker: function (that){
|
let me = this;
|
let field = that.data('field');
|
let ids = that.data('ids');
|
let names = that.data('names');
|
let min = that.data('min');
|
min = typeof(min) == "undefined" ? 1:min;
|
|
adminpicker({
|
type:min,
|
callback:function(ids,names,dids,departments){
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
postData[field] = ids.join(',');
|
tool.post(me.sets.url,postData,me.sets.callback);
|
}
|
});
|
},
|
picker:function(that){
|
let me = this;
|
let field = that.data('field');
|
let api = that.data('api');
|
if(typeof(api) == "undefined"){
|
layer.msg('相关API参数未完善');
|
return false;
|
}
|
let min = that.data('min');
|
min = typeof(min) == "undefined" ? 1:min;
|
let loading;
|
$.ajax({
|
url: api,
|
type: 'get',
|
beforeSend:function(){
|
loading = layer.loading('加载中...');
|
},
|
success: function (e) {
|
if (e.code == 0) {
|
data = e.data;
|
if(min==1){
|
me.radio(that,data);
|
}
|
else{
|
me.checkbox(that,data);
|
}
|
}
|
},
|
complete:function(){
|
layer.close(loading);
|
}
|
})
|
},
|
radio:function(that,data){
|
let me = this;
|
let field = that.data('field');
|
let text = that.data('text');
|
text = typeof(text) == "undefined" ? that.text():text;
|
|
let arrayidx = that.data('array');
|
if(typeof(arrayidx) != "undefined" && arrayidx!=''){
|
data = me.sets.radio[arrayidx];
|
}
|
if (data.length == 0) {
|
layer.msg('无可选择的内容');
|
return false;
|
}
|
let len = data.length;
|
let editHtml = '<div class="mbui-layer-radio">'
|
while (len--) {
|
if (data[len].id == text) {
|
editHtml+='<div class="mbui-radio-checkbox"><label for="list_radio_'+data[len].id+'">'+data[len].title+'<input class="mbui-radio" type="radio" name="layer_radio" checked value="'+data[len].id+'" id="list_radio_'+data[len].id+'" /></label></div>';
|
}
|
else{
|
editHtml+='<div class="mbui-radio-checkbox"><label for="list_radio_'+data[len].id+'">'+data[len].title+'<input class="mbui-radio" type="radio" name="layer_radio" value="'+data[len].id+'" id="list_radio_'+data[len].id+'" /></label></div>';
|
}
|
}
|
editHtml+='</div>';
|
layer.open({
|
type:5,
|
content:editHtml,
|
btn:['确定','取消'],
|
yes:function(index){
|
let val = $('input[name="layer_radio"]:checked').val();
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
postData[field] = val;
|
tool.post(me.sets.url,postData,me.sets.callback);
|
}
|
});
|
},
|
checkbox:function(that){
|
let me = this;
|
let field = that.data('field');
|
let text = that.data('text');
|
text = typeof(text) == "undefined" ? that.text():text;
|
|
let selected_array = text+''.split(',');
|
let arrayidx = that.data('array');
|
let data = me.sets.checkbox[arrayidx];
|
if (data.length == 0) {
|
layer.msg('无可选择的内容');
|
return false;
|
}
|
let len = data.length;
|
let editHtml = '<div class="mbui-layer-checkbox">'
|
while (len--) {
|
if (selected_array.includes(data[len].id)) {
|
editHtml+='<div class="mbui-radio-checkbox"><label for="list_checkbox_'+data[len].id+'">'+data[len].title+'<input class="mbui-checkbox" type="checkbox" name="layer_checkbox" checked value="'+data[len].id+'" id="list_radio_'+data[len].id+'" /></label></div>';
|
}
|
else{
|
editHtml+='<div class="mbui-radio-checkbox"><label for="list_checkbox_'+data[len].id+'">'+data[len].title+'<input class="mbui-checkbox" type="checkbox" name="layer_checkbox" value="'+data[len].id+'" id="list_checkbox_'+data[len].id+'" /></label></div>';
|
}
|
}
|
editHtml+='</div>';
|
layer.open({
|
type:5,
|
content:editHtml,
|
btn:['确定','取消'],
|
yes:function(index){
|
let checkedValues = $('input[name="layer_checkbox"]:checked').map(function(){
|
return $(this).val();
|
}).get();
|
let postData = {'id':me.sets.id,'scene':'oaedit'};
|
postData[field] = checkedValues.join(',');
|
tool.post(me.sets.url,postData,me.sets.callback);
|
}
|
});
|
},
|
menu: function (that) {
|
let me = this;
|
let arrayidx = that.data('array');
|
let data = me.sets.menu[arrayidx];
|
if (data.length == 0) {
|
layer.msg('无可选择的内容');
|
return false;
|
}
|
let len = data.length;
|
let editHtml = ''
|
while (len--) {
|
let item = $('#edit_'+data[len].field);
|
let types = item.data('types');
|
let text = item.data('text');
|
text = typeof(text) == "undefined" ? item.text():text;
|
|
let arrays = item.data('array');
|
arrays = typeof(arrays) == "undefined" ? '':arrays;
|
|
let api = item.data('api');
|
api = typeof(api) == "undefined" ? '':api;
|
|
let min = item.data('min');
|
min = typeof(min) == "undefined" ? 1:min;
|
|
let max = item.data('max');
|
max = typeof(max) == "undefined" ? 100:max;
|
|
editHtml+='<a href="javascript:void(0);" class="actionsheet-btn" data-field="'+data[len].field+'" data-types="'+types+'" data-array="'+arrays+'" data-text="'+text+'" data-min="'+min+'" data-max="'+max+'" data-api="'+api+'">'+data[len].title+'</a>';
|
}
|
layer.open({
|
type:4,
|
content: editHtml,
|
btn:['取消'],
|
success:function(elem,index){
|
$(elem).on('click','.actionsheet-btn',function(){
|
let thatmenu = $(this);
|
let types = thatmenu.data('types');
|
layer.close(index);
|
switch (types) {
|
case "num":
|
me.num(thatmenu);
|
break;
|
case "oadate":
|
me.oadate(thatmenu);
|
break;
|
case "textarea":
|
me.textarea(thatmenu);
|
break;
|
case "adminpicker":
|
me.adminpicker(thatmenu);
|
break;
|
case "picker":
|
me.picker(thatmenu);
|
break;
|
case "radio":
|
me.radio(thatmenu,[]);
|
break;
|
case "checkbox":
|
me.checkbox(thatmenu,[]);
|
break;
|
default:
|
me.text(thatmenu);
|
}
|
})
|
}
|
});
|
},
|
init: function (options) {
|
this.sets = $.extend({}, opts, options);
|
let me = this;
|
let editBox = $('#'+me.sets.box);
|
editBox.on('click','.click-edit',function(){
|
let that = $(this);
|
let types = that.data('types');
|
let role = that.data('role');
|
role = typeof(role) == "undefined" ? 1:role;
|
if(role==0){
|
layer.msg('你无权限操作');
|
return false;
|
}
|
switch (types) {
|
case "num":
|
me.num(that);
|
break;
|
case "oadate":
|
me.oadate(that);
|
break;
|
case "textarea":
|
me.textarea(that);
|
break;
|
case "adminpicker":
|
me.adminpicker(that);
|
break;
|
case "picker":
|
me.picker(that);
|
break;
|
case "radio":
|
me.radio(that,[]);
|
break;
|
case "checkbox":
|
me.checkbox(that,[]);
|
break;
|
case "menu":
|
me.menu(that);
|
break;
|
default:
|
me.text(that);
|
}
|
})
|
}
|
}
|
//输出接口
|
exports('oaEdit', obj);
|
});
|
