scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
							{extend name="public/layout"/} {block name="title"}集团-课程培训{/block} {block name="body"}
<style type="text/css">
	html,
	body {
		display: block;
		min-width: 1100px;
	}

	.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-form-label{
        width: auto;
    }
	.layui-tab-title .layui-this {
        color: #249EFB;
    }
    .layui-tab-title .layui-this:after {
		width: 50px;
		height: 4px;
		background-color: #249EFB;
		top: 36px !important;
		left: 50%;
		transform: translateX(-50%);
		border: none;
		border-radius: 0px;
    }
    .layui-tab-title li {
        background-color: #fff;
        margin: 0px 5px;
    }
	.layui-btn-xs,.layui-btn-xs:hover {
		border: 1px solid #249EFB;
		background-color: #fff;
		color: #249EFB;
		padding: 0px 10px;
	}
    .layui-btn-danger,.layui-btn-danger:hover{
		color: #FF5722;
		background-color: #fff;
		border: 1px solid #FF5722;
		padding: 0px 10px;
	}
	.goback {
		float: left;
		margin-right: 20px;
	}
	.goback a {
		color: #269efb;
	}
	.goback i {
		position: relative !important;
		left: 0px;
	}
	.layui-btn-primary {
		color: #249EFB;
		border: 1px solid #249EFB;
	}
	.layui-btn-primary:hover {
		background-color: #E3F7FF;
		color: #249EFB;
	}
	.layui-tab-title {
  border-bottom: 1px solid #f5f5f5;
}
</style>
<body>
<div class="layui-fluid">
	<div class="layui-card">
		<div class="layui-tab">
			{eq name="$from" value="add"}
			<ul class="layui-tab-title">
				<li >
					<a href="{:url('train/groupType')}">课件管理</a>
				</li>
				<li class="layui-this">
					课程管理
				</li>
			</ul>
			{/eq}
		</div>
		<div class="layui-form layui-card-header layuiadmin-card-header-auto">
			<div class="layui-form-item">
				{eq name='$from' value='add'}
				<div style="float:left;">
					<div class="layui-inline">
						<div>
							<button class="layui-btn layuiadmin-btn layui-btn-primary" data-type="trainClassAdd">添加课程</button>
						</div>
					</div>
				</div>
				{else/}
				<div class="layui-inline" style="float: left;">
					<div class="goback">
						<a href="javascript:history.back(-1)">
							<i class="layui-icon layui-icon-return"></i>
							<span>返回</span>
						</a>
					</div>
				</div>
				{/eq}
			</div>
		</div>
		<div class="layui-card-body">
			<table id="datalist" lay-filter="datalist" style="margin-top:15px;"></table>
		</div>
	</div>
</div>
</body>

{/block} {block name="js"}
<script type="text/html" id="op">
		<a class="layui-btn layui-btn-danger layui-btn-xs plr10 borderFF5722" lay-event="share">
			{eq name="$from" value="add"}
			指派
			{else/}
			共享
			{/eq}
		</a>
		{eq name="$from" value="add"}
		<a class="layui-btn layui-btn-xs layui-btn-success plr10 border249EFB" lay-event="edit">编辑</a>
		<a class="layui-btn layui-btn-xs layui-btn-success plr10 border249EFB" lay-event="comment">感悟</a>
		<a class="layui-btn layui-btn-danger layui-btn-xs plr10 borderFF5722" lay-event="del">删除</a>
		{/eq}
</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 type="text/html" id="kh">
	<a href="javascript:void(0)" lay-event="showOrgData" style="color:blue;">查看</a>
</script>
<script type="text/html" id="completeCount">
	<a href="javascript:void(0)" lay-event="completeList" style="color:blue;">{{d.completeCount}}</a>
</script>
<script type="text/html" id="noFinishCount">
	<a href="javascript:void(0)" lay-event="noFinishList" style="color:blue;">{{d.noFinishCount}}</a>
</script>
<script>
	layui.use(['form', 'table'], function() {
		var form = layui.form,
			table = layui.table,
			$ = layui.$;

		var field = {};
		form.on('submit(LAY-app-contlist-search)', function(data) {
			var keyword = $('.keyword').val();
			field['keyword'] = keyword;
			//执行重载
			table.reload('datalist', {
				where: field,
				page: {
					curr: 1
				}
			});
		});
		
		var active = {
			trainClassAdd: function() {
				layer.open({
					type: 2,
					title:['添加课程','color:#333333;background-color:#D8E6F1;'],
					content: '{:url("train/class_add")}',
					resize: false,
					area: ['80%', '80%'],
				});
			}
			,courselist:function(){
				layer.open({
					type: 2,
					title:['课程场景','color:#333333;background-color:#D8E6F1;'],
					content: '{:url("train/type_index")}',
					resize: false,
					area: ['80%', '80%'],
				});
			}
		};
		table.render({
			elem: '#datalist',
			url: "{:url('train/groupClassList')}?from={$from}&root_id={$root_id}&company_group={$company_group}",
			page: true,
			height: 'full-160',
			cols: [
				[{
						type: 'numbers',
						field: 'id',
						title: '序号',
						width: '4%',
						fixed: 'left'
					},
					{
						title: '课程名称',
						field: 'title',
						width: '16%',
						fixed: 'left'
					},
					{
						title: '添加时间',
						field: 'addtime',
						width: '11%'
					},
					{
						title: '课件',
						field: 'courseCount',
						width: '4%'
					},
					{
						title: '培训人数',
						field: 'trainNumber',
						width: '6.2%'
					},
					{
						title: '已完成人数',
						templet: '#completeCount',
						width: '6.2%'
					},
					{
						title: '未完成人数',
						templet: '#noFinishCount',
						width: '6.2%'
					},
					{
						title: '未开始人数',
						field: 'noStartCount',
						width: '6.2%'
					},
					{
						title: '完成观看感',
						field: 'summaryCount',
						width: '6.2%'
					},
					{
						title: '使用店面',
						width: '6%',
						templet: '#shareCompany'
					},
					{
						title: '量化考核',
						width: '8%',
						templet: '#kh'
					},
					{
						title: '操作',
						templet: '#op',
						width: '20%',
						fixed: 'right'
					},
				]
			]
		});
		
		table.on('tool(datalist)', function(obj) {
			switch(obj.event) {
				case 'del':
					layer.confirm('确定要删除该内容么',{title:['信息','color:#333333;background-color:#D8E6F1;']}, function() {
						$.ajax({
							url: '{:url("train/classDel")}',
							data: {
								id: obj.data.id
							},
							type: 'get',
							success: function(res) {
								
								if(res.code == 0){
									layer.msg(res.msg, {
				                        icon: 1,
				                        time: 1000
				                    },function(){
				                        layui.table.reload('datalist');
				                    });
								}else{
									layer.msg(res.msg);
								}
							}
						});
					});
					break;
				case 'edit':
					layer.open({
						type: 2,
						title:['修改课程','color:#333333;background-color:#D8E6F1;'],
						content: '{:url("train/class_edit")}?class_id=' + obj.data.id,
						resize: false,
						area: ['80%', '80%'],
					});
					break;
				case 'share':
					layer.open({
						type: 2,
						title:['指派店面','color:#333333;background-color:#D8E6F1;'],
						content: '{:url("train/group_assign")}?from={$from}&id=' + obj.data.id + '&root_id={$root_id}',
						resize: false,
						area: ['50%', '72%'],
					});
					break;
				case 'assign_list':
					layer.open({
						type: 2,
						title:['店面名称','color:#333333;background-color:#D8E6F1;'],
						content: '{:url("train/groupShareCompany")}?id=' + obj.data.id+'&form={$from}',
						resize: false,
						area: ['50%', '70%'],
					});
					break;
				case 'comment':
					layer.open({
						type: 2,
						title:['课程感悟','color:#333333;background-color:#D8E6F1;'],
						content: '{:url("train/groupComment")}?class_id=' + obj.data.id,
						resize: false,
						area: ['50%', '70%'],
					});
					break;
				case 'showOrgData':
					layer.open({
						type: 2,
						title:['量化考核','color:#333333;background-color:#D8E6F1;'],
						content: '{:url("train/groupOrgData")}?class_id=' + obj.data.id,
						resize: false,
						area: ['80%', '80%'],
						
					});
					break;
				case 'completeList':
					layer.open({
						type: 2,
						title:['已完成人数','color:#333333;background-color:#D8E6F1;'],
						content: '{:url("train/groupDoneLog")}?type=complete&class_id=' + obj.data.id,
						resize: false,
						area: ['80%', '80%'],
					});
					break;
				case 'noFinishList':
					layer.open({
						type: 2,
						title:['未完成人数','color:#333333;background-color:#D8E6F1;'],
						content: '{:url("train/groupDoneLog")}?type=noFinish&class_id=' + obj.data.id,
						resize: false,
						area: ['80%', '80%'],
					});
					break;
			}

		});
		
		$('.layui-btn.layuiadmin-btn').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});
	});
</script>

{/block}