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

<?php
    use yii\widgets\LinkPager;
    use common\components\stringUtil;
?>
<div class="page-title">
	<div class="title-env">
		<h1 class="title">抽奖活动</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>抽奖活动</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">
							<a href="/lottery/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>状态</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody class="middle-align">

                    <?php
                    foreach($activities as $key => $activity){
                    ?>
                    <tr>
                        <td class="hidden-xs"><input type="checkbox"></td>
                        <td class="hidden-xs"><?=$activity['id'] ?></td>
                        <td title="<?=$activity['activityName'] ?>">
                            <?=stringUtil::subStringUtf8($activity['activityName'], 9, '…') ?>
                            <a data-toggle="tooltip" data-placement="bottom" title="" data-original-title="点击将访问链接发送到管理员手机上" data-urlqrcode="<?= $activity['urlQrCode'] ?>" data-id="<?=$activity['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="<?= $activity['urlQrCode'] ?>" data-id="<?=$activity['id'] ?>" name="qrShow" href="javascript:void(0)" style="color:#68b828;margin-left:4px;text-decoration:none;">
                                <i class="fa-qrcode"></i>

                        </td>
                        
                        <td class="hidden-xs"><?=date('Y-m-d', $activity['startTime']) ?></td>
                        <td class="hidden-xs"><?=date('Y-m-d', $activity['endTime']) ?></td>
                        <td><a href="/lottery/join-list?id=<?=$activity['id']?>"><?=$activity['participants'] ?></a></td>
                        <td><?=$activity['status'] ?></td>
                        <td>
                            <a href="/lottery/win-list?id=<?=$activity['id']?>" class="btn btn-secondary btn-sm btn-icon icon-left">中奖客户</a>
                            <a href="/lottery/award-detail?id=<?=$activity['id']?>" class="btn btn-secondary btn-sm btn-icon icon-left">剩余奖品</a>
                            <a href="/lottery/join-list?id=<?=$activity['id']?>" class="btn btn-secondary btn-sm btn-icon icon-left">参与者</a>
                            <a href="/lottery/edit?id=<?=$activity['id']?>" class="btn btn-secondary btn-sm btn-icon icon-left">修改</a>
                        </td>
                    </tr>
                    <?php } ?>

				</tbody>
			</table>
			</div>

            <div class="row">
                <div>
                    <div class="dataTables_paginate paging_simple_numbers" style="float:right;padding-top:0px;margin-right:15px;">
                        <?= LinkPager::widget(['pagination' => $pages]); ?>
                    </div>
                </div>
            </div>

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

<!-- footer -->
<?php 
use backend\widgets\FooterWidget;
?>
<?= FooterWidget::widget()?>
<!-- footer -->
<script>
    $(function(){
        $("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:'/lottery/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:'/lottery/send-active-url?activeId='+activeId,
                async:true,
                dataType:'json',
                success:function(data){
                    xhPopMsg(data.msg,2000);
                }
            });
        });
    });
</script>