123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213 |
- {layout name="layout1" /}
-
- <div class="wrapper">
- <div class="layui-card">
- <!-- 操作提示 -->
- <div class="layui-card-body">
- <div class="layui-collapse" style="border:1px dashed #c4c4c4">
- <div class="layui-colla-item">
- <h2 class="layui-colla-title like-layui-colla-title">操作提示</h2>
- <div class="layui-colla-content layui-show">
- <p>*平台发布的操作说明,帮助文档,常见问题。用户可在商城的帮助功能查看。</p>
- <p>*帮助文档排序值越小越前,排序值相同时新增文章在前。</p>
- </div>
- </div>
- </div>
- </div>
-
- <!-- 搜索区域 -->
- <div class="layui-card-body layui-form">
- <div class="layui-form-item">
- <div class="layui-inline">
- <label for="title" class="layui-form-label">帮助标题:</label>
- <div class="layui-input-inline">
- <input type="text" id="title" name="title" autocomplete="off" class="layui-input">
- </div>
- </div>
- <div class="layui-inline">
- <label for="cid" class="layui-form-label">帮助分类:</label>
- <div class="layui-input-inline">
- <select name="cid" id="cid">
- <option value="">全部</option>
- {volist name="category" id="vo"}
- <option value="{$vo.id}">{$vo.name}</option>
- {/volist}
- </select>
- </div>
- </div>
- <div class="layui-inline">
- <a class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="search">搜索</a>
- <a class="layui-btn layui-btn-sm layui-btn-primary" lay-submit lay-filter="clear-search">重置</a>
- </div>
- </div>
- </div>
-
- <!-- 主体区域 -->
- <div class="layui-card-body">
- <button type="button" class="layui-btn layui-btn-normal layui-btn-sm layEvent" lay-event="add">新增帮助</button>
-
- <table id="like-table-lists" lay-filter="like-table-lists"></table>
- <script type="text/html" id="table-image">
- {{# if(d.image){ }}
- <img src="{{d.image}}" alt="图" style="width:28px;height:28px;">
- {{# } }}
- </script>
- <script type="text/html" id="table-operation">
- <a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="edit">编辑</a>
- {{# if(d.is_show == '显示'){ }}<a class="layui-btn layui-btn-normal layui-btn-sm layui-btn-warm" lay-event="hide">隐藏</a>{{# } }}
- {{# if(d.is_show == '隐藏'){ }}<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="hide">显示</a>{{# } }}
- <a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del">删除</a>
- </script>
- </div>
-
- </div>
- </div>
-
- <script>
- layui.use(["table", "form"], function(){
- var table = layui.table;
- var form = layui.form;
-
-
- like.tableLists("#like-table-lists", "{:url()}", [
- {field:"id", width:60, title:"ID"}
- ,{field:"title", width:200, align:"center", title:"帮助标题"}
- ,{field:"image", width:100, align:"center", title:"封面图", templet:"#table-image"}
- ,{field:"category", width:150, align:"center", title:"帮助分类"}
- ,{field:"is_show", width:100, align:"center", title:"帮助状态"}
- ,{field:"visit", width:100, align:"center", title:"浏览量"}
- ,{field:"likes", width:100, align:"center", title:"点赞量"}
- ,{field:"sort", width:100, align:"center", title:"排序"}
- ,{field:"create_time", width:180, align:"center", title:"创建时间"}
- ,{title:"操作", width:200, align:"center", fixed:"right", toolbar:"#table-operation"}
- ]);
-
-
- var active = {
- add: function() {
- layer.open({
- type: 2
- ,title: "新增帮助"
- ,content: "{:url('content.Help/add')}"
- ,area: ["90%", "90%"]
- ,btn: ["确定", "取消"]
- ,yes: function(index, layero){
- var iframeWindow = window["layui-layer-iframe" + index];
- var submit = layero.find("iframe").contents().find("#addSubmit");
- iframeWindow.layui.form.on("submit(addSubmit)", function(data){
- like.ajax({
- url: "{:url('content.Help/add')}",
- data: data.field,
- type: "POST",
- success:function(res) {
- if(res.code === 1) {
- layui.layer.msg(res.msg);
- layer.close(index);
- table.reload("like-table-lists", {
- where: {},
- page: { cur: 1 }
- });
- }
- }
- });
- });
- submit.trigger("click");
- }
- });
- },
- edit: function(obj) {
- layer.open({
- type: 2
- ,title: "编辑帮助"
- ,content: "{:url('content.Help/edit')}?id=" + obj.data.id
- ,area: ["90%", "90%"]
- ,btn: ["确定", "取消"]
- ,yes: function(index, layero){
- var iframeWindow = window["layui-layer-iframe" + index];
- var submit = layero.find("iframe").contents().find("#addSubmit");
- iframeWindow.layui.form.on("submit(addSubmit)", function(data){
- data.field['id'] = obj.data.id;
- like.ajax({
- url: "{:url('content.Help/edit')}",
- data: data.field,
- type: "POST",
- success:function(res) {
- if(res.code === 1) {
- layui.layer.msg(res.msg);
- layer.close(index);
- table.reload("like-table-lists", {
- where: {},
- page: { cur: 1 }
- });
- }
- }
- });
- });
- submit.trigger("click");
- }
- });
- },
- del: function(obj) {
- layer.confirm("确定删除帮助:"+obj.data.title, function(index) {
- like.ajax({
- url: "{:url('content.Help/del')}",
- data: {id: obj.data.id},
- type: "POST",
- success: function (res) {
- if (res.code === 1) {
- layui.layer.msg(res.msg);
- layer.close(index);
- obj.del();
- }
- }
- });
- layer.close(index);
- })
- },
- hide: function(obj) {
- var text = obj.data.is_show === '显示' ? '确定隐藏:' : '确定显示:';
- layer.confirm(text+obj.data.title, function(index) {
- like.ajax({
- url: "{:url('content.Help/hide')}",
- data: {id: obj.data.id},
- type: "POST",
- success: function (res) {
- if (res.code === 1) {
- layui.layer.msg(res.msg);
- layer.close(index);
- table.reload("like-table-lists", {
- where: {},
- page: { cur: 1 }
- });
- }
- }
- });
- layer.close(index);
- })
- }
- };
- like.eventClick(active);
-
- form.on("submit(search)", function(data){
- table.reload("like-table-lists", {
- where: data.field,
- page: {
- curr: 1
- }
- });
- });
-
- form.on("submit(clear-search)", function(){
- $("#title").val("");
- form.render("select");
- table.reload("like-table-lists", {
- where: {},
- page: {
- curr: 1
- }
- });
- });
-
-
- })
- </script>
|