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.
432 lines
29 KiB
432 lines
29 KiB
{include file="common/head"/}
|
|
|
|
<link rel="stylesheet" href="/static/admin/wxMenu/wx_base.css">
|
|
<link rel="stylesheet" href="/static/admin/wxMenu/wx_index.css">
|
|
<link rel="stylesheet" href="/static/admin/wxMenu/wx_tooltip.css">
|
|
<link rel="stylesheet" href="/static/admin/wxMenu/wx_lib.css"/>
|
|
<link rel="stylesheet" href="/static/admin/wxMenu/wx_richvideo.css"/>
|
|
<link rel="stylesheet" type="text/css" href="/static/admin/defau.css">
|
|
<style>
|
|
.draggable-element { display: inline-block; text-align: center; color: rgb(51, 51, 51); cursor: move; }
|
|
body { background: #fff;}
|
|
.layui-table-cell{height: auto;}
|
|
.layui-table-cell ul li a{color: #1C8FEF;display: block;border: 1px solid #ececec;padding: 3px 8px;}
|
|
.layui-table-cell ul li a:hover{color: #005580}
|
|
.layui-table-view{margin: 0;}
|
|
.layui-table{margin: 0;}
|
|
</style>
|
|
<script>
|
|
var UMTW = "{:url('updatemenutoweixin')}"
|
|
var UWMET = "{:url('updateweixinmenueventtype')}"
|
|
var AWM = "{:url('addweixinmenu')}"
|
|
var UWMN = "{:url('updateweixinmenuname')}"
|
|
var UWMU = "{:url('updateweixinmenuurl')}"
|
|
var DWM = "{:url('deleteweixinmenu')}"
|
|
var UWMM = "{:url('updateweixinmenumessage')}"
|
|
var GWMD = "{:url('getweixinmediadetail')}"
|
|
var UWMS = "{:url('updateweixinmenuSort')}"
|
|
var PUBLIC = "__PUBLIC__"
|
|
</script>
|
|
<script src="/static/common/js/jquery-1.8.1.min.js"></script>
|
|
<script src="/static/common/js/drag-arrange.js"></script>
|
|
<script src="/static/admin/wx_menu/wx_menu.js"></script>
|
|
{include file="common/foot"/}
|
|
<div class="admin-main layui-anim layui-anim-upbit">
|
|
<fieldset class="layui-elem-field layui-field-title">
|
|
<legend>菜单管理</legend>
|
|
</fieldset>
|
|
<div class="RIGHT">
|
|
<div class="ns-main">
|
|
{if condition="$menu_list_count == 0"}
|
|
<!-- 你尚未添加任何菜单 -->
|
|
<blockquote class="layui-elem-quote js_startMenuBox">
|
|
你尚未添加任何菜单
|
|
<a class="layui-btn js_openMenu" href="javascript:void(0);" target="_blank">添加菜单</a>
|
|
</blockquote>
|
|
{else/}
|
|
{/if}
|
|
<div class="js_editBox" style="{if condition='$menu_list_count eq 0'}display:none;{/if}">
|
|
<div class="menu_preview_area">
|
|
<div class="mobile_menu_preview">
|
|
<div class="mobile_hd tc">{$wx_name}</div>
|
|
<div class="mobile_bd">
|
|
<!-- 菜单 -->
|
|
<ul class="pre_menu_list grid_line" id="menuList">
|
|
{foreach name="menu_list" item="menu" key="k"}
|
|
<!-- 加载菜单 -->
|
|
<li class="pre_menu_item size1of{$class_index+1} {if condition='($k+1)==$menu_list_count'} current{/if}" data-menu-index="{$k+1}">
|
|
<!-- 一级菜单 -->
|
|
<a href="javascript:void(0);" ondragstart="return false" class="pre_menu_link jsMenu"
|
|
data-menuid="{$menu.menu_id}" data-pid="0" data-menu-eventurl="{$menu.menu_event_url}"
|
|
data-menu-type="{$menu.menu_event_type}" data-detault-menu-type="{$menu.menu_event_type}"
|
|
data-mediaid="{$menu.media_id}" data-sort="{$menu.sort}">
|
|
{if condition = "$menu.child_count > 0"}
|
|
<!-- 有二级菜单，显示小图标 -->
|
|
<i class="icon_menu_dot js_icon_menu_dot dn"></i>
|
|
{/if}
|
|
<span>{$menu.menu_name}</span>
|
|
</a>
|
|
<!-- 一级菜单 -->
|
|
<!-- 二级菜单 -->
|
|
<div class="sub_pre_menu_box" data-submenulist="{$k+1}" style="{if condition='($k+1)!=$menu_list_count'}display: none;{/if}" >
|
|
<ul class="sub_pre_menu_list">
|
|
{foreach name="menu.child" item="sub_menu"}
|
|
<li class="jsSubMenuInner">
|
|
<a href="javascript:void(0);" ondragstart="return false" data-pid="{$sub_menu.pid}"
|
|
data-menuid="{$sub_menu.menu_id}" data-menu-eventurl="{$sub_menu.menu_event_url}"
|
|
data-menu-type="{$sub_menu.menu_event_type}"
|
|
data-detault-menu-type="{$sub_menu.menu_event_type}"
|
|
data-mediaid="{$sub_menu.media_id}" data-sort="{$sub_menu.sort}">
|
|
<span class="sub_pre_menu_inner">{$sub_menu.menu_name}</span>
|
|
</a>
|
|
</li>
|
|
{/foreach}
|
|
<!-- 限制二级菜单数量的添加 -->
|
|
<li class="jsSubMenu" data-pid="{$menu.menu_id}" data-subindex="{$k+1}" style="{if condition='$menu.child_count ==$MAX_SUB_MENU_LENGTH'}display:none;{/if}" >
|
|
<a href="javascript:void(0);" title="最多添加{$MAX_SUB_MENU_LENGTH}个子菜单">
|
|
<span class="sub_pre_menu_inner">
|
|
<i class="icon14_menu_add" style="background-position: 0 0;"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<i class="arrow arrow_out"></i> <i class="arrow arrow_in"></i><!-- 箭头 -->
|
|
</div>
|
|
<!-- 二级菜单 -->
|
|
</li>
|
|
{/foreach}
|
|
<!-- 限制一级菜单数量的添加 -->
|
|
<li class="js-addMenuBtn pre_menu_item size1of{$class_index+1}" style="{if condition='$menu_list_count egt $MAX_MENU_LENGTH' }display:none;{/if}" data-class-index="{$class_index+1}">
|
|
<a href="javascript:void(0);" class="pre_menu_link " title="最多添加{$MAX_MENU_LENGTH}个一级菜单">
|
|
<i class="icon14_menu_add"></i>
|
|
{if condition="$menu_list_count==0"}
|
|
<span>添加菜单</span>
|
|
{/if}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- 菜单 -->
|
|
</div>
|
|
</div>
|
|
<!-- 菜单排序，后期实现拖拽 -->
|
|
<div class="sort_btn_wrp" style="{if condition='$menu_list_count == 0' }display:none;{/if}" >
|
|
<a id="orderBt" class="{if condition='$menu_list_count <2'} dn {/if} layui-btn layui-btn-primary" href="javascript:void(0);">菜单排序</a>
|
|
<span id="orderDis" class="{if condition='$menu_list_count >1'} dn {/if} layui-btn layui-btn-primary layui-btn-disabled">菜单排序</span>
|
|
<a id="finishBt" href="javascript:void(0);" class="dn layui-btn">完成</a>
|
|
</div>
|
|
</div>
|
|
<div class="menu_form_area">
|
|
<!-- 点击左侧菜单进行编辑操作 -->
|
|
<div id="js_none" class="menu_initial_tips tips_global" style="display: none;">请通过拖拽左边的菜单进行排序</div>
|
|
<div id="js_rightBox" class="portable_editor to_left">
|
|
<div class="editor_inner">
|
|
<div class="global_mod float_layout menu_form_hd js_second_title_bar">
|
|
<h4 class="global_info">{$default_menu_info.menu_name}</h4>
|
|
<div class="global_extra">
|
|
<a href="javascript:void(0);" id="jsDelBt" data-menuid="{$default_menu_info.menu_id}" data-menuname="{$default_menu_info.menu_name}">删除菜单</a>
|
|
</div>
|
|
</div>
|
|
<div class="menu_form_bd" id="view">
|
|
<div id="js_innerNone" class="msg_sender_tips tips_global" style="{if condition='$default_menu_info.child_count==0'}display: none;{/if}" >
|
|
已添加子菜单，仅可设置菜单名称。
|
|
</div>
|
|
<div class="frm_control_group js_setNameBox">
|
|
<label for="menuname" class="frm_label"><strong class="title js_menuTitle">菜单名称</strong></label>
|
|
<div class="frm_controls">
|
|
<span class="frm_input_box with_counter counter_in append">
|
|
<input type="text" id="menuname" data-switch="menuname" class="frm_input" style="box-shadow: none; padding: 0;" value="{$default_menu_info.menu_name}">
|
|
</span>
|
|
<p class="frm_msg fail js_titleEorTips dn" style="display: none;">字节超过上限</p>
|
|
<p class="frm_tips js_titleNolTips">字数不超过4个汉字或8个字母</p>
|
|
</div>
|
|
</div>
|
|
<div class="frm_control_group js_setGraphic" style="{if condition='$default_menu_info.child_count>0' }display:none;{/if}" >
|
|
<label for="" class="frm_label"> <strong class="title js_menuContent">菜单内容</strong></label>
|
|
<div class="frm_controls frm_vertical_pt">
|
|
<label class="frm_radio_label js_radio_sendMsg {if condition='$default_menu_info.menu_event_type == 2|| $default_menu_info.menu_event_type == 3'}selected{/if}">
|
|
<i class="icon_radio"></i> <span class="lbl_content">发送消息</span>
|
|
</label>
|
|
<label class="frm_radio_label js_radio_url {if condition='$default_menu_info.menu_event_type == 1'}selected{/if}">
|
|
<i class="icon_radio"></i> <span class="lbl_content">跳转网页</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="menu_content_container js_setGraphic" style="{if condition='$default_menu_info.child_count>0' }display:none;{/if}">
|
|
<!-- 发送消息 -->
|
|
<div class="menu_content send jsMain" id="edit" style="{if condition='$default_menu_info.menu_event_type == 2|| $default_menu_info.menu_event_type == 3' }display: block;{else/}display:none;{/if}">
|
|
<div class="msg_sender" id="editDiv">
|
|
<div class="msg_tab">
|
|
<div class="tab_navs_panel">
|
|
<div class="tab_navs_wrp">
|
|
<ul class="tab_navs js_tab_navs">
|
|
<li class="tab_nav tab_appmsg width4 selected" data-type="10" data-tab=".js_appmsgArea" data-tooltip="图文消息">
|
|
<a href="javascript:void(0);"> <i class="icon_msg_sender"></i><span class="msg_tab_title">图文消息</span></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="tab_panel">
|
|
<div class="tab_content">
|
|
<div class="js_appmsgArea inner ">
|
|
<div class="tab_cont_cover jsMsgSendTab" style="{if condition='$default_menu_info.media_id != 0'}display:none;{/if}" >
|
|
<div class="media_cover">
|
|
<span class="create_access">
|
|
<a class="add_gray_wrp jsMsgSenderPopBt" href="javascript:;">
|
|
<i class="icon36_common add_gray"></i> <strong>从素材库中选择</strong>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div class="media_cover">
|
|
<span class="create_access">
|
|
<a class="add_gray_wrp" href="{:url('addMedia')}">
|
|
<i class="icon36_common add_gray"></i> <strong>新建图文消息</strong>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div id="show_media" style="{if condition='$default_menu_info.media_id == 0' }display:none;{/if}" >
|
|
<div class="appmsg multi has_first_cover">
|
|
<div class="appmsg_content">
|
|
<div class="appmsg_info">
|
|
<em class="appmsg_date">
|
|
{$default_menu_info.media_list.create_time}
|
|
</em>
|
|
</div>
|
|
<div class="cover_appmsg_item">
|
|
<h4 class="appmsg_title js-media-title">
|
|
<a href="" target="_blank">
|
|
{$default_menu_info.media_list.title}
|
|
</a>
|
|
</h4>
|
|
<!-- 封面11 -->
|
|
{if (isset($default_menu_info.media_list))}
|
|
<div class="appmsg_thumb_wrp"
|
|
style="{if condition='$default_menu_info.media_list.item_list_count >0 and $default_menu_info[media_list][item_list][0][cover]' }background-image:url('{$default_menu_info[media_list][item_list][0][cover]}'){/if}" ></div>
|
|
{else /}
|
|
|
|
{/if}
|
|
|
|
</div>
|
|
{if condition = "$default_menu_info.media_list.item_list_count >1"}
|
|
{foreach key="i" name = "$default_menu_info.media_list.item_list" item="media"}
|
|
{if condition="$i neq 0"}
|
|
<div class="appmsg_item has_cover">
|
|
<div class="appmsg_thumb_wrp" style="background-image:url('{$media.cover}');"></div>
|
|
<h4 class="appmsg_title js_title">
|
|
<a href="javascript:;" target="_blank">{$media.title}</a>
|
|
</h4>
|
|
</div>
|
|
{/if}
|
|
{/foreach}
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
<a href="javascript:;" class="jsmsgSenderDelBt link_dele" data-mediaid="{$default_menu_info.media_id}">删除</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="profile_link_msg_global menu_send mini_tips warn dn js_warn">请勿添加其他公众号的主页链接</p>
|
|
</div>
|
|
<!-- 发送消息 -->
|
|
<!-- 跳转网页 -->
|
|
<div class="menu_content url jsMain" id="url" style="{if condition='$default_menu_info.menu_event_type == 1' } display: block;{else/}display:none;{/if}">
|
|
<p class="menu_content_tips tips_global">订阅者点击该子菜单会跳到以下链接</p>
|
|
<div class="frm_control_group">
|
|
<label for="urltext" class="frm_label"><strong class="title">页面地址</strong></label>
|
|
<div class="frm_controls">
|
|
<span class="frm_input_box">
|
|
<input type="text" class="frm_input" id="urltext" data-switch="url" value="{$default_menu_info.menu_event_url}" name="urlText" style="border: 0; box-shadow: none; padding: 0;">
|
|
</span>
|
|
<p class="profile_link_msg_global menu_url mini_tips warn dn js_warn">请勿添加其他公众号的主页链接</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="js_errTips" style="display: none;" class="msg_sender_msg mini_tips warn"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 左箭头 -->
|
|
<span class="editor_arrow_wrp">
|
|
<i class="editor_arrow editor_arrow_out"></i>
|
|
<i class="editor_arrow editor_arrow_in"></i>
|
|
</span>
|
|
<!-- 左箭头 -->
|
|
</div>
|
|
<!-- 点击左侧菜单进行编辑操作 -->
|
|
</div>
|
|
</div>
|
|
<!-- 菜单编辑 -->
|
|
<div class="tool_bar tc js_editBtn" style="{if condition='$menu_list_count == 0' }visibility: hidden;{/if}" >
|
|
<span id="pubBt" class="btn btn_input btn_primary" style="display: inline-block;"><button>保存并发布</button></span>
|
|
<a href="javascript:void(0);" class="btn btn_default" id="viewBt" style="display: inline-block;">预览</a>
|
|
</div>
|
|
<!-- 删除菜单弹出框 -->
|
|
<div class="dialog_wrp ui-draggable" style="width: 720px; margin-left: -360px; margin-top: -186px; display: none;"
|
|
id="wxDelDialog">
|
|
<div class="dialog">
|
|
<div class="dialog_hd">
|
|
<h3>温馨提示</h3>
|
|
<a href="javascript:;" class="pop_closed">关闭</a>
|
|
</div>
|
|
<div class="dialog_bd">
|
|
<div class="page_msg large simple default ">
|
|
<div class="inner group">
|
|
<span class="msg_icon_wrapper"><i class="icon_msg warn "></i></span>
|
|
<div class="msg_content ">
|
|
<h4>删除确认</h4>
|
|
<p></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dialog_ft">
|
|
<a href="javascript:;" class="btn btn_primary js_btn">确定</a>
|
|
<a href="javascript:;" class="btn btn_default js_btn">取消</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 删除菜单弹出框 -->
|
|
|
|
<!-- 手机预览 -->
|
|
<div class="mobile_preview" id="mobileDiv" style="display: none;">
|
|
<div class="mobile_preview_hd">
|
|
<strong class="nickname">{$wx_name}</strong>
|
|
</div>
|
|
<div class="mobile_preview_bd">
|
|
<ul id="viewShow" class="show_list"></ul>
|
|
</div>
|
|
<div class="mobile_preview_ft">
|
|
<ul class="pre_menu_list grid_line" id="viewList">
|
|
{foreach name="menu_list" item="menu" key="k"}
|
|
<li class="pre_menu_item grid_item size1of{$menu_list_count}" data-mobile-menu-index="{$k+1}">
|
|
<a href="javascript:void(0);" class="jsView pre_menu_link" title="{$menu.menu_name}" data-menuid="{$menu.menu_id}">
|
|
{if condition = "$menu.child_count > 0"}
|
|
<i class="icon_menu_dot"></i>
|
|
{/if}
|
|
<span>{$menu.menu_name}</span>
|
|
</a>
|
|
<div class="sub_pre_menu_box jsSubViewDiv" data-subIndex="{$k+1}" style="display: none">
|
|
<ul class="sub_pre_menu_list">
|
|
{foreach name="menu.child" item="sub_menu"}
|
|
<li>
|
|
<a href="javascript:void(0);" data-pid="{$sub_menu.pid}" data-menuid="{$sub_menu.menu_id}" class="jsSubView" title="{$sub_menu.menu_name}">{$sub_menu.menu_name}</a>
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
<i class="arrow arrow_out"></i><i class="arrow arrow_in"></i>
|
|
</div>
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
</div>
|
|
<a href="javascript:void(0);" class="mobile_preview_closed btn btn_default" id="viewClose">退出预览</a>
|
|
</div>
|
|
|
|
<!-- 遮罩层 -->
|
|
<div class="mask" style="display: none;" id="maskLayer"></div>
|
|
|
|
<!--选择文章-->
|
|
<div class="dialog_wrp media align_edge ui-draggable" style="display:none;width: 960px; margin-left: -480px; margin-top: -313.5px;" id="dialog_media">
|
|
<div class="dialog">
|
|
<div class="dialog_hd">
|
|
<h3>选择素材</h3>
|
|
<!--#0001#-->
|
|
<a href="javascript:;" onclick="closeMaterial()" class="icon16_opr closed pop_closed">关闭</a>
|
|
<!--%0001%-->
|
|
</div>
|
|
<div class="dialog_bd">
|
|
<div class="dialog_media_container appmsg_media_dialog">
|
|
<div class="sub_title_bar in_dialog">
|
|
<div class="search_bar js-btn-media">
|
|
<a class="layui-btn layui-btn-primary layui-btn-small" value="1" href="javascript:;" onclick="checkBtn(this)"> 文本 </a>
|
|
<a class="layui-btn layui-btn-normal layui-btn-small" value="2" href="javascript:;" onclick="checkBtn(this)"> 单图文 </a>
|
|
<a class="layui-btn layui-btn-primary layui-btn-small" href="javascript:;" value="3" onclick="checkBtn(this)"> 多图文 </a>
|
|
</div>
|
|
<div class="appmsg_create tr">
|
|
<a class="layui-btn layui-btn-small" href="{:url('addmedia',['url'=>'menu'])}"> 新建图文消息 </a>
|
|
</div>
|
|
</div>
|
|
<div class="dialog_media_inner" style="overflow:auto;">
|
|
<div class="table_wrp user_list">
|
|
<table class="layui-table" id="list" lay-filter="list"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dialog_ft_page">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mask mask_metar" style="display: none;"></div>
|
|
<!-- 操作反馈弹出框 erro 失败-->
|
|
<div class="JS_TIPS page_tips success" id="wxTips" style="display:none;">
|
|
<div class="inner"></div>
|
|
</div>
|
|
|
|
<input type="hidden" id="hidden_default_sort"/>
|
|
<input type="hidden" id="hidden_default_sub_sort"/>
|
|
</div>
|
|
<!-- 公共的操作提示弹出框 common-success：成功，common-warning：警告，common-error：错误，-->
|
|
<div class="common-tip-message js-common-tip">
|
|
<div class="inner"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/html" id="title">
|
|
<ul>
|
|
{{# for(var l=0; l<d.item_list.length; l++){ }}
|
|
<li><a href="#">{{d.item_list[l]['title']}}</a></li>
|
|
{{# } }}
|
|
</ul>
|
|
</script>
|
|
<script type="text/html" id="action">
|
|
<a href="javascript:;" class="layui-btn layui-btn-mini remark js_msgSenderRemark" onclick="selectedMaterial({{d.media_id}})">选取</a>
|
|
</script>
|
|
<script>
|
|
function checkBtn(event){
|
|
$(".js-btn-media").find('.layui-btn').removeClass('layui-btn-normal').addClass('layui-btn-primary');
|
|
$(event).removeClass('layui-btn-primary').addClass('layui-btn-normal');
|
|
LoadingInfo();
|
|
}
|
|
LoadingInfo();
|
|
function LoadingInfo() {
|
|
layui.use('table', function () {
|
|
var table = layui.table, $ = layui.jquery;
|
|
var type = $(".js-btn-media .layui-btn-normal").attr('value');
|
|
table.render({
|
|
id: 'msg',
|
|
elem: '#list',
|
|
url: '{:url("onloadmaterial")}',
|
|
method: 'post',
|
|
page: true,
|
|
where:{type:type},
|
|
cols: [[
|
|
{field: 'title', title: '{:lang("title")}', width: 250, templet: '#title'},
|
|
{field: 'create_time', title: '创建时间', width: 250},
|
|
{width: 160, align: 'center', toolbar: '#action'}
|
|
]],
|
|
limit: 10
|
|
});
|
|
});
|
|
}
|
|
/**
|
|
* 选择 图文素材
|
|
*/
|
|
function selectedMaterial(media_id){
|
|
getMaterial(media_id);
|
|
closeMaterial();
|
|
}
|
|
/**
|
|
* 取消 关闭
|
|
*/
|
|
function closeMaterial(){
|
|
$("#dialog_media").fadeOut(300);
|
|
$(".mask_metar").fadeOut();
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|