sa.js 35 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291
  1. // =========================== sa对象封装一系列工具方法 ===========================
  2. var sa = {
  3. updateTime: '2022-2-25',
  4. info: '升级部分API'
  5. };
  6. // =========================== 当前环境配置 =======================================
  7. (function(){
  8. // 公司开发环境
  9. var cfg_dev = {
  10. api_url: 'http://127.0.0.1:8099', // 所有ajax请求接口父地址
  11. web_url: 'http://www.baidu.com' // 此项目前台地址 (此配置项非必须)
  12. }
  13. // 服务器测试环境
  14. var cfg_test = {
  15. api_url: 'http://demo-jj.dev33.cn/spdj-server',
  16. web_url: 'http://www.baidu.com'
  17. }
  18. // 正式生产环境
  19. var cfg_prod = {
  20. api_url: 'http://www.baidu.com',
  21. web_url: 'http://www.baidu.com'
  22. }
  23. sa.cfg = cfg_dev; // 最终环境 , 上线前请选择正确的环境
  24. })();
  25. // =========================== ajax的封装 =======================================
  26. (function(){
  27. /** 对ajax的再封装, 这个ajax假设你的接口会返回以下格式的内容
  28. {
  29. "code": 200,
  30. "msg": "ok",
  31. "data": []
  32. }
  33. 如果返回的不是这个格式, 你可能需要改动一下源码, 要么改动服务端适应此ajax, 要么改动这个ajax适应你的服务端
  34. * @param {Object} url 请求地址
  35. * @param {Object} data 请求参数
  36. * @param {Object} success200 当返回的code码==200时的回调函数
  37. * @param {Object} 其它配置,可配置项有:
  38. {
  39. msg: '', // 默认的提示文字 填null为不提示
  40. type: 'get', // 设定请求类型 默认post
  41. baseUrl: '', // ajax请求拼接的父路径 默认取 sa.cfg.api_url
  42. sleep: 0, // ajax模拟的延时毫秒数, 默认0
  43. success500: fn, // code码等于500时的回调函数 (一般代表服务器错误)
  44. success403: fn, // code码等于403时的回调函数 (一般代表无权限)
  45. success401: fn, // code码等于401时的回调函数 (一般代表未登录)
  46. errorfn: fn, // ajax发生错误时的回调函数 (一般是ajax请求本身发生了错误)
  47. complete: fn, // ajax无论成功还是失败都会执行的回调函数
  48. }
  49. */
  50. sa.ajax = function(url, data, success200, cfg){
  51. // 如果是简写模式(省略了data参数)
  52. if(typeof data === 'function'){
  53. cfg = success200;
  54. success200 = data;
  55. data = {};
  56. }
  57. // 默认配置
  58. var defaultCfg = {
  59. msg: '努力加载中...', // 提示语
  60. baseUrl: (url.indexOf('http') === 0 ? '' : sa.cfg.api_url),// 父url,拼接在url前面
  61. sleep: 0, // 休眠n毫秒处理回调函数
  62. type: 'post', // 默认请求类型
  63. success200: success200, // code=200, 代表成功
  64. success500: function(res){ // code=500, 代表失败
  65. return layer.alert('失败:' + res.msg);
  66. },
  67. success403: function(res){ // code=403, 代表权限不足
  68. return layer.alert("权限不足," + res.msg, {icon: 5});
  69. },
  70. success401: function(res){ // code=401, 代表未登录
  71. return layer.confirm("您当前暂未登录,是否立即登录?", {}, function(){
  72. layer.closeAll();
  73. return sa.$page.openLogin(cfg.login_url);
  74. });
  75. },
  76. errorfn: function(xhr, type, errorThrown){ // ajax发生异常时的默认处理函数
  77. if(xhr.status == 0){
  78. return layer.alert('无法连接到服务器,请检查网络');
  79. }
  80. return layer.alert("异常:" + JSON.stringify(xhr));
  81. },
  82. complete: function(xhr, ts) { // 成功失败都会执行
  83. }
  84. }
  85. // 将调用者的配置和默认配置合并
  86. cfg = sa.extendJson(cfg, defaultCfg);
  87. // 打印请求地址和参数, 以便调试
  88. console.log("请求地址:" + cfg.baseUrl + url);
  89. console.log("请求参数:" + JSON.stringify(data));
  90. // 开始显示loading图标
  91. if(cfg.msg != null){
  92. sa.loading(cfg.msg);
  93. }
  94. // 开始请求ajax
  95. return $.ajax({
  96. url: cfg.baseUrl + url,
  97. type: cfg.type,
  98. data: data,
  99. dataType: 'json',
  100. // xhrFields: {
  101. // withCredentials: true // 携带跨域cookie
  102. // },
  103. // crossDomain: true,
  104. beforeSend: function(xhr) {
  105. xhr.setRequestHeader('X-Requested-With','XMLHttpRequest');
  106. // 追加token
  107. xhr.setRequestHeader('satoken', sessionStorage.runAsToken || sessionStorage.satoken || localStorage.satoken || '');
  108. },
  109. success: function(res){
  110. console.log('返回数据:', res);
  111. setTimeout(function() {
  112. sa.hideLoading();
  113. // 如果相应的处理函数存在
  114. if(cfg['success' + res.code] != undefined) {
  115. return cfg['success' + res.code](res);
  116. }
  117. layer.alert('未知状态码:' + JSON.stringify(res));
  118. }, cfg.sleep);
  119. },
  120. error: function(xhr, type, errorThrown){
  121. setTimeout(function() {
  122. sa.hideLoading();
  123. return cfg.errorfn(xhr, type, errorThrown);
  124. }, cfg.sleep);
  125. },
  126. complete: cfg.complete
  127. });
  128. };
  129. // 模拟一个ajax
  130. // 请注意: 本模板中所有ajax请求调用的均为此模拟函数
  131. sa.ajax2 = function(url, data, success200, cfg){
  132. // 如果是简写模式(省略了data参数)
  133. if(typeof data === 'function'){
  134. cfg = success200;
  135. success200 = data;
  136. data = {};
  137. }
  138. // 几个默认配置
  139. cfg = cfg || {};
  140. cfg.baseUrl = (url.indexOf('http') === 0 ? '' : sa.cfg.api_url); // 父url,拼接在url前面
  141. // 设定一个默认的提示文字
  142. if(cfg.msg == undefined || cfg.msg == null || cfg.msg == '') {
  143. cfg.msg = '正在努力加载...';
  144. }
  145. // 默认延时函数
  146. if(cfg.sleep == undefined || cfg.sleep == null || cfg.sleep == '' || cfg.sleep == 0) {
  147. cfg.sleep = 600;
  148. }
  149. // 默认的模拟数据
  150. cfg.res = cfg.res || {
  151. code: 200,
  152. msg: 'ok',
  153. data: []
  154. }
  155. // 开始loding
  156. sa.loading(cfg.msg);
  157. // 打印请求地址和参数, 以便调试
  158. console.log("======= 模拟ajax =======");
  159. console.log("请求地址:" + cfg.baseUrl + url);
  160. console.log("请求参数:" + JSON.stringify(data));
  161. // 模拟ajax的延时
  162. setTimeout(function() {
  163. sa.hideLoading(); // 隐藏掉转圈圈
  164. console.log('返回数据:', cfg.res);
  165. success200(cfg.res);
  166. }, cfg.sleep)
  167. };
  168. })();
  169. // =========================== 封装弹窗相关函数 =======================================
  170. (function() {
  171. var me = sa;
  172. if(window.layer) {
  173. layer.ready(function(){});
  174. }
  175. // tips提示文字
  176. me.msg = function(msg, cfg) {
  177. msg = msg || '操作成功';
  178. layer.msg(msg, cfg);
  179. };
  180. // 操作成功的提示
  181. me.ok = function(msg) {
  182. msg = msg || '操作成功';
  183. layer.msg(msg, {anim: 0, icon: 1 });
  184. }
  185. me.ok2 = function(msg) {
  186. msg = msg || '操作成功';
  187. layer.msg(msg, {anim: 0, icon: 6 });
  188. }
  189. // 操作失败的提示
  190. me.error = function(msg) {
  191. msg = msg || '操作失败';
  192. layer.msg(msg, {anim: 6, icon: 2 });
  193. }
  194. me.error2 = function(msg) {
  195. msg = msg || '操作失败';
  196. layer.msg(msg, {anim: 6, icon: 5 });
  197. }
  198. // alert弹窗 [text=提示文字, okFn=点击确定之后的回调函数]
  199. me.alert = function(text, okFn) {
  200. // 开始弹窗
  201. layer.alert(text, function(index) {
  202. layer.close(index);
  203. if(okFn) {
  204. okFn();
  205. }
  206. });
  207. };
  208. // 询问框 [text=提示文字, okFn=点击确定之后的回调函数]
  209. me.confirm = function(text, okFn) {
  210. layer.confirm(text, {}, function(index) {
  211. layer.close(index);
  212. if(okFn) {
  213. okFn();
  214. }
  215. }.bind(this));
  216. };
  217. // 输入框 [title=提示文字, okFn=点击确定后的回调函数, formType=输入框类型(0=文本,1=密码,2=多行文本域) 可省略, value=默认值 可省略 ]
  218. me.prompt = function(title, okFn, formType, value) {
  219. layer.prompt({
  220. title: title,
  221. formType: formType,
  222. value: value
  223. }, function(pass, index){
  224. layer.close(index);
  225. if(okFn) {
  226. okFn(pass);
  227. }
  228. });
  229. }
  230. // 打开loading
  231. me.loading = function(msg) {
  232. layer.closeAll(); // 开始前先把所有弹窗关了
  233. return layer.msg(msg, {icon: 16, shade: 0.3, time: 1000 * 20, skin: 'ajax-layer-load' });
  234. };
  235. // 隐藏loading
  236. me.hideLoading = function() {
  237. layer.closeAll();
  238. };
  239. // ============== 一些常用弹窗 =====================
  240. // 大窗显示一个图片
  241. // 参数: src=地址、w=宽度(默认80%)、h=高度(默认80%)
  242. me.showImage = function(src, w, h) {
  243. w = w || '80%';
  244. h = h || '80%';
  245. var content = '<div style="height: 100%; overflow: hidden !important;">' +
  246. '<img src="' + src + ' " style="width: 100%; height: 100%;" />' +
  247. '</div>';
  248. layer.open({
  249. type: 1,
  250. title: false,
  251. shadeClose: true,
  252. closeBtn: 0,
  253. area: [w, h], //宽高
  254. content: content
  255. });
  256. }
  257. // 预览一组图片
  258. // srcList=图片路径数组(可以是json样,也可以是逗号切割式), index=打开立即显示哪张(可填下标, 也可填写src路径)
  259. me.showImageList = function(srcList, index) {
  260. // 如果填的是个string
  261. srcList = srcList || [];
  262. if(typeof srcList === 'string') {
  263. try{
  264. srcList = JSON.parse(srcList);
  265. }catch(e){
  266. try{
  267. srcList = srcList.split(','); // 尝试字符串切割
  268. }catch(e){
  269. srcList = [];
  270. }
  271. }
  272. }
  273. // 如果填的是路径
  274. index = index || 0;
  275. if(typeof index === 'string') {
  276. index = srcList.indexOf(index);
  277. index = (index == -1 ? 0 : index);
  278. }
  279. // 开始展示
  280. var arr_list = [];
  281. srcList.forEach(function(item) {
  282. arr_list.push({
  283. alt: '左右键切换',
  284. pid: 1,
  285. src: item,
  286. thumb: item
  287. })
  288. })
  289. layer.photos({
  290. photos: {
  291. title: '',
  292. id: new Date().getTime(),
  293. start: index,
  294. data: arr_list
  295. }
  296. ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
  297. });
  298. }
  299. // 显示一个iframe
  300. // 参数: 标题,地址,宽,高 , 点击遮罩是否关闭, 默认false
  301. me.showIframe = function(title, url, w, h, shadeClose) {
  302. // 参数修正
  303. w = w || '95%';
  304. h = h || '95%';
  305. shadeClose = (shadeClose === undefined ? false : shadeClose);
  306. // 弹出面板
  307. var index = layer.open({
  308. type: 2,
  309. title: title, // 标题
  310. shadeClose: shadeClose, // 是否点击遮罩关闭
  311. maxmin: true, // 显示最大化按钮
  312. shade: 0.8, // 遮罩透明度
  313. scrollbar: false, // 屏蔽掉外层的滚动条
  314. moveOut: true, // 是否可拖动到外面
  315. area: [w, h], // 大小
  316. content: url, // 传值
  317. // 解决拉伸或者最大化的时候,iframe高度不能自适应的问题
  318. resizing: function(layero) {
  319. solveLayerBug(index);
  320. }
  321. });
  322. // 解决拉伸或者最大化的时候,iframe高度不能自适应的问题
  323. $('#layui-layer' + index + ' .layui-layer-max').click(function() {
  324. setTimeout(function() {
  325. solveLayerBug(index);
  326. }, 200)
  327. })
  328. }
  329. me.showView = me.showIframe;
  330. // 显示一个iframe, 底部按钮方式
  331. // 参数: 标题,地址,点击确定按钮执行的代码(在子窗口执行),宽,高
  332. me.showIframe2 = function(title, url, evalStr, w, h) {
  333. // 参数修正
  334. w = w || '95%';
  335. h = h || '95%';
  336. // 弹出面板
  337. var index = layer.open({
  338. type: 2,
  339. title: title, // 标题
  340. closeBtn: (title ? 1 : 0), // 是否显示关闭按钮
  341. btn: ['确定', '取消'],
  342. shadeClose: false, // 是否点击遮罩关闭
  343. maxmin: true, // 显示最大化按钮
  344. shade: 0.8, // 遮罩透明度
  345. scrollbar: false, // 屏蔽掉外层的滚动条
  346. moveOut: true, // 是否可拖动到外面
  347. area: [w, h], // 大小
  348. content: url, // 传值
  349. // 解决拉伸或者最大化的时候,iframe高度不能自适应的问题
  350. resizing: function(layero) {
  351. },
  352. yes: function(index, layero) {
  353. var iframe = document.getElementById('layui-layer-iframe' + index);
  354. var iframeWindow = iframe.contentWindow;
  355. iframeWindow.eval(evalStr);
  356. }
  357. });
  358. }
  359. // 当前iframe关闭自身 (在iframe中调用)
  360. me.closeCurrIframe = function() {
  361. try{
  362. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  363. parent.layer.close(index); //再执行关闭
  364. }catch(e){
  365. //TODO handle the exception
  366. }
  367. }
  368. me.closeCurrView = me.closeCurrIframe;
  369. //执行一个函数, 解决layer拉伸或者最大化的时候,iframe高度不能自适应的问题
  370. function solveLayerBug(index) {
  371. var selected = '#layui-layer' + index;
  372. var height = $(selected).height();
  373. var title_height = $(selected).find('.layui-layer-title').height();
  374. $(selected).find('iframe').css('height', (height - title_height) + 'px');
  375. }
  376. // 监听回车事件,达到回车关闭弹窗的效果
  377. if(window.$) {
  378. $(document).on('keydown', function() {
  379. if(event.keyCode === 13 && $(".layui-layer-btn0").length == 1 && !window.is_not_watch_enter && $(this).find('.layui-layer-input').length == 0){
  380. $(".layui-layer-btn0").click();
  381. return false;
  382. }
  383. });
  384. }
  385. })();
  386. // =========================== 常用util函数封装 =======================================
  387. (function () {
  388. // 超级对象
  389. var me = sa;
  390. // =========================== 常用util函数封装 =======================================
  391. if(true) {
  392. // 从url中查询到指定参数值
  393. me.p = function(name, defaultValue){
  394. var query = window.location.search.substring(1);
  395. var vars = query.split("&");
  396. for (var i=0;i<vars.length;i++) {
  397. var pair = vars[i].split("=");
  398. if(pair[0] == name){return pair[1];}
  399. }
  400. return(defaultValue == undefined ? null : defaultValue);
  401. }
  402. me.q = function(name, defaultValue){
  403. var query = window.location.search.substring(1);
  404. var vars = query.split("&");
  405. for (var i=0;i<vars.length;i++) {
  406. var pair = vars[i].split("=");
  407. if(pair[0] == name){return pair[1];}
  408. }
  409. return(defaultValue == undefined ? null : defaultValue);
  410. }
  411. // 判断一个变量是否为null
  412. // 返回true或false,如果return_obj有值,则在true的情况下返回return_obj
  413. me.isNull = function(obj, return_obj){
  414. var flag = [null, undefined, '', 'null', 'undefined'].indexOf(obj) != -1;
  415. if(return_obj === undefined){
  416. return flag;
  417. } else {
  418. if(flag){
  419. return return_obj;
  420. } else {
  421. return obj;
  422. }
  423. }
  424. }
  425. // 将时间戳转化为指定时间
  426. // way:方式(1=年月日,2=年月日时分秒)默认1, 也可以指定格式:yyyy-MM-dd HH:mm:ss
  427. me.forDate = function(inputTime, way) {
  428. if(me.isNull(inputTime) == true){
  429. return "";
  430. }
  431. var date = new Date(inputTime);
  432. var y = date.getFullYear();
  433. var m = date.getMonth() + 1;
  434. m = m < 10 ? ('0' + m) : m;
  435. var d = date.getDate();
  436. d = d < 10 ? ('0' + d) : d;
  437. var h = date.getHours();
  438. h = h < 10 ? ('0' + h) : h;
  439. var minute = date.getMinutes();
  440. var second = date.getSeconds();
  441. minute = minute < 10 ? ('0' + minute) : minute;
  442. second = second < 10 ? ('0' + second) : second;
  443. var ms = date.getMilliseconds();
  444. way = way || 1;
  445. // way == 1 年月日
  446. if(way === 1) {
  447. return y + '-' + m + '-' + d;
  448. }
  449. // way == 1 年月日时分秒
  450. if(way === 2){
  451. return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
  452. }
  453. // way == 具体格式 标准格式: yyyy-MM-dd HH:mm:ss
  454. if(typeof way == 'string') {
  455. return way.replace("yyyy", y).replace("MM", m).replace("dd", d).replace("HH", h).replace("mm", minute).replace("ss", second).replace("ms", ms);
  456. }
  457. return y + '-' + m + '-' + d;
  458. };
  459. // 时间日期
  460. me.forDatetime = function(inputTime) {
  461. return me.forDate(inputTime, 2);
  462. }
  463. // 将时间转化为 个性化 如:3小时前,
  464. // d1 之于 d2 ,d2不填则默认取当前时间
  465. me.forDate2 = function(d, d2){
  466. var hou = "前";
  467. if(d == null || d == '') {
  468. return '';
  469. }
  470. if(d2 == null || d2 == '') {
  471. d2 = new Date();
  472. }
  473. d2 = new Date(d2).getTime();
  474. var timestamp = new Date(d).getTime() - 1000;
  475. var mistiming = Math.round((d2 - timestamp) / 1000);
  476. if(mistiming < 0) {
  477. mistiming = 0 - mistiming;
  478. hou = '后'
  479. }
  480. var arrr = ['年', '月', '周', '天', '小时', '分钟', '秒'];
  481. var arrn = [31536000, 2592000, 604800, 86400, 3600, 60, 1];
  482. for (var i = 0; i < arrn.length; i++) {
  483. var inm = Math.floor(mistiming / arrn[i]);
  484. if (inm != 0) {
  485. return inm + arrr[i] + hou;
  486. }
  487. }
  488. }
  489. // 综合以上两种方式,进行格式化
  490. // 小于24小时的走forDate2,否则forDat
  491. me.forDate3 = function(d, way) {
  492. if(d == null || d == '' ) {
  493. return '';
  494. }
  495. var cha = new Date().getTime() - new Date(d).getTime();
  496. cha = (cha > 0 ? cha : 0 - cha);
  497. if(cha < (86400 * 1000)) {
  498. return me.forDate2(d);
  499. }
  500. return me.forDate(d, way);
  501. }
  502. // 返回时间差, 此格式数组:[x, x, x, 天, 时, 分, 秒]
  503. me.getSJC = function (small_time, big_time) {
  504. var date1 = new Date(small_time); //开始时间
  505. var date2 = new Date(big_time); //结束时间
  506. var date3 = date2.getTime() - date1.getTime(); //时间差秒
  507. //计算出相差天数
  508. var days = Math.floor(date3 / (24 * 3600 * 1000));
  509. //计算出小时数
  510. var leave1 = date3 % (24 * 3600 * 1000); //计算天数后剩余的毫秒数
  511. var hours = Math.floor(leave1 / (3600 * 1000));
  512. //计算相差分钟数
  513. var leave2 = leave1 % (3600 * 1000); //计算小时数后剩余的毫秒数
  514. var minutes = Math.floor(leave2 / (60 * 1000));
  515. //计算相差秒数
  516. var leave3 = leave2 % (60 * 1000); //计算分钟数后剩余的毫秒数
  517. var seconds = Math.round(leave3 / 1000);
  518. // 返回数组
  519. return [0, 0, 0, days, hours, minutes, seconds];
  520. }
  521. // 将日期,加上指定天数
  522. me.dateAdd = function(d, n) {
  523. var s = new Date(d).getTime();
  524. s += 86400000 * n;
  525. return new Date(s);
  526. }
  527. // 转化json,出错返回默认值
  528. me.JSONParse = function(obj, default_obj){
  529. try{
  530. return JSON.parse(obj) || default_obj;
  531. }catch(e){
  532. return default_obj || {};
  533. }
  534. }
  535. // 截取指定长度字符,默认50
  536. me.maxLength = function (str, length) {
  537. length = length || 50;
  538. if(!str){
  539. return "";
  540. }
  541. return (str.length > length) ? str.substr(0, length) + ' ...' : str;
  542. },
  543. // 过滤掉标签
  544. me.text = function(str){
  545. if(!str){
  546. return "";
  547. }
  548. return str.replace(/<[^>]+>/g,"");
  549. }
  550. // 为指定集合的每一项元素添加上is_update属性
  551. me.listAU = function(list){
  552. list.forEach(function(ts){
  553. ts.is_update = false;
  554. })
  555. return list;
  556. }
  557. // 获得一段文字中所有图片的路径
  558. me.getSrcList = function(str){
  559. try{
  560. var imgReg = /<img.*?(?:>|\/>)/gi; //匹配图片(g表示匹配所有结果i表示区分大小写)
  561. var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i; //匹配src属性
  562. var arr = str.match(imgReg); // 图片数组
  563. var srcList = [];
  564. for (var i = 0; i < arr.length; i++) {
  565. var src = arr[i].match(srcReg);
  566. srcList.push(src[1]);
  567. }
  568. return srcList;
  569. } catch (e){
  570. return [];
  571. }
  572. }
  573. // 无精度损失的乘法
  574. me.accMul = function(arg1, arg2) {
  575. var m = 0,
  576. s1 = arg1.toString(),
  577. s2 = arg2.toString(),
  578. t;
  579. t = s1.split(".");
  580. // 判断有没有小数位,避免出错
  581. if (t[1]) {
  582. m += t[1].length
  583. }
  584. t = s2.split(".");
  585. if (t[1]) {
  586. m += t[1].length
  587. }
  588. return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m)
  589. }
  590. // 正则验证是否为手机号
  591. me.isPhone = function(str) {
  592. str = str + '';
  593. if((/^1[34578]\d{9}$/.test(str))){
  594. return true;
  595. }
  596. return false;
  597. }
  598. // 产生随机字符串
  599. me.randomString = function(len) {
  600.   len = len || 32;
  601.   var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
  602.   var maxPos = $chars.length;
  603.   var str = '';
  604.   for (i = 0; i < len; i++) {
  605.     str += $chars.charAt(Math.floor(Math.random() * maxPos));
  606.   }
  607.   return str;
  608. }
  609. // 刷新页面
  610. me.f5 = function() {
  611. location.reload();
  612. }
  613. // 动态加载js
  614. me.loadJS = function(src, onload) {
  615. var script = document.createElement("script");
  616. script.setAttribute("type", "text/javascript");
  617. script.src = src;
  618. script.onload = onload;
  619. document.body.appendChild(script);
  620. }
  621. // 产生随机数字
  622. me.randomNum = function(min, max) {
  623. return parseInt(Math.random() * (max - min + 1) + min, 10);
  624. }
  625. // 打开页面
  626. me.open = function(url) {
  627. window.open(url);
  628. }
  629. // == if 结束
  630. }
  631. // =========================== 数组操作 =======================================
  632. if (true) {
  633. // 从数组里获取数据,根据指定数据
  634. me.getArrayField = function(arr, prop){
  635. var propArr = [];
  636. for (var i = 0; i < arr.length; i++) {
  637. propArr.push(arr[i][prop]);
  638. }
  639. return propArr;
  640. }
  641. // 从数组里获取数据,根据指定数据
  642. me.arrayGet = function(arr, prop, value){
  643. for (var i = 0; i < arr.length; i++) {
  644. if(arr[i][prop] == value){
  645. return arr[i];
  646. }
  647. }
  648. return null;
  649. }
  650. // 从数组删除指定记录
  651. me.arrayDelete = function(arr, item){
  652. if(item instanceof Array) {
  653. for (let i = 0; i < item.length; i++) {
  654. let ite = item[i];
  655. let index = arr.indexOf(ite);
  656. if (index > -1) {
  657. arr.splice(index, 1);
  658. }
  659. }
  660. } else {
  661. var index = arr.indexOf(item);
  662. if (index > -1) {
  663. arr.splice(index, 1);
  664. }
  665. }
  666. }
  667. // 从数组删除指定id的记录
  668. me.arrayDeleteById = function(arr, id){
  669. var item = me.arrayGet(arr, 'id', id);
  670. me.arrayDelete(arr, item);
  671. }
  672. // 将数组B添加到数组A的开头
  673. me.unshiftArray = function(arrA, arrB){
  674. if(arrB){
  675. arrB.reverse().forEach(function(ts){
  676. arrA.unshift(ts);
  677. })
  678. }
  679. return arrA;
  680. }
  681. // 将数组B添加到数组A的末尾
  682. me.pushArray = function(arrA, arrB){
  683. if(arrB){
  684. arrB.forEach(function(ts){
  685. arrA.push(ts);
  686. })
  687. }
  688. return arrA;
  689. }
  690. // == if 结束
  691. }
  692. // =========================== 浏览器相关 =======================================
  693. if (true) {
  694. // set cookie 值
  695. me.setCookie = function setCookie(cname, cvalue, exdays) {
  696. exdays = exdays || 30;
  697. var d = new Date();
  698. d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
  699. var expires = "expires=" + d.toGMTString();
  700. document.cookie = cname + "=" + escape(cvalue) + "; " + expires + "; path=/";
  701. }
  702. // get cookie 值
  703. me.getCookie = function(objName){
  704. var arrStr = document.cookie.split("; ");
  705. for (var i = 0; i < arrStr.length; i++) {
  706. var temp = arrStr[i].split("=");
  707. if (temp[0] == objName){
  708. return unescape(temp[1])
  709. };
  710. }
  711. return "";
  712. }
  713. // 复制指定文本
  714. me.copyText = function(str){
  715. var oInput = document.createElement('input');
  716. oInput.value = str;
  717. document.body.appendChild(oInput);
  718. oInput.select(); // 选择对象
  719. document.execCommand("Copy"); // 执行浏览器复制命令
  720. oInput.className = 'oInput';
  721. oInput.style.display='none';
  722. }
  723. // jquery序列化表单增强版: 排除空值
  724. me.serializeNotNull = function(selected){
  725. var serStr = $(selected).serialize();
  726. return serStr.split("&").filter(function(str){return !str.endsWith("=")}).join("&");
  727. }
  728. // 将cookie序列化为k=v形式
  729. me.strCookie = function(){
  730. return document.cookie.replace(/; /g,"&");
  731. }
  732. // 回到顶部
  733. me.goTop = function() {
  734. function smoothscroll(){
  735. var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
  736. if (currentScroll > 0) {
  737. window.requestAnimationFrame(smoothscroll);
  738. window.scrollTo (0,currentScroll - (currentScroll/5));
  739. }
  740. };
  741. smoothscroll();
  742. }
  743. // == if 结束
  744. }
  745. // =========================== javascript对象操作 =======================================
  746. if (true) {
  747. // 去除json对象中的空值
  748. me.removeNull = function(obj){
  749. var newObj = {};
  750. if(obj != undefined && obj != null) {
  751. for(var key in obj) {
  752. if(obj[key] === undefined || obj[key] === null || obj[key] === '') {
  753. //
  754. } else {
  755. newObj[key] = obj[key];
  756. }
  757. }
  758. }
  759. return newObj;
  760. }
  761. // JSON 浅拷贝, 返回拷贝后的obj
  762. me.copyJSON = function(obj){
  763. if(obj === null || obj === undefined) {
  764. return obj;
  765. };
  766. var new_obj = {};
  767. for(var key in obj) {
  768. new_obj[key] = obj [key];
  769. }
  770. return new_obj;
  771. }
  772. // json合并, 将 defaulet配置项 转移到 user配置项里 并返回 user配置项
  773. me.extendJson = function(userOption, defaultOption) {
  774. if(!userOption) {
  775. return defaultOption;
  776. };
  777. for(var key in defaultOption) {
  778. if(userOption[key] === undefined) {
  779. userOption[key] = defaultOption[key];
  780. } else if(userOption[key] == null){
  781. } else if(typeof userOption[key] == "object") {
  782. me.extendJson(userOption[key], defaultOption[key]); //深度匹配
  783. }
  784. }
  785. return userOption;
  786. }
  787. // == if 结束
  788. }
  789. // =========================== 本地集合存储 =======================================
  790. if (true) {
  791. // 获取指定key的list
  792. me.keyListGet = function(key){
  793. try{
  794. var str = localStorage.getItem('LIST_' + key);
  795. if(str == undefined || str == null || str =='' || str == 'undefined' || typeof(JSON.parse(str)) == 'string'){
  796. //alert('key' + str);
  797. str = '[]';
  798. }
  799. return JSON.parse(str);
  800. }catch(e){
  801. return [];
  802. }
  803. },
  804. me.keyListSet = function(key, list){
  805. localStorage.setItem('LIST_' + key, JSON.stringify(list));
  806. },
  807. me.keyListHas = function(key, item){
  808. var arr2 = me.keyListGet(key);
  809. return arr2.indexOf(item) != -1;
  810. },
  811. me.keyListAdd = function(key, item){
  812. var arr = me.keyListGet(key);
  813. arr.push(item);
  814. me.keyListSet(key,arr);
  815. },
  816. me.keyListRemove = function(key, item){
  817. var arr = me.keyListGet(key);
  818. var index = arr.indexOf(item);
  819. if (index > -1) {
  820. arr.splice(index, 1);
  821. }
  822. me.keyListSet(key,arr);
  823. }
  824. // == if 结束
  825. }
  826. // =========================== 对sa-admin的优化 =======================================
  827. if (true) {
  828. // 封装element-ui的导出表格
  829. // 参数:选择器(默认.data-count),fileName=导出的文件名称
  830. me.exportExcel = function(select, fileName) {
  831. // 声明函数
  832. let exportExcel_fn = function(select, fileName) {
  833. // 赋默认值
  834. select = select || '.data-table';
  835. fileName = fileName || 'table.xlsx';
  836. // 开始导出
  837. let wb = XLSX.utils.table_to_book(document.querySelector(select)); // 这里就是表格
  838. let sheet = wb.Sheets.Sheet1; // 单元表
  839. try{
  840. // 强改宽度
  841. sheet['!cols'] = sheet['!cols'] || [];
  842. let thList = document.querySelector(select).querySelectorAll('.el-table__header-wrapper tr th');
  843. for (var i = 0; i < thList.length; i++) {
  844. // 如果是多选框
  845. if(thList[i].querySelector('.el-checkbox')) {
  846. sheet['!cols'].push({ wch: 5 }); // 强改宽度
  847. continue;
  848. }
  849. sheet['!cols'].push({ wch: 15 }); // 强改宽度
  850. }
  851. // 强改高度
  852. sheet['!rows'] = sheet['!rows'] || [];
  853. let trList = document.querySelector(select).querySelectorAll('.el-table__body-wrapper tbody tr');
  854. for (var i = 0; i < trList.length + 1; i++) {
  855. sheet['!rows'].push({ hpx: 20 }); // 强改高度
  856. }
  857. } catch(e) {
  858. console.err(e);
  859. }
  860. // 开始制作并输出
  861. let wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' });
  862. // 点击
  863. let blob = new Blob([wbout], { type: 'application/octet-stream'});
  864. const a= document.createElement("a")
  865. a.href = URL.createObjectURL(blob)
  866. a.download = fileName // 这里填保存成的文件名
  867. a.click()
  868. URL.revokeObjectURL(a.href)
  869. a.remove();
  870. sa.hideLoading();
  871. }
  872. sa.loading('正在导出...');
  873. // 判断是否首次加载
  874. if(window.XLSX) {
  875. return exportExcel_fn(select, fileName);
  876. } else {
  877. me.loadJS('https://unpkg.com/xlsx@0.16.6/dist/xlsx.core.min.js', function() {
  878. return exportExcel_fn(select, fileName);
  879. });
  880. }
  881. }
  882. // 刷新表格高度, 请务必在所有表格高度发生变化的地方调用此方法
  883. me.f5TableHeight = function() {
  884. Vue.nextTick(function() {
  885. if($('.el-table.data-table .el-table__body-wrapper table').length == 0) {
  886. return;
  887. }
  888. var _f5Height = function() {
  889. var height = $('.el-table .el-table__body-wrapper table').height();
  890. height = height == 0 ? 60 : height;
  891. // 判断是否有滚动条
  892. var tw = $('.el-table .el-table__body-wrapper').get(0);
  893. if(tw.scrollWidth > tw.clientWidth) {
  894. height = height + 16;
  895. }
  896. if($('.el-table .el-table__body-wrapper table td').width() == 0) {
  897. return;
  898. }
  899. // 设置高度
  900. $('.el-table .el-table__body-wrapper').css('min-height', height);
  901. $('.el-table .el-table__body-wrapper').css('max-height', height);
  902. };
  903. setTimeout(_f5Height, 0)
  904. setTimeout(_f5Height, 200)
  905. })
  906. }
  907. // 在表格查询的页面,监听input回车事件,提交查询
  908. me.onInputEnter = function(app) {
  909. Vue.nextTick(function() {
  910. app = app || window.app;
  911. // document.querySelectorAll('.el-form input').forEach(function(item) {
  912. // item.onkeydown = function(e) {
  913. // var theEvent = e || window.event;
  914. // var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
  915. // if (code == 13) {
  916. // app.p.pageNo = 1;
  917. // app.f5();
  918. // }
  919. // }
  920. // })
  921. document.querySelectorAll('.el-form').forEach(function(item) {
  922. item.onkeydown = function(e) {
  923. var theEvent = e || window.event;
  924. var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
  925. if (code == 13) {
  926. var target = e.target||e.srcElement;
  927. if(target.tagName.toLowerCase()=="input") {
  928. app.p.pageNo = 1;
  929. app.f5();
  930. }
  931. }
  932. }
  933. })
  934. })
  935. }
  936. // 如果value为true,则抛出异常
  937. me.check = function(value, errorMsg) {
  938. if(value === true) {
  939. throw {type: 'sa-error', msg: errorMsg};
  940. }
  941. }
  942. // 如果value为null,则抛出异常
  943. me.checkNull = function(value, errorMsg) {
  944. if(me.isNull(value)) {
  945. throw {type: 'sa-error', msg: errorMsg};
  946. }
  947. }
  948. // 监听窗口变动
  949. if(!window.onresize) {
  950. window.onresize = function() {
  951. try{
  952. me.f5TableHeight();
  953. }catch(e){
  954. // console.log(e);
  955. }
  956. }
  957. }
  958. // 双击layer标题处全屏
  959. if(window.$) {
  960. $(document).on('mousedown', '.layui-layer-title', function(e) {
  961. // console.log('单击中');
  962. if(window.layer_title_last_click_time) {
  963. var cz = new Date().getTime() - window.layer_title_last_click_time;
  964. if(cz < 250) {
  965. console.log('双击');
  966. $(this).parent().find('.layui-layer-max').click();
  967. }
  968. }
  969. window.layer_title_last_click_time = new Date().getTime();
  970. })
  971. }
  972. // == if 结束
  973. }
  974. })();
  975. // =========================== $sys 有关当前系统的方法 一般不能复制到别的项目中用 =======================================
  976. (function(){
  977. // 超级对象
  978. var me = {};
  979. sa.$sys = me;
  980. // ======================= 登录相关 ============================
  981. // 写入当前已登陆用户信息
  982. me.setCurrUser = function(currUser){
  983. localStorage.setItem('currUser', JSON.stringify(currUser));
  984. }
  985. // 获得当前已登陆用户信息
  986. me.getCurrUser = function(){
  987. var user = localStorage.getItem("currUser");
  988. if(user == undefined || user == null || user == 'null' || user == '' || user == '{}' || user.length < 10){
  989. user = {
  990. id: '0',
  991. username: '未登录'
  992. }
  993. }else{
  994. user = JSON.parse(user);
  995. }
  996. return user;
  997. }
  998. // 如果未登录,则强制跳转到登录
  999. me.checkLogin = function(not_login_url){
  1000. console.log(me.getCurrUser());
  1001. if(me.getCurrUser().id == 0) {
  1002. location.href= not_login_url || '../../login.html';
  1003. throw '未登录,请先登录';
  1004. }
  1005. }
  1006. // 同上, 只不过是以弹窗的形式显示未登录
  1007. me.checkLoginTs = function(not_login_url){
  1008. if(me.getCurrUser().id == 0) {
  1009. sa.$page.openLogin(not_login_url || '../../login.html');
  1010. throw '未登录,请先登录';
  1011. }
  1012. }
  1013. // ========================= 权限验证 =========================
  1014. // 定义key
  1015. var pcode_key = 'permission_code';
  1016. // 写入当前会话的权限码集合
  1017. sa.setAuth = function(codeList) {
  1018. sa.keyListSet(pcode_key, codeList);
  1019. }
  1020. // 清除当前会话的权限码集合
  1021. sa.clearAuth = function() {
  1022. sa.keyListSet(pcode_key, []);
  1023. }
  1024. // 检查当前会话是否拥有一个权限码, 返回true和false
  1025. sa.isAuth = function(pcode) {
  1026. return sa.keyListHas(pcode_key, pcode);
  1027. }
  1028. // 检查当前会话是否拥有一个权限码, 如果没有, 则跳转到无权限页面
  1029. // 注意: 非二级目录页面请注意调整路径问题
  1030. sa.checkAuth = function(pcode, not_pcode_url) {
  1031. var is_have = sa.keyListHas(pcode_key, pcode);
  1032. if(is_have == false) {
  1033. location.href= not_pcode_url || '../../sa-view/error-page/403.html';
  1034. throw '暂无权限: ' + pcode;
  1035. }
  1036. }
  1037. // 同上, 只不过是以弹窗的形式显示出来无权限来
  1038. sa.checkAuthTs = function(pcode, not_pcode_url) {
  1039. var is_have = sa.keyListHas(pcode_key, pcode);
  1040. if(is_have == false) {
  1041. var url = not_pcode_url || '../../sa-view/error-page/403.html';
  1042. layer.open({
  1043. type: 2,
  1044. title: false, // 标题
  1045. shadeClose: true, // 是否点击遮罩关闭
  1046. shade: 0.8, // 遮罩透明度
  1047. scrollbar: false, // 屏蔽掉外层的滚动条
  1048. closeBtn: false,
  1049. area: ['700px', '600px'], // 大小
  1050. content: url // 传值
  1051. });
  1052. throw '暂无权限: ' + pcode;
  1053. }
  1054. }
  1055. // ======================= 配置相关 ============================
  1056. // 写入配置信息
  1057. me.setAppCfg = function(cfg) {
  1058. if(typeof cfg != 'string') {
  1059. cfg = JSON.stringify(cfg);
  1060. }
  1061. localStorage.setItem('app_cfg', cfg);
  1062. }
  1063. // 获取配置信息
  1064. me.getAppCfg = function() {
  1065. var app_cfg = sa.JSONParse(localStorage.getItem('app_cfg'), {}) || {};
  1066. return app_cfg;
  1067. }
  1068. })();
  1069. // =========================== $page 跳页面相关 避免一次变动,到处乱改 =======================================
  1070. (function(){
  1071. // 超级对象
  1072. var me={};
  1073. sa.$page = me;
  1074. // 打开登录页面
  1075. me.openLogin = function(login_url) {
  1076. layer.open({
  1077. type: 2,
  1078. // title: '登录',
  1079. title: false,
  1080. closeBtn: false,
  1081. shadeClose: true,
  1082. shade: 0.8,
  1083. // area: ['90%', '100%'],
  1084. area: ['70%', '80%'],
  1085. // area: ['450px', '360px'],
  1086. resize: false,
  1087. content: login_url || '../../login.html'
  1088. });
  1089. }
  1090. // 打开admin信息界面
  1091. me.openAdminInfo = function(id, username) {
  1092. var title = username + ' - 账号详情';
  1093. if(username === undefined) {
  1094. title = '账号详情';
  1095. }
  1096. sa.showIframe(title, '../sp-admin/admin-info.html?id=' + id, '700px', '600px');
  1097. }
  1098. })();
  1099. // 如果是sa_admin环境
  1100. window.sa_admin = window.sa_admin || parent.sa_admin || top.sa_admin;
  1101. window.saAdmin = window.sa_admin;
  1102. // 如果当前是Vue环境, 则挂在到 Vue 示例
  1103. if(window.Vue) {
  1104. // 全局的 sa 对象
  1105. Vue.prototype.sa = window.sa;
  1106. Vue.prototype.sa_admin = window.sa_admin;
  1107. Vue.prototype.saAdmin = window.saAdmin;
  1108. // 表单校验异常捕获
  1109. Vue.config.errorHandler = function(err, vm) {
  1110. if(err.type == 'sa-error') {
  1111. return sa.error(err.msg);
  1112. }
  1113. throw err;
  1114. }
  1115. // Element-UI 全局组件样式
  1116. Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 };
  1117. // 加载全局组件 (注意路径问题)
  1118. // if(window.httpVueLoader && window.loadComponent !== false) {
  1119. // Vue.component("sa-item", httpVueLoader('../../sa-frame/com/sa-item.vue'));
  1120. // Vue.component("sa-td", httpVueLoader('../../sa-frame/com/sa-td.vue'));
  1121. // }
  1122. }
  1123. // 对外开放, 在模块化时解开此注释
  1124. // export default sa;