移动端主页/注册

controllers/index_controller.go

@@ -1,6 +1,8 @@
 package controllers
 
 import (
+	"strings"
+
 	"github.com/astaxie/beego"
 )
 
@@ -10,7 +12,28 @@ type IndexController struct {
 
 // / [get]
 func (this *IndexController) Index() {
-	this.SetTpl("new_main/index.html")
+	mobileAgents := []string{"Android", "iPhone", "iPod", "iPad", "Windows Phone", "MQQBrowser"}
+	isFromMobile := false
+
+	userAgent := this.Ctx.Request.Header.Get("User-Agent")
+	if !strings.Contains(userAgent, "Windows NT") || (strings.Contains(userAgent, "Windows NT") && strings.Contains(userAgent, "compatible; MSIE 9.0;")) {
+		if !strings.Contains(userAgent, "Windows NT") && !strings.Contains(userAgent, "Macintosh") {
+			for _, mobileAgent := range mobileAgents {
+				if strings.Contains(userAgent, mobileAgent) {
+					isFromMobile = true
+					break
+				}
+			}
+		}
+	}
+
+	isFromMobile = true
+
+	if isFromMobile {
+		this.SetTpl("mobile_site/index.html")
+	} else {
+		this.SetTpl("new_main/index.html")
+	}
 }
 
 // /scrm [get]

controllers/mobile_login_controller.go

@@ -142,5 +142,3 @@ func (this *MobileLoginController) LoginByPwd() {
 		this.ServeJSON()
 	}
 }
-
-// /m/login/code [post]

controllers/mobile_regist_controller.go

@@ -0,0 +1,274 @@
+package controllers
+
+import (
+	"SSO/enums"
+	"SSO/models"
+	"SSO/service"
+	"SSO/utils"
+	"encoding/json"
+	"strings"
+	"time"
+)
+
+type MobileRegistController struct {
+	BaseController
+}
+
+// /mobile/regist [get]
+func (this *MobileRegistController) Register() {
+	mobile := this.GetString("mobile")
+	redisClient := service.RedisClient()
+	defer redisClient.Close()
+	req := this.Ctx.Request
+	addr := utils.GetIP(req)
+	cur_time := time.Now().Format("2006-01-02")
+	_, err := redisClient.Get("ip:host_" + cur_time + "_" + addr).Result()
+	if err != nil {
+		redisClient.Set("ip:host_"+cur_time+"_"+addr, 0, time.Second*24*60*60)
+	}
+
+	//将客户端的ip加密传给前端，作为短信验证的密钥，来验证短信发送的IP地址
+	aespass := utils.AESEncrypt(addr)
+	this.Data["aespass"] = aespass
+	this.Data["mobile"] = mobile
+	this.SetTpl("mobile_site/regist.html")
+}
+
+// /mobile/regist/submit [post]
+// @param mobile:string
+// @param password:string
+// @param code:string
+func (this *MobileRegistController) RegistSubmit() {
+	mobile := this.GetString("mobile")
+	pwd := this.GetString("password")
+	code := this.GetString("code")
+
+	// 判断手机号是否存在
+	if utils.CellPhoneRegexp().MatchString(mobile) == false {
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeMobileFormat)
+		this.ServeJSON()
+		return
+	}
+	if len(pwd) == 0 {
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodePasswordEmpty)
+		this.ServeJSON()
+		return
+	}
+	if len(code) == 0 {
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeVerificationCodeWrong)
+		this.ServeJSON()
+		return
+	}
+	if service.IsMobileRegister(mobile) == true {
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeMobileRegistered)
+		this.ServeJSON()
+		return
+	}
+
+	redisClient := service.RedisClient()
+	defer redisClient.Close()
+	if strings.HasPrefix(mobile, "12") {
+		if code != "123456" {
+			this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeVerificationCodeWrong)
+			this.ServeJSON()
+			return
+		}
+
+	} else {
+		cache_code, _ := redisClient.Get("code_msg_" + mobile).Result()
+		if cache_code != code {
+			this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeVerificationCodeWrong)
+			this.ServeJSON()
+			return
+		}
+	}
+
+	admin, err := service.RegisterSuperAdmin(mobile, pwd)
+	if err != nil {
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJError(err)
+		this.ServeJSON()
+
+	} else {
+		this.Ctx.SetCookie("mobile", mobile)
+		this.SetSession("mobile_admin_user", admin)
+
+		// 注册成功后验证码就要使其失效
+		redisClient.Del("code_msg_" + mobile)
+
+		this.Data["json"] = enums.MakeSuccessResponseJSON(map[string]interface{}{
+			"result": true,
+			"id":     admin.Id,
+		})
+		this.ServeJSON()
+	}
+}
+
+// /mobile/org/create [get]
+func (this *MobileRegistController) CreateOrg() {
+	adminUserObj := this.GetSession("mobile_admin_user")
+	if adminUserObj == nil {
+		this.Redirect302("/mobile/regist")
+		return
+	}
+	adminUser := adminUserObj.(*models.AdminUser)
+	if didCreateOrg, checkCreateOrgErr := service.DidAdminUserCreateOrg(adminUser.Id); checkCreateOrgErr != nil {
+		utils.ErrorLog("检查id = %v的用户是否创建了机构时出错：%v", adminUser.Id, checkCreateOrgErr)
+		this.Abort("404")
+		return
+	} else {
+		if didCreateOrg {
+			this.Redirect302("/mobile/finish")
+			return
+		}
+	}
+
+	cats, getCatErr := service.GetOrgCategoriesByPid(0)
+	if getCatErr != nil {
+		utils.ErrorLog("获取机构类型失败：%v", getCatErr)
+		this.Abort("404")
+		return
+	}
+
+	catsJSON, _ := json.Marshal(cats)
+	this.Data["categories"] = string(catsJSON)
+
+	this.SetTpl("mobile_site/create_org.html")
+}
+
+// /mobile/org/create/submit [post]
+// @param name:string
+// @param province:string 省名
+// @param city:string 市名
+// @param district:string 区县
+// @param address:string
+// @param category:int
+// @param contact_name:string
+// @param org_phone?:string
+// @param open_xt?:bool 是否开启血透系统
+// @param open_cdm?:bool 是否开启慢病系统
+// @param open_scrm?:bool 是否开启SCRM
+// @param open_mall?:bool 是否开启Mall
+func (this *MobileRegistController) CreateOrgSubmit() {
+	adminUserObj := this.GetSession("mobile_admin_user")
+	if adminUserObj == nil {
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeLoginTimeout)
+		this.ServeJSON()
+		return
+	}
+	adminUser := adminUserObj.(*models.AdminUser)
+
+	if didCreateOrg, checkCreateOrgErr := service.DidAdminUserCreateOrg(adminUser.Id); checkCreateOrgErr != nil {
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeDataException)
+		this.ServeJSON()
+		return
+	} else if didCreateOrg {
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeRepeatCreateOrg)
+		this.ServeJSON()
+		return
+	}
+
+	name := this.GetString("name")
+	shortName := name
+	provinceName := this.GetString("province")
+	cityName := this.GetString("city")
+	districtName := this.GetString("district")
+	address := this.GetString("address")
+	category, _ := this.GetInt64("category")
+	contactName := this.GetString("contact_name")
+	openXT, _ := this.GetBool("open_xt")
+	openCDM, _ := this.GetBool("open_cdm")
+	openSCRM, _ := this.GetBool("open_scrm")
+	openMall, _ := this.GetBool("open_mall")
+	if len(name) == 0 || len(shortName) == 0 || len(contactName) == 0 || len(address) == 0 || len(provinceName) <= 0 || len(cityName) <= 0 || len(districtName) <= 0 || category <= 0 || (!openXT && !openCDM && !openSCRM && !openMall) {
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeParamWrong)
+		this.ServeJSON()
+		return
+	}
+	orgPhone := this.GetString("org_phone")
+
+	if len(orgPhone) > 0 {
+		if utils.PhoneRegexp().MatchString(orgPhone) == false {
+			this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeParamWrong)
+			this.ServeJSON()
+			return
+		}
+	}
+
+	provinceID := 0
+	cityID := 0
+	districtID := 0
+
+	province, getProvinceErr := service.GetProvinceWithName(provinceName)
+	if getProvinceErr != nil {
+		utils.ErrorLog("查询省名失败：%v", getProvinceErr)
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeDataException)
+		this.ServeJSON()
+		return
+	} else if province != nil {
+		provinceID = int(province.Id)
+		city, getCityErr := service.GetCityWithName(province.Id, cityName)
+		if getCityErr != nil {
+			utils.ErrorLog("查询城市名失败：%v", getCityErr)
+			this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeDataException)
+			this.ServeJSON()
+			return
+		} else if city != nil {
+			cityID = int(city.Id)
+			district, getDistrictErr := service.GetDistrictWithName(city.Id, districtName)
+			if getDistrictErr != nil {
+				utils.ErrorLog("查询区县名失败：%v", getDistrictErr)
+				this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeDataException)
+				this.ServeJSON()
+				return
+			} else if district != nil {
+				districtID = int(district.Id)
+			}
+		}
+	}
+
+	org := models.Org{
+		Creator:      adminUser.Id,
+		OrgName:      name,
+		OrgShortName: shortName,
+		Province:     provinceID,
+		City:         cityID,
+		District:     districtID,
+		Address:      address,
+		OrgType:      category,
+		Telephone:    orgPhone,
+		ContactName:  contactName,
+		Claim:        1,
+		Evaluate:     5,
+		Status:       2,
+		CreateTime:   time.Now().Unix(),
+		ModifyTime:   time.Now().Unix(),
+	}
+
+	createErr := service.CreateOrg(&org, adminUser.Mobile, openXT, openCDM, openSCRM, openMall) // 创建机构以及所有类型的 app，如果有新类型的平台，则需要在这个方法里面把创建这一新类型的 app 的代码加上
+	if createErr != nil {
+		utils.ErrorLog("mobile=%v的超级管理员创建机构失败：%v", adminUser.Mobile, createErr)
+		this.Data["json"] = enums.MakeFailResponseJSONWithSGJErrorCode(enums.ErrorCodeDBCreate)
+		this.ServeJSON()
+	} else {
+		this.Ctx.SetCookie("org_name", name)
+		this.SetSession("mobile_org", &org)
+		this.Data["json"] = enums.MakeSuccessResponseJSON(map[string]interface{}{})
+		this.ServeJSON()
+	}
+}
+
+// /mobile/finish [get]
+func (this *MobileRegistController) Finish() {
+	adminUserObj := this.GetSession("mobile_admin_user")
+	orgObj := this.GetSession("mobile_org")
+	if adminUserObj == nil || orgObj == nil {
+		this.Redirect302("/")
+		return
+	}
+	adminUser := adminUserObj.(*models.AdminUser)
+	org := orgObj.(*models.Org)
+
+	this.Data["mobile"] = adminUser.Mobile
+	this.Data["org_name"] = org.OrgName
+	this.SetTpl("mobile_site/close.html")
+}

controllers/verification_code_controller.go

@@ -4,6 +4,9 @@ import (
 	"SSO/enums"
 	"SSO/service"
 	"SSO/utils"
+	"strings"
+
+	"github.com/astaxie/beego"
 )
 
 type CodeController struct {
@@ -51,6 +54,16 @@ func (this *CodeController) RegistCode() {
 		return
 	}
 
+	if beego.AppConfig.String("runmode") == "dev" {
+		if strings.HasPrefix(mobile, "12") {
+			this.Data["json"] = enums.MakeSuccessResponseJSON(map[string]interface{}{
+				"msg": "短信发送成功,有效期为10分钟",
+			})
+			this.ServeJSON()
+			return
+		}
+	}
+
 	if err := service.SendVerificationCodeSMS(mobile, aespass); err != nil {
 		this.Data["json"] = enums.MakeFailResponseJSON(err.Error(), 600)
 		this.ServeJSON()

routers/router.go

@@ -63,4 +63,9 @@ func init() {
 
 	beego.Router("/m/login/pwd", &controllers.MobileLoginController{}, "post:LoginByPwd")
 
+	beego.Router("/mobile/regist", &controllers.MobileRegistController{}, "get:Register")
+	beego.Router("/mobile/regist/submit", &controllers.MobileRegistController{}, "post:RegistSubmit")
+	beego.Router("/mobile/org/create", &controllers.MobileRegistController{}, "get:CreateOrg")
+	beego.Router("/mobile/org/create/submit", &controllers.MobileRegistController{}, "post:CreateOrgSubmit")
+	beego.Router("/mobile/finish", &controllers.MobileRegistController{}, "get:Finish")
 }

service/district_service.go

@@ -3,6 +3,8 @@ package service
 import (
 	"SSO/models"
 	"SSO/utils"
+
+	"github.com/jinzhu/gorm"
 )
 
 func GetAllProvince() []*models.District {
@@ -37,3 +39,42 @@ func GetDistrictsWithCityID(cityID int) []*models.District {
 		return districts
 	}
 }
+
+func GetProvinceWithName(name string) (*models.District, error) {
+	var province models.District
+	err := readUserDb.Model(&models.District{}).Where("level = 1 AND name like ?", "%"+name+"%").First(&province).Error
+	if err != nil {
+		if err == gorm.ErrRecordNotFound {
+			return nil, nil
+		} else {
+			return nil, err
+		}
+	}
+	return &province, nil
+}
+
+func GetCityWithName(provinceID int64, cityName string) (*models.District, error) {
+	var city models.District
+	err := readUserDb.Model(&models.District{}).Where("level = 2 AND upid = ? AND name like ?", provinceID, "%"+cityName+"%").First(&city).Error
+	if err != nil {
+		if err == gorm.ErrRecordNotFound {
+			return nil, nil
+		} else {
+			return nil, err
+		}
+	}
+	return &city, nil
+}
+
+func GetDistrictWithName(cityID int64, name string) (*models.District, error) {
+	var district models.District
+	err := readUserDb.Model(&models.District{}).Where("level = 3 AND upid = ? AND name like ?", cityID, "%"+name+"%").First(&district).Error
+	if err != nil {
+		if err == gorm.ErrRecordNotFound {
+			return nil, nil
+		} else {
+			return nil, err
+		}
+	}
+	return &district, nil
+}

static/css/mobile.css

@@ -0,0 +1,457 @@
+body,html {
+	font-family: Helvetica,STHeiti,Microsoft YaHei,Verdana,Arial,Tahoma,sans-serif;
+	margin: 0;
+	padding: 0;
+	border: 0
+}
+
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font: inherit;
+	font-size: 100%;
+	vertical-align: baseline
+}
+
+html {
+	line-height: 1
+}
+
+ol,ul {
+	list-style: none
+}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0
+}
+
+caption,td,th {
+	font-weight: 400;
+	vertical-align: middle
+}
+
+blockquote,q {
+	quotes: none
+}
+
+blockquote:after,blockquote:before,q:after,q:before {
+	content: "";
+	content: none
+}
+
+a img {
+	border: none
+}
+
+a {
+	color: #07d;
+	text-decoration: none
+}
+
+article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
+	display: block
+}
+
+html {
+	position: relative
+}
+
+body,html {
+    width: 100%;
+	color: #2c3a46;
+	background: #fff;
+	font-size: 14px;
+	line-height: 1.6em;
+	font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif
+}
+.clearfix{
+    clear: both;
+}
+
+/* 页面内容 */
+header{
+    height: 56px;
+    display: block;
+    justify-content:space-around;
+    align-content: space-around;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    background: #fff;
+    z-index: 999;
+    padding: 0 10px;
+    box-shadow: 0 0 18px 0 rgba(82,94,102,0.15); 
+    
+}
+.logo{  
+    width: 120px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    height: 56px;
+}
+.logo img{
+    width: 100%;
+}
+.main-container{
+    margin-top: 56px;
+    margin-bottom: 50px;
+}
+.baner-box{
+   width: 100%;
+   position: relative;
+}
+.baner-box img{
+    width: 100%;
+    display: block;
+}
+.free-box{
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin-left: -35%;
+    margin-top: -10%;
+    display: flex;
+    align-items: center;
+    justify-content:center;
+    flex-direction: column; 
+    color: #fff;
+}
+.free-box p{
+    font-size: 26px;
+    line-height: 60px;
+    height: 60px;
+}
+.custom-title {
+    margin: 40px auto 20px;
+    max-width: calc(100vw - 32px);
+    font-weight: 300;
+    color: #383838;
+    text-align: center;
+}
+.custom-title .name{
+    font-size:30px;
+    line-height: 32px;
+    padding-bottom: 10px;
+    display: inline-block;
+    
+}
+.custom-title .txt{
+    line-height: 32px;
+    font-size: 15px;
+}
+.customer-card{
+    box-shadow: 0 0 18px 0 rgba(82,94,102,0.15);
+    width: calc(100vw - 70px);
+    margin: 0 auto;
+    padding: 15px;
+}
+.customer-card-image img{
+    width: 100%;
+}
+.customer-card .text{
+    font-size: 16px;
+    line-height: 28px;
+    color: #666;
+    text-align: center;
+    padding-top: 30px;
+}
+.hz ul{
+    padding-left: 10px;
+}
+.hz ul li{
+    width: 47%;
+    float: left;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    text-align: center;
+}
+.hz ul li img{
+    width: 100%;
+    display: block;
+}
+.hz ul li p{
+    font-size: 16px;
+    color: #363636;
+    line-height: 22px;
+}
+.service ul li img{
+    width: 50%;
+    margin: 0 auto;
+    padding: 10px 0;
+}
+.copyright{
+    background: #383d43;
+    color: #b6b6b6;
+    font-size: 15px;
+    padding: 30px 20px;
+    margin-top: 30px;
+    line-height: 28px;
+}
+.copyright h2{
+    font-size: 18px;
+    padding-bottom: 20px;
+}
+.info{
+    display: inline-block;
+    background: #fff;
+    padding: 10px 10px;
+    text-align: center;
+    
+}
+.freeBtn{
+    width: 100%;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    display: none;
+}
+.freeBtn button{
+    height: 46px;
+    background: #3388ff;
+    line-height: 46px;
+    width: 100%;
+    color: #fff;
+    outline: none;
+    border: none;
+    font-size:15px;
+}
+/* 注册 */
+.loginBox{
+    position: fixed;
+    top: 40%;
+    left: 5%;
+    right:5%;
+    margin-top: -160px;
+}
+.loginBox .title{
+    color: #333333;
+    font-size: 20px;
+    line-height: 110px;
+    height: 110px;
+    text-align: center;
+}
+.reg{
+    width: 100%;
+    overflow: hidden;
+  }
+  .reg_wrap .cell{
+     display: -webkit-box;
+      display: -webkit-flex;
+      display: flex;
+      -webkit-box-align: center;
+      -webkit-align-items: center;
+      align-items: center;
+      text-align: center;
+      position:relative;
+      color: #1e1c1c;
+      margin: 0 15px 15px 15px ;
+      
+  
+  }
+  .reg_wrap .cell .star{
+      font-size:18px;
+      display: block;
+      margin-top: 4px; 
+  }
+  .reg_wrap .cell .iconfont{
+      font-size: 36px;
+      color:#3c3a3a;
+  }
+  .reg_wrap .cell .input_box{
+      border:none;
+      width: 100%;
+      flex: 1;
+      font-size: 15px;
+      outline:none;
+      background: #eee;
+      border-radius: 4px;
+      border: 1px #eeeeee solid;
+      padding:11px 10px;
+      
+  }
+  .reg_wrap .cell .code{
+      border: none;
+      font-size: 15px;
+      outline: none;
+      background:none;
+      color: #fff;
+      margin-left: 10px;
+      padding:10px 15px;
+      background: #4b86f7;
+      border-radius: 4px;
+      display: inline-block;
+  }
+  .join{
+      margin-top:30px;
+      padding: 0 15px;
+      box-sizing: border-box;
+  }
+  .join .submit{
+      background: #4b86f7;
+      height: 44px;
+      line-height: 44px;
+      border-radius: 4px;
+      color: #fff;
+      font-size: 16px;
+      outline: none;
+      border: none;
+      width: 100%;
+      
+  }
+
+  /* 弹出层 */
+  .layer .layerBg{
+      background: rgba(0, 0, 0, 0.7);
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+  }
+  .layer .content{
+      background: #fff;
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 999;
+      position: fixed;
+      flex-direction: column;
+      top: 40%;
+      margin: 0 20px;
+      font-size: 16px;
+  }
+  .layer .content .tit{
+      display: flex;
+      height: 50px;
+      line-height: 50px;
+      border-bottom: 1px #eee solid;
+      justify-content:space-between;
+      padding: 0 20px;
+      width: 100%;
+      box-sizing: border-box;
+  }
+  .layer .content .tips{
+      padding: 20px;
+      line-height: 26px;
+  }
+  .layer .content .tit .close{
+      width: 15px;
+      height: 15px;
+  }
+  .layer .content .tit .close img{
+      width: 100%;
+  }
+  .weui-picker-container, .weui-picker-overlay{
+    bottom: 0!important;
+  }
+  .weui-label{
+      color: #333;
+  }
+  .weui-cells{
+      margin-top: 0!important;
+  }
+  .weui-cell{
+    padding: 13px 30px 13px 15px!important;
+  }
+  .weui-input{
+      text-align: right;
+      padding-right: 10%!important;
+  }
+  .weui-cell-flex{
+      flex-direction: column!important;
+      display: block!important;
+  }
+  .weui-cell-flex .weui-label{
+      width: 200px;
+  }
+  .weui-icon-checkbox{
+      border-radius: 2px!important;
+  }
+  .weui-form-checkbox[type="checkbox"]:checked + label .weui-icon-checkbox{
+    background-color: #3388ff!important;
+    border: 1px solid #3388ff!important;
+  }
+  .tip{
+      text-align: center;
+      color: #419efe;
+      font-size: 12px;
+      height: 50px;
+      line-height: 50px;
+  }
+  .weui-cell.arrow::after{
+    width: 9px;
+    height: 9px;
+    border: 2px solid #e5e5e5;
+    content: "";
+    position: absolute;
+    top: 18px;
+    right: 11px;
+    border-top: none;
+    border-right: none;
+    transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    -moz-transform: rotate(-45deg);
+    -webkit-transform: rotate(-45deg);
+    -o-transform: rotate(-45deg);
+
+  }
+  .closeTit{
+      display: flex;
+      align-items:center;
+      padding: 0 16px;
+      height:50px ;
+      line-height: 50px;
+      justify-content: space-between;
+      font-size: 16px;
+      box-shadow: 0 0 18px 0 rgba(82,94,102,0.15);
+  }
+  .closeTit .jg{
+      flex: 1;
+  }
+  .closeTit .tel{
+      float: right;
+      color: #419efe;
+      font-family: "Arial";
+      font-weight: 550;
+  }
+
+  .close-page{
+      display:flex;
+      align-items: center;
+      text-align: center;
+      font-size: 16px;
+      flex-direction: column;
+      justify-content: space-between;
+      color: #333;
+      padding:0 16px;
+  }
+  .close-page .big{
+      font-size: 25px;
+      font-weight: bold;
+      padding: 45px 0 35px 0;
+  }
+  .close-page .medium{
+      padding-bottom: 25px;
+  }
+  .close-page .medium img{
+      width: 40%;
+  }
+  .close-page .small{
+    padding-bottom: 10px;
+      
+  }
+  .gn ul li{
+      float: left;
+      width: 50%;
+      height: 30px;
+      line-height: 28px;
+  }

views/mobile_site/close.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta name="keywords" content="酷医,酷医云,酷医聚客,病人关系管理,微信管理平台,肾病科宣,慢病管理云平台,SCRM,SPRM,血透管理,科室品牌推广">
+    <meta name="description" content="酷医云，是专为肾科和血透中心研发的免费血透管理平台，覆盖诊前、诊中、诊后全流程管理；为血透中心提供覆盖智能营销管理、血透管理、慢病管理、医患沟通、进销存管理以及商城管理等全流程一体化的管理平台。全国数百家血透中心信赖的选择。">
+    <title>酷医云-注册成功</title>
+    <link rel="stylesheet" href="/static/css/mobile.css">
+</head>
+
+<body>
+
+    <div class="closeTit">
+        <p class="jg">{{ .org_name }}</p>
+        <p class="tel">{{ .mobile }}</p>
+    </div>
+    <div class="close-page">
+
+        <h1 class="big">欢迎您使用酷医云</h1>
+
+        <h2 class="medium">请用电脑谷歌浏览器打下以下地址，登录使用
+            <a href="">http://www.kuyicloud.com
+            </a>
+        </h2>
+
+        <h2 class="medium"><p>请用平板电脑扫码以下二维码安装“酷医云HD"<br />登录使用</p>
+            <img src="/static/images/mobile_site/wei-1.png" alt="">
+        </h2>
+
+        <h2 class="medium">酷医云是免费的肾科/血透中心数字化管理平台</h2>
+
+        <h2 class="small">由以下应用模块组成</h2>
+        <div class="gn">
+            <ul>
+                <li>·血液透析管理系统 </li>
+                <li>·慢病监测管理系统 </li>
+                <li>·患者关系管理系统 </li>
+                <li>·网络商城管理系统 </li>
+
+            </ul>
+        </div>
+
+        <div class="freeBtn" style="display:block;">
+            <button class="button" onclick="window.location.href='/';">关闭页面</button>
+        </div>
+    </div>
+
+</body>
+</html>

views/mobile_site/create_org.html

@@ -0,0 +1,280 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta name="keywords" content="酷医,酷医云,酷医聚客,病人关系管理,微信管理平台,肾病科宣,慢病管理云平台,SCRM,SPRM,血透管理,科室品牌推广">
+    <meta name="description"
+        content="酷医云，是专为肾科和血透中心研发的免费血透管理平台，覆盖诊前、诊中、诊后全流程管理；为血透中心提供覆盖智能营销管理、血透管理、慢病管理、医患沟通、进销存管理以及商城管理等全流程一体化的管理平台。全国数百家血透中心信赖的选择。">
+    <title>酷医云-填写机构信息</title>
+    <link rel="stylesheet" href="/static/css/mobile.css">
+    <link rel="stylesheet" href="/static/css/weui.css" />
+    <link rel="stylesheet" href="/static/css/weuix.css" />
+
+    <script src="/static/js/zepto.min.js"></script>
+    <script src="/static/js/zepto.weui.js"></script>
+    <script src="/static/js/picker.city.js"></script>
+</head>
+
+<body>
+    <div class="tip">请正确填写以下信息，后续可在账号设置中修改</div>
+    <div class="weui-cells weui-cells_form">
+        <div class="weui-cell">
+            <div class="weui-cell__hd">
+                <label class="weui-label">机构名称</label>
+            </div>
+            <div class="weui-cell__bd">
+                <input id="org_name" class="weui-input">
+            </div>
+        </div>
+        <div class="weui-cell arrow">
+            <div class="weui-cell__hd">
+                <label class="weui-label">机构类型</label>
+            </div>
+            <div class="weui-cell__bd">
+                <input class="weui-input" id="org_cat" type="text" value="">
+                <input id="cat_id" type="hidden" value="0">
+            </div>
+        </div>
+        <div class="weui-cell arrow">
+            <div class="weui-cell__hd">
+                <label class="weui-label">机构地址</label>
+            </div>
+            <div class="weui-cell__bd">
+                <input id="city" class="weui-input" type="text" value="">
+                <input id="province" type="hidden" value="">
+                <input id="city_n" type="hidden" value="">
+                <input id="district" type="hidden" value="">
+            </div>
+        </div>
+        <div class="weui-cell">
+            <div class="weui-cell__hd">
+                <label class="weui-label">详细地址</label>
+            </div>
+            <div class="weui-cell__bd">
+                <input id="address" class="weui-input">
+            </div>
+        </div>
+        <div class="weui-cell">
+            <div class="weui-cell__hd">
+                <label class="weui-label">机构联系人</label>
+            </div>
+            <div class="weui-cell__bd">
+                <input id="contact" class="weui-input">
+            </div>
+        </div>
+        <div class="weui-cell">
+            <div class="weui-cell__hd">
+                <label class="weui-label">机构电话</label>
+            </div>
+            <div class="weui-cell__bd">
+                <input id="org_phone" class="weui-input">
+            </div>
+        </div>
+        <!-- 多选 -->
+        <div class="weui-cell weui-cell-flex">
+            <div class="weui-cell__hd">
+                <label class="weui-label">选择启用的应用</label>
+            </div>
+            <div class="weui-form">
+                <div class="weui-form-li iblock">
+                    <input class="weui-form-checkbox" name="appcb" id="app3" value="血透管理" type="checkbox">
+                    <label for="app3">
+                        <i class="weui-icon-checkbox"></i>
+                        <div class="weui-form-text">
+                            <p>血透管理</p>
+                        </div>
+                    </label>
+                </div>
+                <div class="weui-form-li iblock">
+                    <input class="weui-form-checkbox" name="appcb" id="app4" value="慢病管理" type="checkbox">
+                    <label for="app4">
+                        <i class="weui-icon-checkbox"></i>
+                        <div class="weui-form-text">
+                            <p>慢病管理</p>
+                        </div>
+                    </label>
+                </div>
+                <div class="weui-form-li iblock">
+                    <input class="weui-form-checkbox" name="appcb" id="app1" value="SCRM" type="checkbox">
+                    <label for="app1">
+                        <i class="weui-icon-checkbox"></i>
+                        <div class="weui-form-text">
+                            <p>SCRM</p>
+                        </div>
+                    </label>
+                </div>
+                <div class="weui-form-li iblock">
+                    <input class="weui-form-checkbox" name="appcb" id="app5" value="微商城" type="checkbox">
+                    <label for="app5">
+                        <i class="weui-icon-checkbox"></i>
+                        <div class="weui-form-text">
+                            <p>微商城</p>
+                        </div>
+                    </label>
+                </div>
+            </div>
+        </div>
+        <!-- 按钮 -->
+        <div class="join">
+            <button id="submit" class="submit">立即开启智慧管理之旅</button>
+        </div>
+    </div>
+</body>
+
+<script type="text/javascript">
+    $(function () {
+        $("#app3").attr("checked", "checked");
+
+        var catsJSON = "{{.categories}}";
+        var cats = $.parseJSON(catsJSON);
+
+        var catOptions = [];
+        for (let index = 0; index < cats.length; index++) {
+            catOptions.push(cats[index].name);
+        }
+
+        $("#org_cat").picker({
+            title: "请选择您的机构类型",
+            cols: [{
+                textAlign: 'center',
+                values: catOptions,
+            }],
+            onChange: function (p, v, dv) {
+                var cat = v[0];
+                for (let index = 0; index < cats.length; index++) {
+                    const c = cats[index];
+                    if (c.name == cat) {
+                        $("#cat_id").val(c.id);
+                        return;
+                    }
+                }
+                $("#cat_id").val("0");
+            },
+        });
+
+        $("#city").cityPicker({
+            title: "选择目的地",
+            onChange: function (picker, codes, city_names) {
+                $("#province").val(city_names[0]);
+                $("#city_n").val(city_names[1]);
+                $("#district").val(city_names[2]);
+            }
+        });
+
+        $("#submit").click(function() {
+            var checkErr = checkInfoFull();
+            if (checkErr.length > 0) {
+                $.toast(checkErr, "cancel");
+                return;
+            }
+
+            var open_xt = false;
+            var open_cdm = false;
+            var open_scrm = false;
+            var open_mall = false;
+            if ($("#app3").prop("checked") == true) {
+                open_xt = true
+            }
+            if ($("#app4").prop("checked") == true) {
+                open_cdm = true
+            }
+            if ($("#app1").prop("checked") == true) {
+                open_scrm = true
+            }
+            if ($("#app5").prop("checked") == true) {
+                open_mall = true
+            }
+            if (!open_xt && !open_cdm && !open_scrm && !open_mall) {
+                $.toast("请选择要启用的应用", "cancel");
+                return;
+            }
+
+            var postData = {
+                name: $("#org_name").val(),
+                contact_name: $("#contact").val(),
+                province: $("#province").val(),
+                city: $("#city_n").val(),
+                district: $("#district").val(),
+                address: $("#address").val(),
+                category: $("#cat_id").val(),
+                org_phone: $("#org_phone").val(),
+                open_xt: open_xt,
+                open_cdm: open_cdm,
+                open_scrm: open_scrm,
+                open_mall: open_mall,
+            }
+            
+            $.showLoading("加载中");
+
+            $.ajax({
+                url: "/mobile/org/create/submit",
+                type: "POST",
+                data: postData,
+                async: true,
+                dataType: "json",
+                headers: {
+                    "X-Xsrftoken": function() {
+                        var xsrf, xsrflist;
+                        xsrf = getCookie("_xsrf");
+                        if (xsrf == null || xsrf == "" || typeof(xsrf) == "undefined") {
+                            return "";
+                        }
+                        xsrflist = xsrf.split("|");
+                        var _xsrf = atob(xsrflist[0]);
+                        return _xsrf;
+                    }()
+                },
+                success: function(json) {
+                    $.hideLoading();
+                    if (json.state == 1) {
+                        window.location.href = "/mobile/finish";
+
+                    } else {
+                        $.toast(json.msg, "cancel");
+                    }
+                },
+                error: function() {
+                    $.hideLoading();
+                    $.toast("连接失败，请检查网络", "cancel");
+                }
+            });
+        });
+    });
+
+    function getCookie(name) { 
+        var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
+        if(arr=document.cookie.match(reg))
+            return unescape(arr[2]); 
+        else 
+            return null; 
+    } 
+
+    function checkInfoFull() {
+        if ($("#org_name").val().length == 0) {
+            return "请填写机构名称";
+        }
+        if ($("#cat_id").val().length == 0 || $("#cat_id").val() == "0") {
+            return "请选择机构类型";
+        }
+        if ($("#city").val().length == 0) {
+            return "请填写机构地址";
+        }
+        if ($("#address").val().length == 0) {
+            return "请填写详细地址";
+        }
+        if ($("#contact").val().length == 0) {
+            return "请填写联系人姓名";
+        }
+        if ($("#org_phone").val().length > 0) {
+            if (/^(\d{3,4}-?\d{7,8}$)|(1\d{10}$)/.test($("#org_phone").val()) == false) {
+                return "请填写正确的机构电话";
+            }
+        }
+        return "";
+    }
+</script>
+
+</html>

views/mobile_site/index.html

@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta name="keywords" content="酷医,酷医云,酷医聚客,病人关系管理,微信管理平台,肾病科宣,慢病管理云平台,SCRM,SPRM,血透管理,科室品牌推广">
+    <meta name="description"
+        content="酷医云，是专为肾科和血透中心研发的免费血透管理平台，覆盖诊前、诊中、诊后全流程管理；为血透中心提供覆盖智能营销管理、血透管理、慢病管理、医患沟通、进销存管理以及商城管理等全流程一体化的管理平台。全国数百家血透中心信赖的选择。">
+    <title>酷医云-血透管理软件</title>
+    <link rel="stylesheet" href="/static/css/mobile.css">
+</head>
+
+<body>
+    <header>
+        <div class="logo">
+            <img src="/static/images/mobile_site/logo.png" alt="">
+        </div>
+    </header>
+    <div class="main-container">
+        <div class="baner-box">
+            <img src="/static/images/mobile_site/banner.jpg" alt="">
+            <div class="free-box">
+                <p>构建智慧肾科/透析中心</p>
+            </div>
+        </div>
+        <!-- 血透 -->
+        <div class="custom-title">
+            <span class="name">血透管理</span>
+            <p class="txt">规范机构的血透流程 提升患者透析质量</p>
+        </div>
+        <div class="customer-card">
+            <div class="customer-card-image">
+                <img src="/static/images/mobile_site/xt.png" alt="">
+            </div>
+            <p class="text">基于血透临床标准应用流程研发，规范可控；平板操作，随时随地记录和监测患者病情；和圣卫士打通，实现医患互动、透析数据共享；多维度数据分析管理，轻松掌握和提升透析质量。</p>
+        </div>
+        <!-- 慢病 -->
+        <div class="custom-title">
+            <span class="name">慢病管理</span>
+            <p class="txt">提升机构的临床科研 控制患者病情进展</p>
+        </div>
+        <div class="customer-card">
+            <div class="customer-card-image">
+                <img src="/static/images/mobile_site/mb.png" alt="">
+            </div>
+            <p class="text">24小时实时动态采集监测数据；监测指标发现异常，智能提醒医生和患者；多维度大数据分析，助力医生优化治疗方案；一键连接患者，快速干预患者行为。</p>
+        </div>
+        <!-- scrm -->
+        <div class="custom-title">
+            <span class="name">SCRM</span>
+            <p class="txt">帮助机构获得患者流量 拉近机构和患者距离</p>
+        </div>
+        <div class="customer-card">
+            <div class="customer-card-image">
+                <img src="/static/images/mobile_site/scrm.png" alt="">
+            </div>
+            <p class="text">建立机构独一无二的品牌展示；向精准用户快速裂变传播信息；多渠道患者来源建立会员用户池；多维度数据分析提升客户转化率。</p>
+        </div>
+        <!-- 微商城 -->
+        <div class="custom-title">
+            <span class="name">微商城</span>
+            <p class="txt">帮助机构提升整体营收 为商家输出更多的商业价值</p>
+        </div>
+        <div class="customer-card">
+            <div class="customer-card-image">
+                <img src="/static/images/mobile_site/wsc.jpg" alt="">
+            </div>
+            <p class="text">实时数据监控，订单、物流、成交金额等实时数据；下单客户自动进入机构患者用户库；支持从酷医云分销产品，零成本赚钱；帮助机构快速卖货，解决销售渠道问题。</p>
+        </div>
+        <!-- 合作伙伴 -->
+        <div class="custom-title clearfix">
+            <span class="name">合作伙伴</span>
+        </div>
+        <div class="hz clearfix">
+            <ul>
+                <li>
+                    <img src="/static/images/mobile_site/hz-1.png" alt="">
+                </li>
+                <li>
+                    <img src="/static/images/mobile_site/hz-2.png" alt="">
+                </li>
+                <li>
+                    <img src="/static/images/mobile_site/hz-3.png" alt="">
+                </li>
+                <li>
+                    <img src="/static/images/mobile_site/hz-4.png" alt="">
+                </li>
+                <li>
+                    <img src="/static/images/mobile_site/hz-5.png" alt="">
+                </li>
+                <li>
+                    <img src="/static/images/mobile_site/hz-6.png" alt="">
+                </li>
+                <li>
+                    <img src="/static/images/mobile_site/hz-7.png" alt="">
+                </li>
+                <li>
+                    <img src="/static/images/mobile_site/hz-8.png" alt="">
+                </li>
+            </ul>
+        </div>
+        <div class="clearfix"></div>
+        <!-- 酷医云 -->
+        <div class="custom-title clearfix">
+            <span class="name">酷医云</span>
+            <p class="txt">助力肾科/透析中心医疗建设 提升整体服务水平</p>
+        </div>
+        <div class="hz service clearfix">
+            <ul>
+                <li>
+                    <img src="/static/images/mobile_site/service-1.jpg" alt="">
+                    <p>品牌提升</p>
+                    <p>精准营销</p>
+                </li>
+                <li>
+                    <img src="/static/images/mobile_site/service-2.jpg" alt="">
+                    <p>就医体验</p>
+                    <p>网络医疗</p>
+                </li>
+                <li>
+                    <img src="/static/images/mobile_site/service-3.jpg" alt="">
+                    <p>透析质量</p>
+                    <p>院外服务</p>
+                </li>
+                <li>
+                    <img src="/static/images/mobile_site/service-4.jpg" alt="">
+                    <p>医护培训</p>
+                    <p>快捷采购</p>
+                </li>
+            </ul>
+        </div>
+        <div class="clearfix"></div>
+        <!-- 版权   -->
+        <div class="copyright">
+            <h2>深圳市健康互动科技有限公司</h2>
+            <p>咨询热线：0755-86526342</p>
+            <p>服务邮箱：service@shengws.com</p>
+            <p>工作时间：上午9:00-12:00,下午13:30-18:00</p>
+            <p>公司地址：深圳市南山区学苑大道1001号南山智园A4栋9楼918</p>
+        </div>
+        <span class="info">© 2016-2019 kuyicloud.com 酷医云 版权所有 粤ICP备15079323号-4</span>
+        <!-- 免费使用 -->
+        <div class="freeBtn">
+            <button class="button" onclick="window.location.href='/mobile/regist';">免费使用</button>
+        </div>
+    </div>
+
+</body>
+<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+<script type="text/javascript">
+    $(function () {
+        $(window).scroll(function () {
+            height = $(window).scrollTop();
+            if (height > 30) {
+                $('.freeBtn').fadeIn(300);
+            } else {
+                $('.freeBtn').fadeOut(100);
+            }
+        })
+    })
+</script>
+
+</html>

views/mobile_site/regist.html

@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta name="keywords" content="酷医,酷医云,酷医聚客,病人关系管理,微信管理平台,肾病科宣,慢病管理云平台,SCRM,SPRM,血透管理,科室品牌推广">
+    <meta name="description" content="酷医云，是专为肾科和血透中心研发的免费血透管理平台，覆盖诊前、诊中、诊后全流程管理；为血透中心提供覆盖智能营销管理、血透管理、慢病管理、医患沟通、进销存管理以及商城管理等全流程一体化的管理平台。全国数百家血透中心信赖的选择。">
+    <title>酷医云-注册</title>
+    <link rel="stylesheet" href="/static/css/mobile.css">
+    <style>
+    </style>
+</head>
+
+<body>
+    <div class="loginBox">
+        <h2 class="title">注册账号</h2>
+        <div class="reg_wrap">
+            <form action="" class="reg">
+                <div class="cell">
+                    <input id="mobile" type="text" class="input_box " placeholder="手机号码">
+                </div>
+                <div class="cell">
+                    <input id="code" type="text" class="input_box" placeholder="验证码">
+                    <span id="codebtn" class="code">获取验证码</span>
+                </div>
+                <div class="cell">
+                    <input id="password" type="text" class="input_box " placeholder="密码">
+                </div>
+                <input type="hidden" id="aespass" value="{{ .aespass }}">
+            </form>
+            <div class="join">
+                <button id="registbtn" class="submit">即刻开始</button>
+            </div>
+        </div>
+    </div>
+    <!-- 弹出框 -->
+    <div class="layer" style="display: none;">
+        <div class="layerBg"></div>
+        <div class="content">
+            <div class="tit">
+                <h3>提示</h3>
+                <div class="close"><img src="/static/images/mobile_site/close.png" alt=""></div>
+            </div>
+            <span class="tips">您的手机号码已经注册过，请使用电脑谷歌浏览器访问酷医云，并登录使用</span>
+        </div>
+    </div>
+
+    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+    <script src="/static/js/layer.js"></script>
+    <script src="/static/js/md5.js"></script>
+    <script src="/static/js/common.js"></script>
+    <script type="text/javascript">
+    $(function() {
+        $('.close').click(function(){
+            $('.layer').fadeOut(300);
+        });
+
+        $("#codebtn").click(function() {
+            var phone = $("#mobile").val();
+            var aespass = $('#aespass').val();
+
+            if (!checkPhone(phone)) {
+                return;
+            }
+
+            var postData = {
+                phone: phone,
+                aespass: aespass,
+            }
+            $("#codebtn").attr("disabled", true);
+            changeNum(60);
+
+            postRequest("/getregistcode", postData, function(res) {
+                if (res.state == 0) {
+                    serverErrorMsg(res);
+                    return;
+                }
+                layer.msg(res.data.msg);
+
+            }, function(res) {
+                serverErrorMsg(res);
+            });
+        });
+
+        //确定
+        $("#registbtn").click(function() {
+            var code = $("#code").val();
+
+            if (code != null && code != undefined && code != "") {
+                var mobile = $("#mobile").val();
+                var password = $("#password").val();
+
+                if (canSure(mobile, password)) {
+                    $("#registbtn").attr("disabled", true);
+
+                    var postData = {
+                        mobile: mobile,
+                        password: hex_md5(password),
+                        code: code,
+                    }
+
+                    postRequest("/mobile/regist/submit", postData, function(res) {
+                        $("#registbtn").attr("disabled", false);
+                        if (res.state == 0) {
+                            serverErrorMsg(res);
+                            return;
+                        }
+                        layer.msg("注册成功");
+                        window.location.href = "/mobile/org/create"; //跳转网址
+
+                    }, function(res) {
+                        $("#registbtn").attr("disabled", false);
+                        serverErrorMsg(res);
+                    });
+
+                } else {
+                    return;
+                }
+            }
+        });
+    });
+
+    function checkPhone(phone) {
+        if (!phone || phone == "") {
+            layer.msg("手机号码不能为空");
+            return false;
+        }
+
+        if (!(/^1\d{10}$/.test(phone))) {
+            layer.msg("手机号码有误，请重填");
+            return false;
+        }
+        return true;
+    }
+
+    function canSure(phone, password) {
+        if (!phone || phone == "") {
+            layer.msg("手机号码不能为空");
+            return false;
+        }
+
+        if (!password) {
+            layer.msg('密码为空');
+            return false;
+        }
+
+        if (password.length < 6) {
+            layer.msg('密码至少要6位数');
+            return false;
+        }
+        return true;
+    }
+
+    function changeNum(num) {
+        setTimeout(function() {
+            if (num > 1) {
+                $('#codebtn').html(num + "s");
+                --num;
+                changeNum(num);
+            } else {
+                $('#codebtn').html("发送验证码");
+                $("#codebtn").attr("disabled", false);
+            }
+        }, 1000);
+    }
+    </script>
+</body>
+</html>