mbui.define(['tool'], function (exports) { const tool = mbui.tool; const dataTypes = { 'property':{ title:'选择固定资产', url:'/adm/api/get_property', template:function (item,types){ return '' } }, 'car':{ title:'选择车辆信息', url:'/adm/api/get_car', template:function (item,types){ return '' } }, 'room':{ title:'选择会议室', url:'/adm/api/get_meeting_room', template:function (item,types){ return '' } }, 'customer':{ title:'选择客户', url:'/customer/api/get_customer', template:function (item,types){ return '' } }, 'supplier':{ title:'选择供应商', url:'/contract/api/get_supplier', template:function (item,types){ return '' } }, 'contract':{ title:'选择销售合同', url:'/contract/api/get_contract', template:function (item,types){ return '' } }, 'product':{ title:'选择产品', url:'/contract/api/get_product', template:function (item,types){ return '' } }, 'purchase':{ title:'选择采购合同', url:'/contract/api/get_purchase', template:function (item,types){ return '' } }, 'purchased':{ title:'选择采购物品', url:'/contract/api/get_purchased', template:function (item,types){ return '' } }, 'project':{ title:'选择项目', url:'/project/api/get_project', template:function (item,types){ return '' } }, 'task':{ title:'选择任务', url:'/project/api/get_task', template:function (item,types){ return '' } } }; //html转义，防止XSS function escapeHtml(text) { var map = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }; return text.replace(/[&<>"']/g, function(m) { return map[m]; }); } var LoadData= function () { this.config = { title: "请选择内容", url: "", type: "radio", where: {}, limit: 20, template: function (data) { return JSON.parse(data); }, callback: function(){} }; this.index = 0; this.loaded = 0; this.page = 1; this.count = 0; this.total = 0; }; // 初始化 LoadData.prototype.init = function (options) { var that = this; $.extend(true, that.config, options); that.index = new Date().getTime(); var $container = $('
关闭确认

'+that.config.title+'

'); $container.append('

暂无数据
努力加载中
—— ● ——
'); $('body').append($container); $('#root').hide(); $container.find('.left').click(function () { $container.fadeOut(function () { $container.remove(); $('#root').show(); }); }); $container.find('.right').click(function () { let selected = $container.find('input:checked'); if (selected.length == 0) { layer.msg('请选择数据'); return false; } let ids = [], titles = []; for (var m = 0; m < selected.length; m++) { let selected_item = $(selected[m]).parent(); ids.push(selected_item.data('id')); titles.push(selected_item.data('title')); } that.config.callback(ids,titles); $container.fadeOut(function () { $container.remove(); $('#root').show(); }); }); $('#lists_'+that.index).scroll(function(){ if ($(this).scrollTop() + $('body').height() >= $('#container_'+that.index).height()-60) { console.log($(this).scrollTop()); console.log('
'); console.log($('body').height()); console.log('
'); console.log($('#container_'+that.index).height()); // 滚动到页面底部时加载更多数据 if (that.total < that.count && that.loaded == 0){ that.ajax(); } } }); that.ajax(); }; LoadData.prototype.ajax = function () { var that = this; var elem = $('#container_'+that.index); var container = elem.parent(); console.log(container.html()); // 发送请求获取数据 $.ajax({ url: that.config.url + '?page=' + that.page + '&limit=' + that.config.limit, type: 'GET', data: that.config.where, beforeSend: function () { // 显示加载按钮 that.loaded = 1; container.find('.load-data-loading').show(); container.find('.load-data-end').hide(); }, success: function (res) { that.count=res.count; that.total+=res.data.length; container.find('.load-data-none').addClass('load-data-'+that.count); if (res.count > 0) { that.page++; $.each(res.data, function (index, item) { // 转义JSON对象中的字符串值,防止XSS for (var key in item) { if (typeof item[key] === 'string') { item[key] = escapeHtml(item[key]); } } // 创建列表项并添加到列表中 var listItem = that.config.template(item,that.config.type); elem.append(listItem); }); } }, complete: function () { that.loaded = 0; container.find('.load-data-loading').hide(); container.find('.load-data-end').show(); } }); } //选择员工弹窗 $('body').on('click','.picker-data',function () { let that = $(this); let type = that.data('type'); let types = that.data('types'); let where = that.data('where'); if (typeof(type) == "undefined" || type == '') { type = 1; } type = type == 2 ? 'checkbox' : 'radio'; if (typeof(types) == "undefined" || types == '') { layer.msg('请设置【picker】的类型'); return false; } if (typeof(where) == "undefined" || where == '') { map = {}; } else{ map = JSON.parse(where); } let opts = dataTypes[types]; let picker = new LoadData(); picker.init({ url:opts.url, where:opts.map, type:type, template:opts.template, limit:20, callback:function(ids,titles){ that.val(titles.join(',')); that.next().val(ids.join(',')); } }); }); // 导出loadData模块 exports('dataPicker', function (options) { var dataPicker = new LoadData(); dataPicker.init(options); }); });