crm/app/sys/view/material/group_wechat_assign.html

{extend name="public/layout"/} {block name="title"}指派{/block} {block name="body"}
<style type="text/css">
	html,
	body {
		display: block;
		min-width: 100%;
		background-color: #fff;
	}
	
	.layui-fluid {
		display: block;
		border-radius: 5px;
		padding: 15px 30px;
		background-color: #ffffff;
	}
	
	.layui-tab {
		padding: 15px;
		height: 100%;
	}

	.layui-input-inline.input-longer-inline {
		width: 290px;
	}
	
	.layui-form-item .layui-input-inline {
		width: auto;
	}
	.layui-titlebox{
		position: relative;
	    left: 0;
	    height: 40px;
	    white-space: nowrap;
	    font-size: 0;
	    border-bottom-width: 1px;
	    border-bottom-style: solid;
	    transition: all .2s;
	    -webkit-transition: all .2s;
	    border-color: #e6e6e6;
	    color: #666;
	    background-color: #f2f2f2;
	}
	.layui-titlebox li {
	    display: inline-block;
	    vertical-align: middle;
	    font-size: 14px;
	    transition: all .2s;
	    -webkit-transition: all .2s;
	    position: relative;
	    line-height: 40px;
	    width: 50%;
	    text-align: center;
	    cursor: pointer;
	    box-sizing: border-box;
	}
	.layui-titlebox .layui-this {
	    color: #000;
	    border-bottom-color: transparent;
	    background-color: #249EFB;
	    color: #FFFFFF;
	}
	.layui-titlebox .layui-this:after {
	    position: absolute;
	    left: 0;
	    top: 0;
	    content: '';
	    width: 100%;
	    height: 41px;
	    border-width: 1px;
	    border-style: solid;
	    border-color: #e6e6e6;
	    border-bottom-color: #fff;
	    border-radius: 2px 2px 0 0;
	    box-sizing: border-box;
	    pointer-events: none;
	}
	.saveBtn,.cancel,.cancel:hover,.saveBtn:hover {
		background-color: #fff;
		color: #249EFB;
		border: 1px solid #249EFB;
	}
	.layui-icon-add-circle::before {
		font-size: 30px;
	}
	.layui-border-btn,.layui-border-btn:hover {
		border: 1px solid #249EFB;
		background-color: #fff;
		color: #249EFB;
	}
	.layui-tab-content {
		padding-top: 20px;
	}
	.plr20{
		padding: 0px 20px;
	}
	.layui-form-radio>i {
		font-size: 18px;
	}
</style>
<div class="layui-fluid">
	<div class="layui-table">
		<form class="layui-form">
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">
                    <div class="layui-form-item">
                        {if condition="$data eq ''"}
                            所有店面已共享完毕
                        {else/}
                            {volist name="data" id="v"}
                                <input type="checkbox" lay-filter="checkboxs" value="{$v.root_id}" title="{$v.company_name}">
                                <hr>
                            {/volist}
                        {/if}
                    </div>
		        </div>
			</div>   
		</form>
	</div>
</div>
{/block} {block name="js"}
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index'
	}).use(['index', 'table', 'form'], function() {
		var $ = layui.$,
			table = layui.table,
			form = layui.form;
            var id = '{$id}';
			var root_id = '{$root_id}';

            form.on('checkbox(checkboxs)', function(data){
                var load = layer.load(1, {shade: [0.5, '#fff']});
                $.ajax({
                    url: '{:url("material/group_wechat_assign")}?root_id='+data.value+'&id='+id,
                    type: 'post',
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    success: function (res) {
                        if (res.code == 0) {
                            layer.msg(res.msg, {
                                icon: 1,
                                time: 1000
                            },function(){
								parent.location.reload();
							});
                        } else {
                            layer.msg(res.msg,{
                                time: 1000
                            },function(){
								location.reload();
							});
							
                        }
						layer.close(load);
                    }
                });
            });
	});
</script>
{/block}