zhengxifeng
/
zc100
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
No Description
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.
55 Commits
3 Branches
Tree: 485513c935
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '485513c935'
${ noResults }
zc100/application/admin/template/navigation/index.htm

index.htm 20KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436 
  1. {include file="public/layout" /}

  2. <body class="bodystyle" style="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 {empty name='$web_navigation_switch'}on-off_show{/empty}">

  6.     <!--遮罩给上面的class + on-off_show-->

  7.     <div class="on-off_shade">

  8.         <div class="on-off_shadeCon">

  9.             <span>目前还没有开启导航模块功能，<a href="javascript:void(0);" data-url="{:url('Navigation/ajax_open_close')}" data-value="{$web_navigation_switch}" onclick="ajax_open_close(this);">我要开启</a></span>

  10.         </div>

  11.     </div>

  12.     <div class="fixed-bar">

  13.         <div class="item-title">

  14.             {eq name='$Request.param.source' value='archives'}

  15.             <a class="back_xin" href="javascript:history.back();"  title="返回"><i class="iconfont e-fanhui"></i></a>

  16.             {else /}

  17.             <a class="back_xin" href="{:url('Index/switch_map')}" title="返回"><i class="iconfont e-fanhui"></i></a>

  18.             {/eq}

  19.             {notempty name='$web_navigation_switch'}

  20.             <a style="margin-left: 10px; float: right;font-size: 14px;" href="javascript:void(0);" data-url="{:url('Navigation/ajax_open_close')}" data-value="{$web_navigation_switch}" onclick="ajax_open_close(this);">关闭导航</a>

  21.             {/notempty}

  22.             <a style="float: right;font-size: 14px;" href="javascript:void(0);" data-url="{:url('Navigation/navigation_index')}" onclick="go_navigation_index(this);">管理</a>

  23.             <div class="subject">

  24.                 <h3>导航管理</h3>

  25.                 <h5></h5>

  26.             </div>

  27.             <ul class="tab-base nc-row">

  28.                 {volist name="position_list" id="vo"}

  29.                 <li>

  30.                     {eq name="$position_id" value="$vo.position_id"}

  31.                     <a href="javascript:void(0);" class="tab current"><span>{$vo.position_name}</span></a>

  32.                     {else /}

  33.                     <a href="{:url('Navigation/index',['position_id'=>$vo.position_id])}" class="tab"><span>{$vo.position_name}</span></a>

  34.                     {/eq}

  35.                 </li>

  36.                 {/volist}

  37.             </ul>

  38.         </div>

  39.     </div>

  40.     <div class="flexigrid">

  41.         <div class="mDiv pt0">

  42.             <div class="ftitle">

  43. 				<div class="fbutton">

  44. 				    <a href="javascript:void(0);" onclick="add(this,'新增');" data-url="{:url('Navigation/add',['position_id'=>$position_id])}">

  45. 				        <div class="add" title="新增">

  46. 				            <span class=""><i class="layui-icon layui-icon-addition"></i>新增</span>

  47. 				        </div>

  48. 				    </a>

  49. 				</div>

  50.             </div>

  51.         </div>

  52.         <div class="hDiv">

  53.             <div class="hDivBox">

  54.                 <table cellspacing="0" cellpadding="0" style="width: 100%">

  55.                     <thead>

  56.                     <tr>

  57.                         <th class="sign w40" axis="col0">

  58.                             <div class="tc"><input type="checkbox" onclick="javascript:$('input[name*=ids]').prop('checked',this.checked);"></div>

  59.                         </th>

  60. 

  61.                         <th axis="col3" class="w60">

  62.                             <div class="tc tc">ID</div>

  63.                         </th>

  64. 

  65.                         <th axis="col3" class="">

  66.                             <div class="" style="padding-left: 10px;">

  67.                                 {if condition="!empty($tree['cookied_treeclicked'])"}

  68.                                 <img src="__SKIN__/images/tv-collapsable-last.gif" id="all_treeclicked" title="关闭所有子栏目" style="float: none;" data-status="open" onClick="treeClicked(this,'all',0);">

  69.                                 {else /}

  70.                                 <img src="__SKIN__/images/tv-expandable.gif" id="all_treeclicked" title="展开所有子栏目" style="float: none;" data-status="close" onClick="treeClicked(this,'all',0);">

  71.                                 {/if}

  72.                                 <!-- <img src="__SKIN__/images/tv-expandable.gif" id="all_treeclicked" title="展开所有子栏目" style="float: none;" data-status="close" onClick="treeClicked(this,'all',0);"> -->

  73.                                 菜单名称

  74.                             </div>

  75.                         </th>

  76. 

  77.                         <th axis="col2" class="w120">

  78.                             <div class="tc">位置</div>

  79.                         </th>

  80. 

  81.                         <th axis="col2" class="w100">

  82.                             <div class="tc">状态</div>

  83.                         </th>

  84. 

  85.                         <th axis="col1" class="w200">

  86.                             <div class="tc" >操作</div>

  87.                         </th>

  88. 

  89.                         <th axis="col2" class="w100">

  90.                             <div class="tc">排序</div>

  91.                         </th>

  92. 

  93.                     </tr>

  94.                     </thead>

  95.                 </table>

  96.             </div>

  97.         </div>

  98.         <div class="bDiv" style="height: auto;">

  99.             <form id="PostForm">

  100.                 <div id="flexigrid" cellpadding="0" cellspacing="0" border="0">

  101.                     <table style="width: 100%"  id="arctype_table" >

  102.                         {empty name="list"}

  103.                             <tr>

  104.                                 <td class="no-data" align="center" axis="col0" colspan="50">

  105.                                     <div class="no_row">

  106.                                         <div class="no_pic"><img src="__SKIN__/images/null-data.png"></div>

  107.                                     </div>

  108.                                 </td>

  109.                             </tr>

  110.                         {else/}

  111.                             {volist name="list" id="vo"}

  112.                             <tr nctype="0" {if condition="!in_array($vo.parent_id, $tree.cookied_treeclicked) && 0 < $vo.parent_id "} style="display: none;" {/if} class="parent_id_{$vo['parent_id']}" data-level="{$vo['level']}" data-id="{$vo['nav_id']}">

  113.                                 <td class="sign">

  114.                                     <div class="w40 tc"><input type="checkbox" name="ids[]" value="{$vo.nav_id}"></div>

  115.                                 </td>

  116.                                 <td class="sort">

  117.                                     <div class="w60 tc">

  118.                                         {$vo.nav_id}

  119.                                     </div>

  120.                                 </td>

  121.                                 <td style="width: 100%">

  122.                                     <div style="text-align: left;padding-left: 10px;">

  123.                                         {gt name='vo.level' value='0'}

  124.                                             {php}

  125.                                             if (1 == $vo['level']) {

  126.                                                 echo '<span class="w40x"></span>';

  127.                                             } else if ($vo['level'] >= 2) {

  128.                                                 echo '<span class="w40x w40xc'.$vo['level'].'" style="margin-right:'.(($vo['level'] - 1) * 25).'px;"></span>';

  129.                                             }

  130.                                           {/php}

  131.                                         {/gt}

  132. 

  133.                                         {gt name="vo.has_children" value="0"}

  134.                                         <img src="{in name='$vo.nav_id' value='$tree.cookied_treeclicked'}__SKIN__/images/tv-collapsable-last.gif{else /}__SKIN__/images/tv-expandable.gif{/in}" style="float: none;" fieldid="2" status="open" nc_type="flex" onClick="treeClicked(this,{$vo['nav_id']},0);" class="has_children"  data-level="{$vo['level']}" data-id="{$vo['nav_id']}">

  135.                                         <!-- <img src="__SKIN__/images/tv-expandable.gif" style="float: none;" fieldid="2" status="open" nc_type="flex" onClick="treeClicked(this,{$vo['nav_id']},0);" class="has_children"> -->

  136.                                         {else /}

  137.                                         <img src="__SKIN__/images/tv-collapsable-last.gif" style="float: none;" fieldid="2" status="open" nc_type="flex">

  138.                                         {/gt}

  139. 

  140.                                         {$vo.nav_name}

  141.                                     </div>

  142.                                 </td>

  143.                                 <td class="sort">

  144.                                     <div class="w120 tc">

  145.                                         {$position_list[$position_id]['position_name']}

  146.                                     </div>

  147.                                 </td>

  148.                                 <td class="sort">

  149.                                     <div class="w100 tc">

  150.                                         {eq name="$vo['status']" value='1'}

  151.                                         <span class="yes" onClick="changeTableVal('nav_list','nav_id','{$vo.nav_id}','status',this);"><i class="fa fa-check-circle"></i>是</span>

  152.                                         {else /}

  153.                                         <span class="no" onClick="changeTableVal('nav_list','nav_id','{$vo.nav_id}','status',this);"><i class="fa fa-ban"></i>否</span>

  154.                                         {/eq}

  155.                                     </div>

  156.                                 </td>

  157.                                 <td>

  158.                                     <div class="w200 tc">

  159.                                         <a href="javascript:void(0);" onclick="add(this,'新增');" data-url="{:url('Navigation/add',['position_id'=>$position_id,'nav_id'=>$vo['nav_id']])}" class="btn blue"><i class="fa fa-pencil-square-o"></i>添加子菜单</a>

  160.                                         <a href="javascript:void(0);" onclick="add(this,'编辑');" data-url="{:url('Navigation/edit',array('nav_id'=>$vo['nav_id']))}" class="btn blue"><i class="fa fa-pencil-square-o"></i>编辑</a>

  161.                                         <a class="btn red"  href="javascript:void(0)" data-url="{:url('Navigation/list_del')}" data-id="{$vo.nav_id}" onClick="delfun(this);"><i class="fa fa-trash-o"></i>删除</a>

  162.                                     </div>

  163.                                 </td>

  164.                                 <td class="sort">

  165.                                     <div class="w100 tc">

  166.                                         <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_list','nav_id','{$vo.nav_id}','sort_order',this);" size="4"  value="{$vo.sort_order}" />

  167.                                     </div>

  168.                                 </td>

  169.                             </tr>

  170.                             {/volist}

  171.                         {/empty}

  172.                         </tbody>

  173.                     </table>

  174.                 </div>

  175.             <div class="iDiv" style="display: none;"></div>

  176.         </div>

  177.         {notempty name="list"}

  178.         <div class="tDiv">

  179.             <div class="tDiv2">

  180.                 <div class="fbutton checkboxall">

  181.                     <input type="checkbox" class="checkAll" onclick="javascript:$('input[name*=ids]').prop('checked', this.checked);">

  182.                 </div>

  183.                 <div class="fbutton">

  184.                     <a onclick="batch_del(this, 'ids');" data-url="{:url('Navigation/list_del')}">

  185.                         <div class="add" title="批量删除">

  186.                             <span>批量删除</span>

  187.                         </div>

  188.                     </a>

  189.                 </div>

  190.                 <div class="fbutton">

  191.                     <a href="javascript:void(0);" onclick="copyToClipBoard('{$position_id}');">

  192.                         <div class="add" title="标签调用">

  193.                             <span>标签调用</span>

  194.                         </div>

  195.                     </a>

  196.                 </div>

  197.             </div>

  198.             <div style="clear:both"></div>

  199.         </div>

  200.         {/notempty}

  201.     </div>

  202. </div>

  203. <script type="text/javascript">

  204.     $(function() {

  205.         $('input[type=checkbox].checkAll').click(function() {

  206.             $('input[type=checkbox]').prop('checked', this.checked);

  207.         });

  208.         setCookies('navigation-treeClicked-Arr',JSON.stringify({$tree.cookied_treeclicked_arr}));

  209.     });

  210. 

  211.     $(document).ready(function(){

  212.         // 表格行点击选中切换

  213.         $('#flexigrid > table>tbody >tr').click(function(){

  214.             $(this).toggleClass('trSelected');

  215.         });

  216. 

  217.         // 点击刷新数据

  218.         $('.fa-refresh').click(function(){

  219.             location.href = location.href;

  220.         });

  221. 

  222.         // 批量操作

  223.         $(".dropdown-bt").click(function(){

  224.             $(".dropdown-menus").slideToggle(200);

  225.             event.stopPropagation();

  226.         })

  227.         $(document).click(function(){

  228.             $(".dropdown-menus").slideUp(200);

  229.             event.stopPropagation();

  230.         })

  231.     });

  232. 

  233.     function add(obj,name) {

  234.         var url = $(obj).data('url');

  235.         layer.open({

  236.             shade: layer_shade,

  237.             type: 2,

  238.             title: name+'菜单',

  239.             area: ['80%', '90%'],

  240.             content: url

  241.         });

  242.     }

  243. 

  244.     // 点击展开 收缩节点

  245.     function treeClicked(obj,id,reload){

  246.         if (id == 'all') {

  247.             if (1 == reload) {

  248.                 var status = getCookie('navigation-treeClicked');

  249.                 if (!status) {

  250.                     status = $(obj).attr('data-status');

  251.                 }

  252.             } else {

  253.                 var status = $(obj).attr('data-status');

  254.             }

  255.             if (status == 'close') {

  256.                 setCookies('navigation-treeClicked-Arr', JSON.stringify({$tree.parent_ids}));

  257.                 setCookies('navigation-treeClicked_All', 1);//1为全部展开,0-为非全部展开

  258. 

  259.                 $('tr[class^=parent_id_]').show().find('img').attr('src', '__SKIN__/images/tv-collapsable-last.gif');

  260.                 $(obj).attr('data-status', 'open').attr('title','关闭所有子栏目').attr('src','__SKIN__/images/tv-collapsable-last.gif');

  261.             } else {

  262.                 setCookies('navigation-treeClicked-Arr', '');

  263.                 setCookies('navigation-treeClicked_All', 0);

  264. 

  265.                 $('tr[data-level=0]').find('img.has_children').attr('src', '/public/static/admin/images/tv-collapsable-last.gif').trigger('click');

  266.                 $('tr[class^=parent_id_]').removeClass('trSelected');

  267.                 $(obj).attr('data-status', 'close').attr('title','展开所有子栏目').attr('src','__SKIN__/images/tv-expandable.gif');

  268.             }

  269.             setCookies('navigation-treeClicked', status);

  270.             return false;

  271.         }

  272. 

  273.         var src = $(obj).attr('src');

  274.         if (src == '__SKIN__/images/tv-expandable.gif') {

  275.             var arr = [];

  276.             var str = getCookie('navigation-treeClicked-Arr');

  277.             if ('' == str || null == str || 'null' == str) {

  278.                 arr.push(id);

  279.             } else {

  280.                 arr = JSON.parse(str);

  281.                 if (!arr.includes(id)) arr.push(id);

  282.             }

  283.             arr = JSON.stringify(arr);

  284.             setCookies('navigation-treeClicked-Arr', arr);

  285. 

  286.             $(".parent_id_"+id).show();

  287.             $(obj).attr('src','__SKIN__/images/tv-collapsable-last.gif');

  288.             var status = 'close';

  289.         } else {

  290.             var str = getCookie('navigation-treeClicked-Arr');

  291.             var arr = [];

  292.             var key = -1;

  293.             var level = '';

  294.             if ('' != str) {

  295.                 arr = JSON.parse(str);

  296.                 key = $.inArray(id,arr);

  297.                 if (-1 < key) arr.splice(key,1);

  298.                 level = $(obj).attr('data-level');

  299.                 $(obj).parent().parent().parent().nextAll().each(function() {

  300.                     if ($(this).attr('data-level') > level) {

  301.                         key = $.inArray(parseInt($(this).attr('data-id')),arr);

  302.                         if (-1 < key) arr.splice(key,1);

  303.                     } else {

  304.                         return false;

  305.                     }

  306.                 });

  307.                 arr = JSON.stringify(arr);

  308.                 setCookies('navigation-treeClicked-Arr', arr);

  309.                 setCookies('navigation-treeClicked_All', 0);

  310.             }

  311. 

  312.             $(obj).attr('src','__SKIN__/images/tv-expandable.gif');

  313.             var status = 'open';

  314.             // 如果是点击减号, 遍历循环他下面的所有都关闭

  315.             var tbl = document.getElementById("arctype_table");

  316.             cur_tr = obj.parentNode.parentNode.parentNode;

  317.             var fnd = false;

  318.             for (i = 0; i < tbl.rows.length; i++)

  319.             {

  320.                 var row = tbl.rows[i];

  321. 

  322.                 if (row == cur_tr)

  323.                 {

  324.                     fnd = true;

  325.                 }

  326.                 else

  327.                 {

  328.                     if (fnd == true)

  329.                     {

  330. 

  331.                         var level = parseInt($(row).data('level'));

  332.                         var cur_level = $(cur_tr).data('level');

  333. 

  334.                         if (level > cur_level)

  335.                         {

  336.                             $(row).hide();

  337.                             $(row).find('img.has_children').attr('src','__SKIN__/images/tv-expandable.gif');

  338.                         }

  339.                         else

  340.                         {

  341.                             fnd = false;

  342.                             break;

  343.                         }

  344.                     }

  345.                 }

  346.             }

  347.         }

  348.         setCookies('navigation-treeClicked', status);

  349.     }

  350.     function go_navigation_index(obj) {

  351.         var url = $(obj).data('url');

  352.         layer.open({

  353.             type: 2,

  354.             shade: layer_shade,

  355.             title: '导航管理',

  356.             area: ['80%', '90%'],

  357.             content: url

  358.         });

  359.     }

  360.     function copyToClipBoard(position_id) {

  361.         var liststr ="{\eyou:navigation position_id='"+position_id+"' id='nav'}\n" +

  362.             '    <li>\n' +

  363.             '        <img src="{\$nav.nav_pic}">\n' +

  364.             '        <a href="{\$nav.nav_url}" {\$nav.target} {\$nav.nofollow}>{\$nav.nav_name}</a>\n' +

  365.             '    </li>\n' +

  366.             '{\/eyou:navigation}';

  367.         var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>标签简单调用代码：</dd>';

  368.         contentdiv += '<dd><textarea  style="width:410px;height:135px;">' + liststr + '</textarea></dd>';

  369.         contentdiv += '<dd style="border-top: dotted 1px #E7E7E7; color: #F60;">请将相应标签复制并粘贴到对应模板文件中！<a href="https://www.eyoucms.com/doc/label/all/11849.html" target="_blank">复杂调用点击去看手册</a></dd></dl></div>'

  370.         layer.open({

  371.             title: '标签调用',

  372.             type: 1,

  373.             shade: layer_shade,

  374.             skin: 'layui-layer-demo',

  375.             area: ['480px', '300px'], //宽高

  376.             content: contentdiv

  377.         });

  378.     }

  379.     function delfun(obj){

  380.         var confirm_title = '确认删除？如有子菜单将一起清空。';

  381. 

  382.         layer.confirm(confirm_title, {

  383.             shade: layer_shade,

  384.             area: ['480px', '190px'],

  385.             move: false,

  386.             title: '提示',

  387.             btnAlign:'r',

  388.             closeBtn: 3,

  389.             btn: ['确定', '取消'] ,//按钮

  390.             success: function () {

  391.                   $(".layui-layer-content").css('text-align', 'left');

  392.               }

  393.         }, function(){

  394.             layer_loading('正在处理');

  395.             // 确定

  396.             $.ajax({

  397.                 type : 'post',

  398.                 url : $(obj).attr('data-url'),

  399.                 data : {del_id:$(obj).attr('data-id'),_ajax:1},

  400.                 dataType : 'json',

  401.                 success : function(data){

  402.                     layer.closeAll();

  403.                     if(data.code == 1){

  404.                         layer.msg(data.msg, {icon: 1});

  405.                         window.location.reload();

  406.                     }else{

  407.                         layer.alert(data.msg, {icon: 2, title:false});  //alert(data);

  408.                     }

  409.                 }

  410.             })

  411.         }, function(index){

  412.             layer.close(index);

  413.         });

  414.         return false;

  415.     }

  416. 

  417.     function ajax_open_close(obj, inc_type, name,value){

  418.         $.ajax({

  419.             type : 'post',

  420.             url : $(obj).attr('data-url'),

  421.             data : {value:$(obj).attr('data-value'), _ajax:1},

  422.             dataType : 'json',

  423.             success : function(res){

  424.                 if(res.code == 1){

  425.                     window.location.reload();

  426.                 }else{

  427.                     showErrorMsg(res.msg);

  428.                 }

  429.             },

  430.             error: function(e){

  431.                 showErrorAlert(e.responseText);

  432.             }

  433.         })

  434.     }

  435. </script>

  436. {include file="public/footer" /}