ZangShiQi/addon/wechat/shop/view/message/config.html

<style>
    .card-common .layui-card-header{ padding-bottom: 10px; }
</style>
<div class="layui-collapse tips-wrap">
	<div class="layui-colla-item">
		<h2 class="layui-colla-title">操作提示</h2>
		<ul class="layui-colla-content layui-show">
			<li>注意：请将微信公众号服务类目选择为：商业服务——>软件/建站/技术开发，生活服务——>百货/超市/便利店，工具—>信息查询，所选行业不一致将会导致模板消息不可用。</li>
			<li>公众号可设置20个服务类目，每月只能修改5次,请谨慎选择。</li>
			<li>公众号最多支持25个模板消息，获取时请注意公众号剩余模板数量是否充足</li>
			<li>所需跳转到的小程序必须与发模板消息的公众号是绑定关联关系，暂不支持小游戏</li>
		</ul>
	</div>
</div>

<div class="layui-form">
	<div class="layui-card card-common card-brief top">
		<div class="layui-card-header">
			<span class="card-title">是否需跳转到小程序</span>
			<input type="checkbox" name="" value="1" lay-skin="switch" lay-filter="is_jump_weapp" {if $config.is_jump_weapp == 1} checked {/if} />
		</div>
	</div>
</div>

<table id="template_list" lay-filter="template_list"></table>

<script type="text/html" id="batchOperation">
	<button class="layui-btn layui-btn-primary" lay-event="open">批量开启</button>
	<button class="layui-btn layui-btn-primary" lay-event="close">批量关闭</button>
	<button class="layui-btn layui-btn-primary" lay-event="getAll">批量获取</button>
</script>

<script type="text/html" id="operation">
	<div class="table-btn">
	{{# if(d.wechat_is_open == 0){ }}
		<a class="layui-btn" lay-event="open">开启</a>
	{{# }else{ }}
		<a class="layui-btn" lay-event="close">关闭</a>
	{{# } }}

	{{# if(d.wechat_template_id != undefined && d.wechat_template_id != ''){ }}
		<a class="layui-btn" lay-event="getTemplateNo">重新获取</a>
	{{# } }}

	</div>
</script>

<script type="text/html" id="message_type">
	{{ d.message_type == 1 ? '买家消息' : '卖家消息' }}
</script>

<script type="text/html" id="template_no">
	{{ d.wechat_template_id ? d.wechat_template_id : '' }}
</script>

<script type="text/html" id="wechat_is_open">
	{{ d.wechat_is_open == 1 ? '已启动' : '已关闭' }}
</script>

<script type="text/javascript">
	var form,table;
	layui.use(['form'], function() {
		form = layui.form;
		form.render();
		var repeat_flag = false;//防重复标识

		form.on('switch(is_jump_weapp)', function (data) {
			data.value = data.elem.checked ? data.value : 0;

			$.ajax({
				dataType: "JSON",
				type: "POST",
				data: {"is_jump_weapp": data.value},
				url: ns.url("wechat://shop/message/messageConfig"),
				success: function (res) {
				}
			})
		});

		table = new Table({
			elem: '#template_list',
			url: ns.url("wechat://shop/message/config"),
			cols: [
				[
					{
						width: "3%",
						type: 'checkbox',
						unresize: 'false'
					},
					{
						field: 'title',
						title: '类型',
						align: 'left'
					},
					{
						field: 'message_type',
						title: '消息类型',
						templet: '#message_type',
						align: 'center'
					},
					{
						field: 'wechat_is_open',
						title: '是否启用',
						templet: '#wechat_is_open',
						align: 'center'
					},
					{
						field: 'wechat_template_id',
						title: '编号',
						align: 'center',
						templet: '#template_no'
					},
					{
						title: '操作',
						toolbar: '#operation',
						align: 'right'
					}
				]
			],
			bottomToolbar: "#batchOperation"
		});

		// 批量操作
		table.bottomToolbar(function (obj) {

			if (obj.data.length < 1) {
				layer.msg('请选择要操作的数据');
				return;
			}

			var keywords_array = new Array();
			for (i in obj.data) keywords_array.push(obj.data[i].keywords);
			switch (obj.event) {
				case 'open':
					// 开启
					setStatus(keywords_array.toString(), 1);
					break;
				case 'close':
					// 关闭
					setStatus(keywords_array.toString(), 0);
					break;
				case 'getAll':
					// 批量获取
					getTemplate(keywords_array.toString());
					break;
			}
		});

		/**
		 * 监听工具栏操作
		 */
		table.tool(function (obj) {
			var data = obj.data;
			switch (obj.event) {
				case 'getTemplateNo': //获取模板id
					getTemplate(data.keywords);
					break;
				case 'open': //开启
					setStatus(data.keywords, 1);
					break;
				case 'close': //关闭
					setStatus(data.keywords, 0);
					break;
			}
		});

		function setStatus(keywords, status) {
			$.ajax({
				type: "post",
				url: '{:addon_url("wechat://shop/message/setWechatStatus")}',
				data: {
					"wechat_is_open": status,
					'keywords': keywords
				},
				dataType: "JSON",
				success: function (res) {
					repeat_flag = false;
					layer.msg(res.message);
					table.reload();
				}
			});
		}

		function getTemplate(keywords) {
			var loadLayer;
			layer.confirm('已存在的模板再次获取会导致模板重复存在，是否继续?', function (index) {
				$.ajax({
					type: "post",
					url: '{:addon_url("wechat://shop/message/getWechatTemplateNo")}',
					data: {
						'keywords': keywords
					},
					dataType: "JSON",
					beforeSend: function () {
						loadLayer = layer.msg("模板获取中，请耐心等待，请勿进行其他操作！", {time: 1000 * 10000});
					},
					complete: function () {
						layer.close(loadLayer);
					},
					success: function (res) {
						repeat_flag = false;
						layer.msg(res.message);
						layer.close(index);
						table.reload();
					}
				});
			})
		}

	});
</script>