scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384
							{extend name="public/layout" /} {block name="title"}话术库{/block} {block name="body"}
<style type="text/css">
	html,
	body {
		display: block;
		min-width: 1100px;
	}

	.layui-fluid {
		display: block;
		box-shadow: 0 0 4px 0 #B6CADE;
		border-radius: 5px;
		margin: 15px;
		background-color: #ffffff;
	}
	.layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}
    .layui-form-label{
        width: auto;
    }
    
    .goback {
		float: left;
		margin-right: 20px;
	}
	.goback a {
		color: #269efb;
	}
	.goback i {
		position: relative !important;
	}
	.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;
	}
	.deletebtn{display:none}
	.commentcount img{width:18px;display: inline-block;vertical-align: -13%;margin-right: 2px;}
	.layui-form-item .layui-input-inline,.layui-select-title{max-width:160px !important;}
	.layui-btn-primary {
		color: #249EFB;
		border: 1px solid #249EFB;
	}
</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">
                    <div style="float:right;">
                    	<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">
							<label >上传时间</label>
							<input type="text" style="border:1px solid #e6e6e6;height:36px;max-width:212px;text-align: center;" class="pdl40 huise999 ds" name="time" id="time_date" placeholder="开始时间 - 结束时间" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-inline">
							<select name="cate1" lay-filter="cate" id="cate">
								<option value="">请选择场景</option>
								{volist name='cate' id='vo'}
								<option value="{$vo.id}">{$vo.name}</option>
								{/volist}
							</select>
						</div>
						<div class="layui-inline">
							<select name="cate2" id="cate2">
								<option value="">请选择分类</option>
							</select>
						</div>
						<div class="layui-inline">
							<select name="user_cate">
								<option value="">请选择适用部门</option>
								{volist name='user_cate' id='vo'}
								<option value="{$vo.id}">{$vo.name}</option>
								{/volist}
							</select>
						</div>
						<div class="layui-inline">
							<select name="house_type">
								<option value="">请选择房屋类型</option>
								{volist name='house_type' id='vo'}
								<option value="{$vo.id}">{$vo.name}</option>
								{/volist}
							</select>
						</div>
						
	                    <div class="layui-inline" style="margin-right:0;">
	                        <button class="layui-btn layuiadmin-btn-useradmin searchBtn submitbtn" lay-submit lay-filter="customer-search">
	                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
	                        </button>
	                    </div>
                    </div>
                    <div class="layui-inline" style="float: left;">
						{auth:check name="talkskill/add_talkskill"}
							<button class="layui-btn layuiadmin-btn layui-btn-primary" data-type="add">添加成功案例</button>
						{/auth:check}
                    	<!-- <div class="goback">
							<a href="{:url('talkskill/success_cate')}"><i class="layui-icon layui-icon-return"></i>
								<span>返回</span>
							</a>
						</div> -->
						<!-- {auth:check name="talkskill/add_talkskill"}
	                    	<button class="layui-btn layuiadmin-btn" data-type="add">添加标准话术</button>
	                    {/auth:check} -->
	                    {auth:check name="talkskill/talkskill_delete"}
	                    	<button class="layui-btn layuiadmin-btn deletebtn" data-type="delete">批量删除</button>
	                    {/auth:check}
                        
	                </div>
                </div>
			</div>
	
			<div class="layui-card-body">
				<table lay-filter="talkskill-table" id="talkskill-table"></table>
			</div>
		</div>
	</div>

</body>
{/block} {block name="js"}
<script type="text/html" id="table-talkskill-action">
	<a class="layui-btn layui-btn-xs" lay-event="talkskill-edit">编辑</a>
	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="talkskill-del">删除</a>
</script>
<script type="text/html" id="user_cate">
	{{# if(d.user_cate_name){ }}
	<span>{{d.user_cate_name}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="house_type">
	{{# if(d.house_type_name){ }}
	<span>{{d.house_type_name}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="templet_cate2">
	{{# if(d.cate2_name){ }}
	<span>{{d.cate2_name}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="templet_cate1">
	{{# if(d.cate1_name){ }}
	<span>{{d.cate1_name}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="title">
	<div class="commentcount">
		{{# if(d.img){ }}
		<img src="__STATIC__/img/viewicos.png" alt="">
		{{d.title}}
		{{# }else{ }}
		{{d.title}}
		{{# } }}
	</div>
</script>
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index'
	}).use(['index', 'table', 'layedit', 'laydate','element'], function() {
		var $ = layui.$,
			table = layui.table,
			element = layui.element,
			laydate = layui.laydate,
			form = layui.form;
			laydate.render({
			elem: '#time_date'
			, type: 'date'
			, range: true
			, trigger: 'click'//呼出事件改成click
		});
		var field = {};	
		form.on('submit(customer-search)', function (data) {
	        var keyword = $('.keyword').val();
			var cate1 = $('select[name="cate1"]').val();
			var cate2 = $('select[name="cate2"]').val();
			var house_type = $('select[name="house_type"]').val();
			var user_cate = $('select[name="user_cate"]').val();
			var addtime  = $('#time_date').val();
			console.log(cate)
	        var type = $('#type').val();
	        field['keyword'] = keyword;
	        field['type'] = type;
			field['cate1'] = cate1;
			field['cate2'] = cate2;
			field['house_type'] = house_type;
			field['user_cate'] = user_cate;
			field['addtime'] = addtime;
	        //执行重载
	        table.reload('talkskill-table', {
	            where: field
				,page: {curr:1}
	        });
	    });	
		
		//下拉框关联
		var typeData = JSON.parse('{$cate2|raw}');
		form.on('select(cate)', function (data) {
			var typeJson = typeData[data.value];
			var typeLabel = $('#cate2');
			typeLabel.empty().append('<option value="">请选择分类</option>');
			for (r in typeJson) {
				typeLabel.append('<option value=' + r + '>' + typeJson[r] + '</option>');
			}
			form.render();
		});
		document.onkeydown=function(event){
			var e = event || window.event || arguments.callee.caller.arguments[0];
			if(e && e.keyCode==13){ 
				$(".submitbtn").trigger("click");
			}
		};
		//事件
		var active = {
			add: function() {
				layer.open({
					type: 2,
					title:['话术上传', 'color:#333333;background-color:#D8E6F1;'],
					content: '{:url("talkskill/success_add")}',
					resize: false,
					area: ['80%', '90%'],
					btn: ['确定', '取消'],
					yes: function(index, layero) {
						//点击确认触发 iframe 内容中的按钮提交
						var submit = layero.find('iframe').contents().find("#talkskill-submit");
						submit.click();
					}
				});
			},
			// 批量删除
			delete: function() {
				var data = layui.table.checkStatus('talkskill-table');
		        //console.log(checkStatus.data) //获取选中行的数据即 多个行对象
		        //console.log(checkStatus.data.length) //获取选中行数量，可作为是否有选中行的条件
		        //console.log(checkStatus.isAll ) //表格是否全选
		       	if (data.data.length==0) {
		       		layer.msg('请选择要删除的话术', {anim: 6,time: 800});
		       		return false;
		       	} else {
		            var ids = [];
		            for (var i = 0; i < data.data.length; i++) {
		                ids.push(data.data[i].id);
		            }
					layer.confirm('确定要删除么？',{title:['信息', 'color:#333333;background-color:#D8E6F1;'],}, function() {
						$.ajax({
							url: '{:url("talkskill/success_delete")}',
							type: 'post',
							data: {ids:ids},
							dataType: 'json',
							success: function(res) {
								// console.log(res)
								if(res.code === 0) {
									layer.msg(res.msg, {anim: 0,time: 800});
									//执行重载
									table.reload('talkskill-table');
								} else {
									layer.msg(res.msg, {anim: 6,time: 800});
								}
							}
						});
					});
		       	}
			}
		};
		//话术列表
		table.render({
			elem: '#talkskill-table',
			autoSort: false,
			url: "{:url('talkskill/success_index')}",
			cols: [
				[
					{type: 'checkbox',field:'id'},
				{
					type: 'numbers',
					field: 'id',
					width: 80,
					title: '序号',
					sort: true
				}, {
					title: '话术标题',
					templet: '#title'
				}, {
					templet: '#templet_cate1',
					title: '场景'
				}, {
					title: '分类',
					templet: '#templet_cate2'
				}, {
					title: '房屋类型',
					templet: '#house_type'
				}, {
					title: '适用部门',
					templet: '#user_cate'
				},{
					title: '添加时间',
					field: 'addtime'
				}, {
					field: 'view_times',
					title: '浏览量'
				}, {
					title: '操作',
					width: 150,
					align: 'center',
					fixed: 'right',
					toolbar: '#table-talkskill-action'
				}]
			],
			page: true,
			limit: 30,
			height: 'full-220',
			text: '对不起，加载出现异常！'
		});
		
		
		
		//监听列表
		table.on('tool(talkskill-table)', function(obj) {
			var data = obj.data;
			if(obj.event === 'talkskill-edit') {
				layer.open({
					type: 2,
					title:['话术编辑', 'color:#333333;background-color:#D8E6F1;'],
					content: "{:url('talkskill/success_edit')}?id=" + data.id,
					resize: false,
					area: ['80%', '80%'],
					btn: ['确定', '取消'],
					yes: function(index, layero) {
						//点击确认触发 iframe 内容中的按钮提交
						var submit = layero.find('iframe').contents().find("#talkskill-submit");
						submit.click();
					}
				});
			}else if(obj.event === 'talkskill-del') {
				layer.confirm('确定删除？',{title:['信息', 'color:#333333;background-color:#D8E6F1;'],}, function(index) {
					$.ajax({
						url: "{:url('talkskill/success_delete')}?id=" + data.id,
						type: 'post'
					});
					obj.del();
					layer.close(index);
				});
			}
		});
		table.on('checkbox(talkskill-table)', function(obj){
			var arrlist = table.checkStatus('talkskill-table').data;
			if(arrlist.length>0){
				$(this).prop('checked',true)
				$('.deletebtn').show();
			}else{
				$('.deletebtn').hide();
			}
			console.log(11111)
		});
		$('.layui-btn.layuiadmin-btn').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});

	});
</script>
{/block}