huahuibao/app/admin/views/active/list.php

<?php 
use common\services\xhActiveTicketClassService;
use common\components\stringUtil;
?>
<div class="page-title">
    <div class="title-env">
        <h1 class="title">DIY报名</h1>
    </div>
    <div class="breadcrumb-env">
        <ol class="breadcrumb bc-1">
            <li>
                <a href="/"><i class="fa-home"></i>Home</a>
            </li>
            <li>
                <a href="javascript:void(0)">营销管理</a>
            </li>
            <li class="active">
                <strong>DIY报名</strong>
            </li>
        </ol>
    </div>
</div>

<div class="panel panel-default">
	<div class="panel-body">
		<div class="dataTables_wrapper form-inline dt-bootstrap no-footer">
			<div class="row">
				<form action="" method="GET">
				<div class="col-xs-6" style="width:90%;">
					<div class="dataTables_length">
						<label>标题：<input type="search" class="form-control" name="activeName" value="<?php if(isset($_GET['activeName'])) echo $_GET['activeName']; ?>"
							placeholder="" aria-controls="example-1"></label>
							<input class="btn btn-secondary btn-single" type="submit" name="submit" value="搜索" />
							<a href="/active/add" class="btn btn-secondary btn-single" style="margin-right:15px;">添加报名</a>
					</div>
				</div>
				</form>
			</div>

			<div name="xhQrTip" style="position:absolute;border-color: #8dc63f;width:110px;height:122px;z-index:9999;display:none;background:white;border:1px solid #ccc;">
                <div style="background:red;">
                <a href="javascript:void(0)" style="color:#68b828;float:right;z-index:9999;" <i="" class="fa-times"></a>
                </div>
			    <div></div>
			</div>
			
			<div class="table-responsive">
			<table class="table table-bordered table-striped table-hover" >
				<thead>
					<tr class="active">
						<th class="no-sorting hidden-xs"><input type="checkbox"></th>
						<th class="hidden-xs">ID</th>
						<th>活动名称</th>
						<th class="hidden-xs">票价</th>
						<th class="hidden-xs">地点</th>
						<th class="hidden-xs">开始时间</th>
						<th class="hidden-xs">结束时间</th>
						<th class="hidden-xs">报名人数</th>
						<th class="hidden-xs">报名截止</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody class="middle-align">
                <?php if(!empty($models)){  foreach($models as $key => $val){ ?>
					<tr>
						<td class="hidden-xs"><input type="checkbox"></td>
						<td class="hidden-xs"><?= $val['id'] ?></td>
						<td title="<?= $val['title'] ?>">
						<?= stringUtil::subStringUtf8($val['title'], 9, '…') ?>
<a data-toggle="tooltip" data-placement="bottom" title="" data-original-title="点击将访问链接发送到管理员手机上" data-urlqrcode="<?= $val['urlQrCode'] ?>" data-id="<?= $val['id'] ?>" name="sendActiveUrlToMobile" href="javascript:void(0)" style="color:#68b828;margin-left:6px;text-decoration:none;">
<i class="fa-mobile-phone" style="font-size:16px;"></i>
</a>
<a data-toggle="tooltip" data-placement="bottom" title="" data-original-title="点击显示二维码链接" data-urlqrcode="<?= $val['urlQrCode'] ?>" data-id="<?= $val['id'] ?>" name="qrShow" href="javascript:void(0)" style="color:#68b828;margin-left:4px;text-decoration:none;">
<i class="fa-qrcode"></i>
</a>
						</td>
						<td class="hidden-xs">
						<?php
						$classIdList	= $val['classIdList'];
						$classIdArr		= explode(',', $classIdList);
						foreach($classIdArr as $cIVal){
							$tClass = xhActiveTicketClassService::getById($cIVal);
							if(!empty($tClass)){
								echo $tClass['price'] > 0 ? floatval($tClass['price']).'元 ' : '免费';
							}
						}
						 ?>
						</td>
						<td class="hidden-xs"><?= stringUtil::subStringUtf8($val['address'], 4, '…') ?></td>
						<td class="hidden-xs"><?= date("m-d H:i",$val['startTime']) ?></td>
						<td class="hidden-xs"><?= date("m-d H:i",$val['endTime']) ?></td>
						<td class="hidden-xs"><?= $val['applyNum'] ?></td>
						<td class="hidden-xs"><?= date("m-d H:i",$val['deadline']) ?></td>
						<td>
                            <a href="/active/join?id=<?= $val['id']; ?>" class="btn btn-secondary btn-sm btn-icon icon-left">查看 </a>
                            <?php if($now < $val['deadline']){ ?>
                            <a href="javascript:void(0)" name="finishApply" data-url="/active/finish?id=<?= $val['id']; ?>" data-msg="结束报名" class="btn btn-secondary btn-sm btn-icon icon-left">结束报名</a>
                            <?php } ?>
                            <a href="/active/edit?id=<?= $val['id']; ?>" class="btn btn-secondary btn-sm btn-icon icon-left">修改 </a>
						</td>
					</tr>
<?php } }?>
				</tbody>
			</table>
			</div>
			<div class="row">

				<div>
				<!-- 
				<div style="display:inline-block;margin-left:15px;">
								<label><select name="example-1_length"
							aria-controls="example-1" class="form-control">
								<option	value="0">批量操作</option>
								<option value="1">批量下架</option>
								<option value="2">批量删除</option>
								</select>
						</label>
						<input class="btn btn-secondary btn-single" type="submit" name="" value="确认" />
				</div>		
 				-->	
				<div class="dataTables_paginate paging_simple_numbers" style="float:right;padding-top:0px;margin-right:15px;">
				<?= $paging ?>
				</div>
				</div>
			</div>

		</div>
	</div>
</div>

<!-- footer -->
<?php 
use backend\widgets\FooterWidget;
?>
<?= FooterWidget::widget()?>
<!-- footer -->

<!-- modal 确认提醒框  -->
<div class="modal fade" id="confirmMention">
	<div class="modal-dialog" style="height:300px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">消息提示</h4>
			</div>
			
			<div class="modal-body">
				确认<span></span>？<input type="hidden" name="requestUrl" value="" />
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-info" name="confirmOk" >确认</button>
				<button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
			</div>
		</div>
	</div>
</div>

<!-- Modal 查看活动-->
<div class="modal fade" id="modal-activeDetail">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">活动详细</h4>
			</div>
			<div class="modal-body">				
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-info" data-dismiss="modal">确认</button>
			</div>
		</div>
	</div>
</div>

<script>

//确认提醒操作
$(function(){
	jQuery("a[name=finishApply]").click(function(){
			var url = $(this).attr('data-url');
			var msg = $(this).attr('data-msg');
	 	    $("#confirmMention .modal-body span").text(msg);
	 	   $("#confirmMention .modal-body input").val(url);
	 		jQuery('#confirmMention').modal('show', {backdrop: 'fade'}).css({  
	 		        'margin-top': function () {  
	 		            var modalHeight = jQuery("#confirmMention").find('.modal-dialog').height();
	 		            return ($(window).height() / 2 - (modalHeight / 2));  
	 			}
	 		});
	});
	//点击确认操作
	jQuery("button[name=confirmOk]").click(function(){
		var url = $("#confirmMention .modal-body input").val();
		$.ajax({type:"GET",url:url,async:false,dataType:'json',success:function(data){
			if(data.code == 'A0001'){
				$('#confirmMention').modal('hide');
				window.location.reload();
			}
		}});
	});
});

//推荐活动
$(function(){
	jQuery("a[name=recommendactive]").click(function(){
		var url = $(this).attr('data-url');
		$.ajax({type:"GET",url:url,async:false,dataType:'json',success:function(data){
			if(data.code == 'A0001'){
				xhPopMsg(data.msg,1200);//调用定时浮层  XXX毫秒后消失
			}else{
				xhPopMsg(data.msg,2000);//调用定时浮层  XXX毫秒后消失
			}
		}});
	});
});

$("a[name=qrShow]").click(function(){
	var left			= $(this).position().left;
	var top				= $(this).position().top;
	var id				= $(this).attr('data-id');
	var urlqrcode		= $(this).attr('data-urlqrcode');
	var object			= $(this);
	$("div[name=xhQrTip]").children('div').eq(1).html('<img src="/images/loading.gif" style="margin:47px 0 0 47px;" />');
	$("div[name=xhQrTip]").css('left',left).css('top',top - 110).css('display','block');
	if(urlqrcode.length > 0){
		$("div[name=xhQrTip]").children('div').eq(1).html('<img width="105" src="<?= Yii::$app->params['imgUrl'] ?>'+urlqrcode+'" />');
		$("div[name=xhQrTip]").css('left',left).css('top',top - 110).css("padding","2px").fadeIn();
	}else{
		$.ajax({
		    type:"get",
            url:'/active/show-act-qrcode?id='+id,
            async:true,
            dataType:'json',
            success:function(data){
                if(data.code == 'A0001'){
                    var imgUrl	= data.data.url;
                    object.attr('data-urlqrcode',imgUrl);
                    $("div[name=xhQrTip]").children('div').eq(1).html('<img width="105" src="<?= Yii::$app->params['imgUrl'] ?>'+imgUrl+'" />');
                    $("div[name=xhQrTip]").css('left',left).css('top',top - 110).css("padding","2px").fadeIn();
                }
            }
		});
	}
});
$("div[name=xhQrTip]").click(function(){
	$(this).css("display","none");
});

$("a[name=sendActiveUrlToMobile]").click(function(){
	var activeId = $(this).attr('data-id');
	$.ajax({
	    type:"get",
        url:'/active/send-active-url?activeId='+activeId,
        async:true,
        dataType:'json',
        success:function(data){
            xhPopMsg(data.msg,2000);
        }
	});
});
</script>