|   | 
|   | 
| <!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> |