|
|
<!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/personal?foot=1" 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"
|
th:data-url="@{/admin/achieveTargetShop/findShopByRole}"
|
data-value="id"
|
data-filed="shopName"
|
name="shopId"
|
id="shopId">
|
<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" name="staffPost">
|
<option value=''>--员工岗位--</option>
|
<option value='1'>健康顾问</option>
|
<option value='2'>美疗师</option>
|
</select>
|
</div>
|
|
<!-- <div class="am-u-sm-4 margin-b1">
|
<select name=absentDay id="order-select" class=" border" >
|
<option value=''>未到店日期</option>
|
<option value="3">3天</option>
|
<option value="7">7天</option>
|
<option value="14">14天</option>
|
</select>
|
</div>
|
<div class="am-u-sm-4 margin-b1">
|
<select name="birthdays" class=" border" >
|
<option value=''>生日</option>
|
<option value="1">今天</option>
|
<option value="3">3天内</option>
|
<option value="30">一个月</option>
|
</select>
|
</div>
|
<div class="am-u-sm-4 margin-b1">
|
<select name="followDays" class=" border" >
|
<option value=''>跟进</option>
|
<option value="1">今天</option>
|
<option value="3">3天内</option>
|
<option value="30">一个月</option>
|
</select>
|
</div>
|
<label class="col-sm-2 control-label">会员活跃度</label>
|
<div class="am-u-sm-4 margin-b1" >
|
<select name="appointDays" class=" border" >
|
<option value=''>预约</option>
|
<option value="1">今天</option>
|
<option value="3">3天内</option>
|
<option value="30">一个月</option>
|
</select>
|
</div> -->
|
|
<div class="am-u-sm-8 ">
|
<input autocomplete="off" type="text" class="searchIn" name="staffName" placeholder="员工姓名" />
|
<!-- <label class="col-sm-2 control-label">会员等级</label> -->
|
|
|
</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>
|
<!-- <ul class="m_ul">
|
<li>生日：<span class="am-badge am-badge-secondary am-radius" kind="1" day="0" > 今天 </span>
|
<span class="am-badge am-badge-secondary am-radius" kind="1" day="3" > 3天内 </span>
|
<span class="am-badge am-badge-secondary am-radius" kind="1" day="30" > 一月内 </span></li>
|
|
<li>跟进：<span class="am-badge am-badge-secondary am-radius" kind="2" day="0" > 今天 </span>
|
<span class="am-badge am-badge-secondary am-radius" kind="2" day="3" > 3天内 </span>
|
<span class="am-badge am-badge-secondary am-radius" kind="2" day="30" > 一月内 </span></li>
|
<li>预约：<span class="am-badge am-badge-secondary am-radius" kind="3" day="0" > 今天 </span>
|
<span class="am-badge am-badge-secondary am-radius" kind="3" day="3" > 3天内 </span>
|
<span class="am-badge am-badge-secondary am-radius" kind="3" day="30" > 一月内 </span></li>
|
</ul> -->
|
|
<!-- 商品表格 -->
|
<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-4 ">
|
<h2 class="am-list-news-more am-fr">员工姓名</h2>
|
</div>
|
<div class="am-u-sm-4 ">
|
<h2 class="am-list-news-more am-fr">所属门店</h2>
|
</div>
|
<div class="am-u-sm-4 ">
|
<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/achieveTarget/showAllMlsAndJkgw",
|
pageSize : pageSize,
|
builderDate : function(loj) {
|
if (loj.getRowCount() > 0) {
|
$("#main").show();
|
var html = "";
|
//构建数据
|
for (var i = 0; i < loj.getRowCount(); i++) {
|
|
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,"staffName") + '</h3> </div>'
|
+'<div class="am-u-sm-3 "><h3 class="am-list-item-hd">' + loj.getString(i,"shopName") + '</h3> </div> '
|
+'<div class="am-u-sm-3 "><a class="am-list-item-hd" th:href="@{/admin/achieveTarget/dayAchieve?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");
|
}
|
}
|
|
/*条件筛选加载
|
function onserch(kind,day){
|
|
$.AjaxProxy({p:{"kind":kind,"day":day}}).invoke( basePath+"/admin/customer/showCustomerByDay",function(loj){
|
|
if (loj.getRowCount() > 0) {
|
var html = "";
|
//构建数据
|
for (var i = 0; i < loj.getRowCount(); i++) {
|
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">' + loj.getString(i, "phone") + '</h3> </div> '
|
+'<div class="am-u-sm-3 "><h3 class="am-list-item-hd">' + 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" th:href="@{/admin/customer/toVipInfoList?id='+ loj.getString(i, "id")+ '">详情</a></div></li>';
|
}
|
$("#showdataBox").html(html);
|
$("#pagingBox").html("");
|
} else {
|
$("#showdataBox").html("<hr><div class='am-u-sm-6 am-u-sm-centered '>没有查询到相关数据~</div>");
|
$("#pagingBox").html("");
|
|
}})};
|
|
*/
|
|
|
|
|
|
|
|
</script>
|
<!-- index js -->
|
</body>
|
</html>
|
