crm/app/sys/view/talkskill/group_share_company.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:0;
		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: 0;}
	.layui-card-body{padding:15px;}
	.plr20{
		padding: 0px 20px;
	}
	.layui-form-radio>i {
		font-size: 18px;
	}
	.layui-table, .layui-table-view{margin:0}
	.layui-table-view .layui-table{width:100% !important;}
</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">
						<div class="layui-card-body">
							<table id="datalists" lay-filter="datalists"></table>
						</div>
                    </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 from="{$from}";
			var titles= from=='add'?'指派时间':'共享时间';
		table.render({
			elem: '#datalists',
			url: "{:url('talkskill/groupShareCompany')}?id={$id}&from="+from,
			page: true,
			height: '460',
			cols: [
				[{
						type: 'numbers',
						field: 'id',
						title: '序号',
						width: '6%',
						fixed: 'left'
					},
					{
						title: '店面名称',
						field: 'company_name',
						fixed: 'left'
					},
					{
						title: titles,
						field: 'addtime',
					}
				]
			]
		});
	});
</script>
{/block}