|
|
<!doctype html>
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
|
name="viewport" />
|
<title th:text="${session.userInfo.shopName }"></title>
|
|
<!-- Set render engine for 360 browser -->
|
<meta name="renderer" content="webkit">
|
|
<!-- No Baidu Siteapp-->
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
|
<script type="text/javascript"
|
th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript"
|
th:src="@{/js/systools/DDMBase.js}"></script>
|
<link rel="stylesheet"
|
th:href="@{/plugin/amazingUI/css/amazeui.min.css}">
|
<link rel="stylesheet"
|
th:href="@{/plugin/amazingUI/css/app.css}">
|
<link rel="stylesheet" type="text/css"
|
th:href="@{/css/dingOrderList.css}">
|
<style type="text/css">
|
.m_ul{
|
list-style: none;
|
}
|
|
.m_ul li span{
|
margin-left: 2em;
|
}
|
</style>
|
</head>
|
|
|
|
<body>
|
<!-- 商品列表页面 -->
|
<div class="wrap">
|
<!-- 头部开始 -->
|
<header data-am-widget="header"
|
class="am-header color-w back-m1 am-header-fixed">
|
<div class="am-header-left am-header-nav">
|
<a th:href="@{/admin/redirect/hive/mobile/CRM?foot=3}" class=""> <i
|
class="am-header-icon am-icon-chevron-left"></i>
|
</a>
|
</div>
|
|
<h1 class="am-header-title">
|
<a href="#title-link" class=""> 我的客户 </a>
|
</h1>
|
|
|
</header>
|
<!-- 头部结束 -->
|
|
<!-- 订单内容 -->
|
<div class="main main1" id="main" style="display: none;">
|
<form class="am-form am-form-horizontal" id="dataform"
|
onsubmit="javascripr:return false;">
|
<div class="am-form-group am-form-select am-input-group am-input-group-primary am-g title">
|
<div class="am-u-sm-6 margin-b1">
|
<select class="form-control autoFull border"
|
th:data-url="@{/admin/vipInfo/findVipLevel}"
|
data-filed="levelName"
|
name="levelId">
|
<option value=''>等级</option>
|
</select>
|
</div>
|
|
<!-- <label class="col-sm-2 control-label">会员活跃度</label> -->
|
<div class="am-u-sm-6 margin-b1" >
|
<select class="form-control autoFull border"
|
th:data-url="@{/admin/dataDictionary/showDataDictionary}"
|
data-param="{type:'会员活跃度'}"
|
data-value="name"
|
name="vipState">
|
<option value=''>活跃度</option>
|
</select>
|
</div>
|
<div class="am-u-sm-6 margin-b1">
|
<select name="select" id="select" onchange="option()">
|
<option value=''>--类型选择--</option>
|
<option value="absentDay">未到店日期</option>
|
<option value="birthdays">生日</option>
|
<option value="followDays">跟进</option>
|
<option value="appointDays">预约</option>
|
</select>
|
</div>
|
<div class="am-u-sm-6 margin-b1">
|
<select name="time" id="time">
|
<option value='' class="option time">--时间选择--</option>
|
<option value="3" class="option option1 ">3天</option>
|
<option value="7" class="option option1">7天</option>
|
<option value="14" class="option option1">14天</option>
|
<option value="1" class="option option2">今天</option>
|
<option value="3" class="option option2">3天内</option>
|
<option value="30" class="option option2">一个月</option>
|
</select>
|
</div>
|
|
<div class="am-u-sm-8 ">
|
<input autocomplete="off" type="text" class="searchIn" name="keyWord" placeholder="用户姓名/手机号" />
|
|
</div>
|
<div class="am-u-sm-4 ">
|
<button type="button"
|
class="am-btn am-btn-default am-radius searchBtn"
|
onclick="Pagination.serchDate()">搜索</button>
|
</div>
|
|
<!-- 记录当前页 -->
|
<input autocomplete="off" type="hidden" name="offset" id="_offset" value="0" />
|
<input autocomplete="off" type="hidden" name="limit" id="limit" value="10" />
|
</div>
|
|
|
<div data-am-widget="list_news"
|
class="am-list-news am-list-news-default">
|
<!--列表标题-->
|
<div class="am-list-news-hd am-cf am-g">
|
<!--带更多链接-->
|
<div class="am-u-sm-3 ">
|
<h2 class="am-list-news-more am-fr">客户姓名</h2>
|
</div>
|
<div class="am-u-sm-3 ">
|
<h2 class="am-list-news-more am-fr">电话</h2>
|
</div>
|
<div class="am-u-sm-3 ">
|
<h2 class="am-list-news-more am-fr">会员等级</h2>
|
</div>
|
<div class="am-u-sm-3 ">
|
<h2 class="am-list-news-more am-fr">操作</h2>
|
</div>
|
</div>
|
<div class="am-list-news-bd">
|
<ul class="am-list am-list-striped" id="showdataBox">
|
|
</ul>
|
</div>
|
<div id="pagingBox" align="center" style="margin-top: 10px"></div>
|
</div>
|
<!-- 商品展示结束 -->
|
<!-- 测试 -->
|
</form>
|
</div>
|
<!-- 订单内容结束 -->
|
|
</div>
|
|
<script
|
th:src="@{/plugin/amazingUI/js/amazeui.widgets.helper.js}"></script>
|
<script th:src="@{/plugin/amazingUI/js/amazeui.min.js}"></script>
|
<script>
|
|
/**
|
加载数据
|
**/
|
$(function() {
|
var pageSize=$("#limit").val();
|
Pagination
|
.init(
|
{
|
url : basePath+"/admin/customer/showMyCustomerByModel",
|
pageSize : pageSize,
|
builderDate : function(loj) {
|
if (loj.getRowCount() > 0) {
|
$("#main").show();
|
var html = "";
|
//构建数据
|
for (var i = 0; i < loj.getRowCount(); i++) {
|
var phone=' ';
|
var tphone=' ';
|
if(loj.getString(i, "phone")&&loj.getString(i, "phone")!=''){
|
phone=loj.getString(i, "phone");
|
if(phone.length=11){
|
tphone=phone.substring(0,3)+"****"+phone.substring(8,11);
|
}else{
|
tphone=phone;
|
}
|
}
|
|
html += ' <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">'
|
+'<div class="am-u-sm-3 "><h3 class="am-list-item-hd">'+ loj.getString(i,"vipName") + '</h3> </div>'
|
+'<div class="am-u-sm-3 "><h3 class="am-list-item-hd">' + tphone + '</h3> </div> '
|
+'<div class="am-u-sm-3 "><h3 class="am-list-item-hd">' +(loj.getString(i, "vipLevel").levelName==null?' ':loj.getString(i, "vipLevel").levelName) + '</h3> </div> '
|
+'<div class="am-u-sm-3 "><a class="am-list-item-hd" href="tel:'+phone+'">拨号</a> <a class="am-list-item-hd" href="sms:'+phone+'">短信</a> <a class="am-list-item-hd" href="'+basePath+'/admin/customer/toVipInfoSearch?id='+ loj.getString(i, "id")+ '&lookInfo=0">详情</a></div></li>';
|
}
|
return html;
|
} else {
|
$("#pagingBox").hide();
|
|
|
}
|
}
|
}).serchDate();
|
|
|
//筛选点击事件
|
|
|
|
$(".m_ul li span").click(function(){
|
|
var normal="am-badge am-badge-secondary am-radius";
|
var selected="am-badge am-badge-warning am-radius";
|
var myAttr= $(this).attr("class");
|
if(myAttr==selected){
|
$(".m_ul li span").attr("class",normal);
|
$(this).attr("class",normal);
|
Pagination.serchDate();
|
}else{
|
$(".m_ul li span").attr("class",normal);
|
$(this).attr("class",selected);
|
onserch($(this).attr("kind"),$(this).attr("day"))
|
}
|
|
});
|
|
//下拉框
|
MTools.autoFullSelect();
|
//
|
//style="display:none"
|
$(".option1").css("display","none");
|
$(".option2").css("display","none");
|
|
}
|
);
|
function option(){
|
$(".option").removeAttr("selected");
|
$('.time').attr('selected', true);
|
if($("#select").val() != null && $("#select").val() != ""){
|
if($("#select").val() != "absentDay"){
|
$(".option1").css("display","none");
|
$(".option2").css("display","block");
|
}else{
|
$(".option2").css("display","none");
|
$(".option1").css("display","block");
|
}
|
}else{
|
$(".option1").css("display","none");
|
$(".option2").css("display","none");
|
}
|
}
|
|
|
|
</script>
|
<!-- index js -->
|
</body>
|
</html>
|
