scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274
							{extend name="public/layout" /} {block name="title"}集团添加朋友圈列表{/block} {block name="body"}

<style type="text/css">
	html,
	body {
		display: block;
	}
	
	.layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}
	
	.layui-fluid {
		display: block;
		box-shadow: 0 0 4px 0 #B6CADE;
		border-radius: 5px;
		margin: 15px;
		background-color: #ffffff;
	}
	
	.layui-tab {
		padding: 15px;
		height: 100%;
	}
	
	.layui-form-item {
		width: 100%;
	}
	.layui-btn-primary {
		color: #249EFB;
		border: 1px solid #249EFB;
	}
	.layui-btn-primary:hover {
		background-color: #E3F7FF;
		color: #249EFB;
	}
	.layui-btn-xs,.layui-btn-xs:hover {
		border: 1px solid #249EFB;
		color: #249EFB;
		background-color: #fff;
		padding: 0px 10px;
	}
	.layui-card-header {
		background-color: #F6FAFD;
	}
	.goback {
		float: left;
		margin-right: 20px;
	}
	.goback a {
		color: #269efb;
	}
	.goback i {
		position: relative !important;
		left: 0px;
	}
	.layui-btn-danger,
	.layui-btn-danger:hover {
		color: #FF5722;
		background-color: #fff;
		border: 1px solid #FF5722;
		padding: 0px 10px;
	}
</style>

<body>

	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-form layui-card-header layuiadmin-card-header-auto">
				<div class="layui-form-item">
					<a type="button" class="layui-btn layui-btn-primary caseaddbtn">
						添加朋友圈
					</a>
					<a type="button" class="layui-btn layui-btn-primary" id="cate_administration">分类管理</a>
					<div style="float:right;width:auto;">
						<div class="layui-inline">
							<label class="layui-form-label">关键字搜索</label>
							<div class="layui-input-inline">
								<input type="text" name="keyword" placeholder="请输入关键字搜索" autocomplete="off" class="layui-input keyword">
							</div>
						</div>
						<div class="layui-inline">
							<button class="layui-btn layuiadmin-btn" lay-submit lay-filter="LAY-app-contlist-search">
							<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
						</button>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-card-body">
				<table lay-filter="wxshow-add-table" id="wxshow-add-table"></table>
			</div>
		</div>
	</div>
</body>
{/block} {block name="js"}
<script type="text/html" id="add-operation">
    <a class="layui-btn layui-btn-xs" lay-event="share">指派</a>
	<a class="layui-btn layui-btn-xs" lay-event="wx-details">编辑</a>
	<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="wx-delete">删除</a>
</script>
<script type="text/html" id="contenttpl">
  {{# if(d.content){ }}
    <span>{{d.content}}</span>
  {{# }else{ }}
    <span style="color: #cccccc;">无</span>
  {{# } }}
</script>
<script type="text/html" id="employee_name">
	{{# if(d.employee_name){ }}
	<span>{{d.employee_name}}</span>
	{{# }else{ }}
	<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="shareCompany">
	<a href="javascript:void(0)" lay-event="assign_list" style="color: #0066CC"><i class="layui-icon">&#xe633;</i>{{d.shareCompany}}</a>
</script>
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index',  'table', 'element'], function() {
		var $ = layui.$,
			form = layui.form,
			element = layui.element,
			table = layui.table;
		//分类管理
		$("#cate_administration").click(function(){
			layer.open({
				type: 2,
				title: ['分类管理', 'color:#333333;background-color:#D8E6F1;'],
				content : '{:url("material/cate_wechat")}?from=add',
				resize: false,
				area: ['80%', '80%'],
				end: function () {
					location.reload();
				}
			});
		})
		
		$('.caseaddbtn').click(function(){
			layer.open({
			  type: 2, 
			  title: ['添加朋友圈', 'color:#333333;background-color:#D8E6F1;'],
			  content: "{:url('material/wxshow_add')}",
			  resize: false,
			  area: ['80%', '80%']
			}); 
		})
		
	    //监听搜索
	    form.on('submit(LAY-app-contlist-search)', function (data) {
	        var field = data.field;
	        //执行重载
	        table.reload('wxshow-add-table', {
	            where: field
				,page: {curr:1}
	        });
	    });

		
		//朋友圈集团自建列表
		table.render({
			elem: '#wxshow-add-table',
			autoSort: false,
			url: "{:url('material/group_wechat_list')}?root_id={$root_id}",
			cols: [
				[{
					align:'center',
					type: 'numbers',
					field: 'id',
					width: 100,
					title: '序号',
					sort: true
				}, {
					align:'center',
					field: 'content',
					title: '内容',
					templet:'#contenttpl'
				}, {
					align:'center',
					field: 'addtime',
					title: '时间',
				}, {
					align:'center',
					field: 'label_name',
					title: '分类',
				}, {
					align:'center',
					title: '类型',
					templet: function(d) {
						if(d.type == 1) {
							return '视频';
						} else if(d.type == 2) {
							return '图片';
						} else if (d.type == 3){
							return '文字';
						} else {
							return '无';
						}
					}
				}, {
					align:'center',
					title: '上传人',
					templet: '#employee_name',
				}, {
					align:'center',
					title: '指派店面',
					templet: '#shareCompany',
				},{
					title: '操作',
					width: 240,
					align: 'center',
					fixed: 'right',
					toolbar: '#add-operation'
				}]
			],
			page: true,
			limit: 30,
			height: 'full-160',
			text: '对不起，加载出现异常！'
		});

		table.on('tool(wxshow-add-table)', function(obj) {
			var data = obj.data;
			if(obj.event === 'wx-details') {
				layer.open({
					type: 2,
					title: ['修改', 'color:#333333;background-color:#D8E6F1;'],
					content: "{:url('material/wxshowdetail')}?id=" + data.id,
					resize: false,
					area: ['80%', '80%']
				});
			}
			if(obj.event === 'wx-delete') {
				layer.confirm('确定要删除此素材么？',{title: ['信息', 'color:#333333;background-color:#D8E6F1;'],}, function () {
					$.get("{:url('material/apiwxdelete')}?id=" + data.id, function (res) {
						if (res.code === 0) {
							layer.msg(res.msg, {anim: 0,time: 400},function () {
								table.reload('wxshow-add-table');
							});
						} else {
							layer.msg(res.msg, {anim: 6,time: 400});
						}
					});
				});
			}
            if(obj.event === 'share') {
				layer.open({
                    type: 2,
                    title:['指派店面','color:#333333;background-color:#D8E6F1;'],
                    content: '{:url("material/groupAssign")}?id=' + obj.data.id,
                    resize: false,
                    area: ['50%', '72%'],
                });
			}
			if(obj.event === 'assign_list'){
				layer.open({
					type: 2,
					title:['店面名称','color:#333333;background-color:#D8E6F1;'],
					content: '{:url("material/groupShareCompany")}?id=' + obj.data.id,
					resize: false,
					area: ['50%', '72%'],
				});
			}
		});
	});
</script>
{/block}