256 lines
		
	
	
		
			9.4 KiB
		
	
	
	
		
			HTML
		
	
	
		
		
			
		
	
	
			256 lines
		
	
	
		
			9.4 KiB
		
	
	
	
		
			HTML
		
	
	
|  | {layout name="layout1" /} | ||
|  | 
 | ||
|  | <style> | ||
|  |     .layui-table-cell { | ||
|  |         height:auto; | ||
|  |     } | ||
|  | </style> | ||
|  | 
 | ||
|  | <div class="wrapper"> | ||
|  |     <div class="layui-card"> | ||
|  |         <div class="layui-card-body"> | ||
|  |             <!--操作提示--> | ||
|  |             <div class="layui-collapse" style="border:1px dashed #c4c4c4"> | ||
|  |                 <div class="layui-colla-item"> | ||
|  |                     <h2 class="layui-colla-title like-layui-colla-title">操作提示</h2> | ||
|  |                     <div class="layui-colla-content layui-show"> | ||
|  |                         <p>*平台配置在各个场景下的通知发送方式和内容模板。</p> | ||
|  |                     </div> | ||
|  |                 </div> | ||
|  |             </div> | ||
|  |         </div> | ||
|  |         <div class="layui-card-body"> | ||
|  |             <!--列表--> | ||
|  |             <div class="layui-tab layui-tab-card" lay-filter="like-tabs"> | ||
|  |                 <ul class="layui-tab-title"> | ||
|  |                     <li data-type='1' class="layui-this">通知会员</li> | ||
|  |                     <li data-type='2' >通知商家</li> | ||
|  |                     <li data-type='3' >通知平台</li> | ||
|  |                 </ul> | ||
|  |                 <div class="layui-tab-content"> | ||
|  |                     <!--通知会员--> | ||
|  |                     <div class="layui-tab-item layui-show "> | ||
|  |                         <table id="user-lists" lay-filter="user-lists"></table> | ||
|  |                     </div> | ||
|  |                     <!--通知商家--> | ||
|  |                     <div class="layui-tab-item"> | ||
|  |                         <table id="shop-lists" lay-filter="shop-lists"></table> | ||
|  |                     </div> | ||
|  |                     <!--通知平台--> | ||
|  |                     <div class="layui-tab-item"> | ||
|  |                         <table id="platform-lists" lay-filter="platform-lists"></table> | ||
|  |                     </div> | ||
|  |                 </div> | ||
|  |             </div> | ||
|  |         </div> | ||
|  |     </div> | ||
|  | </div> | ||
|  | 
 | ||
|  | 
 | ||
|  | <script type="text/html" id="systemTpl"> | ||
|  |     {{#  if((d.support).includes(1)){ }} | ||
|  |         <div> | ||
|  |             {{#  if(d.system_notice.status == 1){ }} | ||
|  |             <a class="layui-btn layui-btn layui-btn-sm operation-btn">已开启</a> | ||
|  |             {{#  } else { }} | ||
|  |             <a class="layui-btn layui-btn-primary layui-btn-sm operation-btn">已关闭</a> | ||
|  |             {{#  } }} | ||
|  |             <a class="layui-btn layui-btn-normal layui-btn-sm operation-btn" lay-event="system_record">通知记录</a> | ||
|  |             <a class="layui-btn layui-btn-normal layui-btn-sm operation-btn" lay-event="system">设置</a> | ||
|  |         </div> | ||
|  |     {{#  } else { }} | ||
|  |         - | ||
|  |     {{#  } }} | ||
|  | </script> | ||
|  | 
 | ||
|  | <script type="text/html" id="smsTpl"> | ||
|  |     {{#  if((d.support).includes(2)){ }} | ||
|  |     <div> | ||
|  |         {{#  if(d.sms_notice.status == 1){ }} | ||
|  |         <a class="layui-btn layui-btn layui-btn-sm operation-btn">已开启</a> | ||
|  |         {{#  } else { }} | ||
|  |         <a class="layui-btn layui-btn-primary layui-btn-sm operation-btn">已关闭</a> | ||
|  |         {{#  } }} | ||
|  |         <a class="layui-btn layui-btn-normal layui-btn-sm operation-btn" lay-event="sms_record">通知记录</a> | ||
|  |         <a class="layui-btn layui-btn-normal layui-btn-sm operation-btn" lay-event="sms">设置</a> | ||
|  |     </div> | ||
|  |     {{#  } else { }} | ||
|  |         - | ||
|  |     {{#  } }} | ||
|  | </script> | ||
|  | 
 | ||
|  | <script type="text/html" id="oaTpl"> | ||
|  |     {{#  if((d.support).includes(3)){ }} | ||
|  |         <div> | ||
|  |             {{#  if(d.oa_notice.status == 1){ }} | ||
|  |             <a class="layui-btn layui-btn layui-btn-sm operation-btn">已开启</a> | ||
|  |             {{#  } else { }} | ||
|  |             <a class="layui-btn layui-btn-primary layui-btn-sm operation-btn">已关闭</a> | ||
|  |             {{#  } }} | ||
|  |             <a class="layui-btn layui-btn-normal layui-btn-sm operation-btn" lay-event="oa_record">通知记录</a> | ||
|  |             <a class="layui-btn layui-btn-normal layui-btn-sm operation-btn" lay-event="oa">设置</a> | ||
|  |         </div> | ||
|  |     {{#  } else { }} | ||
|  |         - | ||
|  |     {{#  } }} | ||
|  | </script> | ||
|  | 
 | ||
|  | <script type="text/html" id="mnpTpl"> | ||
|  |     {{#  if((d.support).includes(4)){ }} | ||
|  |     <div> | ||
|  |         {{#  if(d.mnp_notice.status == 1){ }} | ||
|  |         <a class="layui-btn layui-btn layui-btn-sm operation-btn">已开启</a> | ||
|  |         {{#  } else { }} | ||
|  |         <a class="layui-btn layui-btn-primary layui-btn-sm operation-btn">已关闭</a> | ||
|  |         {{#  } }} | ||
|  |         <a class="layui-btn layui-btn-normal layui-btn-sm operation-btn" lay-event="mnp_record">通知记录</a> | ||
|  |         <a class="layui-btn layui-btn-normal layui-btn-sm operation-btn" lay-event="mnp">设置</a> | ||
|  |     </div> | ||
|  |     {{#  } else { }} | ||
|  |         - | ||
|  |     {{#  } }} | ||
|  | </script> | ||
|  | 
 | ||
|  | <script> | ||
|  |     layui.use(['element', 'table'], function () { | ||
|  |         var $ = layui.$ | ||
|  |             , form = layui.form | ||
|  |             , table = layui.table | ||
|  |             , element = layui.element; | ||
|  | 
 | ||
|  |         getLists(1); | ||
|  | 
 | ||
|  |         //切换列表 | ||
|  |         element.on('tab(like-tabs)', function (data) { | ||
|  |             form.render('select'); | ||
|  |             var type = $(this).attr('data-type'); | ||
|  |             getLists(type); | ||
|  |         }); | ||
|  | 
 | ||
|  | 
 | ||
|  |         //列表 | ||
|  |         function getLists(type) { | ||
|  |             var elem = '#user-lists'; | ||
|  |             if (type == 2) { | ||
|  |                 elem = '#shop-lists'; | ||
|  |             } else if(type == 3) { | ||
|  |                 elem = '#platform-lists'; | ||
|  |             } | ||
|  |             like.tableLists(elem, '{:url("setting.noticeSetting/index")}?type='+type, [ | ||
|  |                 {field: 'scene', title: '通知类型',width:200} | ||
|  |                 , {field: 'desc', title: '通知场景说明', width:200 } | ||
|  |                 , {field: 'system_notice', title: '系统通知',width:240, align: 'center', templet:'#systemTpl'} | ||
|  |                 , {field: 'sms_notice', title: '短信通知',width:240, align: 'center', templet:'#smsTpl'} | ||
|  |                 , {field: 'oa_notice', title: '微信模板消息',width:240, align: 'center', templet:'#oaTpl'} | ||
|  |                 , {field: 'mnp_notice', title: '微信小程序提醒',width:240, align: 'center', templet:'#mnpTpl'} | ||
|  |             ],[],false); | ||
|  |         } | ||
|  | 
 | ||
|  | 
 | ||
|  |         //操作 | ||
|  |         var active = { | ||
|  |             //系统通知 | ||
|  |             system: function (obj) { | ||
|  |                 setPage('系统通知设置', obj.data.id, 'system'); | ||
|  |             }, | ||
|  |             //系统通知记录 | ||
|  |             system_record: function (obj) { | ||
|  |                 recordPage('系统通知记录', obj.data.id, 1); | ||
|  |             }, | ||
|  | 
 | ||
|  |             //短信通知 | ||
|  |             sms: function (obj) { | ||
|  |                 setPage('短信通知设置', obj.data.id, 'sms'); | ||
|  |             }, | ||
|  |             //知信通知记录 | ||
|  |             sms_record: function (obj) { | ||
|  |                 recordPage('短信通知记录', obj.data.id, 2); | ||
|  |             }, | ||
|  | 
 | ||
|  |             //公众号通知 | ||
|  |             oa: function (obj) { | ||
|  |                 setPage('公众号通知设置', obj.data.id, 'oa'); | ||
|  |             }, | ||
|  |             //微信模板通知记录 | ||
|  |             oa_record: function (obj) { | ||
|  |                 recordPage('微信模板通知记录', obj.data.id, 3); | ||
|  |             }, | ||
|  | 
 | ||
|  |             //小程序 | ||
|  |             mnp: function (obj) { | ||
|  |                 setPage('小程序通知设置', obj.data.id, 'mnp'); | ||
|  |             }, | ||
|  |             //微信小程序通知记录 | ||
|  |             mnp_record: function (obj) { | ||
|  |                 recordPage('微信小程序通知记录', obj.data.id, 4); | ||
|  |             }, | ||
|  |         }; | ||
|  | 
 | ||
|  | 
 | ||
|  |         //设置页面 | ||
|  |         function setPage(title, id, type) { | ||
|  |             layer.open({ | ||
|  |                 type: 2 | ||
|  |                 ,title: title | ||
|  |                 ,content: '{:url("setting.noticeSetting/set")}?id='+id+'&type='+type | ||
|  |                 ,area: ['90%','90%'] | ||
|  |                 ,btn: ['确定', '取消'] | ||
|  |                 ,yes: function(index, layero) { | ||
|  |                     var iframeWindow = window['layui-layer-iframe'+ index] | ||
|  |                         ,submitID = 'addSubmit' | ||
|  |                         ,submit = layero.find('iframe').contents().find('#'+ submitID); | ||
|  |                     //监听提交 | ||
|  |                     iframeWindow.layui.form.on('submit('+ submitID +')', function(data){ | ||
|  |                         var field = data.field; | ||
|  |                         like.ajax({ | ||
|  |                             url:'{:url("setting.noticeSetting/set")}', | ||
|  |                             data:field, | ||
|  |                             type:"post", | ||
|  |                             success:function(res) { | ||
|  |                                 if(res.code === 1) { | ||
|  |                                     layui.layer.msg(res.msg, { offset:'15px', icon:1, time:1000 }); | ||
|  |                                     layer.close(index); | ||
|  |                                     table.reload('user-lists'); | ||
|  |                                     table.reload('platform-lists'); | ||
|  |                                 } | ||
|  |                             } | ||
|  |                         }); | ||
|  |                     }); | ||
|  |                     submit.trigger('click'); | ||
|  |                 } | ||
|  |             }); | ||
|  |         } | ||
|  |         // 通知记录界面 | ||
|  |         function recordPage(title, id, send_type) { | ||
|  |             layer.open({ | ||
|  |                 type: 2 | ||
|  |                 ,title: title | ||
|  |                 ,content: '{:url("setting.noticeSetting/record")}?id='+id+'&send_type='+send_type | ||
|  |                 ,area: ['90%','90%'] | ||
|  |                 ,btn: ['确定', '取消'] | ||
|  |                 ,yes: function(index, layero) { | ||
|  |                     layer.close(index); | ||
|  |                 } | ||
|  |             }); | ||
|  |         } | ||
|  | 
 | ||
|  | 
 | ||
|  |         // 监听表格右侧工具条 | ||
|  |         table.on('tool(user-lists)', function(obj) { | ||
|  |             var type = obj.event; | ||
|  |             active[type] ? active[type].call(this, obj) : ''; | ||
|  |         }); | ||
|  | 
 | ||
|  |         table.on('tool(shop-lists)', function(obj) { | ||
|  |             var type = obj.event; | ||
|  |             active[type] ? active[type].call(this, obj) : ''; | ||
|  |         }); | ||
|  | 
 | ||
|  |         table.on('tool(platform-lists)', function(obj) { | ||
|  |             var type = obj.event; | ||
|  |             active[type] ? active[type].call(this, obj) : ''; | ||
|  |         }); | ||
|  | 
 | ||
|  |     }); | ||
|  | 
 | ||
|  | </script> |