| 
  
 | 
<!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"/> 
 | 
  
 | 
   
 | 
  
 | 
  <!-- 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"/> 
 | 
  
 | 
  <meta name="msapplication-TileColor" content="#0e90d2"> 
 | 
  <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 back-m1 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> 
 | 
  
 | 
      <!-- <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" method="post" id="dataform" onsubmit="javascripr:return false;"> 
 | 
       
 | 
      
 | 
      <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"   type="text" class="am-form-field " name="vipName" 
 | 
                    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"   type="text" class="am-form-field "   name="phone" placeholder="手机号" 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"   type="text" class="am-form-field " name="addr" 
 | 
                placeholder="会员地址" dataType="*" nullmsg="请填写会员地址">         
 | 
          </div> 
 | 
      </div> 
 | 
       
 | 
      
 | 
       
 | 
      <!-- <input autocomplete="off"   class="am-form-field am-input-sm" type="text" placeholder=""> 
 | 
      <br/> --> 
 | 
       
 | 
       
 | 
      <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.value}" th:text="${item.value}"></option> 
 | 
            </select> 
 | 
          </div> 
 | 
      </div> 
 | 
      <div class="Validform_checktip"></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="sex" datatype="*" nullmsg="请选择性别"> 
 | 
              <option value="女">女</option> 
 | 
              <option value="男">男</option> 
 | 
            </select> 
 | 
        </div> 
 | 
      </div> 
 | 
      <div class="Validform_checktip"></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"> 
 | 
                <input autocomplete="off"   type="date" id="voInDate" name="voBirthday" 
 | 
                    class="am-form-field " datatype="*" nullmsg="请选择会员生日" onchange="changeBirthday(this.value)"/>      
 | 
          </div> 
 | 
      </div> 
 | 
      <div class="Validform_checktip"></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 name="constell" id="constell"> 
 | 
                  <option value="">-- 请选择会员星座 --</option> 
 | 
                <option th:each="item:${xz}" th:value="${item.name}" th:text="${item.name}"></option> 
 | 
            </select> 
 | 
        </div> 
 | 
      </div> 
 | 
      <div class="Validform_checktip"></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="animalSign" id="animalSign" ><!-- datatype="*" nullmsg="请选择会员生肖" --> 
 | 
                <option value="">-- 请选择会员生肖 --</option> 
 | 
                    <option th:each="item:${sx}" 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"> 
 | 
            <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 type="text/x-handlebars-template" id="amz-tpl"> 
 | 
  {{>header header}} 
 | 
  
 | 
  {{>menu menu}} 
 | 
  
 | 
  {{>slider slider}} 
 | 
  
 | 
  {{>list_news list1}} 
 | 
  
 | 
  {{>gallery gallery}} 
 | 
  
 | 
  {{>list_news list2}} 
 | 
  
 | 
  {{>footer footer}} 
 | 
  
 | 
  {{>navbar navbar}} 
 | 
</script> 
 | 
<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"> 
 | 
  
 | 
 /*会员注册判断  */ 
 | 
var myForm = MForm.initForm({ 
 | 
    invokeUrl :  basePath+"/admin/vipInfo/registerVipInfo", 
 | 
    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"); 
 | 
             }    
 | 
        }); 
 | 
    } 
 | 
});  
 | 
  
 | 
 function changeBirthday(birthday){ 
 | 
     /* $("#constell").removeAttr("option:selected"); */ 
 | 
     $.AjaxProxy({gs_parameter:{birthday1:birthday}}).invoke( 
 | 
                 basePath+"/admin/vipInfo/getBirthday" , function(loj){ 
 | 
                    if(loj.getRowCount()>0){ 
 | 
                        $("#constell option:selected").html(loj.getString(0,"constell")); 
 | 
                        $("#animalSign option:selected").html(loj.getString(0,"animalSign"));  
 | 
                         
 | 
                        /* console.log($("#constell").find("option:selected").html()); 
 | 
                        $("#constell").find("option[text="+loj.getString(0,"constell")+"]").attr("selected",true); 
 | 
                        $("#animalSign").find("option[text="+loj.getString(0,"animalSign")+"]").attr("selected",true); */ 
 | 
                    } 
 | 
        }); 
 | 
 } 
 | 
</script>  
 | 
</body> 
 | 
</html> 
 |