|
|
<!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 SiteFapp-->
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
|
<!-- Add to homescreen for Chrome on Android -->
|
<meta name="mobile-web-app-capable" content="yes">
|
|
|
<!-- Add to homescreen for Safari on iOS -->
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
|
|
|
|
<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/dingUserVip.css}">
|
|
</head>
|
<body>
|
<!-- 访客登记页面 -->
|
<!-- 头部开始 -->
|
<header data-am-widget="header" class="am-header color-w am-header-fixed back-m1">
|
<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>
|
|
<!-- <div class="am-header-right am-header-nav">
|
<a href="user.html" class=""> <i
|
class="am-header-icon am-icon-bars"></i>
|
</a>
|
</div> -->
|
</header>
|
<!-- 头部结束 -->
|
|
|
<!-- 客户到访表单开始 -->
|
<div class="main main2">
|
<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 bot">
|
<div class="am-u-sm-4">
|
<span class="am-input-group-label">新客/老客</span>
|
</div>
|
<div class="am-u-sm-8" style="padding-top: 10px">
|
<input autocomplete="off" class="static-form-control" name="isOld" type="radio" value="新客"/>新客
|
<input autocomplete="off" class="static-form-control" name="isOld" type="radio" value="老客"/>老客
|
</div>
|
</div>
|
<div class="Validform_checktip" style="margin-bottom: 10px"></div>
|
|
|
<div class="am-input-group am-form-group am-input-group-primary am-g bot">
|
<div class="am-u-sm-4">
|
<span class="am-input-group-label">客户电话</span>
|
</div>
|
<div class="am-u-sm-8">
|
<input autocomplete="off" onchange="getVipData('phone')" id="custTel" name="custTel" type="text" class="am-form-field " placeholder="输入电话后自动查询"
|
datatype="m" nullmsg="请填写客户手机号" errormsg="请填写正确手机号">
|
</div>
|
</div>
|
|
<div class="am-input-group am-form-group am-input-group-primary am-g bot">
|
<div class="am-u-sm-4">
|
<span class="am-input-group-label">客户姓名</span>
|
</div>
|
<div class="am-u-sm-8">
|
<input autocomplete="off" name="custName" onchange="getVipData('vipName')" id="vipName" type="text" class="am-form-field "
|
placeholder="客户姓名" datatype="*1-20" nullmsg="请填写客户姓名" errormsg="长度为1-20">
|
</div>
|
</div>
|
|
|
<!-- 客户后来添加了一个会员编号，去掉了到店途径，因此性别这个字段实际存储的是会员编号 -->
|
<div class="am-input-group am-form-group am-input-group-primary am-g bot">
|
<div class="am-u-sm-4">
|
<span class="am-input-group-label">会员编号</span>
|
</div>
|
<div class="am-u-sm-8">
|
<input autocomplete="off" name="arrivalWay" onchange="getVipData('vipNo')" id="vipNo" type="text" class="am-form-field " placeholder="会员编号" ignore="ignore"
|
datatype="*1-20" nullmsg="请填写会员编号" errormsg="长度为1-20">
|
</div>
|
</div>
|
|
|
|
<div class="Validform_checktip"></div>
|
<div class="am-form-group am-form-select am-input-group am-input-group-primary am-g ">
|
<div class="am-u-sm-4">
|
<span class="am-input-group-label">业务类型</span>
|
</div>
|
<div class="am-u-sm-8">
|
<select class=" " name="businessType" multiple="multiple">
|
<!-- <option value="">-- 请选择业务类型 --</option> -->
|
<option th:each="item:${ywlx}" th:value="${item.name}" th:text="${item.name}"></option>
|
</select>
|
</div>
|
</div>
|
<div class="Validform_checktip"></div>
|
|
|
|
|
<div class="am-form-group am-input-group am-input-group-primary am-g ">
|
<div class="am-u-sm-4">
|
<span class="am-input-group-label">所属门店</span>
|
</div>
|
<div class="am-u-sm-8">
|
<input autocomplete="off" type="text" class="am-form-field" readonly="readonly" th:value="${shopNmae}">
|
</div>
|
</div>
|
|
<div class="am-form-group am-form-select am-input-group am-input-group-primary am-g bot">
|
<div class="am-u-sm-4">
|
<span class="am-input-group-label">到店途径</span>
|
</div>
|
<div class="am-u-sm-8">
|
<select class=" " name="arrivalWay" datatype="*" nullmsg="请选择到店途径">
|
<!-- 动态添加 -->
|
<option value="">-- 请选择到店途径 --</option>
|
<option th:each="item:${ddtj}" th:value="${item.name}" th:text="${item.name}"></option>
|
</select>
|
</div>
|
</div>
|
<div class="Validform_checktip"></div>
|
|
|
|
|
|
<div class="am-form-group am-input-group am-input-group-primary am-g ">
|
<div class="am-u-sm-4">
|
<span class="am-input-group-label ">健康顾问</span>
|
</div>
|
<div class="am-u-sm-8">
|
<input autocomplete="off" type="text" class="am-form-field " readonly="readonly"
|
th:value="${staffName}">
|
</div>
|
</div>
|
|
<div class="am-form-group am-form-select am-input-group am-input-group-primary am-g bot">
|
<div class="am-u-sm-4">
|
<span class="am-input-group-label">美 疗 师</span>
|
</div>
|
<div class="am-u-sm-8">
|
<select class=" " name="beauticianId" datatype="*" nullmsg="请选择美疗师">
|
<option value="">-- 请选择美疗师--</option>
|
<option th:each="item:${mls}" th:value="${item.suId}" th:text="${item.suName}"></option>
|
</select>
|
</div>
|
</div>
|
<div class="Validform_checktip"></div>
|
|
<div class="am-form-group am-input-group am-input-group-primary am-g ">
|
<div class="am-u-sm-4">
|
<span class="am-input-group-label ">备 注</span>
|
</div>
|
<div class="am-u-sm-8">
|
<textarea name="remark" class="border " clos="100" rows="3" warp="virtual"></textarea>
|
</div>
|
</div>
|
<div class="inputBtn">
|
<input autocomplete="off" type="button" onclick="myForm.submit()"
|
class="am-btn btn-m1 am-radius am-btn-block" value="提交"></input>
|
</div>
|
<!-- 测试 -->
|
|
</form>
|
</div>
|
|
|
<!-- 客户到访表单结束 -->
|
|
|
<script th:src="@{/plugin/amazingUI/js/handlebars.min.js}"></script>
|
<script th:src="@{/plugin/amazingUI/js/amazeui.widgets.helper.js}"></script>
|
<!-- index js -->
|
<script type="text/javascript">
|
|
//自动填充
|
function getVipData(key){
|
if($("input[name='isOld']:checked").val() == "老客"){
|
if(key=="phone"){
|
$("#vipName").val("");
|
$("#vipNo").val("");
|
//$("input[name=isOld]").removeAttr("checked");
|
queryInfo($("#custTel").val(),"","");
|
}else if(key == "vipName"){
|
$("#custTel").val("");
|
$("#vipNo").val("");
|
//$("input[name=isOld]").removeAttr("checked");
|
queryInfo("",$("#vipName").val(),"");
|
}else if(key == "vipNo"){
|
$("#custTel").val("");
|
$("#vipName").val("");
|
//$("input[name=isOld]").removeAttr("checked");
|
queryInfo("","",$("#vipNo").val());
|
}
|
}
|
}
|
|
|
|
function queryInfo(phone,vipName,vipNo){
|
$.AjaxProxy({gs_parameter:{phone:phone,vipName:vipName,vipNo:vipNo}}).invoke(
|
basePath+"/admin/vipInfo/findUserPho" , function(loj){
|
if(loj.getRowCount()>0){
|
$("#custTel").val(loj.getString(0,"phone"));
|
$("#vipName").val(loj.getString(0,"vipName"));
|
$("#vipNo").val(loj.getString(0,"vipNo"));
|
//$("input[name=isOld]").get(1).checked=true;
|
}
|
});
|
return false;
|
}
|
|
|
|
|
var myForm = MForm.initForm({
|
invokeUrl : basePath+"/admin/vipInfo/visitorInfo",
|
afterSubmit : function(loj) {
|
layer.open({
|
shade:false,
|
content : '操作成功',
|
className : 'showBox',
|
time : 1,
|
end: function(elem){
|
MTools.redirect( basePath+"/admin/redirect/hive/mobile/CRM?foot=3");
|
}
|
});
|
}
|
});
|
$(document).ready(function(){
|
|
$("input[name=isOld]").get(0).checked=true;
|
});
|
|
</script>
|
</body>
|
</html>
|
