230 lines
10 KiB
HTML
230 lines
10 KiB
HTML
|
<include file="public/layout" />
|
|||
|
|
<body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default; -moz-user-select: inherit;">
|
|||
|
|
<div id="append_parent"></div>
|
|||
|
|
<div id="ajaxwaitid"></div>
|
|||
|
|
<div class="page">
|
|||
|
|
<div class="fixed-bar">
|
|||
|
|
<div class="item-title">
|
|||
|
|
<div class="subject">
|
|||
|
|
<h3>消息提醒</h3>
|
|||
|
|
<h5>消息模板列表</h5>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 操作说明 -->
|
|||
|
|
<div id="explanation" class="explanation" style="color: rgb(44, 188, 163); background-color: rgb(237, 251, 248); width: 99%; height: 100%;">
|
|||
|
|
<div id="checkZoom" class="title"><i class="fa fa-lightbulb-o"></i>
|
|||
|
|
<h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
|
|||
|
|
<span title="收起提示" id="explanationZoom" style="display: block;"></span>
|
|||
|
|
</div>
|
|||
|
|
<ul>
|
|||
|
|
<li>消息提醒，即微信模板消息，需要先登录微信公众号平台，添加插件，申请开通模板消息。</li>
|
|||
|
|
<li>然后选择填写所在行业： IT科技/互联网|电子商务，如果有其他行业则选填：IT科技/电子技术。每月可更改1次所选行业</li>
|
|||
|
|
<li>启用列表所需要的模板消息，即可在相应事件触发模板消息；编辑模板消息备注，可增加显示自定义提示消息内容</li>
|
|||
|
|
<li>每个公众号账号可以同时使用25个模板，超过将无法使用模板消息功能。</li>
|
|||
|
|
<li>如果在使用中发现使用模板超出了25个，但这里并没有使用这么多，可能是微信后台本来就已有其他的模板，请前往自行删除</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="flexigrid">
|
|||
|
|
<div class="mDiv">
|
|||
|
|
<div class="ftitle">
|
|||
|
|
<h3>消息模板列表</h3>
|
|||
|
|
<h5>(共{:count($tpls)}条记录)</h5>
|
|||
|
|
</div>
|
|||
|
|
<div title="刷新数据" class="pReload"><i class="fa fa-refresh"></i></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="hDiv">
|
|||
|
|
<div class="hDivBox">
|
|||
|
|
<table cellspacing="0" cellpadding="0">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th class="sign" axis="col6">
|
|||
|
|
<div style="width: 24px;"><i class="ico-check"></i></div>
|
|||
|
|
</th>
|
|||
|
|
<th align="left" abbr="" axis="col6" class="">
|
|||
|
|
<div style="text-align: center; width:200px;" class="">模板标题</div>
|
|||
|
|
</th>
|
|||
|
|
<th align="left" abbr="" axis="col6" class="">
|
|||
|
|
<div style="text-align: center; width:150px;" class="">模板编号</div>
|
|||
|
|
</th>
|
|||
|
|
<th align="center" abbr="" axis="col6" class="">
|
|||
|
|
<div style="text-align: center; width: 150px;" class="">添加时间</div>
|
|||
|
|
</th>
|
|||
|
|
<th align="center" abbr="" axis="col6" class="">
|
|||
|
|
<div style="text-align: center; width: 80px;" class="">是否启用</div>
|
|||
|
|
</th>
|
|||
|
|
<th align="center" abbr="" axis="col6" class="">
|
|||
|
|
<div style="text-align: center; width: 150px;">操作</div>
|
|||
|
|
</th>
|
|||
|
|
<th style="width:100%" axis="col7">
|
|||
|
|
<div></div>
|
|||
|
|
</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="flexigrid" class="bDiv" style="height: auto;">
|
|||
|
|
<!--ajax 返回 -->
|
|||
|
|
<table>
|
|||
|
|
<tbody>
|
|||
|
|
<volist name="tpls" id="list">
|
|||
|
|
<tr data-id="{$list.openid}">
|
|||
|
|
<td class="sign" axis="col6">
|
|||
|
|
<div style="width: 24px;"><i class="ico-check"></i></div>
|
|||
|
|
</td>
|
|||
|
|
<td align="center" axis="col0">
|
|||
|
|
<div style="text-align: center; width: 200px;">{$list.title}</div>
|
|||
|
|
</td>
|
|||
|
|
<td align="center" axis="col0">
|
|||
|
|
<div style="text-align: center; width: 150px;">{$list.template_sn}</div>
|
|||
|
|
</td>
|
|||
|
|
<td align="center" axis="col0">
|
|||
|
|
<div style="text-align: center; width: 150px;">{$user_tpls[$list.template_sn] ? date('Y-m-d H:i:s',$user_tpls[$list.template_sn][add_time]) : ''}</div>
|
|||
|
|
</td>
|
|||
|
|
<td align="center" axis="col0">
|
|||
|
|
<div style="text-align: center; width: 80px;">
|
|||
|
|
<if condition='$user_tpls[$list.template_sn][is_use] eq 1'>
|
|||
|
|
<span class="yes" onClick="setUse('{$list.template_sn}', this)" data-enable="{$user_tpls[$list.template_sn][is_use]}"><i class="fa fa-check-circle"></i>是</span>
|
|||
|
|
<else/>
|
|||
|
|
<span class="no" onClick="setUse('{$list.template_sn}', this)" data-enable="{$user_tpls[$list.template_sn][is_use]}"><i class="fa fa-ban"></i>否</span>
|
|||
|
|
</if>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td align="center" class="col0">
|
|||
|
|
<div style="text-align: center; width: 150px;" >
|
|||
|
|
<a href="javascript:;" class="btn blue" onclick="popup('{$list.template_sn}')"><i class="fa fa-edit"></i>编辑</a>
|
|||
|
|
<a href="javascript:;" class="btn blue" onclick="reset('{$list.template_sn}')"><i class="fa fa-recycle"></i>重置</a>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td align="" class="" style="width: 100%;">
|
|||
|
|
<div> </div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<textarea style="display:none" id="remark{$list.template_sn}">{$user_tpls[$list.template_sn][remark]}</textarea>
|
|||
|
|
</volist>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!--弹窗-->
|
|||
|
|
<div class="ncap-form-default" id="editer" style="display: none">
|
|||
|
|
<dl class="row">
|
|||
|
|
<dt class="tit">
|
|||
|
|
<label><em></em>消息备注:</label>
|
|||
|
|
</dt>
|
|||
|
|
<dd class="opt">
|
|||
|
|
<textarea name="text" rows="6" placeholder="此备注会附在消息后面一同发给微信用户" id="submit-text" class="tarea"></textarea>
|
|||
|
|
</dd>
|
|||
|
|
</dl>
|
|||
|
|
<div class="bot"><a href="JavaScript:void(0);" onClick="setData()" class="ncap-btn-big ncap-btn-green">设置</a></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
$(document).ready(function() {
|
|||
|
|
// 点击刷新数据
|
|||
|
|
$('.fa-refresh').click(function(){
|
|||
|
|
location.href = location.href;
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
function setUse(sn, el) {
|
|||
|
|
var isEnable = $(el).data('enable') ? 0 : 1;
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'post',
|
|||
|
|
url: "{:U('set_template_msg')}",
|
|||
|
|
data: {
|
|||
|
|
template_sn: sn,
|
|||
|
|
is_use: isEnable
|
|||
|
|
},
|
|||
|
|
dataType: 'json',
|
|||
|
|
success: function (res) {
|
|||
|
|
if (!res) {
|
|||
|
|
return layer.alert('服务器空响应', {icon:2});
|
|||
|
|
}
|
|||
|
|
if (res.status === 1) {
|
|||
|
|
return layer.msg(res.msg, {time: 1000, icon: 1}, function () {
|
|||
|
|
location.reload(true);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
var msg = (typeof res.status === 'undefined') ? '数据格式出错' : res.msg;
|
|||
|
|
layer.alert(msg, {icon:2});
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
layer.alert('服务器繁忙！', {icon: 2});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
var popup_template_sn = 0;
|
|||
|
|
function setData() {
|
|||
|
|
var remark = $('#submit-text').val();
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'post',
|
|||
|
|
url: "{:U('set_template_msg')}",
|
|||
|
|
data: {
|
|||
|
|
template_sn: popup_template_sn,
|
|||
|
|
remark: remark
|
|||
|
|
},
|
|||
|
|
dataType: 'json',
|
|||
|
|
success: function (res) {
|
|||
|
|
if (!res) {
|
|||
|
|
return layer.alert('服务器空响应', {icon:2});
|
|||
|
|
}
|
|||
|
|
if (res.status === 1) {
|
|||
|
|
$('#remark'+popup_template_sn).val(remark);
|
|||
|
|
return layer.msg(res.msg, {time: 1000, icon: 1}, function () {
|
|||
|
|
location.reload(true);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
var msg = (typeof res.status === 'undefined') ? '数据格式出错' : res.msg;
|
|||
|
|
layer.alert(msg, {icon:2});
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
layer.alert('服务器繁忙！', {icon: 2});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function popup(sn) {
|
|||
|
|
popup_template_sn = sn;
|
|||
|
|
$('#submit-text').val($('#remark'+sn).val());
|
|||
|
|
layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title: '消息模板设置',
|
|||
|
|
shadeClose: true,
|
|||
|
|
shade: 0.8,
|
|||
|
|
area: ['580px', '240px'],
|
|||
|
|
content: $('#editer')
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function reset(sn) {
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'post',
|
|||
|
|
url: "{:U('reset_template_msg')}",
|
|||
|
|
data: {
|
|||
|
|
template_sn: sn
|
|||
|
|
},
|
|||
|
|
dataType: 'json',
|
|||
|
|
success: function (res) {
|
|||
|
|
if (!res) {
|
|||
|
|
return layer.alert('服务器空响应', {icon:2});
|
|||
|
|
}
|
|||
|
|
if (res.status === 1) {
|
|||
|
|
return layer.msg(res.msg, {time: 1000, icon: 1}, function () {
|
|||
|
|
location.reload(true);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
var msg = (typeof res.status === 'undefined') ? '数据格式出错' : res.msg;
|
|||
|
|
layer.alert(msg, {icon:2});
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
layer.alert('服务器繁忙！', {icon: 2});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|