update table size

v1.0
bobi 2019-06-25 22:56:16 +08:00
parent 6670185088
commit 385d275cb3
5 changed files with 39 additions and 8 deletions

View File

@ -12,7 +12,7 @@
<div class="ok-body-breadcrumb">
<span class="layui-breadcrumb">
<a><cite>首页</cite></a>
<a><cite>常用页面</cite></a>
<a><cite>会员管理</cite></a>
<a><cite>权限列表</cite></a>
</span>
<a class="layui-btn layui-btn-sm" href="javascript:location.replace(location.href);" title="刷新">
@ -68,6 +68,7 @@
elem: "#tableId",
url: "../../data/permission-table.json",
page: false,
size: "sm",
cols: [[
{type: "numbers"},
{field: "authorityName", minWidth: 200, title: "权限名称"},

View File

@ -52,6 +52,7 @@
limit: 10,
page: true,
toolbar: "#toolbarTpl",
size: "sm",
cols: [[
{type: "checkbox"},
{field: "id", title: "ID", width: 80, sort: true},

View File

@ -40,8 +40,11 @@
var table = layui.table;
var form = layui.form;
var laydate = layui.laydate;
var util = layui.util;
var okLayer = layui.okLayer;
var okUtils = layui.okUtils;
util.fixbar({});
laydate.render({elem: "#startTime", type: "datetime"});
laydate.render({elem: "#endTime", type: "datetime"});
@ -50,10 +53,11 @@
elem: "#tableId",
url: okUtils.mockApi.user.list,
method: "get",
limit: 10,
limit: 20,
page: true,
toolbar: true,
toolbar: "#toolbarTpl",
size: "sm",
cols: [[
{type: "checkbox"},
{field: "id", title: "ID", width: 80, sort: true},
@ -192,9 +196,15 @@
<button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon">&#xe61f;</i>添加用户</button>
</div>
</script>
<!-- 启用|停用模板 -->
<script type="text/html" id="statusTpl">
<!-- 启用|停用模板
<input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|停用" {{ d.status== 0 ? 'checked' : ''}}>
-->
<script type="text/html" id="statusTpl">
{{# if(d.status == 0){ }}
<span class="layui-btn layui-btn-normal layui-btn-xs">已启用</span>
{{# } else if(d.status == 1) { }}
<span class="layui-btn layui-btn-warm layui-btn-xs">已停用</span>
{{# } }}
</script>
<!-- 角色模板 -->
<script type="text/html" id="roleTpl">

View File

@ -39,21 +39,24 @@
layui.use(["element", "table", "form", "laydate", "okLayer", "okUtils"], function () {
var table = layui.table;
var form = layui.form;
var $ = layui.jquery;
var util = layui.util;
var laydate = layui.laydate;
var okLayer = layui.okLayer;
var okUtils = layui.okUtils;
util.fixbar({});
laydate.render({elem: "#startTime", type: "datetime"});
laydate.render({elem: "#endTime", type: "datetime"});
var articleTable = table.render({
elem: "#tableId",
url: okUtils.mockApi.article.list,
limit: 10,
limit: 20,
page: true,
even: true,
toolbar: "#toolbarTpl",
size: "sm",
cols: [[
{type: "checkbox"},
{field: "id", title: "ID", width: 80, sort: true},
@ -185,14 +188,29 @@
<button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon">&#xe61f;</i>添加文章</button>
</div>
</script>
<!-- 链接模板 -->
<script type="text/html" id="urlTpl">
<a href="{{d.url}}" target="_blank">{{d.url}}</a>
</script>
<script type="text/html" id="topTpl">
<!-- 是否指顶模板
<input type="checkbox" name="isTop" value="{{d.isTop}}" lay-skin="switch" lay-text="是|否" {{ d.isTop== true ? 'checked' : ''}}>
-->
<script type="text/html" id="topTpl">
{{# if(d.isTop == true){ }}
<span class="layui-btn layui-btn-normal layui-btn-xs">已置顶</span>
{{# } else if(d.isTop == false) { }}
<span class="layui-btn layui-btn-warm layui-btn-xs">未置顶</span>
{{# } }}
</script>
<script type="text/html" id="statusTpl">
<!-- 发布状态模板
<input type="checkbox" name="top" value="{{d.status}}" lay-skin="switch" lay-text="已发布|未发布" {{ d.status== true ? 'checked' : ''}}>
-->
<script type="text/html" id="statusTpl">
{{# if(d.status == true){ }}
<span class="layui-btn layui-btn-normal layui-btn-xs">已发布</span>
{{# } else if(d.status == false) { }}
<span class="layui-btn layui-btn-warm layui-btn-xs">未发布</span>
{{# } }}
</script>
<!-- 行工具栏模板 -->
<script type="text/html" id="operationTpl">

View File

@ -53,6 +53,7 @@
page: true,
toolbar: true,
toolbar: "#toolbarTpl",
size: "sm",
cols: [[
{type: "checkbox"},
{field: "id", title: "ID", width: 80, sort: true},