scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
							{extend name="public/layout" /} {block name="title"}控制面板{/block} {block name="head"} {include file="public/head"}
<link rel="stylesheet" href="__STATIC__/css/csspc.css">
<style>
	html,body{background:#F0F4F7;min-width:1100px;}
	.team_name{overflow: hidden;}
	.team_name dd{float:left;padding:8px 20px;border-radius: 4px;margin:20px 20px 0 0;background: #D3E4EC;color:#555;font-size: 14px;cursor: pointer;}
	.team_number{overflow: hidden;width:680px;}
	.team_number li{float:left;width:70px;height: 44px;text-align: center;line-height: 44px;border-radius: 4px;margin:15px 15px 0 0;color:#fff;cursor: pointer;}
	.numberjia{background: #43D7B7;}
	.numberjian{background: #73BFF9;}
	.add_team_dd{background: #229FFB !important;color:#fff !important;}
	.littleTitle {
	    display: flex;
	    align-items: center;
	    margin-bottom: 10px;
	}
	.dashedline {
	    margin-left: 10px;
	    flex: 1;
	    border-top: 2px dashed #AEB1B8;
	    margin-top: 2px;
	}
	.team_set{margin-top:30px;}
	.team_date{border:1px solid #AEB1B8;height: 40px;width:260px;}
	.team_bz{color: #D995A0;margin:8px 0 0 68px;}
	input{border:0 !important;}
	.team_btn{width:140px;height: 40px !important;}
	.datashow_dl{overflow: hidden;}
	.datashow_dl dd{float:left;padding:8px 20px;border: 1px solid #DCE1E5;color:#555;margin:15px 20px 0 0;border-radius: 4px;}
	.jf_li{float: left;width:380px;margin-top:30px;}
	.layui-card{box-shadow: none;}
	.flex-sub2{align-content:flex-end}
	.flex-sub2 a{text-decoration: underline;color:#535DFD;font-size:14px;}
	.header-nav {
	    display: flex;
	    align-items: center;
	    background-color: #fff;
	    padding: 15px 20px;
	}
	.justify-between {
	    justify-content: space-between;
	}
	.flex {
	    display: flex;
	}
	.justify-center {
	    justify-content: center;
	}
	.align-center {
	    align-items: center;
	}
	.flex-sub {
	    flex: 1;
	}
	.circleBox {
	    width: 20px;
	    height: 20px;
	    background-color: #000;
	    border-radius: 50%;
	}
	.layui-tab-title,.layui-tab-title .layui-this:after{border: 0 !important;}
	.layui-fluid {
		display: block;
		box-shadow: 0 0 4px 0 #B6CADE;
		border-radius: 5px;
		margin: 15px;
		background-color: #ffffff;
	}
	.flex-sub a{color:#666;}
	.layui-this a{color:#1e9fff !important;}
	.mr10 {
	    margin-right: 10px;
	}
</style>
{/block} {block name="body"}

<body>
	
	<div class="layui-tab" style="margin-top: 0;">
	    <div class="header-nav">
	        <div class="mr10 circleBox flex align-center justify-center">
	            <a href="index.html"><i class="layui-icon layui-icon-return"
	                    style="color: #fff;font-size: 14px;"></i></a>
	        </div>
	        <ul class="layui-tab-title flex-sub">
	            <li><a href="setting.html?id={$activity.id}">规则设置</a></li>
	            <li><a href="team.html?id={$activity.id}">团队设置</a></li>
	            <li class="layui-this"><a href="panel_setting.html?id={$activity.id}">控制面板</a></li>
	        </ul>
			{notempty name="activity.course"}
			<div class="flex-sub2">
				<a target="_blank" href="{$url}">打开大屏</a>
				<a style="margin-left:25px;cursor: pointer;" id="Copy" data-urls="{$url}">复制大屏链接</a>
			</div>
            {/notempty}
	    </div>
	    <div class="layui-tab-content" style="padding: 0;">
			<div class="layui-tab-item layui-show">
				<div class="layui-fluid">
					<div class="layui-card" style="padding: 15px;height: calc(100vh - 130px);">
					
					<div class="">
						<dl class="team_name">
							<!-- <dd class="add_team_dd">团队名称</dd> -->
							{volist name="teamlist" id="vo"}
							<dd data-id="{$vo.org_id}">{$vo.teamname}</dd>
							{/volist}
						</dl>
					</div>
					<div class="mdt10">
						<ul class="team_number">
							<li class="numberjia">+5</li>
							<li class="numberjia">+10</li>
							<li class="numberjia">+15</li>
							<li class="numberjia">+20</li>
							<li class="numberjia">+25</li>
							<li class="numberjia">+30</li>
							<li class="numberjia">+50</li>
							<li class="numberjia">+100</li>
							<li class="numberjian">-5</li>
							<li class="numberjian">-10</li>
							<li class="numberjian">-15</li>
							<li class="numberjian">-20</li>
							<li class="numberjian">-25</li>
							<li class="numberjian">-30</li>
							<li class="numberjian">-50</li>
							<li class="numberjian">-100</li>
						</ul>
					</div>
					<div class="team_set">
						<div class="littleTitle">
						    <span class="borderleft">其它加/减分</span>
						    <div class="dashedline"></div>
						</div>
						<div class="woverflow mdt30">
							<div class="wleft">
								<span class="font14 lh40">选择时间</span>
								<div class="wpsr ids team_date mdl06">
									<input type="text" name="date" id="select_date" placeholder="活动时间" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="wleft mdl40">
								<span class="font14 lh40">输入积分</span>
								<div class="wpsr ids team_date mdl06">
									<input type="number" lay-verify="required" id="team_mj" placeholder="请输入分数" autocomplete="off" min="1" max="99999" class="layui-input">
								</div>
								<p class="font12 team_bz">*备注：输入正负整数，用以加减分</p>
							</div>
							<div class="wleft mdl40">
								<button type="button" class="layui-btn layui-btn-normal team_btn" id="addintl">确定</button>
							</div>
						</div>
						<div class="littleTitle mdt30">
						    <span class="borderleft">倒计时警示设置</span>
						    <div class="dashedline"></div>
						</div>
						<div class="mdt30 woverflow">
							<div class="wleft">
								<span class="font14 lh40">赛程结束前</span>
								<div class="wpsr ids team_date mdl06">
									<input type="number" lay-verify="required" id="countdown" placeholder="请输入分钟数" value="{$activity.countdown}" autocomplete="off" min="1" max="99999" class="layui-input">
								</div>
								<span>分钟进行时间警示提示</span>
							</div>
							<button type="button" class="layui-btn layui-btn-normal wleft mdl60 team_btn" id="daoset">确定设置</button>
						</div>
					</div>
					
					
					</div>
				</div>	
			</div>
		</div>
	</div>
</body>
{/block} {block name="js"}

<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'form', 'laydate'], function () {
		var form = layui.form;
		var laydate = layui.laydate;
		var layer = layui.layer;
		var $ = layui.$;
		
		//日期范围
		laydate.render({
		    elem: '#select_date',
			type: 'datetime',
			trigger: 'click'
		});
		
		
		$("#Copy").on('click',function() {
			var flag = copyText($(this).attr('data-urls')); //传递文本
			alert(flag ? "复制成功！" : "复制失败！");
		})
		
		function copyText(text) {
			var textarea = document.createElement("input");//创建input对象
			var currentFocus = document.activeElement;//当前获得焦点的元素
			document.body.appendChild(textarea);//添加元素
			textarea.value = text;
			textarea.focus();
			if(textarea.setSelectionRange)
				textarea.setSelectionRange(0, textarea.value.length);//获取光标起始位置到结束位置
			else
				textarea.select();
			try {
				var flag = document.execCommand("copy");//执行复制
			} catch(eo) {
				var flag = false;
			}
			document.body.removeChild(textarea);//删除元素
			currentFocus.focus();
			return flag;
		}
		
		
		$('.team_name dd').click(function(){
			$(this).addClass('add_team_dd').siblings().removeClass('add_team_dd');
		})
		$('.team_number li').click(function(){
			var number_span = parseInt($(this).html());
			var number_input = $('#team_mj').val()?parseInt($('#team_mj').val()):0;
			$('#team_mj').val(number_span+number_input);
			// if((number_span+number_input)<0){
			// 	layer.msg('积分数不能为负数据！', {
			// 	    anim: 6
			// 	});
			// }else{
			// 	$('#team_mj').val(number_span+number_input);
			// }
		})
		$('#addintl').click(function(){
        var integral = $('#team_mj').val();
		let addtime = $('#select_date').val();
		let aid = '{$activity.id}';
		let tid = $('.add_team_dd').attr('data-id');
		if(integral == '' || integral == null){
			layer.msg('积分不能空', {
							time: 1000,
							anim: 0
						});
			return false;
		}
		if(tid == null || tid == ''){
			layer.msg('请选择团队', {
							time: 1000,
							anim: 0
						});
			return false;
		}
		//console.log(tid);return false;
		$.ajax({
				url: '{:url("WechatActivity/team_addintegral")}',
				type: 'post',
				data: {integral:integral,tid:tid,aid:aid,addtime:addtime},
				success: function(res) {
					if(res.code === 0) {
						layer.msg(res.msg, {
							time: 300,
							anim: 0
						}, function() {
							parent.layer.close(index); //再执行关闭
						});
					} else {
						layer.msg(res.msg, {
							anim: 6
							,time: 400
						});
					}
				}
			});

		});
		$('#daoset').click(function(){
        var countdown = $('#countdown').val();
		let aid = '{$activity.id}';
		$.ajax({
				url: '{:url("WechatActivity/panel_setting")}',
				type: 'post',
				data: {countdown:countdown,id:aid},
				success: function(res) {
					if(res.code === 0) {
						layer.msg(res.msg, {
							time: 1000,
							anim: 0
						}, function() {
							parent.layer.close(index); //再执行关闭
						});
					} else {
						layer.msg(res.msg, {
							anim: 6
							,time: 400
						});
					}
				}
			});

		});
		
		
			
	});
</script>
{/block}