954 lines
38 KiB
JavaScript
954 lines
38 KiB
JavaScript
'use strict';
|
|
|
|
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
|
|
|
/**
|
|
* name: formSelects
|
|
* 基于Layui Select多选
|
|
* version: 3.0.9.0607
|
|
* https://faysunshine.com/layui/template/formSelects-v3/formSelects-v3.js
|
|
*/
|
|
(function (layui, window, factory) {
|
|
if ((typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) === 'object') {
|
|
// 支持 CommonJS
|
|
module.exports = factory();
|
|
} else if (typeof define === 'function' && define.amd) {
|
|
// 支持 AMD
|
|
define(factory);
|
|
} else if (window.layui && layui.define) {
|
|
//layui加载
|
|
layui.define(['jquery', 'form'], function (exports) {
|
|
exports('formSelects', factory());
|
|
});
|
|
} else {
|
|
window.formSelects = factory();
|
|
}
|
|
})(layui, window, function () {
|
|
//针对IE的一些处理
|
|
if (window.Map == undefined) {
|
|
var _Map = function _Map() {
|
|
this.value = {};
|
|
};
|
|
|
|
_Map.prototype.set = function (key, val) {
|
|
this.value[key] = val;
|
|
};
|
|
|
|
_Map.prototype.get = function (key) {
|
|
return this.value[key];
|
|
};
|
|
|
|
_Map.prototype.has = function (key) {
|
|
return this.value.hasOwnProperty(key);
|
|
};
|
|
|
|
_Map.prototype.delete = function (key) {
|
|
delete this.value[key];
|
|
};
|
|
|
|
window.Map = _Map;
|
|
}
|
|
|
|
var $ = layui.jquery || $,
|
|
form = layui.form,
|
|
select3 = {
|
|
value: function value(name) {
|
|
var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all';
|
|
var vals = arguments[2];
|
|
|
|
if (Array.isArray(type)) {
|
|
vals = type;
|
|
type = 'all';
|
|
}
|
|
if (name && vals && Array.isArray(vals)) {
|
|
var options = commons.data.confs.get(name);
|
|
if (options) {
|
|
var dl = commons.methods.getDiv(options).find('dl');
|
|
if (!options.repeat) {
|
|
var map = {},
|
|
newVals = [];
|
|
vals.forEach(function (val) {
|
|
if (!map[val]) {
|
|
newVals.push(val);
|
|
map[val] = 1;
|
|
}
|
|
});
|
|
vals = newVals;
|
|
}
|
|
var on = options.on;
|
|
options.on = null;
|
|
commons.methods.removeAll(options);
|
|
options.delete = false;
|
|
vals.forEach(function (val) {
|
|
dl.find('dd:not(.layui-disabled)[lay-value=\'' + val + '\']').click();
|
|
});
|
|
options.on = on;
|
|
}
|
|
return;
|
|
}
|
|
var arr = commons.data.values.get(name);
|
|
if (!arr) {
|
|
return vals;
|
|
}
|
|
if (type == 'val') {
|
|
return arr.map(function (val) {
|
|
return val.val;
|
|
});
|
|
}
|
|
if (type == 'valStr') {
|
|
return arr.map(function (val) {
|
|
return val.val;
|
|
}).join(',');
|
|
}
|
|
if (type == 'name') {
|
|
return arr.map(function (val) {
|
|
return val.name;
|
|
});
|
|
}
|
|
if (type == 'nameStr') {
|
|
return arr.map(function (val) {
|
|
return val.name;
|
|
}).join(',');
|
|
}
|
|
return arr;
|
|
},
|
|
render: function render(options) {
|
|
if (options) {
|
|
if (commons.data.confs.get(options.name)) {
|
|
options = commons.methods.cloneOptions(options, commons.data.confs.get(options.name));
|
|
commons.methods.init(options);
|
|
} else {
|
|
var dom = commons.methods.getDom(options, true);
|
|
if (dom.length) {
|
|
var hisOptions = commons.methods.cloneOptions(commons.methods.getOptions(dom), commons.data.DEFAULT_OPTIONS);
|
|
options = commons.methods.cloneOptions(options, hisOptions);
|
|
commons.methods.init(options);
|
|
}
|
|
}
|
|
} else {
|
|
commons.methods.autoInit();
|
|
}
|
|
},
|
|
delete: function _delete(name, abs) {
|
|
if (name && commons.data.confs.get(name)) {
|
|
var dom = commons.methods.getDom({
|
|
name: name
|
|
});
|
|
if (dom.parent().hasClass(commons.data.pclass)) {
|
|
if (abs) {
|
|
dom.removeAttr(commons.data.name);
|
|
}
|
|
dom.removeAttr('style');
|
|
dom.parent()[0].outerHTML = dom[0].outerHTML;
|
|
}
|
|
commons.data.confs.delete(name);
|
|
for (var item in commons.data.temps) {
|
|
commons.data.temps[item].delete(name);
|
|
}
|
|
commons.data.values.delete(name);
|
|
}
|
|
},
|
|
style: function style(name, colors) {
|
|
if (name) {
|
|
if (!colors) {
|
|
commons.methods.loadCss(name, null);
|
|
} else if (Array.isArray(colors)) {
|
|
commons.methods.loadCss(name, colors);
|
|
} else {
|
|
var arr = [colors.labelBgColor, colors.labelColor, colors.labelIconBgColor, colors.labelIconColor, colors.labelLabelBorderColor, colors.thisBgColor, colors.thisColor];
|
|
commons.methods.loadCss(name, arr);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
commons = {
|
|
data: {
|
|
name: 'xm-select',
|
|
pclass: 'xm-select-parent',
|
|
vclass: 'xm-select-validate',
|
|
DEFAULT_OPTIONS: {
|
|
name: null, //xm-select="xxx"
|
|
type: 1, //显示模式, 1:layui-this, 2:checkbox, 3:icon
|
|
icon: {
|
|
class: 'layui-icon-ok',
|
|
text: ''
|
|
},
|
|
max: null,
|
|
maxTips: null,
|
|
init: null, //初始化的选择值,
|
|
on: null, //select值发生变化
|
|
data: null
|
|
},
|
|
DEFAULT_RENDER: {
|
|
arr: null,
|
|
name: 'name',
|
|
val: 'val',
|
|
selected: 'selected',
|
|
disabled: 'disabled'
|
|
},
|
|
confs: new Map(),
|
|
temps: {
|
|
dom: new Map(),
|
|
div: new Map()
|
|
},
|
|
resize: new Map(),
|
|
values: new Map(),
|
|
times: new Map()
|
|
},
|
|
methods: {
|
|
init: function init(options, clone) {
|
|
if (!clone) {
|
|
options = commons.methods.cloneOptions(options);
|
|
}
|
|
//原始dom添加一个filter
|
|
var _ref = ['xm-' + options.name, commons.methods.getDom(options, true)],
|
|
filter = _ref[0],
|
|
dom = _ref[1];
|
|
|
|
if (dom.next().hasClass('layui-form-select')) {
|
|
dom.next().remove();
|
|
}
|
|
if (options.data && options.data.arr) {
|
|
var os = $.extend({}, commons.data.DEFAULT_RENDER, options.data);
|
|
var html = '<option value=""></option>';
|
|
for (var i in os.arr) {
|
|
var db = os.arr[i];
|
|
if (db.arr && Array.isArray(db.arr)) {
|
|
html += '<optgroup label="' + db.name + '">';
|
|
for (var j in db.arr) {
|
|
var gdb = db.arr[j];
|
|
html += '<option value="' + gdb[os.val] + '" ' + (gdb[os.selected] ? 'selected="selected"' : '') + ' ' + (gdb[os.disabled] ? 'disabled="disabled"' : '') + '>' + gdb[os.name] + '</option>';
|
|
}
|
|
html += '</optgroup>';
|
|
} else {
|
|
html += '<option value="' + db[os.val] + '" ' + (db[os.selected] ? 'selected="selected"' : '') + ' ' + (db[os.disabled] ? 'disabled="disabled"' : '') + '>' + db[os.name] + '</option>';
|
|
}
|
|
}
|
|
dom.html(html);
|
|
}
|
|
//判断dom中是否包含了空的option, 如果不包含, 添加
|
|
if (!dom.find('option[value=""]').length) {
|
|
$('<option value=""></option>').insertBefore(dom.find('option:first'));
|
|
}
|
|
if (dom.parent().hasClass(commons.data.pclass)) {
|
|
dom.parent().attr('lay-filter', filter).addClass('layui-form');
|
|
} else {
|
|
dom.wrap('<div class="layui-form ' + commons.data.pclass + '" lay-filter="' + filter + '"></div>');
|
|
}
|
|
dom.attr('lay-filter', filter);
|
|
options.type ? dom.attr('xm-select-type', options.type) : dom.removeAttr('xm-select-type');
|
|
options.max ? dom.attr('xm-select-max', options.max) : dom.removeAttr('xm-select-max');
|
|
commons.methods.formRender('select', filter, true);
|
|
//1.去掉layui的原始渲染
|
|
commons.methods.getDom(options).next().addClass(commons.data.vclass);
|
|
//2.
|
|
commons.data.confs.set(options.name, options);
|
|
for (var item in commons.data.temps) {
|
|
commons.data.temps[item].delete(options.name);
|
|
}
|
|
commons.data.values.delete(options.name);
|
|
//3.渲染input
|
|
commons.methods.overrideInput(options);
|
|
commons.methods.typeInit(options, filter);
|
|
//4.初始化init
|
|
var vals = commons.methods.getInitVal(options);
|
|
vals.forEach(function (val) {
|
|
commons.methods.valHandler(options, val, true);
|
|
});
|
|
commons.methods.showPlaceholder(options);
|
|
commons.methods.retop(options);
|
|
commons.methods.removeDefaultClass(options);
|
|
commons.methods.on(options, filter);
|
|
},
|
|
addLabel: function addLabel(options, vals) {
|
|
var ipt = commons.methods.getIpt(options);
|
|
ipt.find('.xm-select-empty').remove();
|
|
vals.forEach(function (val) {
|
|
var tips = 'fsw="' + options.name + '"';
|
|
var _ref2 = [$('<span ' + tips + ' value=\'' + val.val + '\'><font ' + tips + '>' + val.name + '</font></span>'), $('<i ' + tips + ' class="layui-icon">ဆ</i>')],
|
|
$label = _ref2[0],
|
|
$close = _ref2[1];
|
|
|
|
$label.append($close);
|
|
ipt.append($label);
|
|
});
|
|
},
|
|
delLabel: function delLabel(options, vals) {
|
|
var ipt = commons.methods.getIpt(options);
|
|
vals.forEach(function (val) {
|
|
ipt.find('span[value=\'' + val.val + '\']:first').remove();
|
|
});
|
|
},
|
|
showPlaceholder: function showPlaceholder(options) {
|
|
var vals = commons.methods.getValues(options);
|
|
if (!vals.length) {
|
|
var _ref3 = ['fsw="' + options.name + '"', commons.methods.getIpt(options)],
|
|
tips = _ref3[0],
|
|
ipt = _ref3[1];
|
|
|
|
if (!ipt.find('.xm-select-empty').length) {
|
|
var _tips = options.tips ? options.tips : ipt.prev().attr('placeholder');
|
|
var cls = 'fsw="' + options.name + '"';
|
|
var span = $('<span ' + cls + ' class="xm-select-empty">' + _tips + '</span>');
|
|
ipt.append(span);
|
|
}
|
|
}
|
|
},
|
|
valHandler: function valHandler(options, val, isAdd, isShow) {
|
|
var vals = commons.methods.getValues(options);
|
|
var dd = commons.methods.getDiv(options).find('dl dd[lay-value=\'' + val.val + '\']');
|
|
if (isAdd) {
|
|
if (!options.max || options.max && vals.length < options.max) {
|
|
vals.push(val);
|
|
commons.methods.addLabel(options, [val]);
|
|
commons.methods.typeHandler(options, dd, isAdd);
|
|
} else {
|
|
commons.methods.maxTips(options, val);
|
|
commons.methods.typeHandler(options, dd, false);
|
|
}
|
|
} else {
|
|
if (!dd.hasClass('layui-disabled')) {
|
|
commons.methods.remove(vals, val);
|
|
commons.methods.delLabel(options, [val]);
|
|
if (commons.methods.indexOf(vals, val) == -1) {
|
|
commons.methods.typeHandler(options, dd, isAdd);
|
|
}
|
|
}
|
|
}
|
|
commons.methods.retop(options);
|
|
},
|
|
typeInit: function typeInit(options, filter) {
|
|
var div = commons.methods.getDiv(options);
|
|
if (options.type == 2) {
|
|
//checkbox
|
|
div.find('dl dd:not(.layui-select-tips)').each(function (index, target) {
|
|
var $target = $(target);
|
|
var text = $target.text();
|
|
var dis = $target.hasClass('layui-disabled') ? 'disabled' : '';
|
|
$target.text('');
|
|
$target.append('\n\t\t\t\t\t\t\t\t<span lay-filter="' + filter + '">\n\t\t\t\t\t\t\t\t\t<input type="checkbox" title="' + text + '" lay-skin="primary" ' + dis + '> \t\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t');
|
|
});
|
|
form.render('checkbox', filter);
|
|
div.find('dl dd .layui-form-checkbox').css('margin-top', '1px');
|
|
} else {
|
|
div.find('dl dd:not(.layui-select-tips)').each(function (index, target) {
|
|
$(target).css({
|
|
margin: '1px 0'
|
|
});
|
|
});
|
|
}
|
|
},
|
|
typeHandler: function typeHandler(options, dd, isAdd) {
|
|
if (options.type == 3) {
|
|
//对勾
|
|
if (isAdd) {
|
|
var span = $('\n\t\t\t\t\t\t\t\t<span><i class="layui-icon ' + options.icon.class + '">' + options.icon.text + '</i></span>\t\n\t\t\t\t\t\t\t');
|
|
dd.append(span);
|
|
} else {
|
|
dd.find('span').remove();
|
|
}
|
|
} else if (options.type == 2) {
|
|
//checkbox
|
|
if (isAdd) {
|
|
dd.find('.layui-form-checkbox').addClass('layui-form-checked');
|
|
} else {
|
|
dd.find('.layui-form-checkbox').removeClass('layui-form-checked');
|
|
}
|
|
}
|
|
isAdd ? dd.addClass(commons.data.name + '-this') : dd.removeClass(commons.data.name + '-this');
|
|
dd.removeClass('layui-this');
|
|
commons.methods.showPlaceholder(options);
|
|
},
|
|
on: function on(options, filter) {
|
|
form.on('select(' + filter + ')', function (data) {
|
|
if (options.radio) {
|
|
commons.methods.getDiv(options).find('dl').removeClass('xm-select-show').addClass('xm-select-hidn').css('display', 'none');
|
|
var selected = void 0,
|
|
val = void 0;
|
|
if (data.value) {
|
|
val = {
|
|
name: commons.methods.getDom(options).find('option[value=\'' + data.value + '\']').text(),
|
|
val: data.value
|
|
};
|
|
selected = commons.methods.indexOf(commons.methods.getValues(options), val) == -1;
|
|
if (selected) {
|
|
var hisVal = select3.value(options.name)[0];
|
|
if (hisVal) {
|
|
commons.methods.valHandler(options, hisVal, false, false);
|
|
commons.methods.setValues(options, []);
|
|
}
|
|
}
|
|
commons.methods.valHandler(options, val, selected, false);
|
|
} else {
|
|
selected = false;
|
|
val = select3.value(options.name)[0];
|
|
if (val) {
|
|
commons.methods.valHandler(options, val, selected, false);
|
|
commons.methods.setValues(options, []);
|
|
}
|
|
}
|
|
if (val && options.on && options.on instanceof Function) {
|
|
options.on(data, select3.value(options.name), val, selected);
|
|
}
|
|
return;
|
|
}
|
|
if (commons.methods.getDiv(options).hasClass('layui-form-selectup') || commons.methods.getDiv(options).find('dl').css('top').indexOf('-') == 0) {
|
|
setTimeout(function () {
|
|
commons.methods.getDiv(options).addClass('layui-form-selectup');
|
|
}, 50);
|
|
}
|
|
|
|
if (options.repeat) {
|
|
if (data.value) {
|
|
var ipt = commons.methods.getIpt(options);
|
|
if (options.delete) {
|
|
var arr = select3.value(options.name);
|
|
var _val = arr[commons.methods.indexOf(arr, data.value)];
|
|
if (_val) {
|
|
commons.methods.valHandler(options, _val, false);
|
|
ipt.parent().next().find('dd[lay-value=\'' + data.value + '\'] .layui-form-checkbox > i').html('');
|
|
if (options.on && options.on instanceof Function) {
|
|
options.on(data, select3.value(options.name), _val, false);
|
|
}
|
|
}
|
|
options.delete = false;
|
|
return;
|
|
} else {
|
|
var vals = commons.methods.getValues(options);
|
|
var _val2 = {
|
|
name: commons.methods.getDom(options).find('option[value=\'' + data.value + '\']').text(),
|
|
val: data.value
|
|
};
|
|
commons.methods.valHandler(options, _val2, true);
|
|
if (options.on && options.on instanceof Function) {
|
|
options.on(data, select3.value(options.name), _val2, true);
|
|
}
|
|
}
|
|
setTimeout(function () {
|
|
commons.methods.getDiv(options).addClass('layui-form-selected').find('dl dd.layui-this').removeClass('layui-this');
|
|
}, 3);
|
|
return;
|
|
}
|
|
}
|
|
if (data.value) {
|
|
var _val3 = {
|
|
name: commons.methods.getDom(options).find('option[value=\'' + data.value + '\']').text(),
|
|
val: data.value
|
|
};
|
|
var _selected = commons.methods.indexOf(commons.methods.getValues(options), _val3) == -1;
|
|
commons.methods.valHandler(options, _val3, _selected, true);
|
|
|
|
if (options.on && options.on instanceof Function) {
|
|
options.on(data, select3.value(options.name), _val3, _selected);
|
|
}
|
|
|
|
setTimeout(function () {
|
|
commons.methods.getDiv(options).addClass('layui-form-selected').find('dl dd.layui-this').removeClass('layui-this');
|
|
}, 3);
|
|
} else {
|
|
if (commons.methods.getDom(options).attr('xm-select-search') == undefined) {
|
|
commons.methods.removeAll(options);
|
|
setTimeout(function () {
|
|
commons.methods.getDiv(options).addClass('layui-form-selected');
|
|
}, 3);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
maxTips: function maxTips(options, val) {
|
|
if (options.maxTips && options.maxTips instanceof Function) {
|
|
options.maxTips(select3.value(options.name), val, options.max);
|
|
return;
|
|
}
|
|
var ipt = commons.methods.getIpt(options);
|
|
if (ipt.parents('.layui-form-item[pane]').length) {
|
|
ipt = ipt.parents('.layui-form-item[pane]');
|
|
}
|
|
ipt.css('border-color', 'red');
|
|
setTimeout(function () {
|
|
ipt.css('border-color', '#e6e6e6');
|
|
}, 300);
|
|
},
|
|
indexOf: function indexOf(arr, val) {
|
|
for (var i = 0; i < arr.length; i++) {
|
|
if (arr[i].val == val || arr[i].val == (val ? val.val : val) || arr[i] == val || JSON.stringify(arr[i]) == JSON.stringify(val)) {
|
|
return i;
|
|
}
|
|
}
|
|
return -1;
|
|
},
|
|
remove: function remove(arr, val) {
|
|
var index = commons.methods.indexOf(arr, val ? val.val : val);
|
|
if (index > -1) {
|
|
arr.splice(index, 1);
|
|
return true;
|
|
}
|
|
return false;
|
|
},
|
|
removeAll: function removeAll(options) {
|
|
var div = commons.methods.getDiv(options);
|
|
var vals = div.find('.xm-select > span');
|
|
vals.each(function (index, item) {
|
|
options.delete = true;
|
|
div.find('dl dd.xm-select-this:not(.layui-disabled)[lay-value=\'' + item.getAttribute('value') + '\']').click();
|
|
});
|
|
return vals.length;
|
|
},
|
|
removeDefaultClass: function removeDefaultClass(options) {
|
|
var _ref4 = [commons.methods.getDom(options), commons.methods.getDiv(options)],
|
|
dom = _ref4[0],
|
|
div = _ref4[1];
|
|
|
|
div.find('dl').addClass('xm-select-hidn');
|
|
div.find('dl dd.layui-this').removeClass('layui-this');
|
|
div.find('dl').append('<dt style="display:none;">x<dt/>');
|
|
var text = options.radio ? '请选择' : '清空已选择' + (options.max ? '. \u5F53\u524D\u914D\u7F6E: \u6700\u591A\u9009\u62E9 ' + options.max + ' \u4E2A' : '');
|
|
var html = '<span>' + text + '</span>';
|
|
var that = div.find('dl dd.layui-select-tips');
|
|
if (dom.attr('xm-select-search') != undefined) {
|
|
var icon = '';
|
|
html = '<input class="layui-input xm-select-input-search" placeholder="\u5173\u952E\u5B57\u641C\u7D22"><span><i title="' + text + '" xm-select-clear="' + options.name + '" class="layui-icon">' + icon + '</i></span>';
|
|
that.addClass('xm-select-dd-search');
|
|
that.off('click');
|
|
}
|
|
commons.methods.handlerDataTable(dom, '38px');
|
|
that.html(html);
|
|
},
|
|
handlerDataTable: function handlerDataTable(dom, height) {
|
|
if (dom.length == undefined) {
|
|
dom = $(dom);
|
|
}
|
|
if (dom.parents('div.layui-table-cell').length) {
|
|
var index = dom.parents('tr').attr('data-index');
|
|
dom.parents('.layui-table-box').find('tbody tr[data-index=\'' + index + '\'] div.layui-table-cell').css({
|
|
height: height,
|
|
lineHeight: height,
|
|
overflow: 'unset'
|
|
});
|
|
}
|
|
},
|
|
overrideInput: function overrideInput(options) {
|
|
var _ref5 = [commons.methods.getDiv(options), commons.methods.getDom(options)],
|
|
_div = _ref5[0],
|
|
_dom = _ref5[1];
|
|
var _ref6 = [_div.find('.layui-select-title input:first'), $('<div class="layui-input ' + commons.data.name + '"></div>')],
|
|
$input = _ref6[0],
|
|
$orinput = _ref6[1];
|
|
|
|
$orinput.insertAfter($input);
|
|
if ($input.parents('.layui-form-pane').length && $input.parents('.layui-form-item[pane]').length) {
|
|
$orinput.css('border', 'none');
|
|
}
|
|
if (options.height) {
|
|
$orinput.addClass('.xm-select-height').css('height', options.height);
|
|
}
|
|
if (_dom.attr('disabled') != undefined) {
|
|
$orinput.append($('<div style="\n\t\t\t\t\t\t\t width: 100%;\n\t\t\t\t\t\t\t height: 100%;\n\t\t\t\t\t\t\t display: block;\n\t\t\t\t\t\t\t position: absolute;\n\t\t\t\t\t\t\t left: 0;\n\t\t\t\t\t\t\t top: 0;\n\t\t\t\t\t\t\t"></div>').addClass('layui-disabled'));
|
|
}
|
|
},
|
|
retop: function retop(options) {
|
|
var div = commons.methods.getIpt(options);
|
|
if (div.length) {
|
|
var dl = div.parent('.layui-select-title').next();
|
|
var up = dl.parent().hasClass('layui-form-selectup') || dl.css('top').indexOf('-') == 0;
|
|
var time = commons.data.times.get(options.name);
|
|
if (time) {
|
|
if (Date.now() - time.time < 100 || options.delete) {
|
|
up = time.up;
|
|
options.delete = false;
|
|
} else {
|
|
time.up = up;
|
|
}
|
|
time.time = Date.now();
|
|
} else {
|
|
commons.data.times.set(options.name, {
|
|
time: Date.now(),
|
|
up: up
|
|
});
|
|
}
|
|
if (up) {
|
|
div.parent('.layui-select-title').next().css({
|
|
top: 'auto',
|
|
bottom: div[0].offsetTop + div.height() + 14 + 'px'
|
|
});
|
|
} else {
|
|
div.parent('.layui-select-title').next().css({
|
|
top: div[0].offsetTop + div.height() + 14 + 'px',
|
|
bottom: 'auto'
|
|
});
|
|
}
|
|
}
|
|
},
|
|
getElementTop: function getElementTop(element) {
|
|
var actualTop = element.offsetTop;
|
|
var current = element.offsetParent;
|
|
while (current !== null) {
|
|
actualTop += current.offsetTop;
|
|
current = current.offsetParent;
|
|
}
|
|
return actualTop;
|
|
},
|
|
getDom: function getDom(options, isNew) {
|
|
var _ref7 = [commons.data.temps.dom, options.name],
|
|
_dom = _ref7[0],
|
|
_name = _ref7[1];
|
|
|
|
if (isNew) {
|
|
_dom.set(_name, $('select[' + commons.data.name + '=\'' + _name + '\']'));
|
|
}
|
|
if (!_dom.has(_name)) {
|
|
_dom.set(_name, $('select[' + commons.data.name + '=\'' + _name + '\']'));
|
|
}
|
|
return _dom.get(_name);
|
|
},
|
|
getDiv: function getDiv(options) {
|
|
var _ref8 = [commons.data.temps.div, options.name],
|
|
_div = _ref8[0],
|
|
_name = _ref8[1];
|
|
|
|
if (!_div.has(_name)) {
|
|
_div.set(_name, $('select[' + commons.data.name + '=\'' + _name + '\']').next());
|
|
}
|
|
return _div.get(_name);
|
|
},
|
|
getIpt: function getIpt(options) {
|
|
return commons.methods.getDiv(options).find('div .' + commons.data.name);
|
|
},
|
|
getInitVal: function getInitVal(options) {
|
|
var _dom = commons.methods.getDom(options);
|
|
var vals = options.init ? options.init : _dom.find('option[selected]').map(function (index, target) {
|
|
return $(target).attr('value');
|
|
}).toArray();
|
|
var result = void 0;
|
|
if (options.radio) {
|
|
var one = vals.map(function (val) {
|
|
var opt = _dom.find('option[value=\'' + val + '\']');
|
|
return {
|
|
name: opt.attr('disabled') != undefined ? null : opt.text(),
|
|
val: val + ""
|
|
};
|
|
}).filter(function (val) {
|
|
return val.name && val.val;
|
|
})[0];
|
|
result = one ? [one] : [];
|
|
} else {
|
|
result = vals.map(function (val) {
|
|
return {
|
|
name: _dom.find('option[value=\'' + val + '\']').text(),
|
|
val: val + ""
|
|
};
|
|
}).filter(function (val) {
|
|
return val.name && val.val;
|
|
});
|
|
}
|
|
return result;
|
|
},
|
|
getValues: function getValues(options) {
|
|
var _ref9 = [commons.data.values, options.name],
|
|
_arr = _ref9[0],
|
|
_name = _ref9[1];
|
|
|
|
if (!_arr.has(_name)) {
|
|
_arr.set(_name, []);
|
|
}
|
|
return _arr.get(_name);
|
|
},
|
|
setValues: function setValues(options, vals) {
|
|
var _ref10 = [commons.data.values, options.name],
|
|
_arr = _ref10[0],
|
|
_name = _ref10[1];
|
|
|
|
_arr.set(_name, vals);
|
|
},
|
|
getOptions: function getOptions(sel) {
|
|
return {
|
|
name: sel.attr('' + commons.data.name),
|
|
type: sel.attr(commons.data.name + '-type'),
|
|
max: sel.attr(commons.data.name + '-max'),
|
|
icon: sel.attr(commons.data.name + '-icon'),
|
|
tips: sel.attr(commons.data.name + '-placeholder'),
|
|
height: sel.attr(commons.data.name + '-height'),
|
|
radio: sel.attr(commons.data.name + '-radio') != undefined,
|
|
repeat: sel.attr(commons.data.name + '-repeat') != undefined
|
|
};
|
|
},
|
|
cloneOptions: function cloneOptions(options, hisOptions) {
|
|
if (!hisOptions) {
|
|
hisOptions = commons.data.DEFAULT_OPTIONS;
|
|
}
|
|
if (options.icon && typeof options.icon == 'string') {
|
|
var icon = options.icon;
|
|
if (icon.indexOf('layui') == 0) {
|
|
options.icon = {
|
|
class: icon,
|
|
text: ''
|
|
};
|
|
} else {
|
|
options.icon = {
|
|
class: '',
|
|
text: icon
|
|
};
|
|
}
|
|
} else {
|
|
var v = layui.v.split('.');
|
|
if (v[0] < 2 || v[1] <= 2) {
|
|
options.icon = {
|
|
class: '',
|
|
text: hisOptions.icon.text
|
|
};
|
|
} else {
|
|
options.icon = {
|
|
class: hisOptions.icon.class,
|
|
text: ''
|
|
};
|
|
}
|
|
}
|
|
return $.extend({}, hisOptions, options);
|
|
},
|
|
autoInit: function autoInit(repeat) {
|
|
$('select[' + commons.data.name + ']').each(function (index, target) {
|
|
var sel = $(target);
|
|
sel.css('display', 'none');
|
|
var options = commons.methods.getOptions(sel);
|
|
if (!repeat) {
|
|
var hisOptions = commons.data.confs.get(options.name);
|
|
options.init = select3.value(options.name, 'val');
|
|
commons.methods.init(commons.methods.cloneOptions(options, hisOptions), true);
|
|
} else {
|
|
commons.methods.init(options);
|
|
}
|
|
});
|
|
},
|
|
listenCloseHandler: function listenCloseHandler(e, that, block) {
|
|
if (block.length) {
|
|
var _ref11 = [block.find('.layui-form-select'), block.find('dl')],
|
|
div = _ref11[0],
|
|
dl = _ref11[1];
|
|
|
|
var name = block.find('select').attr('xm-select');
|
|
|
|
if (that.hasClass('layui-disabled')) {
|
|
return;
|
|
}
|
|
|
|
if (that.attr('xm-select-clear') != undefined) {
|
|
if (that.is('i')) {
|
|
var options = commons.data.confs.get($(e.target).attr('xm-select-clear'));
|
|
if (options) {
|
|
var length = commons.methods.removeAll(options);
|
|
if (options.radio && length) {
|
|
return;
|
|
}
|
|
}
|
|
div.addClass('layui-form-selected');
|
|
dl.find('.xm-select-input-search').focus();
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (that.hasClass('xm-select-dd-search') || that.hasClass('xm-select-input-search')) {
|
|
div.addClass('layui-form-selected');
|
|
dl.find('.xm-select-input-search').focus();
|
|
return;
|
|
}
|
|
|
|
$('.xm-select-parent > select:not([xm-select=\'' + name + '\']) + div > dl').removeClass('xm-select-show').addClass('xm-select-hidn').css('display', 'none');
|
|
|
|
if (that.attr('fsw') != undefined) {
|
|
if (that.is('i')) {
|
|
var _ref12 = [$(e.target).parents('.layui-form-select').prev(), $(e.target).parent()],
|
|
sel = _ref12[0],
|
|
span = _ref12[1];
|
|
|
|
var val = {
|
|
name: span.find('font').text(),
|
|
val: span.attr('value')
|
|
};
|
|
var _options = commons.methods.getOptions(sel);
|
|
_options = commons.data.confs.get(_options.name);
|
|
_options.delete = true;
|
|
commons.methods.getDiv(_options).find('dl dd[lay-value=\'' + val.val + '\']').click();
|
|
setTimeout(function () {
|
|
if (dl.hasClass('xm-select-show')) {
|
|
div.addClass('layui-form-selected');
|
|
dl.find('.xm-select-input-search').focus();
|
|
} else {
|
|
div.removeClass('layui-form-selected');
|
|
}
|
|
}, 3);
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (block.find('select').attr('xm-select-radio') != undefined) {
|
|
setTimeout(function () {
|
|
if (dl.hasClass('xm-select-show')) {
|
|
div.removeClass('layui-form-selected');
|
|
dl.removeClass('xm-select-show').addClass('xm-select-hidn').css('display', 'none');
|
|
} else {
|
|
div.addClass('layui-form-selected');
|
|
dl.removeClass('xm-select-hidn').addClass('xm-select-show').css('display', 'block');
|
|
dl.find('.xm-select-input-search').focus();
|
|
}
|
|
}, 3);
|
|
return;
|
|
}
|
|
|
|
if (dl.hasClass('xm-select-show')) {
|
|
if (that.hasClass('xm-select') || that.hasClass('xm-select-empty')) {
|
|
dl.removeClass('xm-select-show').addClass('xm-select-hidn').css('display', 'none');
|
|
div.removeClass('layui-form-selected');
|
|
} else {
|
|
div.addClass('layui-form-selected');
|
|
dl.find('.xm-select-input-search').focus();
|
|
}
|
|
return;
|
|
}
|
|
dl.removeClass('xm-select-hidn').addClass('xm-select-show').css('display', 'block');
|
|
div.addClass('layui-form-selected');
|
|
dl.find('.xm-select-input-search').focus();
|
|
} else {
|
|
$('.xm-select-parent > .layui-form-select > dl.xm-select-show').removeClass('xm-select-show').addClass('xm-select-hidn').css('display', 'none');
|
|
}
|
|
},
|
|
listenClose: function listenClose() {
|
|
$(document).on('click', function (e) {
|
|
var that = $(e.target);
|
|
var block = that.parents('.xm-select-parent');
|
|
setTimeout(function () {
|
|
commons.methods.listenCloseHandler(e, that, block);
|
|
commons.methods.retop({ name: block.find('select[xm-select]').attr('xm-select') });
|
|
$('.xm-select-parent input.xm-select-input-search').each(function (index, item) {
|
|
var that = $(item);
|
|
if (that.parents('dl').hasClass('xm-select-hidn')) {
|
|
that.val('');
|
|
that.parents('dl').find('.layui-hide').removeClass('layui-hide');
|
|
that.parents('dl').find('p').remove();
|
|
}
|
|
});
|
|
}, 10);
|
|
});
|
|
$(document).on({
|
|
'input propertychange': function inputPropertychange(e) {
|
|
var that = $(e.target);
|
|
var dl = that.parents('dl');
|
|
that.parents('dl').find('p').remove();
|
|
dl.find('.layui-hide').removeClass('layui-hide');
|
|
dl.find('dd:not(.layui-select-tips):not(:contains(\'' + that.val() + '\'))').addClass('layui-hide');
|
|
if (!dl.find('dd:not(.layui-select-tips):not(.layui-hide)').length) {
|
|
dl.append('<p class="xm-select-search-empty">\u65E0\u5339\u914D\u9879</p>');
|
|
}
|
|
dl.find('dt').each(function (index, item) {
|
|
if (!$(item).nextUntil('dt', ':not(.layui-hide)').length) {
|
|
$(item).addClass('layui-hide');
|
|
}
|
|
});
|
|
}
|
|
}, '.xm-select-parent input.xm-select-input-search');
|
|
},
|
|
formRender: null,
|
|
rewriteRender: function rewriteRender() {
|
|
commons.methods.formRender = form.render;
|
|
form.render = function (type, filter, repeat) {
|
|
commons.methods.formRender(type, filter);
|
|
if (filter) {
|
|
var sel = $('[lay-filter=' + filter + ']').find('select[' + commons.data.name + ']');
|
|
if (sel.length) {
|
|
if (repeat) {
|
|
commons.methods.init(commons.methods.getOptions(sel));
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
commons.methods.autoInit(repeat);
|
|
};
|
|
},
|
|
loadCss: function loadCss(skin, cs) {
|
|
if (skin) {
|
|
if (skin == 'default') {
|
|
return;
|
|
}
|
|
var sn = void 0;
|
|
if ($('style[skin]').length) {
|
|
sn = $('style[skin]');
|
|
} else {
|
|
sn = $('<style ' + skin + ' type="text/css"></style>');
|
|
}
|
|
var df = styles.colors[skin] ? styles.colors[skin] : styles.colors.default;
|
|
var colors = $.extend([], df, cs);
|
|
sn.html(styles.cssColor(skin, colors[0], colors[1], colors[2], colors[3], colors[4], colors[5], colors[6]));
|
|
sn.insertAfter($('head style:last'));
|
|
} else {
|
|
$('<style ' + commons.data.name + ' type="text/css">' + styles.css() + '</style>').insertBefore($('head *:first'));
|
|
|
|
var html = '';
|
|
for (var name in styles.colors) {
|
|
var _colors = styles.colors[name];
|
|
if (_colors) {
|
|
_colors = $.extend([], styles.colors.default, _colors);
|
|
html += '<style ' + name + ' type="text/css">' + styles.cssColor(name, _colors[0], _colors[1], _colors[2], _colors[3], _colors[4], _colors[5], _colors[6]) + '</style>';
|
|
}
|
|
}
|
|
if (html) {
|
|
$(html).insertAfter($('head style[' + commons.data.name + ']'));
|
|
}
|
|
}
|
|
},
|
|
loadLastStyle: function loadLastStyle() {
|
|
$('head').append('<style>' + styles.renderCss() + '</style>');
|
|
},
|
|
resize: function resize(selector, fun) {
|
|
var id = commons.data.resize.get(selector);
|
|
if (id != undefined) {
|
|
clearInterval(id);
|
|
}
|
|
if (fun && fun instanceof Function) {
|
|
var hisize = new Map();
|
|
id = setInterval(function (e) {
|
|
$(selector).each(function (index, item) {
|
|
var thisize = [item.clientHeight, item.clientWidth];
|
|
if (hisize.get(item)) {
|
|
var his = hisize.get(item);
|
|
if (his[0] != thisize[0] || his[1] != thisize[1]) {
|
|
fun(item);
|
|
}
|
|
}
|
|
hisize.set(item, thisize);
|
|
});
|
|
}, 250);
|
|
commons.data.resize.set(selector, id);
|
|
}
|
|
},
|
|
run: function run() {
|
|
commons.methods.rewriteRender();
|
|
commons.methods.listenClose();
|
|
commons.methods.loadCss();
|
|
commons.methods.loadLastStyle();
|
|
commons.methods.autoInit();
|
|
commons.methods.resize('.xm-select:not(.xm-select-height)', function (dom) {
|
|
commons.methods.handlerDataTable(dom, dom.clientHeight + 'px');
|
|
});
|
|
}
|
|
}
|
|
},
|
|
styles = {
|
|
colors: { //name, spanBgColor, spanColor, iBgColor, iColor, borderColor, tBgColor, tColor
|
|
default: ['#F0F2F5', '#909399', '#C0C4CC', '#FFFFFF', '#F0F2F5', '#5FB878', '#FFFFFF'],
|
|
primary: ['#009688', '#FFFFFF', '#009688', '#FFFFFF', '#009688', '#009688', '#FFFFFF'],
|
|
normal: ['#1E9FFF', '#FFFFFF', '#1E9FFF', '#FFFFFF', '#1E9FFF', '#1E9FFF', '#FFFFFF'],
|
|
warm: ['#FFB800', '#FFFFFF', '#FFB800', '#FFFFFF', '#FFB800', '#FFB800', '#FFFFFF'],
|
|
danger: ['#FF5722', '#FFFFFF', '#FF5722', '#FFFFFF', '#FF5722', '#FF5722', '#FFFFFF']
|
|
},
|
|
css: function css() {
|
|
return '\n\t\t\t\t\tselect[xm-select] + div .layui-select-title > input{display: none!important;}\n\t\t\t\t\tselect[xm-select] + div .layui-select-title > div.xm-select{\n\t\t\t\t\t\tline-height: normal;\n\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\tpadding: 4px 10px;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\tmin-height: 38px;\n\t\t\t\t\t\tleft: 0px;\n\t\t\t\t\t\tz-index: 99;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tbackground: none;\n\t\t\t\t\t\tpadding-right: 20px;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select] + div .layui-select-title > div.xm-select > span:not(.xm-select-empty){\n\t\t\t\t\t\tpadding: 2px 5px;\n\t\t\t\t\t\tbackground: #f0f2f5;\n\t\t\t\t\t\tborder-radius: 2px;\n\t\t\t\t\t\tcolor: #909399;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tline-height: 18px;\n\t\t\t\t\t\theight: 18px;\n\t\t\t\t\t\tmargin: 2px 5px 2px 0px;\n\t\t\t\t\t\tfloat: left;\n\t\t\t\t\t\tcursor: initial;\n\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select] + div .layui-select-title > div.xm-select > span:not(.xm-select-empty) i{\n\t\t\t\t\t\tbackground-color: #c0c4cc;\n\t\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\t\tmargin-left: 8px;\n\t\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\tcursor: initial;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select] + div .layui-select-title > div.xm-select > span:not(.xm-select-empty) i:hover{\n\t\t\t\t\t\tbackground-color: #909399;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select] + div .layui-select-title > div.xm-select > span.xm-select-empty{\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\theight: 28px;\n\t\t\t\t\t\tline-height: 28px;\n\t\t\t\t\t\tcolor: #999999\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select] + div dl dd.xm-select-dd-search{\n\t\t\t\t\t\tbackground-color: #FFFFFF;\n\t\t\t\t\t\tpadding-bottom: 5px;\n\t\t\t\t\t\tmargin-right: 30px;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select] + div dl dd.xm-select-dd-search > input{\n\t\t\t\t\t\tcursor: text;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select] + div dl dd.xm-select-dd-search > span{\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t right: 8px;\n\t\t\t\t\t top: 5px;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select] + div dl dd.xm-select-dd-search > span > i{\n\t\t\t\t\t\tfont-size: 22px;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select] + div dl dd.xm-select-dd-search > span > i:hover{\n\t\t\t\t\t\tcolor: red;\n\t\t\t\t\t\topacity:.8;\n\t\t\t\t\t\tfilter:alpha(opacity=80);\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select] + div dl p.xm-select-search-empty{\n\t\t\t\t\t\tmargin: 10px 0;\n\t\t\t\t\t text-align: center;\n\t\t\t\t\t color: #999;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-type=\'1\'] + div dl dd.xm-select-this,select[xm-select]:not([xm-select-type]) + div dl dd.xm-select-this{\n\t\t\t\t\t\tbackground-color: #5FB878;\n\t\t\t\t\t\tcolor: #FFF;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-type=\'1\'] + div dl dd.layui-disabled,select[xm-select]:not([xm-select-type]) + div dl dd.layui-disabled{\n\t\t\t\t\t\tbackground-color: #FFFFFF;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-type=\'2\'] + div dl dd.layui-disabled i{\n\t\t\t\t\t\tborder-color: #C2C2C2;\n\t\t\t\t\t\tcolor: #FFFFFF;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-type=\'2\'] + div dl dd.xm-select-this.layui-disabled i{\n\t\t\t\t\t\tbackground-color: #D2D2D2;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-type=\'2\'] + div dl dd.xm-select-this:not(.layui-disabled) i{\n\t\t\t\t\t\tbackground-color: #5FB878;\n\t\t\t\t\t\tborder-color: #5FB878;\n\t\t\t\t\t\tcolor: #FFF;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-type=\'3\'] + div dl dd.xm-select-this:not(.layui-disabled){\n\t\t\t\t\t\tcolor: #5FB878;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-type=\'3\'] + div dl dd.xm-select-this i{\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t';
|
|
},
|
|
cssColor: function cssColor(name, spanBgColor, spanColor, iBgColor, iColor, borderColor, tBgColor, tColor) {
|
|
return '\n\t\t\t\t\tselect[xm-select][xm-select-skin=\'' + name + '\'] + div .layui-select-title > div.xm-select > span:not(.xm-select-empty){\n\t\t\t\t\t\tbackground: ' + spanBgColor + ';\n\t\t\t\t\t\tcolor: ' + spanColor + ';\n\t\t\t\t\t\tborder: 1px solid ' + borderColor + '\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-skin=\'' + name + '\'] + div .layui-select-title > div.xm-select > span:not(.xm-select-empty) i{\n\t\t\t\t\t\tbackground: ' + iBgColor + ';\n\t\t\t\t\t\tcolor: ' + iColor + ';\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-skin=\'' + name + '\'] + div .layui-select-title > div.xm-select > span:not(.xm-select-empty) i:hover{\n\t\t\t\t\t\topacity:.8;\n\t\t\t\t\t\tfilter:alpha(opacity=80);\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-skin=\'' + name + '\'][xm-select-type=\'1\'] + div dl dd.xm-select-this:not(.layui-disabled),select[xm-select][xm-select-skin=\'' + name + '\']:not([xm-select-type]) + div dl dd.xm-select-this:not(.layui-disabled){\n\t\t\t\t\t\tbackground-color: ' + tBgColor + ';\n\t\t\t\t\t\tcolor: ' + tColor + ';\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-skin=\'' + name + '\'][xm-select-type=\'2\'] + div dl dd.xm-select-this:not(.layui-disabled) i{\n\t\t\t\t\t\tbackground-color: ' + tBgColor + ';\n\t\t\t\t\t\tborder-color: ' + tBgColor + ';\n\t\t\t\t\t\tcolor: ' + tColor + ';\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-skin=\'' + name + '\'][xm-select-type=\'3\'] + div dl dd.xm-select-this:not(.layui-disabled){\n\t\t\t\t\t\tcolor: ' + tBgColor + ';\n\t\t\t\t\t}\n\t\t\t\t\tselect[xm-select][xm-select-type=\'3\'] + div dl dd.xm-select-this i{\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t}\n\t\t\t\t';
|
|
},
|
|
renderCss: function renderCss() {
|
|
return '\n\t\t\t\t\tselect[xm-select] + div .layui-select-title > div.xm-select > span:not(.xm-select-empty){\n\t\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t\t}\n\t\t\t\t\t.xm-select-parent .layui-form-select dl dd.layui-this{\n\t\t\t\t\t background-color: inherit;\n\t\t\t\t\t color: inherit;\n\t\t\t\t\t}\n\t\t\t\t\t.xm-select-parent .layui-form-select dl dd.layui-this.layui-select-tips {\n\t\t\t\t\t\tbackground-color: #FFFFFF;\n\t\t\t\t\t color: #999999;\n\t\t\t\t\t}\n\t\t\t\t\t.xm-select-parent .layui-form-selected dl {\n\t\t\t\t\t display: none;\n\t\t\t\t\t}\n\t\t\t\t\t.xm-select-show:{\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t\t.xm-select-hidn:{\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t';
|
|
}
|
|
};
|
|
commons.methods.run();
|
|
return select3;
|
|
}); |