400 行
19 KiB
HTML
可执行文件
400 行
19 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>公众号管理页面</title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/user/css/management.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="Box">
|
|
<div class="manage">
|
|
<div class="manage_a">
|
|
<div class="manage_a_left">
|
|
<img class="manage_a_left01" src="{$wxconfig.head_img}" />
|
|
<div class="manage_a_left02">
|
|
<span class="manage_a_left0201">{$wxconfig.name}</span>
|
|
<div class="manage_a_left0202"><span>服务号</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="manage_a_right">
|
|
<a href="{:U("authindex")}" class="manage_a_right01">重新授权</a>
|
|
<p class="manage_a_right02">如需取消授权，请到
|
|
<a href="https://mp.weixin.qq.com/" target="_blank">微信公众平台</a> “添加功能插件>授权管理” 进行取消授权操作</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="manage_b">
|
|
<div class="manage_b01">
|
|
<a href="#" class="manage_b01_a cheak01">管理中心</a>
|
|
<div class="manage_b01_l"></div>
|
|
<!--<a href="fansManage.html" class="manage_b01_a">粉丝管理</a>-->
|
|
</div>
|
|
|
|
<div class="manage_b02">
|
|
<div class="manage_b0201">
|
|
<div class="manage_b0201_a">
|
|
<span>关键数据统计</span>
|
|
<img class="manage_b0201_a02" src="__PUBLIC__/user/images/prompt1.png" />
|
|
</div>
|
|
<div class="manage_b0201_b">
|
|
<div class="manage_b0201_b01">
|
|
<div class="manage_b0201_b01_a">
|
|
<div class="manage_b0201_b01_a_l">
|
|
<img src="__PUBLIC__/user/images/user1.png" />
|
|
<span>昨日新增关注</span>
|
|
</div>
|
|
<div class="manage_b0201_b01_a_r">{$arr.sub_count.yescount}</div>
|
|
</div>
|
|
<div class="manage_b0201_b01_a">
|
|
<div class="manage_b0201_b01_a_l">
|
|
<img src="__PUBLIC__/user/images/user2.png" />
|
|
<span>七日新增关注</span>
|
|
</div>
|
|
<div class="manage_b0201_b01_a_r">{$arr.sub_count.qicount}</div>
|
|
</div>
|
|
<div class="manage_b0201_b01_a">
|
|
<div class="manage_b0201_b01_a_l">
|
|
<img src="__PUBLIC__/user/images/user3.png" />
|
|
<span>累计新增关注</span>
|
|
</div>
|
|
<div class="manage_b0201_b01_a_r">{$arr.sub_count.allcount}</div>
|
|
</div>
|
|
</div>
|
|
<div class="manage_b0201_b02">
|
|
<div class="manage_b0201_b02_a">图文阅读次数</div>
|
|
<div class="manage_b0201_b02_b">{$arr.look_count.0} </div>
|
|
<div class="manage_b0201_b02_c">日{$arr.look_count.1} 周{$arr.look_count.1} </div>
|
|
</div>
|
|
<div class="manage_b0201_b02">
|
|
<div class="manage_b0201_b02_a">微信分享人数</div>
|
|
<div class="manage_b0201_b02_b">{$arr.share_count.1} </div>
|
|
<div class="manage_b0201_b02_c">日{$arr.share_count.0} 周{$arr.share_count.1} </div>
|
|
</div>
|
|
<div class="manage_b0201_b02">
|
|
<div class="manage_b0201_b02_a">取消关注人数</div>
|
|
<div class="manage_b0201_b02_b">{$arr.unsub_count.allcount}</div>
|
|
<div class="manage_b0201_b02_c">日{$arr.unsub_count.yescount} 周{$arr.unsub_count.qicount} 月{$arr.unsub_count.moncount}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="manage_b0202">
|
|
<div class="manage_b0202_a">
|
|
<span>营销工具</span>
|
|
<span>如需使用更多功能或应用，请前往[产品中心]申请开通</span>
|
|
</div>
|
|
<div class="manage_b0202_b">
|
|
<div class="manage_b0202_b_inner" id="huifu">
|
|
<div class="manage_b0202_b_inner_l">
|
|
<img src="__PUBLIC__/user/images/e09pay.png" />
|
|
<span style="margin-top: 5px;">关注回复</span>
|
|
</div>
|
|
<div class="manage_b0202_b_inner_r">对于首次关注公众号的顾客，推送最新优惠信息和卡券</div>
|
|
</div>
|
|
|
|
<div class="manage_b0202_b_inner" style="display: flex;justify-content: center;align-items: center;">更多功能和应用,持续开发中。</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="manage_b03" style="display:none">
|
|
<div class="manage_b0301"><span class="manage_b0301bth">营销工具</span> / 支付领卡</div>
|
|
<div class="manage_b0302">
|
|
<div class="manage_b0302_box">
|
|
<div class="manage_b030201">
|
|
<input placeholder="活动名称" id="proname" />
|
|
<i class="layui-icon" id="rout"></i>
|
|
</div>
|
|
<div class="manage_b030202">通过微信扫码支付的顾客，将在支付成功页面展示自有优惠券，无缝对接线下顾客</div>
|
|
</div>
|
|
<button class="layui-btn layui-btn-warm manage_b030203 addActivity">+创建活动</button>
|
|
</div>
|
|
<div class="manage_b0303">
|
|
<div class="kaquan_c">
|
|
<div class="kaquan_c01">
|
|
<div class="kaquan_c01_a">序号</div>
|
|
<div class="kaquan_c01_b">活动名称</div>
|
|
<div class="kaquan_c01_c">活动备注</div>
|
|
<div class="kaquan_c01_d">活动开始时间</div>
|
|
<div class="kaquan_c01_e">活动结束时间</div>
|
|
<div class="kaquan_c01_f">卡券id</div>
|
|
<div class="kaquan_c01_g">状态</div>
|
|
<div class="kaquan_c01_h">操作</div>
|
|
</div>
|
|
<div class="kaquanContent">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="manage_b04" style="display:none">
|
|
<div class="ReplyTitle">
|
|
<span style="color:#F79767;" class="gongju">营销工具</span>
|
|
<span>/关注回复</span>
|
|
<div class="Reply">对于首次关注公众号的顾客，推送最新优惠信息及卡券，增进商家与顾客间的联系，及时传递最新活动动态</div>
|
|
</div>
|
|
<div class="ReplyContent">
|
|
<div class="ContentTitle">
|
|
<a class="in" href="#news" rel="external nofollow">发送消息</a>
|
|
<!--<a href="#Img" rel="external nofollow">图片</a>|
|
|
<a class="kajuan" href="#coupons" rel="external nofollow">卡劵</a>-->
|
|
</div>
|
|
<div class="ReplySwitch">
|
|
<section class="news active" id="news">
|
|
<textarea class="newsText" maxlength="600" placeholder="请输入要发送的内容"></textarea>
|
|
</section>
|
|
<section class="img" id="Img" >
|
|
<div style="width: 15%;float: left;">
|
|
<div class="">上传图片:</div>
|
|
<label class="fileBtn" for="file0">上传图片
|
|
<input type="content" class="imgsrc" id="file0" value="" style="display:none ;"/>
|
|
</label>
|
|
<span class="fileBtn remBntImg" style="margin-left: 10px;display: none;">删除</span>
|
|
</div>
|
|
<div class="imgBox" style="float: left;">
|
|
<img id="img0" src="" />
|
|
</div>
|
|
</section>
|
|
<!--卡劵-->
|
|
<div class="coupons2" id="coupons">
|
|
<div class="chooseCoupon" >
|
|
<div class="chooseCouponBg">
|
|
<div class="CouponImg">
|
|
<img src="{$wxconfig.head_img}"/>
|
|
<span style="color: #fff;" class="card_title">代金券</span>
|
|
</div>
|
|
<input type="hidden" name="cardid" class="cardid">
|
|
<div class="chooseType" >代金券</div>
|
|
</div>
|
|
<div class="chooseRight">
|
|
<div class="">
|
|
<span >有效期</span>
|
|
<span class="dates">2017-03-20至2018-05-20</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--卡劵弹框-->
|
|
<section class="coupons" id="couponsAlert">
|
|
<div class="couponsWrap">
|
|
<div class="couponsTitle">选择卡劵</div>
|
|
<div class="couponsListBox">
|
|
|
|
</div>
|
|
<div class="btn_group2">
|
|
<button class="group_btn2 cancel">取消</button>
|
|
<button class="group_btn2 Preservation">保存</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="group_btn">
|
|
<button class="btn_group subBtn">提交发布</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
<script type="text/javascript" src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js" ></script>
|
|
<script src="__PUBLIC__/layui/layui.js"></script>
|
|
<script type="text/javascript" src="__PUBLIC__/user/js/management.js"></script>
|
|
<script>
|
|
//获取卡券列表 并且显示在弹框中
|
|
$.ajax({
|
|
url:"{:U('getcard')}",
|
|
type:"post",
|
|
success:function (re) {
|
|
if(re.status){
|
|
var content = "";
|
|
$.each(re.data,function (key,val) {
|
|
content+=`<div class="couponsList">
|
|
<div class="couponsName">
|
|
<span>${val.title}</span>
|
|
</div>
|
|
<div class="couponsType">
|
|
<span>${val.code_type}</span>
|
|
</div>
|
|
<div class="couponsTime">
|
|
<span>有效期:</span>
|
|
<span>${val.begin_time_stamp}至${val.end_time_stamp}</span>
|
|
</div>
|
|
<div class="couponsBtn">
|
|
<span class="choose" data-id="${val.card_id}" date-time="${val.begin_time_stamp}至${val.end_time_stamp}" data-cate="${val.code_type}" data-name="${val.title}" >选择</span>
|
|
</div>
|
|
</div>`
|
|
})
|
|
$(".couponsListBox").html(content);
|
|
|
|
}
|
|
}
|
|
})
|
|
$('.couponsListBox').on('click','.choose',function () {
|
|
$(this).html("已选择");
|
|
$('.choose').removeClass('ch_active');
|
|
$(this).addClass("ch_active");
|
|
})
|
|
$('.subBtn').click(function () {
|
|
//获取各个地方的参数并且保存
|
|
var text = $('.newsText').val();
|
|
var imgsrc = $('.imgsrc').val();
|
|
var cardid = $('.cardid').val();
|
|
if(!text&&!imgsrc&&!cardid){
|
|
layer.alert('请先填写关注回复信息');
|
|
return;
|
|
}
|
|
var data = {text:text,imgsrc:imgsrc,cardid:cardid};
|
|
$.ajax({
|
|
url:"{:U('setSubInfo')}",
|
|
data:data,
|
|
type:"post",
|
|
success:function (re) {
|
|
layer.alert(re.msg);
|
|
}
|
|
})
|
|
|
|
})
|
|
$('#rout').click(function () {
|
|
getList(val);
|
|
})
|
|
//获取微信的关注回复的参数设置
|
|
function getSubInfo() {
|
|
$.ajax({
|
|
url:"{:U('getSubInfo')}",
|
|
success:function (re) {
|
|
if(re.status){
|
|
$('.newsText').val(re.data.text);
|
|
$('#img0').attr('src',re.data.url);
|
|
$('#img0').show();
|
|
$('.imgsrc').val(re.data.url);
|
|
$('.remBntImg').show();
|
|
$('.cardid').val(re.data.cardid);
|
|
}
|
|
}
|
|
})
|
|
}
|
|
getSubInfo();
|
|
layui.use(['upload'], function(){
|
|
//上传图片设置 到接口确定之后上传到微信服务器
|
|
var upload = layui.upload;
|
|
//执行实例
|
|
upload.render({
|
|
elem: '#file0' //绑定元素
|
|
,url: '{:U("Base/upload")}' //上传接口
|
|
,done: function(res, index, upload){
|
|
//上传完毕回调
|
|
$('#img0').attr('src',res.name);
|
|
$('#img0').show();
|
|
$('.remBntImg').show();
|
|
$('.imgsrc').val(res.name);
|
|
}
|
|
});
|
|
});
|
|
$('body').on('click','.updateActivity',function () {
|
|
var id = $(this).attr('data-id');
|
|
layer.open({
|
|
type: 2,
|
|
title: '创建活动',
|
|
area: ['480px', '60%'],
|
|
content: '/index.php/user/wxconfig/addconfig?id='+id, //iframe的url
|
|
end:function () {
|
|
getList();
|
|
}
|
|
});
|
|
})
|
|
$('body').on('click','.del',function () {
|
|
var id = $(this).attr('data-id');
|
|
layer.confirm("是否删除这个活动？删除后不可恢复",function (index) {
|
|
var data = {id:id};
|
|
$.ajax({
|
|
url:"{:U('del_card')}",
|
|
data:data,
|
|
type:"post",
|
|
success:function (re) {
|
|
if(re.status){
|
|
layer.msg(re.msg)
|
|
getList()
|
|
}else{
|
|
layer.msg(re.msg);
|
|
}
|
|
layer.close(index);
|
|
}
|
|
})
|
|
})
|
|
})
|
|
|
|
$('body').on('click','.status',function () {
|
|
var status = $(this).attr('status');
|
|
var id = $(this).attr('data-id');
|
|
var data = {id:id,status:status};
|
|
$.ajax({
|
|
url:"{:U('updateStatus')}",
|
|
data:data,
|
|
type:"post",
|
|
success:function (re) {
|
|
if(re.status){
|
|
layer.msg(re.msg)
|
|
getList()
|
|
}else{
|
|
layer.msg(re.msg);
|
|
}
|
|
}
|
|
})
|
|
})
|
|
getList();
|
|
function getList(val) {
|
|
$('.kaquanContent').html(null);
|
|
var data = {key:val};
|
|
$.ajax({
|
|
url:"{:U('getList_Paycard')}",
|
|
type:"post",
|
|
data:data,
|
|
success:function (re) {
|
|
if(re.status){
|
|
var allContent = "";
|
|
$.each(re.data,function (key,val) {
|
|
if(val.status==0){
|
|
allContent+=`<div class="kaquan_c02">
|
|
<div class="kaquan_c02_a">${val.id}</div>
|
|
<div class="kaquan_c02_b">${val.title}</div>
|
|
<div class="kaquan_c02_c">${val.remark}</div>
|
|
<div class="kaquan_c02_d">${val.start_time}</div>
|
|
<div class="kaquan_c02_e">${val.end_time}</div>
|
|
<div class="kaquan_c02_f">${val.card_id}</div>
|
|
<div class="kaquan_c02_g">${val.state}</div>
|
|
<div class="kaquan_c02_h">
|
|
<span class="kaquan_c02_h01 status" data-id="${val.id}" status="1">禁用</span>
|
|
<span class="kaquan_c02_h02 updateActivity" data-id="${val.id}">编辑</span>
|
|
<span class="kaquan_c02_h04 del" data-id="${val.id}">删除</span>
|
|
</div>
|
|
</div>`;
|
|
}else{
|
|
allContent+=`<div class="kaquan_c02">
|
|
<div class="kaquan_c02_a">${val.id}</div>
|
|
<div class="kaquan_c02_b">${val.title}</div>
|
|
<div class="kaquan_c02_c">${val.remark}</div>
|
|
<div class="kaquan_c02_d">${val.start_time}</div>
|
|
<div class="kaquan_c02_e">${val.end_time}</div>
|
|
<div class="kaquan_c02_f">${val.card_id}</div>
|
|
<div class="kaquan_c02_g">${val.state}</div>
|
|
<div class="kaquan_c02_h">
|
|
<span class="kaquan_c02_h01 status" data-id="${val.id}" status="0">启用</span>
|
|
<span class="kaquan_c02_h02 updateActivity" data-id="${val.id}">编辑</span>
|
|
<span class="kaquan_c02_h04 del" data-id="${val.id}">删除</span>
|
|
</div>
|
|
</div>`;
|
|
}
|
|
});
|
|
$('.kaquanContent').html(allContent);
|
|
}
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
</html> |