1

plugs/think-plugs-cms/src/view/banner/form.html

@@ -0,0 +1,33 @@
+<form class="layui-form layui-card" action="{:sysuri()}" data-auto="true" method="post" autocomplete="off" data-table-id="articleTable">
+    <div class="layui-row layui-col-space15">
+        <div class="layui-form-item">
+            <label class="layui-form-label">轮播图名称</label>
+            <div class="layui-input-block">
+                <input type="text" name="name" value='{$vo.name|default=""}' required placeholder="请输入轮播图名称" class="layui-input">
+                <div class="layui-form-mid layui-word-aux">仅用于后台展示</div>
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">轮播图图片</label>
+            <div class="layui-input-block">
+                <input type="hidden" name="image" data-size="1" value='{$vo.image|default=""}' required placeholder="请上传轮播图图片" class="layui-input layui-hide">
+                <div class="layui-form-mid layui-word-aux">建议尺寸：750*300</div>
+            </div>
+        </div>
+    </div>
+    {notempty name='id'}<input class="layui-input layui-hide" type='hidden' value='{$id}' name='id'>{/notempty}
+    <div class="layui-form-item text-center">
+        <button class="layui-btn layui-btn-normal" type='submit'>保存数据</button>
+        <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消编辑吗？" data-close>取消编辑</button>
+    </div>
+</form>
+<script>
+    $('[name="image"]').uploadOneImage()
+    layui.use(['form'], function () {
+        var layer = layui.layer,
+            form = layui.form;
+        form.render();
+    });
+
+
+</script>

plugs/think-plugs-cms/src/view/banner/index.html

@@ -0,0 +1,87 @@
+{extend name="table"}
+
+{block name="button"}
+<!--{if auth("add")}-->
+<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" data-modal='{:url("add")}' data-title="添加轮播图">添加</button>
+<!--{/if}-->
+{/block}
+
+{block name="content"}
+<div class="layui-tab layui-tab-card think-bg-white">
+    <div class="layui-tab-content think-box-shadow">
+        {include file='banner/index_search'}
+        <table class="layui-table margin-top-10" data-url="{$request->url()}" data-target-search="form.form-search" lay-skin="line" id="bannerTable"></table>
+    </div>
+</div>
+
+<script type="text/html" id="toolbar">
+
+    <!--{if auth("edit")}-->
+    <a data-modal="{:url('edit')}?id={{ d.id }}" class="layui-btn layui-btn-xs layui-btn-normal" title="修改">修改</a>
+    <!--{/if}-->
+
+    <!--{if auth("status")}-->
+    {{#  if(d.status == 0){ }}
+    <a class="layui-btn layui-btn-xs layui-btn-normal" data-title="启用该轮播图" data-modal='{:url("status")}?id={{ d.id }}&status=1'>启 用</a>
+    {{#  } else { }}
+    <a class="layui-btn layui-btn-xs layui-btn-primary" data-title="隐藏该轮播图" data-modal='{:url("status")}?id={{ d.id }}&status=0'>隐 藏</a>
+    {{#  } }}
+    <!--{/if}-->
+
+    <!--{if auth("remove")}-->
+    <a data-confirm="确定要永久删除此轮播图吗？" data-action="{:url('remove')}"  data-value="id#{{ d.id }}" data-csrf="{:systoken('remove')}" class="layui-btn layui-btn-xs layui-btn-danger" title="删除">删除</a>
+    <!--{/if}-->
+</script>
+
+{/block}
+
+{block name='style'}
+<style>
+</style>
+{/block}
+
+{block name='script'}
+<script>
+    $(function () {
+        $('#bannerTable').layTable({
+            height: 'full-240',
+            toolbar: true,
+            sort: {field: 'sort', type: 'asc'},
+            title: '轮播图列表',
+            cols: [[
+                {type: 'numbers'},
+                {field: 'sort', title: '排序', width: 80, sort: true, edit: 'text'},
+                {field: 'image', title: '轮播图', width: 140, templet:function(item){
+                    return '<img data-tips-image src="'+item.image+'" alt="image" style="width: 120px;height: 60px;">';
+                    }},
+                {field: 'name', title: '轮播图名称', minWidth: 120},
+                {field: 'status', title: '状态', width: 60,templet:function(item){
+                        if(item.status == 0){
+                            return '<span style="color:red;">隐藏</span>';
+                        }else if(item.status == 1){
+                            return '<span style="color:green;">显示</span>';
+                        }
+                    }},
+                {field: 'create_at', title: '创建时间', width: 150},
+                {align: 'center', toolbar: '#toolbar', title: '操作', width: 240}
+            ]]
+        })
+        layui.use(['table'], function(){
+            var table = layui.table,
+                layer = layui.layer;
+            table.on('edit(bannerTable)', function(obj) {
+                if (obj.field == 'sort') {
+                    if (obj.value == '') {
+                        obj.value = obj.oldValue
+                        return false;
+                    } else {
+                        $.form.load("{:url('sort')}", {sort: obj.value, id: obj.data.id}, 'post', function (ret) {
+                            $('#bannerTable').trigger('reload');
+                        });
+                    }
+                }
+            });
+        })
+    })
+</script>
+{/block}

plugs/think-plugs-cms/src/view/banner/index_search.html

@@ -0,0 +1,16 @@
+<fieldset>
+    <legend>条件搜索</legend>
+    <form class="layui-form layui-form-pane form-search" action="{:request()->url()}" onsubmit="return false" method="get" autocomplete="off">
+        <div class="layui-form-item layui-inline">
+            <label class="layui-form-label">名称</label>
+            <div class="layui-input-inline">
+                <input name="name" value="{:input('get.name')}" placeholder="请输入名称" class="layui-input">
+            </div>
+        </div>
+
+        <div class="layui-form-item layui-inline">
+            <button class="layui-btn layui-btn-primary" lay-submit lay-filter="searchData"><i class="layui-icon">&#xe615;</i> 搜 索</button>
+        </div>
+    </form>
+
+</fieldset>