Authored by wangtao

fix: 换肤分页样式、表格样式、按钮样式、弹框样式

@@ -18,8 +18,6 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -18,8 +18,6 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
18 //获得权限列表 18 //获得权限列表
19 var checkList = common.checkPermission(accessToken); 19 var checkList = common.checkPermission(accessToken);
20 20
21 - common.loadTheme();  
22 -  
23 form.render("select") 21 form.render("select")
24 22
25 function initDate() { 23 function initDate() {
@@ -168,7 +166,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -168,7 +166,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
168 , height: 'full-210' 166 , height: 'full-210'
169 , cellMinWidth: 100 167 , cellMinWidth: 100
170 , page: { 168 , page: {
171 - layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'] 169 + layout: ['count','limit', 'prev', 'page', 'next', 'skip']
172 , theme: '#1E9FFF' 170 , theme: '#1E9FFF'
173 } 171 }
174 , limit: common.limit 172 , limit: common.limit
@@ -263,11 +261,11 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -263,11 +261,11 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
263 } 261 }
264 }, { 262 }, {
265 title: '操作', fixed: 'right', align: 'center', width: 100, templet: function (d) { 263 title: '操作', fixed: 'right', align: 'center', width: 100, templet: function (d) {
266 - var html = '<div><button shutdownplan-data-delete="' + d.cutoverId + '" class="layui-btn layui-btn-normal layui-btn-xs" lay-tips="删除"><i class="layui-icon layui-icon-delete"></i></button>'; 264 + var html = '<div><a shutdownplan-data-delete="' + d.cutoverId + '" class="layui-btn layui-btn-normal layui-btn-xs" lay-tips="删除">删除</a>';
267 if (d.stopStatus == '2') { 265 if (d.stopStatus == '2') {
268 - html += '<button shutdownplan-data-stop="' + d.cutoverId + '" class="layui-btn layui-btn-normal layui-btn-xs" lay-tips="暂停"><i class="layui-icon layui-icon-pause"></i></button>' 266 + html += '<a shutdownplan-data-stop="' + d.cutoverId + '" class="layui-btn layui-btn-normal layui-btn-xs" lay-tips="暂停">暂停</a>'
269 } else if (d.stopStatus == '3') { 267 } else if (d.stopStatus == '3') {
270 - html += '<button shutdownplan-data-start="' + d.cutoverId + '" class="layui-btn layui-btn-normal layui-btn-xs" lay-tips="恢复"><i class="layui-icon layui-icon-play"></i></button>' 268 + html += '<a shutdownplan-data-start="' + d.cutoverId + '" class="layui-btn layui-btn-normal layui-btn-xs" lay-tips="恢复">恢复</a>'
271 } 269 }
272 html += '</div>'; 270 html += '</div>';
273 return html 271 return html
@@ -44,7 +44,7 @@ @@ -44,7 +44,7 @@
44 </div> 44 </div>
45 </div> 45 </div>
46 <button class="layui-btn layui-btn-normal" id="searchShutdownplan" type="button"> 46 <button class="layui-btn layui-btn-normal" id="searchShutdownplan" type="button">
47 - 查询 47 + 搜索
48 </button> 48 </button>
49 </div> 49 </div>
50 <div class="layui-form-item"> 50 <div class="layui-form-item">
1 /** layui-v2.5.5 MIT License By https://www.layui.com */ 1 /** layui-v2.5.5 MIT License By https://www.layui.com */
2 - ;layui.define(function(e){"use strict";var a=document,t="getElementById",n="getElementsByTagName",i="laypage",r="layui-disabled",u=function(e){var a=this;a.config=e||{},a.config.index=++s.index,a.render(!0)};u.prototype.type=function(){var e=this.config;if("object"==typeof e.elem)return void 0===e.elem.length?2:3},u.prototype.view=function(){var e=this,a=e.config,t=a.groups="groups"in a?0|a.groups:5;a.layout="object"==typeof a.layout?a.layout:["prev","page","next"],a.count=0|a.count,a.curr=0|a.curr||1,a.limits="object"==typeof a.limits?a.limits:[10,20,30,40,50],a.limit=0|a.limit||10,a.pages=Math.ceil(a.count/a.limit)||1,a.curr>a.pages&&(a.curr=a.pages),t<0?t=1:t>a.pages&&(t=a.pages),a.prev="prev"in a?a.prev:"&#x4E0A;&#x4E00;&#x9875;",a.next="next"in a?a.next:"&#x4E0B;&#x4E00;&#x9875;";var n=a.pages>t?Math.ceil((a.curr+(t>1?1:0))/(t>0?t:1)):1,i={prev:function(){return a.prev?'<a href="javascript:;" class="layui-laypage-prev'+(1==a.curr?" "+r:"")+'" data-page="'+(a.curr-1)+'">'+a.prev+"</a>":""}(),page:function(){var e=[];if(a.count<1)return"";n>1&&a.first!==!1&&0!==t&&e.push('<a href="javascript:;" class="layui-laypage-first" data-page="1" title="&#x9996;&#x9875;">'+(a.first||1)+"</a>");var i=Math.floor((t-1)/2),r=n>1?a.curr-i:1,u=n>1?function(){var e=a.curr+(t-i-1);return e>a.pages?a.pages:e}():t;for(u-r<t-1&&(r=u-t+1),a.first!==!1&&r>2&&e.push('<span class="layui-laypage-spr">&#x2026;</span>');r<=u;r++)r===a.curr?e.push('<span class="layui-laypage-curr"><em class="layui-laypage-em" '+(/^#/.test(a.theme)?'style="background-color:'+a.theme+';"':"")+"></em><em>"+r+"</em></span>"):e.push('<a href="javascript:;" data-page="'+r+'">'+r+"</a>");return a.pages>t&&a.pages>u&&a.last!==!1&&(u+1<a.pages&&e.push('<span class="layui-laypage-spr">&#x2026;</span>'),0!==t&&e.push('<a href="javascript:;" class="layui-laypage-last" title="&#x5C3E;&#x9875;" data-page="'+a.pages+'">'+(a.last||a.pages)+"</a>")),e.join("")}(),next:function(){return a.next?'<a href="javascript:;" class="layui-laypage-next'+(a.curr==a.pages?" "+r:"")+'" data-page="'+(a.curr+1)+'">'+a.next+"</a>":""}(),count:'<span class="layui-laypage-count">共 '+a.count+" 条</span>",limit:function(){var e=['<span class="layui-laypage-limits"><select lay-ignore>'];return layui.each(a.limits,function(t,n){e.push('<option value="'+n+'"'+(n===a.limit?"selected":"")+">"+n+" 条/页</option>")}),e.join("")+"</select></span>"}(),refresh:['<a href="javascript:;" data-page="'+a.curr+'" class="layui-laypage-refresh">','<i class="layui-icon layui-icon-refresh"></i>',"</a>"].join(""),skip:function(){return['<span class="layui-laypage-skip">&#x5230;&#x7B2C;','<input type="text" min="1" value="'+a.curr+'" class="layui-input">','&#x9875;<button type="button" class="layui-laypage-btn">&#x786e;&#x5b9a;</button>',"</span>"].join("")}()};return['<div class="layui-box layui-laypage layui-laypage-'+(a.theme?/^#/.test(a.theme)?"molv":a.theme:"default")+'" id="layui-laypage-'+a.index+'">',function(){var e=[];return layui.each(a.layout,function(a,t){i[t]&&e.push(i[t])}),e.join("")}(),"</div>"].join("")},u.prototype.jump=function(e,a){if(e){var t=this,i=t.config,r=e.children,u=e[n]("button")[0],l=e[n]("input")[0],p=e[n]("select")[0],c=function(){var e=0|l.value.replace(/\s|\D/g,"");e&&(i.curr=e,t.render())};if(a)return c();for(var o=0,y=r.length;o<y;o++)"a"===r[o].nodeName.toLowerCase()&&s.on(r[o],"click",function(){var e=0|this.getAttribute("data-page");e<1||e>i.pages||(i.curr=e,t.render())});p&&s.on(p,"change",function(){var e=this.value;i.curr*e>i.count&&(i.curr=Math.ceil(i.count/e)),i.limit=e,t.render()}),u&&s.on(u,"click",function(){c()})}},u.prototype.skip=function(e){if(e){var a=this,t=e[n]("input")[0];t&&s.on(t,"keyup",function(t){var n=this.value,i=t.keyCode;/^(37|38|39|40)$/.test(i)||(/\D/.test(n)&&(this.value=n.replace(/\D/,"")),13===i&&a.jump(e,!0))})}},u.prototype.render=function(e){var n=this,i=n.config,r=n.type(),u=n.view();2===r?i.elem&&(i.elem.innerHTML=u):3===r?i.elem.html(u):a[t](i.elem)&&(a[t](i.elem).innerHTML=u),i.jump&&i.jump(i,e);var s=a[t]("layui-laypage-"+i.index);n.jump(s),i.hash&&!e&&(location.hash="!"+i.hash+"="+i.curr),n.skip(s)};var s={render:function(e){var a=new u(e);return a.index},index:layui.laypage?layui.laypage.index+1e4:0,on:function(e,a,t){return e.attachEvent?e.attachEvent("on"+a,function(a){a.target=a.srcElement,t.call(e,a)}):e.addEventListener(a,t,!1),this}};e(i,s)});  
  2 +;layui.define(function (e) {
  3 + "use strict";
  4 + var a = document, t = "getElementById", n = "getElementsByTagName", i = "laypage", r = "layui-disabled",
  5 + u = function (e) {
  6 + var a = this;
  7 + a.config = e || {}, a.config.index = ++s.index, a.render(!0)
  8 + };
  9 + u.prototype.type = function () {
  10 + var e = this.config;
  11 + if ("object" == typeof e.elem) return void 0 === e.elem.length ? 2 : 3
  12 + }, u.prototype.view = function () {
  13 + var e = this, a = e.config, t = a.groups = "groups" in a ? 0 | a.groups : 5;
  14 + a.layout = "object" == typeof a.layout ? a.layout : ["prev", "page", "next"], a.count = 0 | a.count, a.curr = 0 | a.curr || 1, a.limits = "object" == typeof a.limits ? a.limits : [10, 20, 30, 40, 50], a.limit = 0 | a.limit || 10, a.pages = Math.ceil(a.count / a.limit) || 1, a.curr > a.pages && (a.curr = a.pages), t < 0 ? t = 1 : t > a.pages && (t = a.pages), a.prev = "prev" in a ? a.prev : "&#x4E0A;&#x4E00;&#x9875;", a.next = "next" in a ? a.next : "&#x4E0B;&#x4E00;&#x9875;";
  15 + var n = a.pages > t ? Math.ceil((a.curr + (t > 1 ? 1 : 0)) / (t > 0 ? t : 1)) : 1, i = {
  16 + prev: function () {
  17 + return a.prev ? '<a href="javascript:;" class="layui-laypage-prev' + (1 == a.curr ? " " + r : "") + '" data-page="' + (a.curr - 1) + '">' + a.prev + "</a>" : ""
  18 + }(),
  19 + page: function () {
  20 + var e = [];
  21 + if (a.count < 1) return "";
  22 + n > 1 && a.first !== !1 && 0 !== t && e.push('<a href="javascript:;" class="layui-laypage-first" data-page="1" title="&#x9996;&#x9875;">' + (a.first || 1) + "</a>");
  23 + var i = Math.floor((t - 1) / 2), r = n > 1 ? a.curr - i : 1, u = n > 1 ? function () {
  24 + var e = a.curr + (t - i - 1);
  25 + return e > a.pages ? a.pages : e
  26 + }() : t;
  27 + for (u - r < t - 1 && (r = u - t + 1), a.first !== !1 && r > 2 && e.push('<span class="layui-laypage-spr">&#x2026;</span>'); r <= u; r++) r === a.curr ? e.push('<span class="layui-laypage-curr"><em class="layui-laypage-em" ' + (/^#/.test(a.theme) ? 'style="background-color:' + a.theme + ';"' : "") + "></em><em>" + r + "</em></span>") : e.push('<a href="javascript:;" data-page="' + r + '">' + r + "</a>");
  28 + return a.pages > t && a.pages > u && a.last !== !1 && (u + 1 < a.pages && e.push('<span class="layui-laypage-spr">&#x2026;</span>'), 0 !== t && e.push('<a href="javascript:;" class="layui-laypage-last" title="&#x5C3E;&#x9875;" data-page="' + a.pages + '">' + (a.last || a.pages) + "</a>")), e.join("")
  29 + }(),
  30 + next: function () {
  31 + return a.next ? '<a href="javascript:;" class="layui-laypage-next' + (a.curr == a.pages ? " " + r : "") + '" data-page="' + (a.curr + 1) + '">' + a.next + "</a>" : ""
  32 + }(),
  33 + count: '<span class="layui-laypage-count">共: ' + a.count + " 条</span>",
  34 + limit: function () {
  35 + var e = ['<span class="layui-laypage-limits"><select lay-ignore>'];
  36 + return layui.each(a.limits, function (t, n) {
  37 + e.push('<option value="' + n + '"' + (n === a.limit ? "selected" : "") + ">" + n + " 条/页</option>")
  38 + }), e.join("") + "</select></span>"
  39 + }(),
  40 + refresh: ['<a href="javascript:;" data-page="' + a.curr + '" class="layui-laypage-refresh">', '<i class="layui-icon layui-icon-refresh"></i>', "</a>"].join(""),
  41 + skip: function () {
  42 + return ['<span class="layui-laypage-skip">跳转至', '<input type="text" min="1" value="' + a.curr + '" class="layui-input">', '&#x9875;<button type="button" style="display: none" class="layui-laypage-btn">&#x786e;&#x5b9a;</button>', "</span>"].join("")
  43 + }()
  44 + };
  45 + return ['<div class="layui-box layui-laypage layui-laypage-' + (a.theme ? /^#/.test(a.theme) ? "molv" : a.theme : "default") + '" id="layui-laypage-' + a.index + '">', function () {
  46 + var e = [];
  47 + return layui.each(a.layout, function (a, t) {
  48 + i[t] && e.push(i[t])
  49 + }), e.join("")
  50 + }(), "</div>"].join("")
  51 + }, u.prototype.jump = function (e, a) {
  52 + if (e) {
  53 + var t = this, i = t.config, r = e.children, u = e[n]("button")[0], l = e[n]("input")[0],
  54 + p = e[n]("select")[0], c = function () {
  55 + var e = 0 | l.value.replace(/\s|\D/g, "");
  56 + e && (i.curr = e, t.render())
  57 + };
  58 + if (a) return c();
  59 + for (var o = 0, y = r.length; o < y; o++) "a" === r[o].nodeName.toLowerCase() && s.on(r[o], "click", function () {
  60 + var e = 0 | this.getAttribute("data-page");
  61 + e < 1 || e > i.pages || (i.curr = e, t.render())
  62 + });
  63 + p && s.on(p, "change", function () {
  64 + var e = this.value;
  65 + i.curr * e > i.count && (i.curr = Math.ceil(i.count / e)), i.limit = e, t.render()
  66 + }), u && s.on(u, "click", function () {
  67 + c()
  68 + })
  69 + }
  70 + }, u.prototype.skip = function (e) {
  71 + if (e) {
  72 + var a = this, t = e[n]("input")[0];
  73 + t && s.on(t, "keyup", function (t) {
  74 + var n = this.value, i = t.keyCode;
  75 + /^(37|38|39|40)$/.test(i) || (/\D/.test(n) && (this.value = n.replace(/\D/, "")), 13 === i && a.jump(e, !0))
  76 + })
  77 + }
  78 + }, u.prototype.render = function (e) {
  79 + var n = this, i = n.config, r = n.type(), u = n.view();
  80 + 2 === r ? i.elem && (i.elem.innerHTML = u) : 3 === r ? i.elem.html(u) : a[t](i.elem) && (a[t](i.elem).innerHTML = u), i.jump && i.jump(i, e);
  81 + var s = a[t]("layui-laypage-" + i.index);
  82 + n.jump(s), i.hash && !e && (location.hash = "!" + i.hash + "=" + i.curr), n.skip(s)
  83 + };
  84 + var s = {
  85 + render: function (e) {
  86 + var a = new u(e);
  87 + return a.index
  88 + }, index: layui.laypage ? layui.laypage.index + 1e4 : 0, on: function (e, a, t) {
  89 + return e.attachEvent ? e.attachEvent("on" + a, function (a) {
  90 + a.target = a.srcElement, t.call(e, a)
  91 + }) : e.addEventListener(a, t, !1), this
  92 + }
  93 + };
  94 + e(i, s)
  95 +});
@@ -976,6 +976,8 @@ layui.define(['laytpl', 'laypage', 'layer', 'form', 'util', 'sessions', 'common' @@ -976,6 +976,8 @@ layui.define(['laytpl', 'laypage', 'layer', 'form', 'util', 'sessions', 'common'
976 } 976 }
977 }, options.page); 977 }, options.page);
978 options.page.count = count; //更新总条数 978 options.page.count = count; //更新总条数
  979 + // 分页组件展示顺序
  980 + options.page.layout = ['count','limit', 'prev', 'page', 'next', 'skip']
979 laypage.render(options.page); 981 laypage.render(options.page);
980 } 982 }
981 }; 983 };