ajaxqylist.html 3.96 KB

<style type="text/css">
	.flexigrid .bDiv tr{display: block;}
	.bd-line{font-size: 0;}
	.flexigrid .bDiv td{border: 0;}
	.flexigrid div.bDiv tr:hover td{background-color: #F4FCFA;}
	.flexigrid div.bDiv tr.trSelected td{ background: #ffffdf none repeat scroll 0 0;}
	.flexigrid .bDiv a{color: #999;}
	.flexigrid .bDiv .active a,.flexigrid .bDiv span a:hover{color: #FFF;}
	.flexigrid .bDiv .row a:hover{text-decoration: none;color: #C4182E;background-color: #EEEEEE;text-decoration: underline;}
	.flexigrid .bDiv .row .active a:hover{text-decoration: none;color: #fff;background-color: #999;text-decoration: underline;}
	.ncsc-default-table thead {font-size: 0;}
	.ncsc-default-table thead th{font-size: 12px; vertical-align: middle;display: inline-block;*display: inline;*zoom: 1;}
	.w50{width: 5% !important;}
	.w60{width: 6% !important;}
	.w80{width: 10% !important;}
	.w120{width: 20% !important;}
	.w150{width: 15% !important;}
	.w250{width: 30% !important;}

	.layermbox {
		text-align: center;
	}

	.layer_box {
		font-size: 0;
		background-color: #FFFFFF;
		text-align: center;
		position: absolute;
		left:55%;
		border: 1px solid #D7D7D7;
		padding: 10px;
		z-index: 9999;
	}

	.contentTxt {
		width: 300px;
		height: 20px;
		line-height: 20px;
		resize: none;
		border: 1px solid #D7D7D7;
		background-color: #999;
	}

	.contentTxt:hover {
		border-color: #C4182E;
	}

	.layer_box input {
		vertical-align: middle;
	}

	.copySuccess {
		font-size: 14px;
		width: 150px;
		padding: 10px;
		background-color: #FFFFFF;
		border: 1px solid #D7D7D7;
		margin: auto;
	}

	.js-copy {
		font-size: 14px;
		vertical-align: middle;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		cursor: pointer;
		border: 1px solid #D7D7D7;
		border-left: 0;
		height: 22px;
		padding: 0 5px;
	}

	.js-copy:hover {
		background-color: #EEEEEE;
	}
</style>

<table class="ncsc-default-table">
	<thead>
		<tr>

			<th class="w100">会员等级</th>
			<th class="w100">项目名称</th>
			<th class="w100">次数</th>
			<th class="w50">发放周期</th>
			<th class="w80">有效期(天)</th>
			<th class="w100">备注</th>
			<th class="w80">图标</th>
			<th class="w100">修改人</th>
			<th class="w100">修改时间</th>
			<th class="w150">操作</th>
		</tr>
	</thead>
	<tbody>
		<empty name="goodsList">
			<tr>
				<td colspan="20" class="norecord">
					<div class="warning-option"><i class="icon-warning-sign"></i><span>暂无符合条件的数据记录</span></div>
				</td>
			</tr>
			<else/>
			<volist name="goodsList" id="list">
				<tr class="bd-line">

					<td class=" w100">
						<div>{$list.lbtitle}</div>
					</td>
					<td class="tl w100 tc">
					</td>


					<td class="w100"><div>{$list.startime|date='Y-m-d H:i:s',###}</div></td>
					<td class="w50"><div>{$list.endtime|date='Y-m-d H:i:s',###}</div></td>
					<td class="w80"><div>{$list.salenum}</div></td>

					<td class="w100"><div>{$list.sort_order}</div></td>
					<td class="w80"><div>{$list.sort_order}</div></td>
					<td class="w100"><div>{$list.sort_order}</div></td>
					<td class="w100"><div>{$list.sort_order}</div></td>
					<td class="nscs-table-handle w150">

						<div style="text-align: center; ">
							<a class="btn blue" href="{:U('Admin/Userqy/addqylist',array('id'=>$list['id'],'oldurl'=>$oldurl))}"><i class="fa fa-pencil-square-o"></i>编辑</a>
							<a class="btn red" href="javascript:void(0)"  onClick="del('{$list[id]}')"><i class="fa fa-trash-o"></i>删除</a>

						</div>
					</td>

				</tr>
			</volist>
		</empty>

	</tbody>


</table>

<!--分页位置--> {$page}

<script>
    // 点击分页触发的事件
    $(".pagination  a").click(function(){
        cur_page = $(this).data('p');
        ajax_get_table('search-form2',cur_page);

    });

    $(document).ready(function(){
        // 表格行点击选中切换
        $('#flexigrid >table>tbody>tr').click(function(){
            $(this).toggleClass('trSelected');
        });
        $('#good_count').empty().html("{$pager->totalRows}");
    });






</script>