~jiangyouyao/beauty-erp.git

New file
			@@ -0,0 +1,284 @@
			<!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="Pragma" CONTENT="no-cache">
			<meta name="renderer" content="webkit\|ie-comp\|ie-stand">
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
			<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/MBase.js}"></script>

			<script type="text/javascript" th:src="@{/js/function/vip.js}"></script>
			<script type="text/javascript" th:src="@{/js/function/meiduCommon.js}"></script>

			<style type="text/css">
			.c {
			cursor: pointer;
			overflow: scroll;
			height: 258px;
			overflow-x: hidden;
			}

			.c li:HOVER {
			background: #efefef;
			}

			.userList {
			list-style: none;
			padding-left: 0px;
			border: 1px solid rgb(238, 238, 238);
			position: fixed;
			z-index: 99999999;
			background: #FFFFFF;
			box-shadow: 1px 2px 10px 1px #BFBFBF;
			height: 300px;
			overflow: scroll;
			overflow-x: hidden;
			}

			.userList li {
			padding-left: 13px;
			padding-top: 5px;
			padding-bottom: 5px;
			cursor: pointer;
			border-bottom: 1px solid #efefef;
			}

			.userList li:hover {
			background: #eee;
			}
			</style>

			</head>
			<body class="ibox-content container-fluid" onkeypress="dosearch(event)">

			<div class="row">
			<div class="row ">

			<div class="col-sm-12 ibox-content">
			<form method="post" id="dataform" class="dataform form-inline">
			<div class="pd-20 form-group">
			<div class="text-l ">
			<input type="text" id="key" placeholder="输入会员姓名/手机号码/编号" autocomplete="off"
			style="width: 400px" class="form-control">
			<button type="button" class="btn btn-success radius EXSerchBtn "
			onclick="selectByKey();">
			<i class="fa fa-search"> </i> 查找
			</button>
			<ul id="userList" class="userList "
			style="width: 400px; display: none">
			</ul>

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

			</div>
			</div>
			<input autocomplete="off" type="hidden" id="vipId">
			<div class="row">
			<div class=" col-sm-9 ">
			<div class="panel panel-default">
			<div class="panel-heading">会员信息</div>

			<table class="table table-bordered table-striped "
			style="width: 100%;">
			<tr>
			<td width="10%" class="text-r"><b>会员姓名:</b></td>
			<td width="20%" name="vipName" id="vipName"></td>
			<td width="10%" class="text-r"><b>性别:</b></td>
			<td width="20%" name="sex" id="sex"></td>
			<td width="10%" class="text-r"><b>生日:</b></td>
			<td width="20%" name="birthday1" id="birthday1"></td>
			</tr>

			<tr>
			<td width="10%" class="text-r"><b>会员类型:</b></td>
			<td width="20%" name="vipType" id="vipType"></td>
			<td width="10%" class="text-r"><b>会员状态:</b></td>
			<td width="20%" name="vipState" id="vipState"></td>
			<td width="10%" class="text-r"><b>会员等级:</b></td>
			<td width="20%" name="levelName" id="levelName"></td>

			</tr>
			<tr>
			<td width="10%" class="text-r"><b>会员编号:</b></td>
			<td width="20%" name="animalSign" id="vipNo"></td>
			<td width="10%" class="text-r"><b>生肖/星座:</b></td>
			<td width="20%" name="constell" id="constell"></td>
			<td width="10%" class="text-r"><b>注册时间:</b></td>
			<td width="20%" name="createTime" id="createTime"></td>
			</tr>
			<tr>
			<td width="10%" class="text-r"><b>手机号码:</b></td>
			<td width="20%" name="phone" id="phone"></td>
			<td width="10%" class="text-r"><b>入会时间:</b></td>
			<td width="20%" name="inDate" id="inDate"></td>
			<td width="10%" class="text-r"><b>地址:</b></td>
			<td width="20%" name="addr" id="addr"></td>
			</tr>
			<tr>
			<td width="10%" class="text-r"><b>到店途径:</b></td>
			<td width="20%" name="arrivalWay" id="arrivalWay"></td>
			<td width="10%" class="text-r"><b>总佣金:</b></td>
			<td width="20%" name="commissionAll" id="commissionAll"></td>
			<td width="10%" class="text-r"><b>总积分:</b></td>
			<td width="20%" name="pointAll" id="pointAll"></td>
			</tr>

			<tr>
			<td width="10%" class="text-r"><b>储值卡余额:</b></td>
			<td width="20%" name="bal" id="bal"></td>
			<td width="10%" class="text-r"><b>备注:</b></td>
			<td width="20%" name="remark" id="remark"></td>
			<td width="10%" class="text-r"><b>健康顾问:</b></td>
			<td width="20%" name="staffName" id="staffName"></td>
			<td style="display: none" id="id" name="id"></td>
			</tr>
			<tr>
			<td class="text-center" colspan="6">

			<button matrix:btn="vipinfoClub-recharge" class="btn btn-success radius size-S isActive "
			disabled="disabled" onclick='openCz()'>
			<i class="fa fa-jpy"></i> 充值
			</button>

			<button matrix:btn="vipinfoClub-payment" class="btn btn-success radius size-S isActive"
			disabled="disabled" onclick='openOrderList("欠款")'>
			<i class="fa fa-paypal"></i> 补交
			</button>

			<button matrix:btn="vipinfoClub-gathering" class="btn btn-success radius size-S isActive"
			disabled="disabled" onclick='openOrderList("待付款")'>
			<i class="fa fa-paypal"></i> 收款
			</button>
			<button matrix:btn="vipinfoClub-newService" class="btn btn-success radius size-S isActive"
			disabled="disabled" onclick='toRefundOrder()'>
			<i class="fa fa-paypal"></i> 退款
			</button>
			<button matrix:btn="vipinfoClub-newService" class="btn btn-success radius size-S isActive"
			disabled="disabled" onclick='openAddOrder()'>
			<i class="fa fa-paypal"></i> 开单
			</button>
			<button matrix:btn="vipinfoClub-newService" class="btn btn-success radius size-S isActive"
			disabled="disabled" onclick='openAddService()'>
			<i class="fa fa-paypal"></i> 开服务单
			</button>

			</td>
			</tr>
			</table>
			</div>
			</div>
			<div class="col-sm-3">
			<div class="panel panel-default ">
			<div class="panel-heading">最近查询会员</div>
			<ul class="list-group c " id="historyList">
			</ul>
			</div>
			</div>
			</div>
			<div class="row">
			<div class="col-sm-9 text-center">


			<button class="btn btn-success radius size-S isActive"
			onclick='openOrderList("全部")' disabled="disabled">
			<i class="fa fa-arrows-alt "></i> 订单
			</button>

			<button class="btn btn-success radius size-S isActive"
			onclick="openServiceList()" disabled="disabled">
			<i class="fa fa-arrows-alt "></i> 服务单
			</button>
			\|\|
			<button matrix:btn="vipinfoClub-projTaocan" class="btn btn-success radius size-S isActive"
			onclick="openProj()" disabled="disabled">
			<i class="fa fa-star-half-o "></i> 项目管理
			</button>


			<button matrix:btn="vipinfoClub-projTaocan" class="btn btn-success radius size-S isActive"
			onclick="openTc()" disabled="disabled">
			<i class="fa fa-share-alt-square "></i> 套餐管理
			</button>


			<button matrix:btn="vipinfoClub-projTaocan" class="btn btn-success radius size-S isActive"
			onclick="openMoneyCard()" disabled="disabled">
			<i class="fa fa-gbp "></i>充值卡管理
			</button>
			\|\|
			<button matrix:fn="servicefollow" onclick="openFollow()" type="button" class="btn btn-success isActive" disabled="disabled">
			<i class="fa fa-edit"></i> 跟进记录
			</button>

			<button matrix:btn="vipInfo-edit" onclick="openArchieves()" type="button" class="btn btn-success isActive" disabled="disabled"><i
			class="fa fa-edit"></i> 客户档案
			</button>
			<button matrix:btn="vipInfo-edit" onclick="openEdit()" type="button" class="btn btn-success isActive" disabled="disabled"><i
			class="fa fa-edit"></i> 基本资料
			</button>

			</div>
			</div>

			</div>
			</body>


			<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
			<script th:inline="javascript">
			//初始带入vip的电话
			var key = $.query.get("vipPhone");
			if(key){
			selectList(key);
			}

			$(function () {
			$("#key").keyup(
			function () {
			var $input = $("#key");
			if ($input.val().length > 1) {
			$.AjaxProxy({
			p: {
			keyWord: $input.val(),
			},
			c: false,
			})
			.invoke(
			basePath + "/admin/vipInfo/findUserByPhotoOrName",
			function (loj) {
			var html = "";
			for (var i = 0; i < loj
			.getRowCount(); i++) {
			html += '<li onclick="selectList(\'' + loj.getString(i, 'phone') + '\')" >'
			+ loj.getString(i, 'phone') + "-" + loj.getString(i, 'vipName')
			+ "-" + loj.getString(i, 'vipNo')
			+ '</li>';
			}
			$("#userList").html(html).show();
			});
			} else {
			$("#userList").hide();
			}
			});
			$("#userList").mouseleave(function () {
			$(this).hide();
			})
			})


			function selectList(phone) {
			$("#userList").hide();
			$("#key").val(phone);
			selectByKey();
			}
			</script>
			</body>
			</html>