index.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <article class="cl pd-20">
  2. <div class="cl pd-5 bg-1 bk-gray">
  3. <span class="l">
  4. <a href="javascript:;" onclick="del_all()" class="btn btn-danger radius">
  5. <i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
  6. <a class="btn btn-primary radius" href="javascript:save(0);">
  7. <i class="Hui-iconfont">&#xe600;</i> 添加栏目</a>
  8. </span>
  9. </div>
  10. <div class="mt-10" style="min-width:920px;">
  11. <table class="table table-border table-bordered table-hover table-bg">
  12. <thead>
  13. <tr class="text-c">
  14. <th width="60px">ID</th>
  15. <th>栏目名称</th>
  16. <th>url</th>
  17. <th>模型名</th>
  18. <th>列表模板</th>
  19. <th>导航状态</th>
  20. <th style="width: 80px;">排序</th>
  21. <th>类型</th>
  22. <th>添加时间</th>
  23. <th>更新时间</th>
  24. <th>操作</th>
  25. </tr>
  26. </thead>
  27. <tbody>
  28. {foreach $list as $value}
  29. <tr class="text-c">
  30. <td>{$value.id}</td>
  31. <td>{$value.name}</td>
  32. <td>{$value.url}</td>
  33. <td>{$value.tablename}</td>
  34. <td>{$value.template}</td>
  35. <td>{$value.is_nav}</td>
  36. <td><input type="text" class="input-text input-sort" value="{$value.sort}" data-id="{$value.id}"
  37. style="text-align: center;"></td>
  38. <td>{$types[$value['type']]}</td>
  39. <td>{$value.create_time}</td>
  40. <td>{$value.update_time}</td>
  41. <td class="td-manage">
  42. <a title="编辑" href="javascript:save({$value.id});" class="btn btn-primary radius">
  43. <i class="Hui-iconfont">&#xe6df;</i></a>
  44. <a title="删除" href="javascript:;" onclick="del(this,'{$value.id}')" class="ml-5 btn btn-danger radius">
  45. <i class="Hui-iconfont">&#xe6e2;</i></a>
  46. </td>
  47. </tr>
  48. {notempty name="value.child"} {foreach $value.child as $val}
  49. <tr class="text-c">
  50. <td>{$val.id}</td>
  51. <td>{$val.name}</td>
  52. <td>{$val.url}</td>
  53. <td>{$val.tablename}</td>
  54. <td>{$val.template}</td>
  55. <td>{$val.is_nav}</td>
  56. <td><input type="text" class="input-text input-sort" value="{$val.sort}" data-id="{$val.id}"
  57. style="text-align: center;"></td>
  58. <td>{$types[$val['type']]}</td>
  59. <td>{$val.create_time}</td>
  60. <td>{$val.update_time}</td>
  61. <td class="td-manage">
  62. <a title="编辑" href="javascript:save({$val.id});" class="btn btn-primary radius">
  63. <i class="Hui-iconfont">&#xe6df;</i></a>
  64. <a title="删除" href="javascript:;" onclick="del(this,'{$val.id}')" class="ml-5 btn btn-danger radius">
  65. <i class="Hui-iconfont">&#xe6e2;</i></a>
  66. </td>
  67. </tr>
  68. {notempty name="val.child"} {foreach $val.child as $vo}
  69. <tr class="text-c">
  70. <td>{$vo.id}</td>
  71. <td>{$vo.name}</td>
  72. <td>{$vo.url}</td>
  73. <td>{$vo.tablename}</td>
  74. <td>{$vo.template}</td>
  75. <td>{$vo.is_nav}</td>
  76. <td><input type="text" class="input-text input-sort" value="{$vo.sort}" data-id="{$val.id}"
  77. style="text-align: center;"></td>
  78. <td>{$types[$vo['type']]}</td>
  79. <td>{$vo.create_time}</td>
  80. <td>{$vo.update_time}</td>
  81. <td class="td-manage">
  82. <a title="编辑" href="javascript:save({$vo.id});" class="btn btn-primary radius">
  83. <i class="Hui-iconfont">&#xe6df;</i></a>
  84. <a title="删除" href="javascript:;" onclick="del(this,'{$vo.id}')" class="ml-5 btn btn-danger radius">
  85. <i class="Hui-iconfont">&#xe6e2;</i></a>
  86. </td>
  87. </tr>
  88. {/foreach} {/notempty}{/foreach} {/notempty} {/foreach}
  89. </tbody>
  90. </table>
  91. </div>
  92. </article>
  93. <!--请在下方写此页面业务相关的脚本-->
  94. <script type="text/javascript">
  95. function save(id) {
  96. var title = id == 0 ? '添加栏目' : '修改栏目'
  97. var url = "{:url('save')}" + "?_layer=true&id=" + id
  98. layer_show(title, url, 800, 600);
  99. }
  100. // 排序
  101. $(".input-sort").change(function () {
  102. var sort = $(this).val();
  103. var id = $(this).data('id');
  104. console.log(id);
  105. console.log(sort);
  106. $.post('sort', {
  107. 'id': id,
  108. 'sort': sort
  109. }, function (data) {
  110. if (data.code == 1) {
  111. topalert({ type: 0, content: data.msg, speed: 2000 });
  112. } else {
  113. topalert({ type: 1, content: data.msg, speed: 2000 });
  114. return false;
  115. }
  116. }, 'json');
  117. });
  118. </script>
  119. <!--请在上方写此页面业务相关的脚本-->