;(function () { //全局ajax处理 $.ajaxSetup({ complete: function (jqXHR) { }, data: {}, error: function (jqXHR, textStatus, errorThrown) { //请求失败处理 } }); if ($.browser && $.browser.msie) { //ie 都不缓存 $.ajaxSetup({ cache: false }); } //不支持placeholder浏览器下对placeholder进行处理 if (document.createElement('input').placeholder !== '') { $('[placeholder]').focus(function () { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); input.removeClass('placeholder'); } }).blur(function () { var input = $(this); if (input.val() == '' || input.val() == input.attr('placeholder')) { input.addClass('placeholder'); input.val(input.attr('placeholder')); } }).blur().parents('form').submit(function () { $(this).find('[placeholder]').each(function () { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); } }); }); } // 所有加了dialog类名的a链接,自动弹出它的href if ($('a.js-dialog').length) { Wind.css('artDialog'); Wind.use('artDialog', 'iframeTools', function () { $('.js-dialog').on('click', function (e) { e.preventDefault(); var $this = $(this); art.dialog.open($(this).prop('href'), { close: function () { $this.focus(); // 关闭时让触发弹窗的元素获取焦点 return true; }, title: $this.prop('title') }); }).attr('role', 'button'); }); } // 所有的ajax form提交,由于大多业务逻辑都是一样的,故统一处理 var ajaxForm_list = $('form.js-ajax-form'); if (ajaxForm_list.length) { Wind.css('artDialog'); Wind.use('ajaxForm', 'artDialog', 'noty3', 'validate', function () { var $btn; $('button.js-ajax-submit').on('click', function (e) { var btn = $(this), form = btn.parents('form.js-ajax-form'); $btn = btn; if (btn.data("loading")) { return; } //批量操作 判断选项 if (btn.data('subcheck')) { btn.parent().find('span').remove(); if (form.find('input.js-check:checked').length) { btn.data('subcheck', false); } else { $('<span class="tips_error">请至少选择一项</span>').appendTo(btn.parent()).fadeIn('fast'); return false; } } var msg = btn.data('msg'); if (msg) { art.dialog({ id: 'warning', icon: 'warning', content: btn.data('msg'), cancelVal: '关闭', cancel: function () { //btn.data('subcheck', false); //btn.click(); }, ok: function () { btn.data('msg', false); btn.click(); } }); return false; } //ie处理placeholder提交问题 if ($.browser && $.browser.msie) { form.find('[placeholder]').each(function () { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); } }); } }); ajaxForm_list.each(function () { $(this).validate({ //是否在获取焦点时验证 //onfocusout : false, //是否在敲击键盘时验证 //onkeyup : false, //当鼠标点击时验证 //onclick : false, //给未通过验证的元素加效果,闪烁等 highlight: function (element, errorClass, validClass) { if (element.type === "radio") { this.findByName(element.name).addClass(errorClass).removeClass(validClass); } else { var $element = $(element); $element.addClass(errorClass).removeClass(validClass); $element.parent().addClass("has-error");//bootstrap3表单 $element.parents('.control-group').addClass("error");//bootstrap2表单 } }, unhighlight: function (element, errorClass, validClass) { if (element.type === "radio") { this.findByName(element.name).removeClass(errorClass).addClass(validClass); } else { var $element = $(element); $element.removeClass(errorClass).addClass(validClass); $element.parent().removeClass("has-error");//bootstrap3表单 $element.parents('.control-group').removeClass("error");//bootstrap2表单 } }, showErrors: function (errorMap, errorArr) { var i, elements, error; for (i = 0; this.errorList[i]; i++) { error = this.errorList[i]; if (this.settings.highlight) { this.settings.highlight.call(this, error.element, this.settings.errorClass, this.settings.validClass); } //this.showLabel( error.element, error.message ); } if (this.errorList.length) { //this.toShow = this.toShow.add( this.containers ); } if (this.settings.success) { for (i = 0; this.successList[i]; i++) { //this.showLabel( this.successList[ i ] ); } } if (this.settings.unhighlight) { for (i = 0, elements = this.validElements(); elements[i]; i++) { this.settings.unhighlight.call(this, elements[i], this.settings.errorClass, this.settings.validClass); } } this.toHide = this.toHide.not(this.toShow); this.hideErrors(); this.addWrapper(this.toShow).show(); }, submitHandler: function (form) { var $form = $(form); $form.ajaxSubmit({ url: $btn.data('action') ? $btn.data('action') : $form.attr('action'), //按钮上是否自定义提交地址(多按钮情况) dataType: 'json', beforeSubmit: function (arr, $form, options) { $btn.data("loading", true); var text = $btn.text(); //按钮文案、状态修改 $btn.text(text + '中...').prop('disabled', true).addClass('disabled'); }, success: function (data, statusText, xhr, $form) { function _refresh() { if (data.url) { //返回带跳转地址 window.location.href = data.url; } else { if (data.code == 1) { //刷新当前页 reloadPage(window); } } } var text = $btn.text(); //按钮文案、状态修改 $btn.removeClass('disabled').prop('disabled', false).text(text.replace('中...', '')).parent().find('span').remove(); if (data.code == 1) { if ($btn.data('success')) { var successCallback = $btn.data('success'); window[successCallback](data, statusText, xhr, $form); return; } new Noty({ text: data.msg, type: 'success', layout: 'topCenter', modal: true, animation: { open: 'animated bounceInDown', // Animate.css class names close: 'animated bounceOutUp', // Animate.css class names }, timeout: 1, callbacks: { afterClose: function () { if ($btn.data('refresh') == undefined || $btn.data('refresh')) { _refresh(); } } } }).show(); $(window).focus(); } else if (data.code == 0) { var $verify_img = $form.find(".verify_img"); if ($verify_img.length) { $verify_img.attr("src", $verify_img.attr("src") + "&refresh=" + Math.random()); } var $verify_input = $form.find("[name='verify']"); $verify_input.val(""); //$('<span class="tips_error">' + data.msg + '</span>').appendTo($btn.parent()).fadeIn('fast'); $btn.removeProp('disabled').removeClass('disabled'); new Noty({ text: data.msg, type: 'error', layout: 'topCenter', modal: true, animation: { open: 'animated bounceInDown', // Animate.css class names close: 'animated bounceOutUp', // Animate.css class names }, timeout: 1, callbacks: { afterClose: function () { _refresh(); } } }).show(); $(window).focus(); } }, error: function (xhr, e, statusText) { art.dialog({ id: 'warning', icon: 'warning', content: statusText, cancelVal: '关闭', cancel: function () { reloadPage(window); }, ok: function () { reloadPage(window); } }); }, complete: function () { $btn.data("loading", false); } }); } }); }); }); } //dialog弹窗内的关闭方法 $('#js-dialog-close').on('click', function (e) { e.preventDefault(); try { art.dialog.close(); } catch (err) { Wind.css('artDialog'); Wind.use('artDialog', 'iframeTools', function () { art.dialog.close(); }); } ; }); //所有的删除操作,删除数据后刷新页面 if ($('a.js-ajax-delete').length) { Wind.css('artDialog'); Wind.use('artDialog', 'noty3', function () { $('.js-ajax-delete').on('click', function (e) { e.preventDefault(); var $_this = this, $this = $($_this), href = $this.data('href'), refresh = $this.data('refresh'), msg = $this.data('msg'); href = href ? href : $this.attr('href'); art.dialog({ title: false, icon: 'question', content: msg ? msg : '确定要删除吗?', follow: $_this, close: function () { $_this.focus(); //关闭时让触发弹窗的元素获取焦点 return true; }, okVal: "确定", ok: function () { $.getJSON(href).done(function (data) { if (data.code == '1') { new Noty({ text: data.msg, type: 'success', layout: 'topCenter', modal: true, animation: { open: 'animated bounceInDown', // Animate.css class names close: 'animated bounceOutUp', // Animate.css class names }, timeout: 1, callbacks: { afterClose: function () { if (refresh == undefined || refresh) { if (data.url) { //返回带跳转地址 window.location.href = data.url; } else { //刷新当前页 reloadPage(window); } } } } }).show(); } else if (data.code == '0') { //art.dialog.alert(data.info); //alert(data.info);//暂时处理方案 art.dialog({ content: data.msg, icon: 'warning', ok: function () { this.title(data.msg); return true; } }); } }); }, cancelVal: '关闭', cancel: true }); }); }); } if ($('a.js-ajax-dialog-btn').length) { Wind.use('artDialog', 'noty3', function () { $('.js-ajax-dialog-btn').on('click', function (e) { e.preventDefault(); var $_this = this, $this = $($_this), href = $this.data('href'), refresh = $this.data('refresh'), msg = $this.data('msg'); href = href ? href : $this.attr('href'); if (!msg) { msg = "您确定要进行此操作吗?"; } art.dialog({ title: false, icon: 'question', content: msg, follow: $_this, close: function () { $_this.focus(); //关闭时让触发弹窗的元素获取焦点 return true; }, ok: function () { $.ajax({ url: href, type: 'post', success: function (data) { if (data.code == 1) { new Noty({ text: data.msg, type: 'success', layout: 'topCenter', modal: true, animation: { open: 'animated bounceInDown', // Animate.css class names close: 'animated bounceOutUp', // Animate.css class names }, timeout: 1, callbacks: { afterClose: function () { if (refresh == undefined || refresh) { if (data.url) { //返回带跳转地址 window.location.href = data.url; } else { //刷新当前页 reloadPage(window); } } } } }).show(); } else if (data.code == 0) { //art.dialog.alert(data.info); art.dialog({ content: data.msg, icon: 'warning', ok: function () { this.title(data.msg); return true; } }); } } }) }, cancelVal: '关闭', cancel: true }); }); }); } /*复选框全选(支持多个,纵横双控全选)。 *实例:版块编辑-权限相关(双控),验证机制-验证策略(单控) *说明: * "js-check"的"data-xid"对应其左侧"js-check-all"的"data-checklist"; * "js-check"的"data-yid"对应其上方"js-check-all"的"data-checklist"; * 全选框的"data-direction"代表其控制的全选方向(x或y); * "js-check-wrap"同一块全选操作区域的父标签class,多个调用考虑 */ if ($('.js-check-wrap').length) { var total_check_all = $('input.js-check-all'); //遍历所有全选框 $.each(total_check_all, function () { var check_all = $(this), check_items; //分组各纵横项 var check_all_direction = check_all.data('direction'); check_items = $('input.js-check[data-' + check_all_direction + 'id="' + check_all.data('checklist') + '"]').not(":disabled"); //点击全选框 check_all.change(function (e) { var check_wrap = check_all.parents('.js-check-wrap'); //当前操作区域所有复选框的父标签(重用考虑) if ($(this).prop('checked')) { //全选状态 check_items.prop('checked', true); //所有项都被选中 if (check_wrap.find('input.js-check').length === check_wrap.find('input.js-check:checked').length) { check_wrap.find(total_check_all).prop('checked', true); } } else { //非全选状态 check_items.removeProp('checked'); check_wrap.find(total_check_all).removeProp('checked'); //另一方向的全选框取消全选状态 var direction_invert = check_all_direction === 'x' ? 'y' : 'x'; check_wrap.find($('input.js-check-all[data-direction="' + direction_invert + '"]')).removeProp('checked'); } }); //点击非全选时判断是否全部勾选 check_items.change(function () { if ($(this).prop('checked')) { if (check_items.filter(':checked').length === check_items.length) { //已选择和未选择的复选框数相等 check_all.prop('checked', true); } } else { check_all.removeProp('checked'); } }); }); } //日期选择器 var dateInput = $("input.js-date"); if (dateInput.length) { Wind.use('datePicker', function () { dateInput.datePicker(); }); } //日期+时间选择器 var dateTimeInput = $("input.js-datetime"); if (dateTimeInput.length) { Wind.use('datePicker', function () { dateTimeInput.datePicker({ time: true }); }); } var yearInput = $("input.js-year"); if (yearInput.length) { Wind.use('datePicker', function () { yearInput.datePicker({ startView: 'decade', minView: 'decade', format: 'yyyy', autoclose: true }); }); } // bootstrap日期选择器 var bootstrapDateInput = $("input.js-bootstrap-date") if (bootstrapDateInput.length) { Wind.css('bootstrapDatetimePicker'); Wind.use('bootstrapDatetimePicker', function () { bootstrapDateInput.datetimepicker({ language: 'zh-CN', format: 'yyyy-mm-dd', minView: 'month', todayBtn: 1, autoclose: true }); }); } // bootstrap日期选择器日期+时间选择器 var bootstrapDateTimeInput = $("input.js-bootstrap-datetime"); if (bootstrapDateTimeInput.length) { Wind.css('bootstrapDatetimePicker'); Wind.use('bootstrapDatetimePicker', function () { bootstrapDateTimeInput.datetimepicker({ language: 'zh-CN', format: 'yyyy-mm-dd hh:ii', todayBtn: 1, autoclose: true }); }); } var bootstrapDateHourInput = $("input.js-bootstrap-time"); if (bootstrapDateHourInput.length) { Wind.css('bootstrapDatetimePicker'); Wind.use('bootstrapDatetimePicker', function () { bootstrapDateHourInput.datetimepicker({ language: 'zh-CN', format: 'hh:ii', todayBtn: 1, startView:0, autoclose: true }); }); } //tab var tabs_nav = $('ul.js-tabs-nav'); if (tabs_nav.length) { Wind.use('tabs', function () { tabs_nav.tabs('.js-tabs-content > div'); }); } //地址联动 var $js_address_select = $('.js-address-select'); if ($js_address_select.length > 0) { $('.js-address-province-select,.js-address-city-select').change(function () { var $this = $(this); var id = $this.val(); var $child_area_select; var $this_js_address_select = $this.parents('.js-address-select'); if ($this.is('.js-address-province-select')) { $child_area_select = $this_js_address_select.find('.js-address-city-select'); $this_js_address_select.find('.js-address-district-select').hide(); } else { $child_area_select = $this_js_address_select.find('.js-address-district-select'); } var empty_option = '<option class="js-address-empty-option" value="">' + $child_area_select.find('.js-address-empty-option').text() + '</option>'; $child_area_select.html(empty_option); var child_area_html = $this.data('childarea' + id); if (child_area_html) { $child_area_select.show(); $child_area_select.html(child_area_html); return; } $.ajax({ url: $this_js_address_select.data('url'), type: 'POST', dataType: 'JSON', data: {id: id}, success: function (data) { if (data.code == 1) { if (data.data.areas.length > 0) { var html = [empty_option]; $.each(data.data.areas, function (i, area) { var area_html = '<option value="[id]">[name]</option>'; area_html = area_html.replace('[name]', area.name); area_html = area_html.replace('[id]', area.id); html.push(area_html); }); html = html.join('', html); $this.data('childarea' + id, html); $child_area_select.html(html); $child_area_select.show(); } else { $child_area_select.hide(); } } }, error: function () { }, complete: function () { } }); }); } //地址联动end })(); //重新刷新页面,使用location.reload()有可能导致重新提交 function reloadPage(win) { var location = win.location; location.href = location.pathname + location.search; } /** * 页面跳转 * @param url 要打开的页面地址 */ function redirect(url) { location.href = url; } /** * 读取cookie * @param name * @returns */ function getCookie(name) { var cookieValue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = jQuery.trim(cookies[i]); // Does this cookie string begin with the name we want? if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } /** * 设置cookie */ function setCookie(name, value, options) { options = options || {}; if (value === null) { value = ''; options.expires = -1; } var expires = ''; if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { var date; if (typeof options.expires == 'number') { date = new Date(); date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); } else { date = options.expires; } expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE } var path = options.path ? '; path=' + options.path : ''; var domain = options.domain ? '; domain=' + options.domain : ''; var secure = options.secure ? '; secure' : ''; document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); } /** * 打开iframe式的窗口对话框 * @param url * @param title * @param options */ function openIframeDialog(url, title, options) { Wind.css('artDialog'); var params = { title: title, lock: true, opacity: 0, width: "95%", height: '90%' }; params = options ? $.extend(params, options) : params; Wind.use('artDialog', 'iframeTools', function () { art.dialog.open(url, params); }); } /** * 打开地图对话框 * * @param url * @param title * @param options * @param callback */ function openMapDialog(url, title, options, callback) { Wind.css('artDialog'); var params = { title: title, lock: true, opacity: 0, width: "95%", height: 400, ok: function () { if (callback) { var d = this.iframe.contentWindow; var lng = $("#lng_input", d.document).val(); var lat = $("#lat_input", d.document).val(); var address = {}; address.address = $("#address_input", d.document).val(); address.province = $("#province_input", d.document).val(); address.city = $("#city_input", d.document).val(); address.district = $("#district_input", d.document).val(); callback.apply(this, [lng, lat, address]); } } }; params = options ? $.extend(params, options) : params; Wind.use('artDialog', 'iframeTools', function () { art.dialog.open(url, params); }); } /** * 打开文件上传对话框 * @param dialog_title 对话框标题 * @param callback 回调方法,参数有(当前dialog对象,选择的文件数组,你设置的extra_params) * @param extra_params 额外参数,object * @param multi 是否可以多选 * @param filetype 文件类型,image,video,audio,file * @param app 应用名,CMF的应用名 */ function openUploadDialog(dialog_title, callback, extra_params, multi, filetype, app) { Wind.css('artDialog'); multi = multi ? 1 : 0; filetype = filetype ? filetype : 'image'; app = app ? app : GV.APP; var params = '&multi=' + multi + '&filetype=' + filetype + '&app=' + app; Wind.use("artDialog", "iframeTools", function () { art.dialog.open(GV.ROOT + 'user/Asset/webuploader?' + params, { title: dialog_title, id: new Date().getTime(), width: '600px', height: '350px', lock: true, fixed: true, background: "#CCCCCC", opacity: 0, ok: function () { if (typeof callback == 'function') { var iframewindow = this.iframe.contentWindow; var files = iframewindow.get_selected_files(); console.log(files); if (files && files.length > 0) { callback.apply(this, [this, files, extra_params]); } else { return false; } } }, cancel: true }); }); } /** * 单个文件上传 * @param dialog_title 上传对话框标题 * @param input_selector 图片容器 * @param filetype 文件类型,image,video,audio,file * @param extra_params 额外参数,object * @param app 应用名,CMF的应用名 */ function uploadOne(dialog_title, input_selector, filetype, extra_params, app) { openUploadDialog(dialog_title, function (dialog, files) { $(input_selector).val(files[0].filepath); $(input_selector + '-preview').attr('href', files[0].preview_url); $(input_selector + '-name').val(files[0].name); }, extra_params, 0, filetype, app); } /** * 单个图片上传 * @param dialog_title 上传对话框标题 * @param input_selector 图片容器 * @param extra_params 额外参数,object * @param app 应用名,CMF的应用名 */ function uploadOneImage(dialog_title, input_selector, extra_params, app) { openUploadDialog(dialog_title, function (dialog, files) { $(input_selector).val(files[0].filepath); $(input_selector + '-preview').attr('src', files[0].preview_url); $(input_selector + '-name').val(files[0].name); }, extra_params, 0, 'image', app); } /** * 多图上传 * @param dialog_title 上传对话框标题 * @param container_selector 图片容器 * @param item_tpl_wrapper_id 单个图片html模板容器id * @param extra_params 额外参数,object * @param app 应用名,CMF 的应用名 */ function uploadMultiImage(dialog_title, container_selector, item_tpl_wrapper_id, extra_params, app) { openUploadDialog(dialog_title, function (dialog, files) { var tpl = $('#' + item_tpl_wrapper_id).html(); var html = ''; $.each(files, function (i, item) { var itemtpl = tpl; itemtpl = itemtpl.replace(/\{id\}/g, item.id); itemtpl = itemtpl.replace(/\{url\}/g, item.url); itemtpl = itemtpl.replace(/\{preview_url\}/g, item.preview_url); itemtpl = itemtpl.replace(/\{filepath\}/g, item.filepath); itemtpl = itemtpl.replace(/\{name\}/g, item.name); html += itemtpl; }); $(container_selector).append(html); }, extra_params, 1, 'image', app); } /** * 多文件上传 * @param dialog_title 上传对话框标题 * @param container_selector 图片容器 * @param item_tpl_wrapper_id 单个图片html模板容器id * @param filetype 文件类型,image,video,audio,file * @param extra_params 额外参数,object * @param app 应用名,CMF 的应用名 */ function uploadMultiFile(dialog_title, container_selector, item_tpl_wrapper_id, filetype, extra_params, app) { filetype = filetype ? filetype : 'file'; openUploadDialog(dialog_title, function (dialog, files) { var tpl = $('#' + item_tpl_wrapper_id).html(); var html = ''; $.each(files, function (i, item) { var itemtpl = tpl; itemtpl = itemtpl.replace(/\{id\}/g, item.id); itemtpl = itemtpl.replace(/\{url\}/g, item.url); itemtpl = itemtpl.replace(/\{preview_url\}/g, item.preview_url); itemtpl = itemtpl.replace(/\{filepath\}/g, item.filepath); itemtpl = itemtpl.replace(/\{name\}/g, item.name); html += itemtpl; }); $(container_selector).append(html); }, extra_params, 1, filetype, app); } /** * 查看图片对话框 * @param img 图片地址 */ function imagePreviewDialog(img) { Wind.css('layer'); Wind.use("layer", function () { layer.photos({ photos: { "title": "", //相册标题 "id": 'image_preview', //相册id "start": 0, //初始显示的图片序号,默认0 "data": [ //相册包含的图片,数组格式 { "alt": "", "pid": 666, //图片id "src": img, //原图地址 "thumb": img //缩略图地址 } ] } //格式见API文档手册页 , anim: 5, //0-6的选择,指定弹出图片动画类型,默认随机 shadeClose: true, // skin: 'layui-layer-nobg', shade: [0.5, '#000000'], shadeClose: true, }) }); } function artdialogAlert(msg) { Wind.css('artDialog'); Wind.use("artDialog", function () { art.dialog({ id: new Date().getTime(), icon: "error", fixed: true, lock: true, background: "#CCCCCC", opacity: 0, content: msg, ok: function () { return true; } }); }); } function openIframeLayer(url, title, options) { var params = { type: 2, title: title, shadeClose: true, // skin: 'layui-layer-nobg', anim: -1, shade: [0.001, '#000000'], shadeClose: true, area: ['95%', '90%'], move: false, content: url, yes: function (index, layero) { //do something layer.close(index); //如果设定了yes回调,需进行手工关闭 } }; params = options ? $.extend(params, options) : params; Wind.css('layer'); Wind.use("layer", function () { layer.open(params); }); }