增加公共方法

src/main/resources/static/css/account/register.css

@@ -12,7 +12,29 @@ footer .footTop{display:none;}
 .selectAccount .cont{margin-top:44px}
 .selectAccount .cont span{display:inline-block;width:168px;margin:0 55px;line-height:42px;color:#3b77ff;font-size:24px;cursor:pointer}
 .selectAccount .cont img{display:inline-block;width:168px;height:168px;background-color:#c2d8fa;border-radius:84px}
+.signAccount.upgrade {width: 968px;margin: 0 auto;}
+.signAccount .title {height: 42px;font-size: 32px;line-height: 42px;font-weight: normal;color: #22272e;padding: 20px 0;text-align: center;}
+.signAccount .title-tips{margin-bottom: 32px;width: 968px;height: 48px;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
+.signAccount .title-tips p{width: 968px;height: 48px;font-family: Microsoft YaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 1px;color: #e15616;text-align: center;}
+.signAccount .registerClub{width:498px;margin:0 auto;min-height: 900px;}
+.subLine{margin-top: 20px;float: left;}
+.subLine .btn-upgrade {cursor: pointer;display: block;width: 232px;height: 50px;line-height: 50px;background-color: #e15616;border-radius: 2px;text-align: center;font-size: 18px;color: #FFF;float: left;margin-right: 15px;}
+.subLine .btn-upgrade.none{border: 1px solid #E15616;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #e15616;}
+.formLine{width: 100%;float: left;}
 
+.formLine .form-upload{width: 128px;height: auto;float: left;margin-right: 20px;}
+.formLine .formLine-file{width: 128px;height: 90px;position: relative;}
+.formLine .form-upload-tips{width: 20px;height: 90px;float: left;position: relative;}
+.formLine .form-upload-tips .icon{width: 20px;height: 20px;float: left;background: url("/img/base/icon.png") no-repeat;display: block;margin-top: 40px;}
+.formLine .form-upload-tips .icon-wen{background-position: -84px -144px;cursor: pointer;}
+.formLine .form-upload-tips .wen-tips{width: 182px;height: 46px;line-height: 46px;text-align: center;color: #FFF;font-size: 14px; background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: -24px;left: -2px;border-radius: 3px;display: none;}
+.formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left: 5px;}
+.formLine .form-upload-tips:hover .wen-tips{display: block;}
+.formLine .file{width: 128px;height: 90px;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
+.formLine .formLine-file .icon{width: 128px;height: 90px;display: block;}
+.formLine .formLine-file .file-biss{background: url("/img/account/icon-bisse.png") no-repeat;}
+.formLine .formLine-file .file-door{background: url("/img/account/icon-door.png") no-repeat;}
+.formLine .formLine-file .file-zizhi{background: url("/img/account/icon-zizhi.png") no-repeat;}
 .signAccount{width:498px;margin:0 auto;min-height: 900px;}
 .signAccount .title{height:42px;line-height:42px;font-weight:bold;font-size:32px;color:#22272e;text-align:center;padding:30px}
 .signAccount .advisory{height:38px;position:relative;display:inline-block;margin-bottom:20px;cursor:pointer;}
@@ -34,8 +56,8 @@ footer .footTop{display:none;}
 .supplierConfirm .btnLine button{width:340px;height:50px;background:#E15616;color:#fff;margin-top:20px;cursor:pointer}
 .registerShop .tit{color:#22272e;font-size:24px;font-weight:normal;margin:20px 0}
 .formLine .business{height:auto;position:relative}
-.formLine .business input[type="text"]{width:388px;display:block}
-.formLine .business a{position:absolute;right:0;bottom:0;width:92px;height:34px;line-height:34px;font-size:14px;color:#e15616;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;text-align:center}
+.formLine .business input[type="text"] {width: 350px;display: block;float: left;margin-right: 15px;}
+.formLine .business a {display: block;float: left; width: 92px;height: 32px;line-height: 34px;font-size: 14px;color: #e15616;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;}
 .subLine-p{text-align: center;cursor: pointer;text-decoration: underline;color: #2D93CA;margin: 20px 0;}
 .supplierConfirm{width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 999;background: rgba(0,0,0,.3);}
 

src/main/resources/static/css/account/upgrade.css

@@ -6,11 +6,11 @@ li{list-style:none}
 @media screen and (min-width:768px){
 body{background: #FFF url(/img/account/register.png) no-repeat center 84px;background-attachment: fixed;}
 footer .footTop{display:none;}
-.signAccount {width: 968px;margin: 0 auto;}
-.signAccount .title {height: 42px;font-size: 32px;line-height: 42px;font-weight: normal;color: #22272e;padding: 20px 0;text-align: center;}
-.signAccount .title-tips{margin-bottom: 32px;width: 968px;height: 48px;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
-.signAccount .title-tips p{width: 968px;height: 48px;font-family: Microsoft YaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 1px;color: #e15616;text-align: center;}
-.signAccount .registerClub{width:498px;margin:0 auto;min-height: 900px;}
+.signAccount.upgrade {width: 968px;margin: 0 auto;}
+.signAccount.upgrade .title {height: 42px;font-size: 32px;line-height: 42px;font-weight: normal;color: #22272e;padding: 20px 0;text-align: center;}
+.signAccount.upgrade .title-tips{margin-bottom: 32px;width: 968px;height: 48px;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
+.signAccount.upgrade .title-tips p{width: 968px;height: 48px;font-family: Microsoft YaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 1px;color: #e15616;text-align: center;}
+.signAccount.upgrade .registerClub{width:498px;margin:0 auto;min-height: 900px;}
 .formLine .business input[type="text"] {width: 350px;display: block;float: left;margin-right: 20px;}
 .formLine .business a {display: block;float: left; width: 92px;height: 34px;line-height: 34px;font-size: 14px;color: #e15616;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;}
 .formLine .form-upload{width: 128px;height: 90px;float: left;margin-right: 20px;}

src/main/resources/static/js/account/register-club.js

@@ -0,0 +1,238 @@
+var registerPage = new Vue({
+    el: "#registerPage",
+    data: {
+        showTabContentIndex:2,
+        showSupplierConfirm:true,
+        advisoryStatus: false,
+        showClass:'',
+        mobilCount:0,
+        mobileCodeText:'获取验证码',
+        mobilTime:null,
+        isMobileDisabled:false,
+        advisory:{
+            name: '',
+            phone: ''
+        },
+        clubUser: {
+            name:'',
+            phone:'',
+            code:'',
+            password:'',
+            password2:''
+        },
+        clubUpgradeUser: {
+            name:'',
+            phone:'',
+            code:'',
+            address:'',
+            mainPros:'',
+            businessLicenseImage:'',
+            businessLicense:'',
+            secondShopType:'',
+            firstShopType:'',
+            department:5
+        },
+        supplierUser: {
+            phone:'',
+            code:'',
+            password:'',
+            password2:'',
+            shopName:'',
+            name:'',
+            email:'',
+            shopAbbr:'',
+            firstShopType:'2',
+            secondShopType: '',
+            mainPros: [],
+            businessLicense:'',
+            businessLicenseImage:''
+        },
+        isAgreed:0,
+        isAgree:false,
+        isShowAgree:false,
+        mentuzCampNullList:[
+            {value:'1',name:'整形'},
+            {value:'2',name:'轻医美'},
+            {value:'3',name:'皮肤科'},
+        ],
+        medicaCampNullList: [
+            {value:'1',name:'美容'},
+            {value:'2',name:'美体'},
+            {value:'3',name:'美发'},
+            {value:'4',name:'皮肤管理'},
+            {value:'5',name:'光电'},
+            {value:'6',name:'综合类'},
+            {value:'7',name:'中医养生'},
+            {value:'8',name:'spa'},
+        ],
+        mainPros: ['产品','仪器','服务','整形'],
+        mainProEdit: '',
+        rule:{
+            name: '^[a-zA-Z\\u4e00-\\u9fa5]{2,}$',
+            phone: '^\\d{6,12}$',
+            code: '^\\d{6}$',
+            license: '^[a-zA-Z0-9_]{18}$',
+            email: '^(([^<>()\\[\\]\\\\.,;:\\s@&quot;]+(\\.[^<>()\\[\\]\\\\.,;:\\s@&quot;]+)*)|(&quot;.+&quot;))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$',
+            password: "^[^\\u4e00-\\u9fa5]{8,16}$"
+        }
+    },
+    computed: {
+
+    },
+    methods: {
+        mainProAdd: function(){
+            if (this.mainProEdit.length>0) {
+                if (this.mainPros.indexOf(this.mainProEdit)<0){
+                    this.mainPros.push(this.mainProEdit)
+                }
+            }
+        },
+        showPassword: function(event) {
+            var el = event.currentTarget;
+            var pwdEle = $(el).siblings('input');
+            if(pwdEle.attr('type') === 'password') {
+                $(el).addClass('on');
+                pwdEle.attr('type','text');
+            } else {
+                $(el).removeClass('on');
+                pwdEle.attr('type','password');
+            }
+        },
+        // 失去焦点校验
+        blurHandle: function(event) {
+            var el = event.currentTarget;
+            verifyHandle(el);
+        },
+        postAdvisory: function(){//机构入驻咨询提交
+            var _self = this;
+            $('.advisoryInfo').find("[needverify]:visible").each(function (index, ele) {
+                if (!$(ele).siblings('.checked').hasClass("show")) {
+                    verifyHandle(ele);
+                }
+            });
+            var pass = ($('.errTips.show:visible').length === 0);
+            if (_self.advisoryStatus) { return false; }
+            this.$nextTick(function(){
+                if (!pass) { return false; }
+                _self.advisoryStatus = true;
+                UserApi.quickConsultation({name: _self.advisory.name,mobile: _self.advisory.phone},function (response) {
+                    _self.advisoryStatus = false;
+                    if(response.code === 0){
+                        alertInfo("您的信息已提交成功,采美工作人员会第一时间联系您");
+                    } else {
+                        alertInfo(response.msg);
+                    }
+                });
+            });
+        },
+        clubRegister: function(){ //机构注册提交
+            var _self = this;
+            var pass = verifyForm();
+            if (this.loginLoading) { return false; }
+            this.$nextTick(function() {
+                if (!pass) {return false;}
+                if (!_self.isAgree){
+                    _self.isShowAgree = true;
+                    return;
+                }
+                var params = {
+                        userName : _self.clubUser.name,
+                        bindMobile : _self.clubUser.phone,
+                        password : _self.clubUser.password,
+                        passWordConfirm : _self.clubUser.password2,
+                        activationCode : _self.clubUser.code,
+                        isAgreed :  _self.isAgreed,
+                };
+                UserApi.ClubRegister(params,function (response) {
+                    if(response.code === 0){
+                        dialog('注册成功！',function () {
+
+                        });
+                    } else {
+                        alertInfo(response.msg);
+                    }
+                });
+            });
+        },
+
+        supplierRegister: function(){//供应商注册提交
+            alertInfo('供应商注册');
+            console.log(JSON.stringify(this.supplierUser));
+        },
+        clickTab:function(index){
+            var _self = this;
+            _self.showTabContentIndex = index;
+            if(index == 2){
+                _self.showSupplierConfirm = true;
+            }
+        },
+        getMobileCodeFn:function(){//机构注册获取注册短信验证码
+            var _self = this;
+            var pass = verifyCheack('.massageBtn');
+            if (this.loginLoading) { return false; }
+            this.$nextTick(function() {
+                if (!pass) {return false;};
+                var params = {
+                        mobile:this.clubUser.phone,
+                        activateCodeType:2,
+                        platformType:2
+                    };
+                _self.isMobileDisabled = true;
+                UserApi.getRegisterMobileCode(params,function (response) {
+                    if(response.code == 0){
+                        alertInfo('验证短信已发送');
+                        var TIME_COUNT = 60;
+                        if (!_self.mobilTime) {
+                            _self.mobilCount = TIME_COUNT;
+                            _self.isMobileDisabled = true;
+                            _self.mobilTime = setInterval(function(){
+                            if (_self.mobilCount > 1 && _self.mobilCount <= TIME_COUNT) {
+                                _self.mobilCount--;
+                                _self.mobileCodeText = _self.mobilCount +'s重新发送';
+                            } else {
+                                _self.isMobileDisabled = false;
+                                clearInterval(this.mobilTime);
+                                _self.mobilTime = null;
+                                _self.mobileCodeText = '获取验证码'
+                            }
+                        },1000)
+                        }
+                    }else{
+                        alertInfo(response.msg);
+                        _self.isMobileDisabled = false;
+                    }
+                })
+            });
+        },
+        showSupplier:function () {
+            var _self = this;
+            _self.showSupplierConfirm = false;
+        },
+        showVadvisory:function(){
+            var _self = this;
+            _self.showClass = 'active';
+        },
+        closeVadvisory:function () {
+            var _self = this;
+            _self.showClass = '';
+        },
+        checkedIsAgreeFn:function () {
+            var _self = this;
+            _self.isAgree = !_self.isAgree;
+            if (_self.isAgree){
+                _self.isShowAgree = false;
+                _self.isAgreed = 1;
+            }else{
+                _self.isShowAgree = true;
+                _self.isAgreed = 0;
+            }
+        }
+
+    },
+    created: function () {
+
+    },
+    mounted: function () {
+        var _self = this;
+    }
+});

src/main/resources/static/js/account/register-supplier.js

@@ -0,0 +1,238 @@
+var registerPage = new Vue({
+    el: "#registerPage",
+    data: {
+        showTabContentIndex:2,
+        showSupplierConfirm:true,
+        advisoryStatus: false,
+        showClass:'',
+        mobilCount:0,
+        mobileCodeText:'获取验证码',
+        mobilTime:null,
+        isMobileDisabled:false,
+        advisory:{
+            name: '',
+            phone: ''
+        },
+        clubUser: {
+            name:'',
+            phone:'',
+            code:'',
+            password:'',
+            password2:''
+        },
+        clubUpgradeUser: {
+            name:'',
+            phone:'',
+            code:'',
+            address:'',
+            mainPros:'',
+            businessLicenseImage:'',
+            businessLicense:'',
+            secondShopType:'',
+            firstShopType:'',
+            department:5
+        },
+        supplierUser: {
+            phone:'',
+            code:'',
+            password:'',
+            password2:'',
+            shopName:'',
+            name:'',
+            email:'',
+            shopAbbr:'',
+            firstShopType:'2',
+            secondShopType: '',
+            mainPros: [],
+            businessLicense:'',
+            businessLicenseImage:''
+        },
+        isAgreed:0,
+        isAgree:false,
+        isShowAgree:false,
+        mentuzCampNullList:[
+            {value:'1',name:'整形'},
+            {value:'2',name:'轻医美'},
+            {value:'3',name:'皮肤科'},
+        ],
+        medicaCampNullList: [
+            {value:'1',name:'美容'},
+            {value:'2',name:'美体'},
+            {value:'3',name:'美发'},
+            {value:'4',name:'皮肤管理'},
+            {value:'5',name:'光电'},
+            {value:'6',name:'综合类'},
+            {value:'7',name:'中医养生'},
+            {value:'8',name:'spa'},
+        ],
+        mainPros: ['产品','仪器','服务','整形'],
+        mainProEdit: '',
+        rule:{
+            name: '^[a-zA-Z\\u4e00-\\u9fa5]{2,}$',
+            phone: '^\\d{6,12}$',
+            code: '^\\d{6}$',
+            license: '^[a-zA-Z0-9_]{18}$',
+            email: '^(([^<>()\\[\\]\\\\.,;:\\s@&quot;]+(\\.[^<>()\\[\\]\\\\.,;:\\s@&quot;]+)*)|(&quot;.+&quot;))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$',
+            password: "^[^\\u4e00-\\u9fa5]{8,16}$"
+        }
+    },
+    computed: {
+
+    },
+    methods: {
+        mainProAdd: function(){
+            if (this.mainProEdit.length>0) {
+                if (this.mainPros.indexOf(this.mainProEdit)<0){
+                    this.mainPros.push(this.mainProEdit)
+                }
+            }
+        },
+        showPassword: function(event) {
+            var el = event.currentTarget;
+            var pwdEle = $(el).siblings('input');
+            if(pwdEle.attr('type') === 'password') {
+                $(el).addClass('on');
+                pwdEle.attr('type','text');
+            } else {
+                $(el).removeClass('on');
+                pwdEle.attr('type','password');
+            }
+        },
+        // 失去焦点校验
+        blurHandle: function(event) {
+            var el = event.currentTarget;
+            verifyHandle(el);
+        },
+        postAdvisory: function(){//机构入驻咨询提交
+            var _self = this;
+            $('.advisoryInfo').find("[needverify]:visible").each(function (index, ele) {
+                if (!$(ele).siblings('.checked').hasClass("show")) {
+                    verifyHandle(ele);
+                }
+            });
+            var pass = ($('.errTips.show:visible').length === 0);
+            if (_self.advisoryStatus) { return false; }
+            this.$nextTick(function(){
+                if (!pass) { return false; }
+                _self.advisoryStatus = true;
+                UserApi.quickConsultation({name: _self.advisory.name,mobile: _self.advisory.phone},function (response) {
+                    _self.advisoryStatus = false;
+                    if(response.code === 0){
+                        alertInfo("您的信息已提交成功,采美工作人员会第一时间联系您");
+                    } else {
+                        alertInfo(response.msg);
+                    }
+                });
+            });
+        },
+        clubRegister: function(){ //机构注册提交
+            var _self = this;
+            var pass = verifyForm();
+            if (this.loginLoading) { return false; }
+            this.$nextTick(function() {
+                if (!pass) {return false;}
+                if (!_self.isAgree){
+                    _self.isShowAgree = true;
+                    return;
+                }
+                var params = {
+                        userName : _self.clubUser.name,
+                        bindMobile : _self.clubUser.phone,
+                        password : _self.clubUser.password,
+                        passWordConfirm : _self.clubUser.password2,
+                        activationCode : _self.clubUser.code,
+                        isAgreed :  _self.isAgreed,
+                };
+                UserApi.ClubRegister(params,function (response) {
+                    if(response.code === 0){
+                        dialog('注册成功！',function () {
+
+                        });
+                    } else {
+                        alertInfo(response.msg);
+                    }
+                });
+            });
+        },
+
+        supplierRegister: function(){//供应商注册提交
+            alertInfo('供应商注册');
+            console.log(JSON.stringify(this.supplierUser));
+        },
+        clickTab:function(index){
+            var _self = this;
+            _self.showTabContentIndex = index;
+            if(index == 2){
+                _self.showSupplierConfirm = true;
+            }
+        },
+        getMobileCodeFn:function(){//机构注册获取注册短信验证码
+            var _self = this;
+            var pass = verifyCheack('.massageBtn');
+            if (this.loginLoading) { return false; }
+            this.$nextTick(function() {
+                if (!pass) {return false;};
+                var params = {
+                        mobile:this.clubUser.phone,
+                        activateCodeType:2,
+                        platformType:2
+                    };
+                _self.isMobileDisabled = true;
+                UserApi.getRegisterMobileCode(params,function (response) {
+                    if(response.code == 0){
+                        alertInfo('验证短信已发送');
+                        var TIME_COUNT = 60;
+                        if (!_self.mobilTime) {
+                            _self.mobilCount = TIME_COUNT;
+                            _self.isMobileDisabled = true;
+                            _self.mobilTime = setInterval(function(){
+                            if (_self.mobilCount > 1 && _self.mobilCount <= TIME_COUNT) {
+                                _self.mobilCount--;
+                                _self.mobileCodeText = _self.mobilCount +'s重新发送';
+                            } else {
+                                _self.isMobileDisabled = false;
+                                clearInterval(this.mobilTime);
+                                _self.mobilTime = null;
+                                _self.mobileCodeText = '获取验证码'
+                            }
+                        },1000)
+                        }
+                    }else{
+                        alertInfo(response.msg);
+                        _self.isMobileDisabled = false;
+                    }
+                })
+            });
+        },
+        showSupplier:function () {
+            var _self = this;
+            _self.showSupplierConfirm = false;
+        },
+        showVadvisory:function(){
+            var _self = this;
+            _self.showClass = 'active';
+        },
+        closeVadvisory:function () {
+            var _self = this;
+            _self.showClass = '';
+        },
+        checkedIsAgreeFn:function () {
+            var _self = this;
+            _self.isAgree = !_self.isAgree;
+            if (_self.isAgree){
+                _self.isShowAgree = false;
+                _self.isAgreed = 1;
+            }else{
+                _self.isShowAgree = true;
+                _self.isAgreed = 0;
+            }
+        }
+
+    },
+    created: function () {
+
+    },
+    mounted: function () {
+        var _self = this;
+    }
+});

src/main/resources/static/js/account/register.js

@@ -1,7 +1,7 @@
 var registerPage = new Vue({
     el: "#registerPage",
     data: {
-        showTabContentIndex:0,
+        showTabContentIndex:2,
         showSupplierConfirm:true,
         advisoryStatus: false,
         showClass:'',
@@ -20,6 +20,18 @@ var registerPage = new Vue({
             password:'',
             password2:''
         },
+        clubUpgradeUser: {
+            name:'',
+            phone:'',
+            code:'',
+            address:'',
+            mainPros:'',
+            businessLicenseImage:'',
+            businessLicense:'',
+            secondShopType:'',
+            firstShopType:'',
+            department:5
+        },
         supplierUser: {
             phone:'',
             code:'',
@@ -38,6 +50,21 @@ var registerPage = new Vue({
         isAgreed:0,
         isAgree:false,
         isShowAgree:false,
+        mentuzCampNullList:[
+            {value:'1',name:'整形'},
+            {value:'2',name:'轻医美'},
+            {value:'3',name:'皮肤科'},
+        ],
+        medicaCampNullList: [
+            {value:'1',name:'美容'},
+            {value:'2',name:'美体'},
+            {value:'3',name:'美发'},
+            {value:'4',name:'皮肤管理'},
+            {value:'5',name:'光电'},
+            {value:'6',name:'综合类'},
+            {value:'7',name:'中医养生'},
+            {value:'8',name:'spa'},
+        ],
         mainPros: ['产品','仪器','服务','整形'],
         mainProEdit: '',
         rule:{
@@ -119,7 +146,7 @@ var registerPage = new Vue({
                 UserApi.ClubRegister(params,function (response) {
                     if(response.code === 0){
                         dialog('注册成功！',function () {
-                            window.location.href = '/upgrade.html';
+
                         });
                     } else {
                         alertInfo(response.msg);
@@ -127,13 +154,21 @@ var registerPage = new Vue({
                 });
             });
         },
+
         supplierRegister: function(){//供应商注册提交
             alertInfo('供应商注册');
             console.log(JSON.stringify(this.supplierUser));
         },
         clickTab:function(index){
             var _self = this;
-            _self.showTabContentIndex = index;
+            switch (index) {
+                case 1:
+                    window.location.href = '/register-club.html';
+                    break;
+                case 2:
+                    window.location.href = '/register-supplier.html';
+                    break;
+            }
             if(index == 2){
                 _self.showSupplierConfirm = true;
             }
@@ -206,8 +241,5 @@ var registerPage = new Vue({
     },
     mounted: function () {
         var _self = this;
-        CAIMEI.Alert('哈哈哈哈哈哈','不想去',function () {
-            console.log('222222222222222222')
-        })
     }
 });

src/main/resources/static/js/account/upgrade.js

@@ -12,7 +12,6 @@ var upgradePage = new Vue({
             secondShopType:'',
             firstShopType:'',
             department:''
-
         },
         mentuzCampNullList:[
             {value:'1',name:'整形'},

src/main/resources/static/js/utils.js

@@ -1,3 +1,6 @@
+/*封装部分公共方法
+ * @auth zhjy
+ */
 var CAIMEI = window.CAIMEI = {};
 var isWuHeng = isLocalStorageSupported();//无痕
 var AmtRegExp =/^(([1-9]\d{0,9})|0)(\.\d{1,2})?$/;

src/main/resources/templates/account/register-club.html

@@ -0,0 +1,223 @@
+<!DOCTYPE html>
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="https://www.thymeleaf.org ">
+<head>
+    <title>采美365网-中国美业全方位线上交易服务互动平台，做美业，上采美</title>
+    <template th:replace="components/head-link"></template>
+    <link th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">
+    <link th:href="@{/css/account/register.css(v=${version})}" rel="stylesheet" type="text/css">
+</head>
+<body>
+<!-- 引用头部 -->
+<template th:replace="account/components/header"></template>
+
+<!-- 注册账号 -->
+<div id="registerPage">
+    <div class="signAccount" v-show="showTabContentIndex == 1">
+        <div class="title">欢迎机构入驻</div>
+        <div class="advisory" >
+            <span v-if="isPC" class="icon">入驻咨询</span>
+            <div v-else class="duv" @click="showVadvisory"><span class="mIcon" ></span><span>入驻咨询</span> </div>
+            <div class="mask" :class="showClass" @click="closeVadvisory"></div>
+            <div class="advisoryInfo" :class="showClass">
+                <div class="info">若暂不方便入驻机构或无法入驻，您可以留下您的姓名和联系方式，采美工作人员会第一时间联系您。</div>
+                <div v-if="!isPC" class="icon-close" @click="closeVadvisory"></div>
+                <form>
+                    <div class="formLine">
+                        <p><em>*</em>姓名：</p>
+                        <input type="text" v-model.trim="advisory.name" placeholder="请输入您的姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
+                    </div>
+                    <div class="formLine">
+                        <p><em>*</em>手机号：</p>
+                        <input type="text" v-model.trim="advisory.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
+                    </div>
+                    <button class="btn" type="button" @click="postAdvisory()">提交</button>
+                </form>
+            </div>
+        </div>
+        <div class="registerClub">
+            <!--机构注册表单-->
+            <form>
+                <div class="formLine">
+                    <p><em>*</em>联系人：</p>
+                    <input type="text" v-model.trim="clubUser.name" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                    <i class="checked icon mIcon"></i>
+                    <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
+                </div>
+                <div class="formLine" >
+                    <p><em>*</em>手机号(<span>手机号可用作登录账号</span>)：</p>
+                    <input  class="massageBtn"  type="text" v-model.trim="clubUser.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
+                    <i class="checked icon mIcon"></i>
+                    <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
+                </div>
+                <div class="formLine code">
+                    <p><em>*</em>短信验证码：</p>
+                    <input type="text" v-model.trim="clubUser.code" autocomplete="off" placeholder="请输入短信验证码" :rule="rule.code"  maxlength="6" @blur="blurHandle($event)" needverify>
+                    <i class="checked icon mIcon"></i>
+                    <span class="errTips icon mIcon" tips="请输入有效短信验证码"></span>
+                    <a class="getCode" href="javascript:void(0);" @click="getMobileCodeFn" :class="[isMobileDisabled  ? 'disabled' : '']">{{ mobileCodeText }}</a>
+                </div>
+                <div class="formLine">
+                    <p><em>*</em>登录密码：</p>
+                    <input type="password" v-model.trim="clubUser.password" autocomplete="off" placeholder="请输入8-16位数字和字母组合" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
+                    <i class="checked icon mIcon"></i>
+                    <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
+                    <i class="icon showPwd" @click="showPassword($event)"></i>
+                </div>
+                <div class="formLine">
+                    <p><em>*</em>确认密码：</p>
+                    <input type="password" v-model.trim="clubUser.password2" placeholder="请再次确认密码" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
+                    <i class="checked icon mIcon"></i>
+                    <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
+                    <i class="icon showPwd" @click="showPassword($event)"></i>
+                </div>
+                <div class="subLine">
+                    <p>
+                        <span class="iconfont icon-weigouxuan" :class="isAgree ? 'icon-gouxuan' : 'icon-weigouxuan' " @click="checkedIsAgreeFn"></span>
+                        我已阅读并同意<a href="javascript:void(0);">《机构协议》</a><a href="javascript:void(0);">《用户协议》</a>及<a href="javascript:void(0);">《隐私权政策》</a>
+                    </p>
+                    <span class="errTips icon mIcon show" v-if="isShowAgree">请阅读并同意协议</span>
+                    <button class="btn" type="button" @click="clubRegister()">注册</button>
+                    <p class="subLine-p" @click="clickTab(2)">我是供应商,去入驻 ></p>
+                </div>
+            </form>
+        </div>
+    </div>
+    <div class="signAccount upgrade" v-show="showTabContentIndex == 2">
+        <div class="title">升级会员机构</div>
+        <div class="title-tips"><p>补充以下详细信息即可升级为会员机构，享受更多更好的服务</p></div>
+        <div class="registerClub clear">
+            <!--机构注册表单-->
+            <form>
+                <div class="formLine">
+                    <p><em>*</em>邮箱(<span>邮箱可用作登录账号，请使用公司邮箱或法人邮箱</span>)：</p>
+                    <input type="text" v-model.trim="clubUpgradeUser.name" placeholder="请输入邮箱地址" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                    <i class="checked icon mIcon"></i>
+                    <span class="errTips icon mIcon" tips="请输入正确的邮箱地址"></span>
+                </div>
+                <div class="formLine">
+                    <p><em>*</em>机构名称：</p>
+                    <input type="text" v-model.trim="clubUpgradeUser.name" placeholder="请与营业执照的注册名称保持一致" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                    <i class="checked icon mIcon"></i>
+                    <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
+                </div>
+                <div class="formLine">
+                    <p>机构简称：</p>
+                    <input type="text" v-model.trim="clubUpgradeUser.name" placeholder="请输入机构简称" :rule="rule.name" maxlength="50" needverify>
+                </div>
+                <div class="formLine">
+                    <p><em>*</em>联系地址：</p>
+                    <div class="address">
+                        <select><option value="">请选择</option></select>
+                        <select><option value="">请选择</option></select>
+                        <select><option value="">请选择</option></select>
+                        <textarea placeholder="建议您如实填写详细收货地址，例如：街道名称，门牌号码，楼层和房间号等信息"></textarea>
+                    </div>
+                    <i class="checked icon mIcon"></i>
+                    <span class="errTips icon mIcon" tips="请输入正确的联系地址"></span>
+                </div>
+                <div class="formLine">
+                    <p>营业执照：</p>
+                    <input type="text" v-model.trim="clubUpgradeUser.businessLicense" placeholder="请输入统一社会信用代码" :rule="rule.license" maxlength="50" @blur="blurHandle($event)" needverify>
+                    <i class="checked icon mIcon"></i>
+                    <span class="errTips icon mIcon" tips="请输入正确的统一社会信用代码"></span>
+                </div>
+                <div class="formLine clear">
+                    <div class="form-upload">
+                        <p><em>*</em>营业执照图片：</p>
+                        <div v-if="clubUpgradeUser.businessLicenseImage!=''">
+                            <img :src="clubUpgradeUser.businessLicenseImage" alt="">
+                        </div>
+                        <div class="formLine-file" v-else>
+                            <input class="file" type="file" v-model="clubUpgradeUser.businessLicenseImage">
+                            <i class="icon file-biss"></i>
+                        </div>
+                        <span class="errTips icon mIcon"></span>
+                    </div>
+                    <div class="form-upload">
+                        <p>门头照：</p>
+                        <div v-if="clubUpgradeUser.businessLicenseImage!=''">
+                            <img :src="clubUpgradeUser.businessLicenseImage" alt="">
+                        </div>
+                        <div class="formLine-file" v-else>
+                            <input class="file" type="file" v-model="clubUpgradeUser.businessLicenseImage">
+                            <i class="icon file-door"></i>
+                        </div>
+                        <span class="errTips icon mIcon"></span>
+                    </div>
+                    <div class="form-upload-tips">
+                        <i class="icon icon-wen"></i>
+                        <div class="wen-tips">点击图片可放大图片</div>
+                    </div>
+                </div>
+                <div class="formLine">
+                    <p><em>*</em>机构类型：</p>
+                    <label class="diyBox"><input type="radio" name="firstShopType" v-model="clubUpgradeUser.firstShopType" value="1" ><i class="icon mIcon">医美</i></label>
+                    <label class="diyBox"><input type="radio" name="firstShopType" v-model="clubUpgradeUser.firstShopType" value="2" checked><i class="icon mIcon">生美</i></label>
+                    <span class="errTips icon mIcon mIcon" tips="请选择公司类型"></span>
+                </div>
+                <div v-show="clubUpgradeUser.firstShopType == 1" class="formLine">
+                    <label class="diyBox second"><input type="radio" name="department" v-model="clubUpgradeUser.department" value="1" checked><i class="icon mIcon">诊所</i></label>
+                    <label class="diyBox second"><input type="radio" name="department" v-model="clubUpgradeUser.department" value="2" ><i class="icon mIcon">门诊</i></label>
+                    <label class="diyBox second"><input type="radio" name="department" v-model="clubUpgradeUser.department" value="3" ><i class="icon mIcon">医院</i></label>
+                    <span class="errTips icon mIcon mIcon" tips="请选择公司类型"></span>
+                </div>
+                <div v-show="clubUpgradeUser.firstShopType == 1" class="formLine">
+                    <div class="form-upload">
+                        <p>资质：</p>
+                        <div v-if="clubUpgradeUser.businessLicenseImage!=''">
+                            <img :src="clubUpgradeUser.businessLicenseImage" alt="">
+                        </div>
+                        <div class="formLine-file" v-else>
+                            <input class="file" type="file" v-model="clubUpgradeUser.businessLicenseImage">
+                            <i class="icon file-zizhi"></i>
+                        </div>
+                        <span class="errTips icon mIcon"></span>
+                    </div>
+                    <div class="form-upload-tips">
+                        <i class="icon icon-wen"></i>
+                        <div class="wen-tips">点击图片可放大图片</div>
+                    </div>
+                </div>
+                <div v-show="clubUpgradeUser.department == 2 || clubUpgradeUser.department == 3" class="formLine">
+                    <p>科室：</p>
+                    <input type="text" v-model.trim="clubUpgradeUser.name" placeholder="请填写您所经营的科室,用逗号隔开.(至少三个)" :rule="rule.name" maxlength="50">
+                </div>
+                <div class="formLine clear" v-show="clubUpgradeUser.firstShopType == 1">
+                    <p><em>*</em>主营内容：</p>
+                    <p class="business">
+                        <label v-for="pro in mentuzCampNullList" class="diyBox second"><input type="checkbox" name="secondShopType" v-model="clubUpgradeUser.mainPros" :value="pro" ><i class="icon mIcon">{{pro.name}}</i></label>
+                        <input type="text" placeholder="请输入其他自定义品项目" v-model.trim="mainProEdit">
+                        <a href="javascript:void(0);" @click="mainProAdd()">确认添加</a>
+                    </p>
+                    <span class="errTips icon mIcon" tips="请选择或添加主营产品"></span>
+                </div>
+                <div class="formLine clear" v-show="clubUpgradeUser.firstShopType == 2">
+                    <p><em>*</em>主营内容：</p>
+                    <p class="business">
+                        <label v-for="pro in medicaCampNullList" class="diyBox second"><input type="checkbox" name="secondShopType" v-model="clubUpgradeUser.mainPros" :value="pro" ><i class="icon mIcon">{{pro.name}}</i></label>
+                        <input type="text" placeholder="请输入其他自定义品项目" v-model.trim="mainProEdit">
+                        <a href="javascript:void(0);" @click="mainProAdd()">确认添加</a>
+                    </p>
+                    <span class="errTips icon mIcon" tips="请选择或添加主营产品"></span>
+                </div>
+                <div class="subLine">
+                    <button class="btn-upgrade none" type="button" @click="clubLogin()">先跳过,以后再升级</button>
+                    <button class="btn-upgrade" type="button" @click="clubRegister()">确认升级并提交审核</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 引入底部 -->
+<template th:replace="components/footer"></template>
+<template th:replace="components/foot-link"></template>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/user.service.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/account/register-club.js(v=${version})}"></script>
+</body>
+</html>

src/main/resources/templates/account/register-supplier.html

@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="https://www.thymeleaf.org ">
+<head>
+    <title>采美365网-中国美业全方位线上交易服务互动平台，做美业，上采美</title>
+    <template th:replace="components/head-link"></template>
+    <link th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">
+    <link th:href="@{/css/account/register.css(v=${version})}" rel="stylesheet" type="text/css">
+</head>
+<body>
+<!-- 引用头部 -->
+<template th:replace="account/components/header"></template>
+
+<!-- 注册账号 -->
+<div id="registerPage">
+    <div class="signAccount" >
+        <div class="supplierConfirm" v-if="showSupplierConfirm">
+            <div class="cont">
+                <h3>供应商注册需知</h3>
+                <p>采美365网感谢您的关注！</p>
+                <p>采美365网是美容行业一站式B2B 采购交易服务平台，供应商入驻需平台审核。注册说明如下，请您仔细阅读：</p>
+                <ul>
+                    <li>1、本网站为正品网站，谢绝非自营/自有品牌（以登记备案为准），代理商应出具授权书等说明文件，杜绝山寨、假冒伪劣等侵权、侵害他人利益的行为。</li>
+                    <li>2、注册需要提供公司名称、营业执照、公司地址、联系人等基本信息。</li>
+                    <li>3、供应商注册审核通过后需缴纳平台信息服务管理费用。</li>
+                </ul>
+                <div class="btnLine">
+                    <p><input type="checkbox" checked readonly>已阅读供应商注册需知</p>
+                    <button type="button" @click="showSupplier">同意</button>
+                </div>
+            </div>
+        </div>
+        <div v-else>
+            <div class="title">欢迎供应商入驻</div>
+            <div class="registerShop">
+                <!--供应商注册表单-->
+                <form>
+                    <h6 class="tit">账户信息</h6>
+                    <div class="formLine">
+                        <p><em>*</em>手机号(<span>手机号可用作登录账号</span>)：</p>
+                        <input type="text" v-model.trim="supplierUser.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
+                    </div>
+                    <div class="formLine code">
+                        <p><em>*</em>短信验证码：</p>
+                        <input type="text" v-model.trim="supplierUser.code" placeholder="请输入短信验证码" :rule="rule.code" maxlength="12" @blur="blurHandle($event)" needverify>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="请输入有效短信验证码"></span>
+                        <a class="getCode" href="javascript:void(0);">获取短信验证码</a>
+                    </div>
+                    <div class="formLine">
+                        <p><em>*</em>登录密码：</p>
+                        <input type="password" v-model.trim="supplierUser.password" placeholder="请输入8-16位数字和字母组合" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
+                        <i class="icon showPwd" @click="showPassword($event)"></i>
+                    </div>
+                    <div class="formLine">
+                        <p><em>*</em>确认密码：</p>
+                        <input type="password" v-model.trim="supplierUser.password2" placeholder="请再次确认密码" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
+                        <i class="icon showPwd" @click="showPassword($event)"></i>
+                    </div>
+                    <h6 class="tit">基本信息</h6>
+                    <div class="formLine">
+                        <p><em>*</em>公司名称：</p>
+                        <input type="text" v-model.trim="supplierUser.shopName" placeholder="请与营业执照的注册名称保持一致" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="请输入正确的公司名称"></span>
+                    </div>
+                    <div class="formLine">
+                        <p><em>*</em>联系人：</p>
+                        <input type="text" v-model.trim="supplierUser.name" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
+                    </div>
+                    <div class="formLine">
+                        <p>邮箱(<span>邮箱可用作登录账号，请使用公司邮箱或法人邮箱</span>)：</p>
+                        <input type="text" v-model.trim="supplierUser.email" placeholder="请输入邮箱地址" maxlength="50">
+                        <span class="errTips"></span>
+                    </div>
+                    <h6 class="tit">详细信息</h6>
+                    <div class="formLine">
+                        <p>公司简称：</p>
+                        <input type="text" v-model.trim="supplierUser.shopAbbr" placeholder="请输入公司简称" maxlength="50">
+                        <span class="errTips"></span>
+                    </div>
+                    <div class="formLine">
+                        <p><em>*</em>联系地址：</p>
+                        <div class="address">
+                            <select><option value="">请选择</option></select>
+                            <select><option value="">请选择</option></select>
+                            <select><option value="">请选择</option></select>
+                            <textarea placeholder="建议您如实填写详细收货地址，例如：街道名称，门牌号码，楼层和房间号等信息"></textarea>
+                        </div>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="请输入正确的联系地址"></span>
+                    </div>
+                    <div class="formLine">
+                        <p><em>*</em>公司类型：</p>
+                        <label class="diyBox"><input type="radio" name="firstShopType" v-model="supplierUser.firstShopType" value="1" ><i class="icon mIcon">医疗</i></label>
+                        <label class="diyBox"><input type="radio" name="firstShopType" v-model="supplierUser.firstShopType" value="2" checked><i class="icon mIcon">非医疗</i></label>
+                        <span class="errTips icon mIcon mIcon" tips="请选择公司类型"></span>
+                    </div>
+                    <div v-show="supplierUser.firstShopType == 1" class="formLine">
+                        <p><em>*</em>医疗类型：</p>
+                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="1" ><i class="icon mIcon">一类器械</i></label>
+                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="2" checked><i class="icon mIcon">二类器械</i></label>
+                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="3" ><i class="icon mIcon">三类器械</i></label>
+                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="4" checked><i class="icon mIcon">其他</i></label>
+                        <span class="errTips icon mIcon" tips="请选择公司类型"></span>
+                    </div>
+                    <div class="formLine">
+                        <p><em>*</em>营业执照：</p>
+                        <input type="text" v-model.trim="supplierUser.businessLicense" placeholder="请输入统一社会信用代码" :rule="rule.license" maxlength="50" @blur="blurHandle($event)" needverify>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="请输入正确的统一社会信用代码"></span>
+                    </div>
+                    <div class="formLine">
+                        <p><em>*</em>营业执照图片：</p>
+                        <input type="file" v-model="supplierUser.businessLicenseImage">
+                        <span class="errTips icon mIcon"></span>
+                    </div>
+                    <div class="formLine">
+                        <p><em>*</em>主营产品：</p>
+                        <p class="business">
+                            <label v-for="pro in mainPros" class="diyBox second"><input type="checkbox" name="secondShopType" v-model="supplierUser.mainPros" :value="pro" ><i class="icon mIcon">{{pro}}</i></label>
+                            <input type="text" placeholder="请输入其他自定义品项目" v-model.trim="mainProEdit">
+                            <a href="javascript:void(0);" @click="mainProAdd()">确认添加</a>
+                        </p>
+                        <span class="errTips icon mIcon" tips="请选择或添加主营产品"></span>
+                    </div>
+                    <div class="subLine">
+                        <p><input type="checkbox">我已阅读并同意<a href="javascript:void(0);">《供应商协议》</a><a href="javascript:void(0);">《用户协议》</a>及<a href="javascript:void(0);">《隐私权政策》</a></p>
+                        <button class="btn" type="button" @click="supplierRegister()">同意并提交审核</button>
+                        <p class="subLine-p" @click="clickTab(1)">我是机构,去入驻 ></p>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- 引入底部 -->
+<template th:replace="components/footer"></template>
+<template th:replace="components/foot-link"></template>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/user.service.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/account/register-supplier.js(v=${version})}"></script>
+</body>
+</html>

src/main/resources/templates/account/register.html

@@ -20,208 +20,6 @@
             <span class="b"><img src="/img/account/supplier.png"  @click="clickTab(2)">供应商</span>
         </div>
     </div>
-    <div class="signAccount" v-show="showTabContentIndex == 1">
-        <div class="title">欢迎机构入驻</div>
-        <div class="advisory" >
-            <span v-if="isPC" class="icon">入驻咨询</span>
-            <div v-else class="duv" @click="showVadvisory"><span class="mIcon" ></span><span>入驻咨询</span> </div>
-            <div class="mask" :class="showClass" @click="closeVadvisory"></div>
-            <div class="advisoryInfo" :class="showClass">
-                <div class="info">若暂不方便入驻机构或无法入驻，您可以留下您的姓名和联系方式，采美工作人员会第一时间联系您。</div>
-                <div v-if="!isPC" class="icon-close" @click="closeVadvisory"></div>
-                <form>
-                    <div class="formLine">
-                        <p><em>*</em>姓名：</p>
-                        <input type="text" v-model.trim="advisory.name" placeholder="请输入您的姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
-                        <i class="checked icon mIcon"></i>
-                        <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
-                    </div>
-                    <div class="formLine">
-                        <p><em>*</em>手机号：</p>
-                        <input type="text" v-model.trim="advisory.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
-                        <i class="checked icon mIcon"></i>
-                        <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
-                    </div>
-                    <button class="btn" type="button" @click="postAdvisory()">提交</button>
-                </form>
-            </div>
-        </div>
-        <div class="registerClub">
-            <!--机构注册表单-->
-            <form>
-                <div class="formLine">
-                    <p><em>*</em>联系人：</p>
-                    <input type="text" v-model.trim="clubUser.name" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
-                    <i class="checked icon mIcon"></i>
-                    <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
-                </div>
-                <div class="formLine" >
-                    <p><em>*</em>手机号(<span>手机号可用作登录账号</span>)：</p>
-                    <input  class="massageBtn"  type="text" v-model.trim="clubUser.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
-                    <i class="checked icon mIcon"></i>
-                    <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
-                </div>
-                <div class="formLine code">
-                    <p><em>*</em>短信验证码：</p>
-                    <input type="text" v-model.trim="clubUser.code" autocomplete="off" placeholder="请输入短信验证码" :rule="rule.code"  maxlength="6" @blur="blurHandle($event)" needverify>
-                    <i class="checked icon mIcon"></i>
-                    <span class="errTips icon mIcon" tips="请输入有效短信验证码"></span>
-                    <a class="getCode" href="javascript:void(0);" @click="getMobileCodeFn" :class="[isMobileDisabled  ? 'disabled' : '']">{{ mobileCodeText }}</a>
-                </div>
-                <div class="formLine">
-                    <p><em>*</em>登录密码：</p>
-                    <input type="password" v-model.trim="clubUser.password" autocomplete="off" placeholder="请输入8-16位数字和字母组合" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
-                    <i class="checked icon mIcon"></i>
-                    <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
-                    <i class="icon showPwd" @click="showPassword($event)"></i>
-                </div>
-                <div class="formLine">
-                    <p><em>*</em>确认密码：</p>
-                    <input type="password" v-model.trim="clubUser.password2" placeholder="请再次确认密码" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
-                    <i class="checked icon mIcon"></i>
-                    <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
-                    <i class="icon showPwd" @click="showPassword($event)"></i>
-                </div>
-                <div class="subLine">
-                    <p>
-                        <span class="iconfont icon-weigouxuan" :class="isAgree ? 'icon-gouxuan' : 'icon-weigouxuan' " @click="checkedIsAgreeFn"></span>
-                        我已阅读并同意<a href="javascript:void(0);">《机构协议》</a><a href="javascript:void(0);">《用户协议》</a>及<a href="javascript:void(0);">《隐私权政策》</a>
-                    </p>
-                    <span class="errTips icon mIcon show" v-if="isShowAgree">请阅读并同意协议</span>
-                    <button class="btn" type="button" @click="clubRegister()">注册</button>
-                    <p class="subLine-p" @click="clickTab(2)">我是供应商,去入驻 ></p>
-                </div>
-            </form>
-        </div>
-    </div>
-    <div class="signAccount" v-show="showTabContentIndex == 2">
-        <div class="supplierConfirm" v-if="showSupplierConfirm">
-            <div class="cont">
-                <h3>供应商注册需知</h3>
-                <p>采美365网感谢您的关注！</p>
-                <p>采美365网是美容行业一站式B2B 采购交易服务平台，供应商入驻需平台审核。注册说明如下，请您仔细阅读：</p>
-                <ul>
-                    <li>1、本网站为正品网站，谢绝非自营/自有品牌（以登记备案为准），代理商应出具授权书等说明文件，杜绝山寨、假冒伪劣等侵权、侵害他人利益的行为。</li>
-                    <li>2、注册需要提供公司名称、营业执照、公司地址、联系人等基本信息。</li>
-                    <li>3、供应商注册审核通过后需缴纳平台信息服务管理费用。</li>
-                </ul>
-                <div class="btnLine">
-                    <p><input type="checkbox" checked readonly>已阅读供应商注册需知</p>
-                    <button type="button" @click="showSupplier">同意</button>
-                </div>
-            </div>
-        </div>
-        <div v-else>
-            <div class="title">欢迎供应商入驻</div>
-            <div class="registerShop">
-                <!--供应商注册表单-->
-                <form>
-                    <h6 class="tit">账户信息</h6>
-                    <div class="formLine">
-                        <p><em>*</em>手机号(<span>手机号可用作登录账号</span>)：</p>
-                        <input type="text" v-model.trim="supplierUser.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
-                        <i class="checked icon mIcon"></i>
-                        <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
-                    </div>
-                    <div class="formLine code">
-                        <p><em>*</em>短信验证码：</p>
-                        <input type="text" v-model.trim="supplierUser.code" placeholder="请输入短信验证码" :rule="rule.code" maxlength="12" @blur="blurHandle($event)" needverify>
-                        <i class="checked icon mIcon"></i>
-                        <span class="errTips icon mIcon" tips="请输入有效短信验证码"></span>
-                        <a class="getCode" href="javascript:void(0);">获取短信验证码</a>
-                    </div>
-                    <div class="formLine">
-                        <p><em>*</em>登录密码：</p>
-                        <input type="password" v-model.trim="supplierUser.password" placeholder="请输入8-16位数字和字母组合" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
-                        <i class="checked icon mIcon"></i>
-                        <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
-                        <i class="icon showPwd" @click="showPassword($event)"></i>
-                    </div>
-                    <div class="formLine">
-                        <p><em>*</em>确认密码：</p>
-                        <input type="password" v-model.trim="supplierUser.password2" placeholder="请再次确认密码" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
-                        <i class="checked icon mIcon"></i>
-                        <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
-                        <i class="icon showPwd" @click="showPassword($event)"></i>
-                    </div>
-                    <h6 class="tit">基本信息</h6>
-                    <div class="formLine">
-                        <p><em>*</em>公司名称：</p>
-                        <input type="text" v-model.trim="supplierUser.shopName" placeholder="请与营业执照的注册名称保持一致" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
-                        <i class="checked icon mIcon"></i>
-                        <span class="errTips icon mIcon" tips="请输入正确的公司名称"></span>
-                    </div>
-                    <div class="formLine">
-                        <p><em>*</em>联系人：</p>
-                        <input type="text" v-model.trim="supplierUser.name" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
-                        <i class="checked icon mIcon"></i>
-                        <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
-                    </div>
-                    <div class="formLine">
-                        <p>邮箱(<span>邮箱可用作登录账号，请使用公司邮箱或法人邮箱</span>)：</p>
-                        <input type="text" v-model.trim="supplierUser.email" placeholder="请输入邮箱地址" maxlength="50">
-                        <span class="errTips"></span>
-                    </div>
-                    <h6 class="tit">详细信息</h6>
-                    <div class="formLine">
-                        <p>公司简称：</p>
-                        <input type="text" v-model.trim="supplierUser.shopAbbr" placeholder="请输入公司简称" maxlength="50">
-                        <span class="errTips"></span>
-                    </div>
-                    <div class="formLine">
-                        <p><em>*</em>联系地址：</p>
-                        <div class="address">
-                            <select><option value="">请选择</option></select>
-                            <select><option value="">请选择</option></select>
-                            <select><option value="">请选择</option></select>
-                            <textarea placeholder="建议您如实填写详细收货地址，例如：街道名称，门牌号码，楼层和房间号等信息"></textarea>
-                        </div>
-                        <i class="checked icon mIcon"></i>
-                        <span class="errTips icon mIcon" tips="请输入正确的联系地址"></span>
-                    </div>
-                    <div class="formLine">
-                        <p><em>*</em>公司类型：</p>
-                        <label class="diyBox"><input type="radio" name="firstShopType" v-model="supplierUser.firstShopType" value="1" ><i class="icon mIcon">医疗</i></label>
-                        <label class="diyBox"><input type="radio" name="firstShopType" v-model="supplierUser.firstShopType" value="2" checked><i class="icon mIcon">非医疗</i></label>
-                        <span class="errTips icon mIcon mIcon" tips="请选择公司类型"></span>
-                    </div>
-                    <div v-show="supplierUser.firstShopType == 1" class="formLine">
-                        <p><em>*</em>医疗类型：</p>
-                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="1" ><i class="icon mIcon">一类器械</i></label>
-                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="2" checked><i class="icon mIcon">二类器械</i></label>
-                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="3" ><i class="icon mIcon">三类器械</i></label>
-                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="4" checked><i class="icon mIcon">其他</i></label>
-                        <span class="errTips icon mIcon" tips="请选择公司类型"></span>
-                    </div>
-                    <div class="formLine">
-                        <p><em>*</em>营业执照：</p>
-                        <input type="text" v-model.trim="supplierUser.businessLicense" placeholder="请输入统一社会信用代码" :rule="rule.license" maxlength="50" @blur="blurHandle($event)" needverify>
-                        <i class="checked icon mIcon"></i>
-                        <span class="errTips icon mIcon" tips="请输入正确的统一社会信用代码"></span>
-                    </div>
-                    <div class="formLine">
-                        <p><em>*</em>营业执照图片：</p>
-                        <input type="file" v-model="supplierUser.businessLicenseImage">
-                        <span class="errTips icon mIcon"></span>
-                    </div>
-                    <div class="formLine">
-                        <p><em>*</em>主营产品：</p>
-                        <p class="business">
-                            <label v-for="pro in mainPros" class="diyBox second"><input type="checkbox" name="secondShopType" v-model="supplierUser.mainPros" :value="pro" ><i class="icon mIcon">{{pro}}</i></label>
-                            <input type="text" placeholder="请输入其他自定义品项目" v-model.trim="mainProEdit">
-                            <a href="javascript:void(0);" @click="mainProAdd()">确认添加</a>
-                        </p>
-                        <span class="errTips icon mIcon" tips="请选择或添加主营产品"></span>
-                    </div>
-                    <div class="subLine">
-                        <p><input type="checkbox">我已阅读并同意<a href="javascript:void(0);">《供应商协议》</a><a href="javascript:void(0);">《用户协议》</a>及<a href="javascript:void(0);">《隐私权政策》</a></p>
-                        <button class="btn" type="button" @click="supplierRegister()">同意并提交审核</button>
-                        <p class="subLine-p" @click="clickTab(1)">我是机构,去入驻 ></p>
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
 </div>
 
 <!-- 引入底部 -->