暫無描述
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

navigation_index.htm 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. {include file="public/layout" /}
  2. <body class="bodystyle" style="overflow-y: scroll; cursor: default; -moz-user-select: inherit;">
  3. <div id="append_parent"></div>
  4. <div id="ajaxwaitid"></div>
  5. <div class="page min-hg-c-10">
  6. <div class="flexigrid">
  7. <div class="hDiv">
  8. <div class="hDivBox">
  9. <table cellspacing="0" cellpadding="0" style="width: 100%">
  10. <thead>
  11. <tr>
  12. <th class="sign w40" axis="col0">
  13. <div class="tc"><input type="checkbox" onclick="javascript:$('input[name*=ids]').prop('checked',this.checked);"></div>
  14. </th>
  15. <th abbr="article_show" axis="col5" class="w60">
  16. <div class="tc">ID</div>
  17. </th>
  18. <th abbr="article_title" axis="col11" >
  19. <div style="text-align: left; padding-left: 10px;" class="">导航名称</div>
  20. </th>
  21. <th abbr="article_title" axis="col7" class="w200">
  22. <div class="tc">操作</div>
  23. </th>
  24. <th abbr="article_show" axis="col5" class="w100">
  25. <div class="tc">排序</div>
  26. </th>
  27. </tr>
  28. </thead>
  29. </table>
  30. </div>
  31. </div>
  32. <div class="bDiv" style="height: auto;">
  33. <form id="PostForm">
  34. <div id="flexigrid" cellpadding="0" cellspacing="0" border="0">
  35. <table style="width: 100%">
  36. <tbody id="Template">
  37. {empty name="list"}
  38. <tr>
  39. <td class="no-data" align="center" axis="col0" colspan="50">
  40. <div class="no_row">
  41. <div class="no_pic"><img src="__SKIN__/images/null-data.png"></div>
  42. </div>
  43. </td>
  44. </tr>
  45. {else/}
  46. {volist name="list" id="vo"}
  47. <tr>
  48. <td class="sign">
  49. <div class="w40 tc"><input type="checkbox" name="ids[]" value="{$vo.position_id}"></div>
  50. </td>
  51. <td class="sort">
  52. <div class="w60 tc">
  53. {$vo.position_id}
  54. <input type="hidden" name="position_id[]" value="{$vo.position_id}">
  55. </div>
  56. </td>
  57. <td style="width: 100%">
  58. <div style="text-align: left;">
  59. <input type="text" name="position_name[]" value="{$vo.position_name}" class="w180">
  60. </div>
  61. </td>
  62. <td>
  63. <div class="w200 tc">
  64. <a href="javascript:void(0);" onclick="tag_call('{$vo.position_id}');" class="btn blue"><i class="fa fa-pencil-square-o"></i>标签调用</a>
  65. <a class="btn red" href="javascript:void(0)" data-url="{:url('Navigation/del')}" data-id="{$vo.position_id}" onClick="delfun(this);"><i class="fa fa-trash-o"></i>删除</a>
  66. </div>
  67. </td>
  68. <td class="sort">
  69. <div class="w100 tc">
  70. <input style="text-align: left;" name="sort_order[]" type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'');" onpaste="this.value=this.value.replace(/[^\d]/g,'');" onchange="changeTableVal('nav_position','position_id','{$vo.position_id}','sort_order',this);" size="4" value="{$vo.sort_order}" />
  71. </div>
  72. </td>
  73. </tr>
  74. {/volist}
  75. {/empty}
  76. </tbody>
  77. </table>
  78. </div>
  79. </form>
  80. <div class="iDiv" style="display: none;"></div>
  81. </div>
  82. {notempty name="list"}
  83. <div class="tDiv">
  84. <div class="tDiv2">
  85. <div class="fbutton checkboxall">
  86. <input type="checkbox" onclick="javascript:$('input[name*=ids]').prop('checked',this.checked);">
  87. </div>
  88. <div class="fbutton">
  89. <a href="javascript:void(0);" data-url="{:url('Navigation/add_position')}" onclick="AddPosition(this);" >
  90. <div class="add" title="保存">
  91. <span>保存</span>
  92. </div>
  93. </a>
  94. </div>
  95. <div class="fbutton">
  96. <a onclick="add();" >
  97. <div class="add" title="新增">
  98. <span>新增</span>
  99. </div>
  100. </a>
  101. </div>
  102. <div class="fbutton">
  103. <a onclick="batch_del(this, 'ids');" data-url="{:url('Navigation/del')}">
  104. <div class="add" title="批量删除">
  105. <span>批量删除</span>
  106. </div>
  107. </a>
  108. </div>
  109. <div class="fbuttonr">
  110. <div class="pages">
  111. {$pageStr}
  112. </div>
  113. </div>
  114. <div class="fbuttonr">
  115. <div class="total">
  116. <h5>共有{$pager->totalRows}条,每页显示
  117. <select name="pagesize" style="width: 60px;" onchange="ey_selectPagesize(this);">
  118. <option {if condition="$pager->listRows == 15"} selected {/if} value="15">15</option>
  119. <option {if condition="$pager->listRows == 30"} selected {/if} value="30">30</option>
  120. <option {if condition="$pager->listRows == 50"} selected {/if} value="50">50</option>
  121. <option {if condition="$pager->listRows == 100"} selected {/if} value="100">100</option>
  122. <option {if condition="$pager->listRows == 200"} selected {/if} value="200">200</option>
  123. </select>
  124. </h5>
  125. </div>
  126. </div>
  127. </div>
  128. <div style="clear:both"></div>
  129. </div>
  130. <!--分页位置-->
  131. {$pageStr}
  132. {/notempty}
  133. </div>
  134. </div>
  135. <script>
  136. // 标签调用
  137. function tag_call(position_id) {
  138. var liststr ="{\eyou:navigation position_id='"+position_id+"' id='nav'}\n" +
  139. ' <li>\n' +
  140. ' <img src="{\$nav.nav_pic}">\n' +
  141. ' <a href="{\$nav.nav_url}" {\$nav.target} {\$nav.nofollow}>{\$nav.nav_name}</a>\n' +
  142. ' </li>\n' +
  143. '{\/eyou:navigation}';
  144. var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>标签简单调用代码:</dd>';
  145. contentdiv += '<dd><textarea style="width:410px;height:135px;">' + liststr + '</textarea></dd>';
  146. contentdiv += '<dd style="border-top: dotted 1px #E7E7E7; color: #F60;">请将相应标签复制并粘贴到对应模板文件中!<a href="https://www.eyoucms.com/doc/label/all/11849.html">复杂调用点击去看手册</a></dd></dl></div>'
  147. layer.open({
  148. title: '标签调用',
  149. type: 1,
  150. shade: layer_shade,
  151. skin: 'layui-layer-demo',
  152. area: ['480px', '300px'], //宽高
  153. content: contentdiv
  154. });
  155. }
  156. // 删除未保存的级别
  157. function DelHtml(obj){
  158. $('#'+$(obj).attr('data-trid')).remove();
  159. }
  160. function AddPosition(obj) {
  161. layer_loading('正在处理');
  162. $.ajax({
  163. type : 'post',
  164. url : $(obj).attr('data-url'),
  165. data : $('#PostForm').serialize(),
  166. dataType : 'json',
  167. success : function(data){
  168. layer.closeAll();
  169. if(data.code == 1){
  170. layer.msg(data.msg, {icon: 1, time:1000},function(){
  171. window.location.reload();
  172. });
  173. }else{
  174. layer.alert(data.msg, {icon: 2, title:false});
  175. }
  176. }
  177. })
  178. }
  179. // tr数,取唯一标识
  180. var tr_id = $('#Template .tr').length;
  181. function add(){
  182. var AddHtml = [];
  183. AddHtml +=
  184. '<tr class="tr" id="tr_'+tr_id+'">'+
  185. '<td class="sign ">'+
  186. '<div class="w60 tc"></div>'+
  187. '</td>'+
  188. '<td >'+
  189. '<div class="w60 tc">'+
  190. '<input type="hidden" name="position_id[]" value="">\n'+
  191. '</div>'+
  192. '</td>'+
  193. '<td style="width: 100%">'+
  194. '<div style="text-align: left;">'+
  195. '<input type="text" name="position_name[]" class="w180">'+
  196. '</div>'+
  197. '</td>'+
  198. '<td class="">'+
  199. '<div class="w200 tc">'+
  200. '<a class="btn red" href="javascript:void(0);" data-trid="tr_'+tr_id+'" onclick="DelHtml(this)"><i class="fa fa-trash-o"></i>删除</a>'+
  201. '</div>'+
  202. '</td>'+
  203. '<td class="sort">'+
  204. '<div class="w100 tc">'+
  205. '<input type="text" name="sort_order[]">'+
  206. '</div>'+
  207. '</td>'+
  208. '</tr>';
  209. $('#Template').append(AddHtml);
  210. tr_id += 1;
  211. }
  212. $(document).ready(function(){
  213. // 表格行点击选中切换
  214. $('#flexigrid > table>tbody >tr').click(function(){
  215. $(this).toggleClass('trSelected');
  216. });
  217. // 点击刷新数据
  218. $('.fa-refresh').click(function(){
  219. location.href = location.href;
  220. });
  221. });
  222. </script>
  223. {include file="public/footer" /}