index.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. {extend name="layout/content" /} {block name="header"}
  2. <title>区服管理</title>
  3. <link rel="stylesheet" href="__STATIC__/css/admin/bootstrap.min.css">
  4. <link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}">
  5. <link rel="stylesheet" href="__STATIC__/lib/layui/css/layui.css">
  6. <style>
  7. .td-manage button {
  8. border: 0;
  9. padding: 5px;
  10. border-radius: 5px;
  11. color: #FFFFFF;
  12. }
  13. .layui-form-label {
  14. float: left;
  15. display: block;
  16. padding: 9px 15px;
  17. font-weight: 400;
  18. text-align: right;
  19. width: 100px;
  20. margin: 0;
  21. }
  22. .layui-form-label{
  23. width: 90px;
  24. margin: 0;
  25. }
  26. .margin-left-20 {
  27. margin-left: 20px;
  28. }
  29. /*select[multiple]+.layui-form-select>.layui-select-title>input.layui-input{ border-bottom: 0}*/
  30. </style>
  31. {/block} {block name="content"}
  32. <div class="x-body">
  33. <form class="layui-form">
  34. <div style="float: left;">
  35. <div class="layui-inline">
  36. <label class="layui-form-label">游戏名称:</label>
  37. <div class="layui-input-inline FuzzySearch_Container">
  38. <div>
  39. <input type="hidden" id='J_gameid' name="game_name" value="" />
  40. </div>
  41. </div>
  42. </div>
  43. <div class="layui-inline">
  44. <label class="layui-form-label">区服ID:</label>
  45. <div class="layui-input-inline">
  46. <input type="text" id='J_serverid' name="serverid" placeholder="请输入区服ID" autocomplete="off" class="layui-input" value="{$Request.get.serverid}">
  47. </div>
  48. </div>
  49. <div class="layui-inline">
  50. <label class="layui-form-label">区服名称:</label>
  51. <div class="layui-input-inline">
  52. <input type="text" id='J_servername' name="servername" placeholder="请输入区服名称" autocomplete="off" class="layui-input" value="{$Request.get.servername}">
  53. </div>
  54. </div>
  55. <div class="layui-inline">
  56. <label class="layui-form-label">显示状态:</label>
  57. <div class="layui-input-inline">
  58. <select name="status">
  59. <option value="">- 选择状态 -</option>
  60. <option {if condition="input('status') eq '1'" }selected="selected" {/if} value="1">显示</option>
  61. <option {if condition="input('status') eq '0'" }selected="selected" {/if} value="0">隐藏</option>
  62. </select>
  63. </div>
  64. </div>
  65. <input type="hidden" name="status_str" value="" id="status">
  66. <div class="layui-inline">
  67. <button class="layui-btn layui-btn-radius margin-left-20" lay-submit id="J_search_submit">查询</button>
  68. </div>
  69. </div>
  70. <div style="clear:both"></div>
  71. <table class="layui-table">
  72. <thead>
  73. <tr>
  74. <th>游戏ID</th>
  75. <th>游戏名称</th>
  76. <th>区服ID</th>
  77. <th>区服名称</th>
  78. <th>是否显示</th>
  79. </tr>
  80. </thead>
  81. <tbody>
  82. {volist name="list" id="vo"}
  83. <tr>
  84. <td>{$vo.id}</td>
  85. <td>{$vo.name}</td>
  86. <td>{$vo.serverid}</td>
  87. <td>{$vo.servername}</td>
  88. <td class="td-status">
  89. {if condition="$vo['status'] eq 1"}
  90. <a href="javascript:;" onclick="isShow(this,'{:url(\'show\',[\'id\'=>$vo.id,\'is_show\'=>0])}')"
  91. title="是否显示开关">
  92. <span class="layui-btn layui-btn-normal layui-btn-mini layui-btn-radius" style="background:#36C6D3">是</span>
  93. </a>
  94. {else}
  95. <a href="javascript:;" onclick="isShow(this,'{:url(\'show\',[\'id\'=>$vo.id,\'is_show\'=>1])}')"
  96. title="是否显示开关">
  97. <span class="layui-btn layui-btn-normal layui-btn-mini layui-btn-radius layui-bg-gray" style="background:#36C6D3">否</span>
  98. </a>
  99. {/if}
  100. </td>
  101. </tr>
  102. {/volist}
  103. </tbody>
  104. </table>
  105. <div class="pager-container">
  106. <span>
  107. {$list->total()}条记录
  108. </span>
  109. {$page}
  110. <div class="layui-inline" style="margin-left:10px;width:80px;">
  111. <input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
  112. </div>
  113. </div>
  114. </form>
  115. </div>
  116. {/block}
  117. {block name="footer"}
  118. <script type="text/javascript" src="__STATIC__/js/admin/bootstrap.min.js" ></script>
  119. <script type="text/javascript" src="__STATIC__/js/clipboard.min.js"></script>
  120. <script type="text/javascript" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
  121. <script type="text/javascript">
  122. $("#J_gameid").FuzzySearch({
  123. inputID : 'J_gameid',
  124. title : '请输入游戏名称',
  125. data :{:json_encode($gameList)},
  126. searchBtn :'J_search_submit',
  127. });
  128. $(function () {
  129. $("#J_gameid_show").attr('name','game_name');
  130. $("#J_gameid_show").val("{:input('get.game_name')}");
  131. })
  132. /* $("#J_servername").FuzzySearch({
  133. inputID : 'J_servername',
  134. title : '请输入游戏名称',
  135. data :{:json_encode($list)},
  136. searchBtn :'J_search_submit',
  137. });*/
  138. </script>
  139. {/block}