749 行
35 KiB
HTML
可执行文件
749 行
35 KiB
HTML
可执行文件
<!--[1.1.96]-->
|
||
<link id="beyond-link" href="__PUBLIC__/user/css/beyond.min.css" rel="stylesheet"/>
|
||
<link href="__PUBLIC__/user/css/font-awesome.min.css" rel="stylesheet"/>
|
||
<link href="__PUBLIC__/user/css/bootstrap.mins.css" rel="stylesheet"/>
|
||
<link href="__PUBLIC__/user/css/customMenu.css" rel="stylesheet"/>
|
||
<link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css">
|
||
|
||
<script src="__PUBLIC__/user/js/jquery.min.js"></script>
|
||
<script src="__PUBLIC__/user/js/layer.js"></script>
|
||
<!--<script src="__PUBLIC__/user/js/bootstrap.min.js"></script>-->
|
||
<!--<script src="__PUBLIC__/user/js/beyond.min.js"></script>-->
|
||
<style type="text/css">
|
||
.table-striped td {
|
||
padding-top: 10px;
|
||
padding-bottom: 10px
|
||
}
|
||
|
||
a {
|
||
font-size: 14px;
|
||
}
|
||
|
||
a:hover,
|
||
a:active {
|
||
text-decoration: none;
|
||
color: red;
|
||
}
|
||
|
||
.hover td {
|
||
padding-left: 10px;
|
||
}
|
||
|
||
.designer a {
|
||
border-left: 1px #DDD solid;
|
||
margin-left: 10px;
|
||
padding-left: 10px;
|
||
color: #333;
|
||
}
|
||
|
||
.modal-dialog .radio-inline {
|
||
width: 32.5%;
|
||
padding: 5px 0 5px 20px;
|
||
margin-left: 0;
|
||
}
|
||
|
||
.sonmenu {
|
||
margin-top: 20px;
|
||
padding-left: 80px;
|
||
/*background: url('__PUBLIC__/Admin/img/bg_repno.gif') no-repeat -245px -545px;*/
|
||
}
|
||
|
||
.hide {
|
||
display: none;
|
||
}
|
||
|
||
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
|
||
color: white !important;
|
||
background-color: #009688 !important;
|
||
}
|
||
|
||
.a {
|
||
color: #009688 !important;
|
||
}
|
||
|
||
.modal-footer > a {
|
||
color: white !important;
|
||
background-color: #009688 !important;
|
||
border: 1px solid #009688;
|
||
}
|
||
|
||
.modal-footer > a:active, .modal-footer > a:hover {
|
||
color: white !important;
|
||
background-color: #009688 !important;
|
||
border: 1px solid #009688;
|
||
}
|
||
</style>
|
||
<script>
|
||
// 预加载
|
||
$(function () {
|
||
// 选择菜单
|
||
$(".menutype").click(function () {
|
||
$(".menutype").removeClass('active');
|
||
$(this).addClass('active');
|
||
$("#type").val($(this).data('type'));
|
||
if ($(this).data('type') == "view") {
|
||
$("#url").removeClass('hide');
|
||
$("#other").addClass('hide');
|
||
} else {
|
||
$("#other").removeClass('hide');
|
||
$("#url").addClass('hide');
|
||
}
|
||
});
|
||
$(".menutype:first").click();
|
||
});
|
||
var currentMenu = null;
|
||
|
||
// 添加一级菜单
|
||
function addMenu() {
|
||
if ($('.parentmenu').length >= 3) {
|
||
layer.alert('一级菜单栏不可以多于三个');
|
||
} else {
|
||
var html = '<tr>' +
|
||
'<td>' +
|
||
'<div class="parentmenu" data-type="" data-key="" data-url="">' +
|
||
'<input type="text" class="form-control" style="display:inline-block;width:300px;" value="">' +
|
||
' <a href="javascript:;" onclick="setAction(this);" title="设置此菜单动作"><i class="glyphicon glyphicon-pencil"></i> 设置此菜单动作</a>' +
|
||
' <a href="javascript:;" onclick="deleteMenu(this)" title="删除此菜单"><i class="glyphicon glyphicon-trash"></i> 删除此菜单</a>' +
|
||
' <a href="javascript:;" onclick="addSubMenu(this);" title="添加子菜单"><i class="glyphicon glyphicon-plus"></i> 添加子菜单</a>' +
|
||
'</div>' +
|
||
'<div class="smlist">' +
|
||
'</div>' +
|
||
'</td>' +
|
||
'</tr>';
|
||
$('tbody.mlist').append(html);
|
||
}
|
||
}
|
||
|
||
// 添加二级菜单
|
||
function addSubMenu(o) {
|
||
if ($(o).parent().next().find('.sonmenu').length >= 5) {
|
||
layer.alert('二级菜单不可以多于五个');
|
||
} else {
|
||
var html = '<div class="sonmenu" data-type="" data-url="" data-key="">' +
|
||
'<input type="text" class="form-control" style="display:inline-block;width:220px;" value="">' +
|
||
'<a href="javascript:;" onclick="setAction(this);" title="设置此菜单动作"><i class="glyphicon glyphicon-pencil"></i> 设置此菜单动作</a>' +
|
||
'<a href="javascript:;" onclick="deleteMenu(this);" title="删除此菜单"><i class="glyphicon glyphicon-trash"></i> 删除此菜单</a>' +
|
||
'</div>';
|
||
$(o).parent().next().append(html);
|
||
}
|
||
}
|
||
|
||
// 删除一级菜单
|
||
function deleteMenu(o) {
|
||
if ($(o).parent().parent().hasClass('smlist')) {
|
||
$(o).parent().slideUp('slow', function () {
|
||
$(o).parent().remove();
|
||
});
|
||
} else {
|
||
$(o).parent().parent().parent().fadeOut('slow', function () {
|
||
$(o).parent().parent().parent().remove();
|
||
});
|
||
}
|
||
}
|
||
|
||
// 设置菜单功能
|
||
function setAction(o) {
|
||
var menu = $(o).parent();
|
||
// 缓存设置中的Menu
|
||
currentMenu = menu;
|
||
// 判断是否存在子菜单
|
||
if (menu.next().find('.sonmenu').length > 0) {
|
||
layer.alert('包含子菜单，无法设置动作');
|
||
return false;
|
||
}
|
||
var menutype = menu.data('type');
|
||
var menukey = menu.data('key');
|
||
var menuurl = menu.data('url');
|
||
var menuname = menu.find('input').first().val();
|
||
// 触发菜单修改
|
||
$(".menutype").each(function () {
|
||
if ($(this).data('type') == menutype) {
|
||
$(this).click();
|
||
}
|
||
});
|
||
// 更新Dialog名
|
||
$('#menu-name').text(menuname);
|
||
// 更新Dialog参数
|
||
$('#target-url').val(menuurl);
|
||
$('#target-other').val(menukey);
|
||
// 修改命名，修改Banner
|
||
$('#dialog').modal('show');
|
||
}
|
||
|
||
// 保存菜单功能
|
||
function saveAction() {
|
||
var menu = currentMenu;
|
||
if (menu == null) {
|
||
layer.alert('操作错误，请关闭后重试！');
|
||
return false;
|
||
}
|
||
var menutype = $("#type").val();
|
||
var menukey = $("#target-other").val();
|
||
var menuurl = $("#target-url").val();
|
||
|
||
menu.data('type', menutype);
|
||
if (menutype == 'view') {
|
||
menu.data('url', menuurl);
|
||
menu.data('key', '');
|
||
} else {
|
||
menu.data('url', '');
|
||
menu.data('key', menukey);
|
||
}
|
||
layer.alert('修改成功！');
|
||
$('#dialog').modal('hide');
|
||
}
|
||
|
||
// 保存菜单功能（写不出来了）
|
||
function saveMenu() {
|
||
// 菜单一定需要命名
|
||
if ($('.parentmenu input,.sonmenu input').filter(function () {
|
||
return $.trim($(this).val()) == '';
|
||
}).length > 0) {
|
||
layer.alert('存在未输入名称的菜单');
|
||
return false;
|
||
}
|
||
// 构造字符串
|
||
var dat = '[';
|
||
var error = false;
|
||
$('.parentmenu').each(function () {
|
||
var pname = $.trim($(this).find(':text').val()).replace(/"/g, '\"');
|
||
var ptype = $(this).data('type');
|
||
var purl = $(this).data('url');
|
||
if (!purl) purl = '';
|
||
var pkey = $.trim($(this).data('key'));
|
||
|
||
if (!pkey) pkey = '';
|
||
dat += '{"name": "' + pname + '"';
|
||
// 判断是否存在子菜单
|
||
if ($(this).next().find('.sonmenu').length > 0) {
|
||
dat += ',"sub_button": [';
|
||
$(this).next().find('.sonmenu').each(function () {
|
||
var sname = $.trim($(this).find(':text').val()).replace(/"/g, '\"');
|
||
var stype = $(this).data('type');
|
||
var surl = $(this).data('url');
|
||
if (!surl)
|
||
surl = '';
|
||
var skey = $.trim($(this).data('key'));
|
||
if (!skey)
|
||
skey = '';
|
||
dat += '{"name": "' + sname + '"';
|
||
if ((stype != 'view' && skey == '') || (stype == 'view' && !surl)) {
|
||
layer.alert('子菜单项 “' + sname + '”未设置对应规则.');
|
||
error = true;
|
||
return false;
|
||
}
|
||
if (stype == 'click') {
|
||
|
||
dat += ',"type": "click","key": "' + encodeURIComponent(skey) + '"';
|
||
} else if (stype == 'view') {
|
||
dat += ',"type": "view","url": "' + surl + '"';
|
||
} else {
|
||
dat += ',"type": "' + stype + '","key": "' + encodeURIComponent(skey) + '"';
|
||
}
|
||
dat += '},';
|
||
});
|
||
if (error) {
|
||
return false;
|
||
}
|
||
dat = dat.slice(0, -1);
|
||
dat += ']';
|
||
} else {
|
||
if ((ptype != 'view' && pkey == '') || (ptype == 'view' && !purl)) {
|
||
layer.alert('菜单 “' + pname + '”不存在子菜单项, 且未设置对应规则.');
|
||
error = true;
|
||
return false;
|
||
}
|
||
if (ptype == 'click') {
|
||
dat += ',"type": "click","key": "' + encodeURIComponent(pkey) + '"';
|
||
} else if (ptype == 'view') {
|
||
dat += ',"type": "view","url": "' + purl + '"';
|
||
} else {
|
||
dat += ',"type": "' + ptype + '","key": "' + encodeURIComponent(pkey) + '"';
|
||
}
|
||
}
|
||
dat += '},';
|
||
});
|
||
if (error) {
|
||
return false;
|
||
}
|
||
dat = dat.slice(0, -1);
|
||
dat += ']';
|
||
$('#do').val(dat);
|
||
$('#form')[0].submit();
|
||
}
|
||
|
||
// 移除自定义菜单
|
||
function removeMenu() {
|
||
$('#do').val('remove');
|
||
$('#form')[0].submit();
|
||
}
|
||
|
||
// Iframe 回调方法
|
||
function replaceok(msg) {
|
||
layer.alert(msg);
|
||
$('#do').val('');
|
||
}
|
||
|
||
// Iframe 回调方法
|
||
function replaceFuck(msg) {
|
||
layer.alert(msg);
|
||
$('#do').val('');
|
||
}
|
||
|
||
|
||
</script>
|
||
<div style="padding: 20px;">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-12">
|
||
<div class="widget">
|
||
<form id="form" action="{:U('menu')}" method="post" target='frame'>
|
||
<input id="do" type="hidden" name="do" value="">
|
||
</form>
|
||
<iframe id='frame' name='frame' style='display:none;'></iframe>
|
||
|
||
<div class="widget-header bg-blue">
|
||
<i class="widget-icon fa fa-arrow-down"></i>
|
||
<span class="widget-caption">自定义菜单</span>
|
||
<div class="widget-buttons">
|
||
<a href="#" data-toggle="maximize">
|
||
<i class="fa fa-expand"></i>
|
||
</a>
|
||
<a href="#" data-toggle="collapse">
|
||
<i class="fa fa-minus"></i>
|
||
</a>
|
||
<a href="#" data-toggle="dispose">
|
||
<i class="fa fa-times"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="widget-body">
|
||
<table class="table table-bordered table-hover">
|
||
<tbody class="mlist">
|
||
<volist name="menu.button" id="vo">
|
||
<tr>
|
||
<td>
|
||
<div class="parentmenu" data-type="{$vo.type}" data-url="{$vo.url}"
|
||
data-key="{$vo.key}">
|
||
<input type="text" class="form-control"
|
||
style="display:inline-block;width:300px;" value="{$vo.name}">
|
||
<a href="javascript:;" onclick="setAction(this);" title="设置此菜单动作"><i
|
||
class="glyphicon glyphicon-pencil"></i> 设置此菜单动作</a>
|
||
<a href="javascript:;" onclick="deleteMenu(this)" title="删除此菜单"><i
|
||
class="glyphicon glyphicon-trash"></i> 删除此菜单</a>
|
||
<a href="javascript:;" onclick="addSubMenu(this);" title="添加子菜单"><i
|
||
class=" glyphicon glyphicon-plus"></i> 添加子菜单</a>
|
||
</div>
|
||
<div class="smlist">
|
||
<volist name="vo.sub_button" id="sub">
|
||
<div class="sonmenu" data-type="{$sub.type}" data-url="{$sub.url}"
|
||
data-key="{$sub.key}">
|
||
<input type="text" class="form-control"
|
||
style="display:inline-block;width:220px;" value="{$sub.name}">
|
||
<a href="javascript:;" onclick="setAction(this);" title="设置此菜单动作"><i
|
||
class="glyphicon glyphicon-pencil"></i> 设置此菜单动作</a>
|
||
<a href="javascript:;" onclick="deleteMenu(this);" title="删除此菜单"><i
|
||
class="glyphicon glyphicon-trash"></i> 删除此菜单</a>
|
||
</div>
|
||
</volist>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</volist>
|
||
</tbody>
|
||
</table>
|
||
<div class="widget-header bg-gold">
|
||
<span class="widget-caption">
|
||
<a href="javascript:;" onclick="addMenu();">添加菜单 <i class="fa fa-plus-circle" title="添加菜单"></i></a>
|
||
</span>
|
||
<div class="widget-buttons">
|
||
<input type="button" value="保存菜单结构" class="btn btn-success" onclick="saveMenu();"/>
|
||
<input type="button" value="删除菜单结构" class="btn btn-danger" onclick="removeMenu();"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="dialog" class="modal fade">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content widget">
|
||
<div class="widget-header bg-gold modal-header">
|
||
<span class="widget-caption"><h5>选择菜单 <strong id="menu-name" class="red"></strong> 要执行的操作</h5></span>
|
||
<div class="widget-buttons">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
||
×
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="modal-body">
|
||
<input id="type" type="hidden">
|
||
<ul class="nav nav-pills">
|
||
<li role="presentation" class="menutype" data-type="view"><a class="a"
|
||
href="javascript:;">链接</a>
|
||
</li>
|
||
<li role="presentation" class="menutype" data-type="click"><a class="a"
|
||
href="javascript:;">模拟关键字</a>
|
||
</li>
|
||
<li role="presentation" class="menutype" data-type="scancode_push"><a class="a"
|
||
href="javascript:;">扫码</a>
|
||
</li>
|
||
<li role="presentation" class="menutype" data-type="scancode_waitmsg"><a class="a"
|
||
href="javascript:;">扫码（等待信息）</a>
|
||
</li>
|
||
<li role="presentation" class="menutype" data-type="pic_sysphoto"><a class="a"
|
||
href="javascript:;">系统拍照发图</a>
|
||
</li>
|
||
<li role="presentation" class="menutype" data-type="pic_photo_or_album"><a class="a"
|
||
href="javascript:;">拍照或者相册发图</a>
|
||
</li>
|
||
<li role="presentation" class="menutype" data-type="pic_weixin"><a class="a"
|
||
href="javascript:;">微信相册发图</a>
|
||
</li>
|
||
<li role="presentation" class="menutype" data-type="location_select"><a class="a"
|
||
href="javascript:;">地理位置</a>
|
||
</li>
|
||
<li role="presentation" class="menutype getvip" data-type="view"><a class="a"
|
||
href="javascript:;">获取会员卡地址</a>
|
||
</li>
|
||
<li role="presentation" class="menutype getturn" data-type="view"><a class="a"
|
||
href="javascript:;">获取大转盘地址</a>
|
||
</li>
|
||
</ul>
|
||
<!-- /input-group -->
|
||
<div id="url">
|
||
<hr/>
|
||
<div class="input-group input-group-sm">
|
||
<span class="input-group-addon"><i class="glyphicon glyphicon-link"></i></span>
|
||
<input class="form-control" id="target-url" type="text" placeholder="http://"/>
|
||
</div>
|
||
<span class="help-block">指定点击此菜单时要跳转的链接（注：链接需加http://）</span>
|
||
<span class="help-block"><strong>注意: 由于接口限制. 如果你没有网页oAuth接口权限, 这里输入链接直接进入微站个人中心时将会有缺陷(有可能获得不到当前访问用户的身份信息. 如果没有oAuth接口权限, 建议你使用图文回复的形式来访问个人中心)</strong></span>
|
||
</div>
|
||
<div id="other" style="position:relative">
|
||
<hr/>
|
||
<div class="input-group input-group-sm">
|
||
<span class="input-group-addon"><i class="glyphicon glyphicon-send"></i></span>
|
||
<input class="form-control" id="target-other" type="text"/>
|
||
</div>
|
||
<div id="key-result"
|
||
style="width:100%;position:absolute;top:55px;left:0px;display:none;z-index:10000">
|
||
<ul class="dropdown-menu" style="display:block;width:88%;"></ul>
|
||
</div>
|
||
<span class="help-block">指定点击此菜单时要执行的操作, 你可以在这里输入关键字, 那么点击这个菜单时就就相当于发送这个内容至微擎系统</span>
|
||
<span class="help-block"><strong>这个过程是程序模拟的, 比如这里添加关键字: 优惠券, 那么点击这个菜单是, 微擎系统相当于接受了粉丝用户的消息, 内容为"优惠券"</strong></span>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a href="javascript:;" onclick="saveAction();" class="pull-right btn btn-primary span2">保存</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="custom">
|
||
<div class="custom_left">
|
||
<div class="custom_left01">政庭工贸</div>
|
||
<div class="custom_left02">
|
||
<div class="custom_left02_l">
|
||
<img src="__PUBLIC__/user/images/keyboard.png" />
|
||
</div>
|
||
<div class="custom_left02_r">
|
||
<volist name="menu.button" id="me">
|
||
<div class="custom_left02_r01">
|
||
<div class="custom_left02_r01_1">{$me.name}</div>
|
||
<if condition="count($me.sub_button) eq 5">
|
||
<div style="display: none;" class="custom_left02_create2">+添加子菜单</div>
|
||
<else/>
|
||
<div class="custom_left02_create2">+添加子菜单</div>
|
||
</if>
|
||
<div class="custom_left02_r02">
|
||
<volist name="me.sub_button" id="sb" key="sbk">
|
||
<if condition="$sbk eq 5">
|
||
<div class="custom_left02_r02_c_l">{$sb.name}</div>
|
||
<else/>
|
||
<div class="custom_left02_r02_c">{$sb.name}</div>
|
||
</if>
|
||
</volist>
|
||
</div>
|
||
</div>
|
||
</volist>
|
||
<php>if(count($menu['button'])==3){</php>
|
||
<div style="display: none;" class="custom_left02_create" data-k='1'>+添加菜单</div>
|
||
<php>}else{</php>
|
||
<div class="custom_left02_create" data-k='1'>+添加菜单</div>
|
||
<php>}</php>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="custom_right">
|
||
<div class="custom_right01">
|
||
<span>自定义菜单</span>
|
||
<span class="custom_right01_del">删除菜单</span>
|
||
</div>
|
||
<div class="custom_right02">第一步：在左侧选择需要编辑的菜单，并对菜单进行命名</div>
|
||
<div class="custom_right03">
|
||
<div class="custom_right03_l">主菜单名称</div>
|
||
<div class="custom_right03_r">
|
||
<div class="custom_right03_r01">
|
||
<input class="custom_name" type="text" placeholder="请输入菜单名称" />
|
||
</div>
|
||
<div class="custom_right03_r02">字数不超过4个汉字或8个字母</div>
|
||
</div>
|
||
</div>
|
||
<div class="custom_right04">
|
||
<span>第二步：设置点击该菜单所触发的动作事件,如：领取卡券</span>
|
||
<span class="custom_right0402">修改菜单</span>
|
||
</div>
|
||
<div class="custom_right05_box">
|
||
<div class="custom_right05">
|
||
<div class="custom_right05_inner">
|
||
<img src="__PUBLIC__/user/images/messageSend.png" />
|
||
<span>发送消息</span>
|
||
</div>
|
||
<div class="custom_right05_inner02">
|
||
<img src="__PUBLIC__/user/images/coupons.png" />
|
||
<span>优惠券</span>
|
||
</div>
|
||
<div class="custom_right05_inner">
|
||
<img src="__PUBLIC__/user/images/url.png" />
|
||
<span>网址链接</span>
|
||
</div>
|
||
<div class="custom_right05_inner custom_right05_inner04">
|
||
<img src="__PUBLIC__/user/images/more.png" />
|
||
<span>功能入口</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cri cri0">
|
||
<div class="cri_a">
|
||
<div class="cri_a01 cri_cheak01">图片</div>
|
||
<i></i>
|
||
<div class="cri_a01 cri_a02">图文消息</div>
|
||
</div>
|
||
<div class="cri_b">
|
||
<div class="cri_b_left">
|
||
<div class="cri_b_left01">上传图片：</div>
|
||
<div class="cri_b_left02">
|
||
<button type="button" class="layui-btn layui-btn-warm" id="cri_b_right01">上传图片</button>
|
||
<button type="button" class="layui-btn layui-btn-warm" id="cri_b_right02">删除</button>
|
||
</div>
|
||
</div>
|
||
<div class="cri_b_right">
|
||
<img class="cri_b_right_img" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cri cri2">
|
||
<div class="cri2Box">
|
||
<div class="cri2_a">页面网址 </div>
|
||
<div class="cri2_b">
|
||
<div class="cri2_b01">
|
||
<input type="text" placeholder="https://www.xxxxxxx.com" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cri selectcard">
|
||
<div class="selectcard01">
|
||
<div class="selectcard01_l">
|
||
<img class="selectcard01_l00" src="__PUBLIC__/user/images/0.jpg"/>
|
||
<div class="selectcard01_l01">满100减10代金券</div>
|
||
<div class="selectcard01_l02">代金券</div>
|
||
</div>
|
||
<div class="selectcard01_r">
|
||
<div class="selectcard01_r01">库 存： 100</div>
|
||
<div class="selectcard01_r01">当天生效,10天内有效</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cri selectlink">
|
||
<div class="selectlink01">
|
||
<div class="selectlink01_l">
|
||
<img class="selectlink01_l00" src="__PUBLIC__/user/images/moreAll.png"/>
|
||
</div>
|
||
<div class="selectcard01_r">
|
||
<div class="selectcard01_r01">卡券货架</div>
|
||
<div class="selectcard01_r02">可以放置多张优惠券，进行卡券组合式投放</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="custom_right06">
|
||
<div class="custom_right0601">保存并发布</div>
|
||
<div class="custom_right0602">保存</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--发送消息——图文消息弹出框-->
|
||
<div class="cri_c"></div>
|
||
|
||
<!--优惠券弹出框-->
|
||
<div class="cri1">
|
||
<div class="cri1_a_box">
|
||
|
||
<div class="cri1_a">
|
||
<div class="cri1_a01">满100减10代金券</div>
|
||
<div class="cri1_a02">代金券</div>
|
||
<div class="cri1_a03">库 存： 11110</div>
|
||
<div class="cri1_a04">有效期：2018-03-19 至 2018-03-31</div>
|
||
<div class="cri1_a05">
|
||
<span class="cri1_a05_span">选择</span>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="cri1_b">
|
||
<div class="cri1_b_l">第 1 到 5 条, 共 1 条</div>
|
||
<div class="cri1_b_r">
|
||
<div class="cri1_b_r01">第一页</div>
|
||
<div class="cri1_b_r01">上一页</div>
|
||
<div class="cri1_b_r02">1</div>
|
||
<div class="cri1_b_r01">下一页</div>
|
||
<div class="cri1_b_r01">最后一页</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!--功能入口弹出框-->
|
||
<div class="cri3">
|
||
<div class="cri3_a_box">
|
||
<div class="cri3_a">
|
||
<div class="cri3_a01">卡券货架</div>
|
||
<div class="cri3_a02">卡券货架可以放置会员卡、多张优惠券，可作为您的日常发券中心</div>
|
||
<div class="cri3_a03">
|
||
<span class="cri3_a03_span">选择</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cri1_b">
|
||
<div class="cri1_b_l">第 1 到 5 条, 共 1 条</div>
|
||
<div class="cri1_b_r">
|
||
<div class="cri1_b_r01">第一页</div>
|
||
<div class="cri1_b_r01">上一页</div>
|
||
<div class="cri1_b_r02">1</div>
|
||
<div class="cri1_b_r01">下一页</div>
|
||
<div class="cri1_b_r01">最后一页</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="height: 200px;"></div>
|
||
<script src="__PUBLIC__/layui/layui.js"></script>
|
||
<script>
|
||
$('.getvip').click(function () {
|
||
geturl('vip');
|
||
})
|
||
$('.getturn').click(function () {
|
||
geturl('turntable');
|
||
})
|
||
|
||
function geturl(type) {
|
||
$.post("{:U('User/Wxconfig/getplugurl')}", {type: type}, function (data) {
|
||
if (data.success) {
|
||
$('#target-url').val(data.url);
|
||
} else {
|
||
top.layer.msg(data.msg, {time: 1000});
|
||
}
|
||
})
|
||
}
|
||
</script>
|
||
<script src="__PUBLIC__/user/js/customMenu.js"></script>
|
||
<script>
|
||
$('.custom').click(function (e) {
|
||
var target = $(e.target);
|
||
var tarname = e.target.className;
|
||
var parents = $(e.target).parents('.custom_left02_r');
|
||
if(tarname=='custom_left02_create'){
|
||
//添加一级菜单
|
||
var left01 = parents.children('.custom_left02_r01');
|
||
parents.find('div').removeClass('active');
|
||
left01.children().hide();
|
||
left01.children('.custom_left02_r01_1').show();
|
||
if(left01.length<3){
|
||
var child = $(`<div class="custom_left02_r01">
|
||
<div class="custom_left02_r01_1"></div>
|
||
<div class="custom_left02_create2">+添加子菜单</div>
|
||
<div class="custom_left02_r02"></div>
|
||
</div>`);
|
||
$(e.target).before(child);
|
||
if($(e.target).parents('.custom_left02_r').children('.custom_left02_r01').length==3){
|
||
target.hide();
|
||
}
|
||
}
|
||
}else if(tarname=='custom_left02_create2'){
|
||
//添加二级菜单
|
||
$(e.target).parents('.custom_left02_r').find('div').removeClass('active');
|
||
$(e.target).parents('.custom_left02_r').children('.custom_left02_r01').children().hide();
|
||
$(e.target).parents('.custom_left02_r').children('.custom_left02_r01').children('.custom_left02_r01_1').show();
|
||
target.parent().children().show();
|
||
if(target.next().children('.custom_left02_r02_c').length<4){
|
||
var child = $(`<div class="custom_left02_r02_c"></div>`);
|
||
target.next().append(child);
|
||
}else if($(e.target).next().children('.custom_left02_r02_c').length<5){
|
||
var child = $(`<div class="custom_left02_r02_c_l"></div>`);
|
||
target.next().append(child);
|
||
target.hide();
|
||
}
|
||
}else if(tarname=='custom_left02_r01_1'){
|
||
//点击主菜单
|
||
$(e.target).parents('.custom_left02_r').find('div').removeClass('active');
|
||
$(e.target).addClass('active');//重置active位置
|
||
$(e.target).parents('.custom_left02_r').find('.custom_left02_r01').children().hide();
|
||
$(e.target).parents('.custom_left02_r').find('.custom_left02_r01').children('.custom_left02_r01_1').show();
|
||
$(e.target).parent().find('div').show();
|
||
if((target.parent().find('.custom_left02_r02_c').length + target.parent().find('.custom_left02_r02_c_l').length) == 5){
|
||
target.parent().children('.custom_left02_create2').hide();
|
||
}
|
||
}else if(tarname=='custom_left02_r02_c' || tarname=='custom_left02_r02_c_l'){
|
||
parents.find('div').removeClass('active');
|
||
target.addClass('active');//重置active位置
|
||
}else if(tarname=='custom_right01_del'){
|
||
if(target.parents('.custom').find('.active').length){
|
||
if(target.parents('.custom').find('.active').prop('class')=='custom_left02_r02_c_l active'){
|
||
//删除样式普通子集
|
||
target.parents('.custom').find('.active').parent().prev().show();
|
||
$(e.target).parents('.custom').find('.active').remove();
|
||
}else if(target.parents('.custom').find('.active').prop('class')=='custom_left02_r01_1 active'){
|
||
//删除底部特殊子集
|
||
$('.custom_left02_create').show();
|
||
$(e.target).parents('.custom').find('.active').parent().remove();
|
||
}else {
|
||
$(e.target).parents('.custom').find('.active').remove();
|
||
}
|
||
}
|
||
}else if(tarname=='custom_name'){
|
||
//输入菜单名字
|
||
$(e.target).off().on('input',function () {
|
||
var str = $(e.target).val();
|
||
var reg = /[\u4e00-\u9fa5]{1}/g;
|
||
var str2 = str.replace(reg,'ab');
|
||
var len = str2.length;
|
||
if(len<=8){
|
||
$(e.target).parents('.custom').find('.active').text($(e.target).val());
|
||
}else{
|
||
$(e.target).val($(e.target).parents('.custom').find('.active').text());
|
||
}
|
||
})
|
||
}else if(tarname=='custom_right05_inner'){
|
||
//网址链接
|
||
$(".custom_right05").hide();
|
||
var crindex = $(this).index();
|
||
$(".cri").hide();
|
||
$(".cri" + crindex).show();
|
||
}
|
||
})
|
||
</script>
|
||
|
||
<!--/面包屑导航封装-->
|
||
|