add file
This commit is contained in:
@@ -0,0 +1,69 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<form class="layui-form whitebg pb10 pt10" action="" id="data_form">
|
||||
<div class="tab-pane active">
|
||||
<div class="panel-body">
|
||||
<div class="wrapper wrapper-content">
|
||||
<div class="panel-form animated fadeInRight wp60 fc">
|
||||
<div class="layui-form-item dn has-error" >
|
||||
<label class="layui-form-label">id</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="id" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input" value="${realFans.id }" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item has-error" >
|
||||
<label class="layui-form-label">nickName</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="nickName" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input" value="${realFans.nickName }" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item has-error" >
|
||||
<label class="layui-form-label">logo</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="logo" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input" value="${realFans.logo }" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item has-error" >
|
||||
<label class="layui-form-label">phone</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="phone" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input" value="${realFans.phone }" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item has-error" >
|
||||
<label class="layui-form-label">soleId</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="soleId" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input" value="${realFans.soleId }" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item has-error" >
|
||||
<label class="layui-form-label">aliConsum</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="aliConsum" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input" value="${realFans.aliConsum }" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item has-error" >
|
||||
<label class="layui-form-label">wechatConsum</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="wechatConsum" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input" value="${realFans.wechatConsum }" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item has-error" >
|
||||
<label class="layui-form-label">enableMerchantCode</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="enableMerchantCode" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input" value="${realFans.enableMerchantCode }" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item has-error" >
|
||||
<label class="layui-form-label">enableTime</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="enableTime" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input" value="${realFans.enableTime }" >
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -0,0 +1,54 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<!-- 移动设备 viewport -->
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<jsp:include page="../../common.jsp" />
|
||||
<script type="text/javascript">
|
||||
require("js/realFans/realFansDetails.js");
|
||||
</script>
|
||||
<title>编辑</title>
|
||||
</head>
|
||||
<body class="lgraybg">
|
||||
<div class=" container-fluid animated fadeInRight col-sm-12">
|
||||
<div class="panel-toolbar mt10 mb10 pt5 pb5 pl10 bdd whitebg">
|
||||
<div class="buttons">
|
||||
<a href="javascript:void(0);" class="btn btn-primary fa fa-save f12"><span>保存</span></a>
|
||||
<a href="${ctx }/realFans/index?pageIndex=${pageIndex}" class="btn btn-primary fa fa-back f12" id="goback"><span>返回</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabs-container whitebg">
|
||||
<div class="pt10 pl5 pr5">
|
||||
<ul class="nav nav-tabs" id="nav-tabs">
|
||||
<li class="active" data-action="base">
|
||||
<a href="javascript:void(0);" >基本资料</a>
|
||||
</li>
|
||||
<li class="" data-action="functions">
|
||||
<a href="javascript:void(0);" >多功能输入</a>
|
||||
</li>
|
||||
<li class="" data-action="extends">
|
||||
<a href="javascript:void(0);" >扩展属性</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content pt30 p30">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 隐藏域 -->
|
||||
<input type="hidden" id="realFansId" value="${realFans.id }"/>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,201 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<div class="tab-pane active">
|
||||
<div class="animated fadeInRight">
|
||||
<div class="whitebg pl10 pr10">
|
||||
<table class="table table-striped table-bordered table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="textc">序号</th>
|
||||
<th class="textc wp15">流水账号</th>
|
||||
<th class="textc">日期</th>
|
||||
<th class="textc">财务类别</th>
|
||||
<th class="textc">金额</th>
|
||||
<th class="textc">银行</th>
|
||||
<th class="textc">发票</th>
|
||||
<th class="textc">客户名称</th>
|
||||
<th class="textc wp15">单号</th>
|
||||
<th class="textc">状态</th>
|
||||
<th class="textc">类别</th>
|
||||
<th class="textc">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="odd">
|
||||
<td class="textc">1</td>
|
||||
<td class="textc">MD-201812</td>
|
||||
<td class="textc">2018-12-12</td>
|
||||
<td class="textc">会员充值</td>
|
||||
<td class="textc"><span class="red">4563.00</span></td>
|
||||
<td class="textc">对公账户</td>
|
||||
<td class="textc">否</td>
|
||||
<td class="textc">张三</td>
|
||||
<td class="textc">
|
||||
<div class="overFont w150">销售单号(xs-3234456676776)</div>
|
||||
</td>
|
||||
<td class="textc">已确认</td>
|
||||
<td class="textc"><span class="red">收入</span></td>
|
||||
<td class="textc">
|
||||
<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="odd">
|
||||
<td class="textc">1</td>
|
||||
<td class="textc">MD-201812</td>
|
||||
<td class="textc">2018-12-12</td>
|
||||
<td class="textc">会员充值</td>
|
||||
<td class="textc"><span class="red">4563.00</span></td>
|
||||
<td class="textc">对公账户</td>
|
||||
<td class="textc">否</td>
|
||||
<td class="textc">张三</td>
|
||||
<td class="textc">
|
||||
<div class="overFont w150">销售单号(xs-3234456676776)</div>
|
||||
</td>
|
||||
<td class="textc">已确认</td>
|
||||
<td class="textc"><span class="green">支出</span></td>
|
||||
<td class="textc">
|
||||
<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="odd">
|
||||
<td class="textc">1</td>
|
||||
<td class="textc">MD-201812</td>
|
||||
<td class="textc">2018-12-12</td>
|
||||
<td class="textc">会员充值</td>
|
||||
<td class="textc"><span class="red">4563.00</span></td>
|
||||
<td class="textc">对公账户</td>
|
||||
<td class="textc">否</td>
|
||||
<td class="textc">张三</td>
|
||||
<td class="textc">
|
||||
<div class="overFont w150">销售单号(xs-3234456676776)</div>
|
||||
</td>
|
||||
<td class="textc">已确认</td>
|
||||
<td class="textc"><span class="red">收入</span></td>
|
||||
<td class="textc">
|
||||
<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="odd">
|
||||
<td class="textc">1</td>
|
||||
<td class="textc">MD-201812</td>
|
||||
<td class="textc">2018-12-12</td>
|
||||
<td class="textc">会员充值</td>
|
||||
<td class="textc"><span class="red">4563.00</span></td>
|
||||
<td class="textc">对公账户</td>
|
||||
<td class="textc">否</td>
|
||||
<td class="textc">张三</td>
|
||||
<td class="textc">
|
||||
<div class="overFont w150">销售单号(xs-3234456676776)</div>
|
||||
</td>
|
||||
<td class="textc">已确认</td>
|
||||
<td class="textc"><span class="red">收入</span></td>
|
||||
<td class="textc">
|
||||
<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="odd">
|
||||
<td class="textc">1</td>
|
||||
<td class="textc">MD-201812</td>
|
||||
<td class="textc">2018-12-12</td>
|
||||
<td class="textc">会员充值</td>
|
||||
<td class="textc"><span class="red">4563.00</span></td>
|
||||
<td class="textc">对公账户</td>
|
||||
<td class="textc">否</td>
|
||||
<td class="textc">张三</td>
|
||||
<td class="textc">
|
||||
<div class="overFont w150">销售单号(xs-3234456676776)</div>
|
||||
</td>
|
||||
<td class="textc">已确认</td>
|
||||
<td class="textc"><span class="red">收入</span></td>
|
||||
<td class="textc">
|
||||
<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="odd">
|
||||
<td class="textc">1</td>
|
||||
<td class="textc">MD-201812</td>
|
||||
<td class="textc">2018-12-12</td>
|
||||
<td class="textc">会员充值</td>
|
||||
<td class="textc"><span class="red">4563.00</span></td>
|
||||
<td class="textc">对公账户</td>
|
||||
<td class="textc">否</td>
|
||||
<td class="textc">张三</td>
|
||||
<td class="textc">
|
||||
<div class="overFont w150">销售单号(xs-3234456676776)</div>
|
||||
</td>
|
||||
<td class="textc">已确认</td>
|
||||
<td class="textc"><span class="red">收入</span></td>
|
||||
<td class="textc">
|
||||
<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="odd">
|
||||
<td class="textc">1</td>
|
||||
<td class="textc">MD-201812</td>
|
||||
<td class="textc">2018-12-12</td>
|
||||
<td class="textc">会员充值</td>
|
||||
<td class="textc"><span class="red">4563.00</span></td>
|
||||
<td class="textc">对公账户</td>
|
||||
<td class="textc">否</td>
|
||||
<td class="textc">张三</td>
|
||||
<td class="textc">
|
||||
<div class="overFont w150">销售单号(xs-3234456676776)</div>
|
||||
</td>
|
||||
<td class="textc">已确认</td>
|
||||
<td class="textc"><span class="red">收入</span></td>
|
||||
<td class="textc">
|
||||
<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="odd">
|
||||
<td class="textc">1</td>
|
||||
<td class="textc">MD-201812</td>
|
||||
<td class="textc">2018-12-12</td>
|
||||
<td class="textc">会员充值</td>
|
||||
<td class="textc"><span class="red">4563.00</span></td>
|
||||
<td class="textc">对公账户</td>
|
||||
<td class="textc">否</td>
|
||||
<td class="textc">张三</td>
|
||||
<td class="textc">
|
||||
<div class="overFont w150">销售单号(xs-3234456676776)</div>
|
||||
</td>
|
||||
<td class="textc">已确认</td>
|
||||
<td class="textc"><span class="red">收入</span></td>
|
||||
<td class="textc">
|
||||
<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
<!-- footer -->
|
||||
<div class="clearfix mb10 pb20">
|
||||
<div class="layui-tab-item fr">
|
||||
<span class="dlblock vm">当前第<span class="now" id="currPage"></span>页 , </span>
|
||||
<span class="dlblock vm">共<span class="count" id="pageCount"></span>页 </span>
|
||||
<div class="pagination dlblock vm" id="pagination"></div>
|
||||
<span class="dlblock vm ml10">总记录数<span class="now" id="totalCount"></span>条</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
//分页
|
||||
$('#pagination').pagination({
|
||||
pageCount: 50,
|
||||
jump: true,
|
||||
coping: true,
|
||||
homePage: '首页',
|
||||
endPage: '末页',
|
||||
prevContent: '上页',
|
||||
nextContent: '下页',
|
||||
callback: function(api) {
|
||||
$('.now').text(api.getCurrent());
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,130 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<form class="layui-form whitebg pb10 pt10" action="" id="data_form">
|
||||
<div class="tab-pane active">
|
||||
<div class="panel-body">
|
||||
<div class="wrapper wrapper-content">
|
||||
<div class="panel-form animated fadeInRight wp60 fc">
|
||||
<!-- 账号资料 -->
|
||||
<div class="layui-form-item has-error">
|
||||
<label class="layui-form-label">单行输入框<i class="red">*</i></label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">自定义验证</label>
|
||||
<div class="layui-input-inline ml30">
|
||||
<input type="password" name="password" lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">请填写6到12位密码</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">单行选择框</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="interest" lay-filter="aihao">
|
||||
<option value=""></option>
|
||||
<option value="0">写作</option>
|
||||
<option value="1" selected="">阅读</option>
|
||||
<option value="2">游戏</option>
|
||||
<option value="3">音乐</option>
|
||||
<option value="4">旅行</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">范围</label>
|
||||
<div class="layui-input-inline ml30">
|
||||
<input type="text" name="price_min" placeholder="¥" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
<div class="layui-form-mid">-</div>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="price_max" placeholder="¥" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">联动选择框</label>
|
||||
<div class="layui-input-inline ml30">
|
||||
<select name="quiz1">
|
||||
<option value="">请选择省</option>
|
||||
<option value="浙江" selected="">浙江省</option>
|
||||
<option value="你的工号">江西省</option>
|
||||
<option value="你最喜欢的老师">福建省</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-input-inline">
|
||||
<select name="quiz2">
|
||||
<option value="">请选择市</option>
|
||||
<option value="杭州">杭州</option>
|
||||
<option value="宁波" disabled="">宁波</option>
|
||||
<option value="温州">温州</option>
|
||||
<option value="温州">台州</option>
|
||||
<option value="温州">绍兴</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-input-inline">
|
||||
<select name="quiz3">
|
||||
<option value="">请选择县/区</option>
|
||||
<option value="西湖区">西湖区</option>
|
||||
<option value="余杭区">余杭区</option>
|
||||
<option value="拱墅区">临安市</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item" pane="">
|
||||
<label class="layui-form-label">原始复选框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">
|
||||
<input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">
|
||||
<input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">开关-默认关</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">单选框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="sex" value="男" title="男" checked="">
|
||||
<input type="radio" name="sex" value="女" title="女">
|
||||
<input type="radio" name="sex" value="禁" title="禁用" disabled="">
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">上传图片</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-upload-drag w200 h200">
|
||||
<i class="layui-icon"></i>
|
||||
<p>点击上传</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">普通文本域</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea placeholder="请输入内容" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
//form表单样式
|
||||
layui.use(['layer', 'form'], function() {
|
||||
var layer = layui.layer,
|
||||
form = layui.form;
|
||||
form.render();
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,208 @@
|
||||
<%@ page contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<!-- 移动设备 viewport -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<jsp:include page="../../common.jsp" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="row animated fadeInRight" style="margin: 0;">
|
||||
<div class="wrapper wrapper-content mt5 right-content ml5 mr5">
|
||||
<div class="toolbar-panel bdd">
|
||||
<div class="toolbar-box">
|
||||
<div class="toolbar-head clearfix lgraybg pt5 pb10 pl10 bdbd">
|
||||
<!-- 顶部按钮 -->
|
||||
<div class="fl">
|
||||
查询条件
|
||||
</div>
|
||||
<div class="tools fr">
|
||||
<a href="javascript:void(0);" class="collapse dblock f14 dgray mr5">
|
||||
<i class="fa-2x fa fa-angle-double-up"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--搜索条件 -->
|
||||
<div class="toolbar-body">
|
||||
<form class="layui-form" action="" style="margin-top: 10px">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">昵称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="nickName" id="nickName" placeholder="请输入昵称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">唯一标识</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="soleId" id="soleId" placeholder="请输入唯一标识" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">激活商家</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="alias" id="alias" placeholder="请输入激活商户简称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">开始日期</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" placeholder="请输入激活开始日期" id="date1" name="startTime" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">结束日期</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" placeholder="请输入激活结束日期" id="date2" name="endTime" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 表单数据 -->
|
||||
<div class="mb50 mt10">
|
||||
<div class="whitebg pl10 pr10">
|
||||
<table class="layui-hide" id="realFansTab" lay-filter="realFansTab"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/html" id="leftBar">
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" lay-event="search"><i class="layui-icon"></i>查询</button>
|
||||
</script>
|
||||
<script>
|
||||
layui.use(['table', 'layer','form','laydate'], function(){
|
||||
var table = layui.table;
|
||||
var layer = layui.layer;
|
||||
var form = layui.form;
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
elem: '#date1',//指定元素
|
||||
format: 'yyyy-MM-dd'
|
||||
});
|
||||
laydate.render({
|
||||
elem: '#date2', //指定元素
|
||||
format: 'yyyy-MM-dd'
|
||||
});
|
||||
|
||||
var tableIns = table.render({
|
||||
elem: '#realFansTab'
|
||||
,url:'${ctx}/realFans/pageData'
|
||||
,id: 'realFans'
|
||||
,response: {
|
||||
statusName: 'code' //数据状态的字段名称,默认:code
|
||||
,countName: 'count' //数据总数的字段名称,默认:count
|
||||
,dataName: 'data' //默数据列表的字段名称,认:data
|
||||
,statusCode : 200
|
||||
}
|
||||
,parseData: function(res){ //res 即为原始返回的数据
|
||||
return {
|
||||
"code": res.code, //解析接口状态
|
||||
"msg": res.message, //解析提示文本
|
||||
"count": res.data.total, //解析数据长度
|
||||
"data": res.data.records //解析数据列表
|
||||
};
|
||||
}
|
||||
,toolbar: '#leftBar' //开启头部工具栏,并为其绑定左侧模板
|
||||
, defaultToolbar: ['filter']
|
||||
,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
|
||||
title: '提示'
|
||||
,layEvent: 'LAYTABLE_TIPS'
|
||||
,icon: 'layui-icon-tips'
|
||||
}]
|
||||
,title: '粉丝列表'
|
||||
,cols: [[
|
||||
{type: 'checkbox', fixed: 'left', hidden: true}
|
||||
,{field:'numbers', title:'序号', fixed: 'left', unresize: true, width:80, type:'numbers'}
|
||||
,{field:'nickName', title:'昵称', width: 200,templet:function (d) {
|
||||
return decodeURI(d.nickName);
|
||||
}}
|
||||
,{field:'logo', title:'头像',templet:function (d) {
|
||||
return "<a href='javascript:void(0)' onclick='openImg(this)' >"+d.logo+"</a>";
|
||||
}}
|
||||
,{field:'soleId', title:'唯一标识'}
|
||||
,{field:'aliConsum', title:'支付宝消费金额',width: 150,sort:true }
|
||||
,{field:'wechatConsum', title:'微信消费金额',width: 150,sort:true }
|
||||
,{field:'alias', title:'激活商家名称'}
|
||||
,{field: 'enableTime', title: '激活时间',width:160,sort:true ,templet : "<div>{{layui.util.toDateString(d.enableTime,'yyyy-MM-dd HH:mm:ss')}}</div>"}
|
||||
]]
|
||||
,request: {
|
||||
pageName: 'current' //页码的参数名称,默认:page
|
||||
,limitName: 'size' //每页数据量的参数名,默认:limit
|
||||
}
|
||||
,page: true
|
||||
});
|
||||
|
||||
//监听头工具栏事件
|
||||
table.on('toolbar(realFansTab)', function (obj) {
|
||||
switch (obj.event) {
|
||||
case 'search':
|
||||
var params= serialize($('#form1'));
|
||||
table.reload('realFans', {
|
||||
where: params
|
||||
, page: {
|
||||
size: 10
|
||||
, current: 1
|
||||
}
|
||||
});
|
||||
break;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function openImg(obj) {
|
||||
var url = $(obj).text();
|
||||
if(url){
|
||||
var img = new Image();
|
||||
img.src = url;
|
||||
|
||||
//弹出层
|
||||
layer.photos({
|
||||
photos: { "data": [{"src": url}] }
|
||||
});
|
||||
|
||||
// layer.open({
|
||||
// type: 1,
|
||||
// shade: 0.8,
|
||||
// area:['auto','auto'],
|
||||
// offset: 'auto',
|
||||
// // area: [500 + 'px',550+'px'], // area: [width + 'px',height+'px'] //原图显示
|
||||
// shadeClose:true,
|
||||
// scrollbar: false,
|
||||
// title: "预览", //不显示标题
|
||||
// content: imgHtml, //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
|
||||
// cancel: function () {
|
||||
// //layer.msg('捕获就是从页面已经存在的元素上,包裹layer的结构', { time: 5000, icon: 6 });
|
||||
// }
|
||||
// });
|
||||
}
|
||||
}
|
||||
jQuery.prototype.serializeObject=function(){
|
||||
var obj=new Object();
|
||||
$.each(this.serializeArray(),function(index,param){
|
||||
if(!(param.name in obj)){
|
||||
obj[param.name]=param.value;
|
||||
}
|
||||
});
|
||||
return obj;
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user