Skip to content

E
ElectricitySheep
Commit ef7f230e authored by zhengke's avatar zhengke
Browse files
Options

增加注册 修改登录

parent ddf055d3
Show whitespace changes
Inline Side-by-side
Showing with 544 additions and 29 deletions
src/assets/img/business.png 0 → 100644
View file @ ef7f230e
src/assets/img/business.png

5.35 KB

src/assets/img/id-card-off.png 0 → 100644
View file @ ef7f230e
src/assets/img/id-card-off.png

7.53 KB

src/assets/img/id-card.png 0 → 100644
View file @ ef7f230e
src/assets/img/id-card.png

4.19 KB

src/assets/img/regist.png 0 → 100644
View file @ ef7f230e
src/assets/img/regist.png

308 KB

src/assets/img/submit.png 0 → 100644
View file @ ef7f230e
src/assets/img/submit.png

22.6 KB

src/components/Login.vue
View file @ ef7f230e
...@@ -163,33 +163,18 @@ ...@@ -163,33 +163,18 @@
<div class="el-card box-card is-always-shadow"> <div class="el-card box-card is-always-shadow">
<div class="el-card__body"> <div class="el-card__body">
<img alt class="logo" src="../assets/img/logo.png" /> <img alt class="logo" src="../assets/img/logo.png" />
<form class="el-form login-form"> <el-form class="el-form login-form" :model="msg" :rules="rules" ref="msg" label-width="0" >
<div class="form-title">管理员登录</div> <div class="form-title">管理员登录</div>
<div class="el-form-item is-required el-form-item--small"> <el-form-item label="" prop="Account">
<div class="el-form-item__content" style="margin-left: 0px;"> <el-input v-model="msg.Account" placeholder="请输入用户名" maxlength="25"/>
<div class="el-input el-input--small"> </el-form-item>
<input type="text" autocomplete="off" v-model="msg.Account" placeholder="请输入用户名" <el-form-item label="" prop="Password">
class="el-input__inner" maxlength="25" /> <el-input v-model="msg.Password" placeholder="请输入密码" maxlength="25"/>
</div> </el-form-item>
</div> <el-form-item label="" prop="ValidataCode">
</div> <el-input v-model="msg.ValidataCode" style="width:140px;" placeholder="验证码" maxlength="25"/>
<div class="el-form-item is-required el-form-item--small">
<div class="el-form-item__content" style="margin-left: 0px;">
<div class="el-input el-input--small">
<input type="password" autocomplete="off" placeholder="请输入密码" v-model="msg.Password"
class="el-input__inner" maxlength="25" />
</div>
</div>
</div>
<div class="el-form-item is-required el-form-item--small">
<div class="el-form-item__content" style="margin-left: 0px;">
<div class="el-input el-input--small" style="width: 140px;">
<input type="text" autocomplete="off" placeholder="验证码" v-model="msg.ValidataCode"
class="el-input__inner" maxlength="4" />
</div>
<img class="pic-captcha" src="/web/index.php?r=site%2Fpic-captcha&amp;v=5e9e7ef6a93ac6.36592545" /> <img class="pic-captcha" src="/web/index.php?r=site%2Fpic-captcha&amp;v=5e9e7ef6a93ac6.36592545" />
</div> </el-form-item>
</div>
<div class="el-form-item el-form-item--small"> <div class="el-form-item el-form-item--small">
<div class="el-form-item__content" style="margin-left: 0px;"> <div class="el-form-item__content" style="margin-left: 0px;">
<label class="el-checkbox"> <label class="el-checkbox">
...@@ -205,13 +190,13 @@ ...@@ -205,13 +190,13 @@
</div> </div>
<div class="el-form-item el-form-item--small"> <div class="el-form-item el-form-item--small">
<div class="el-form-item__content" style="margin-left: 0px;"> <div class="el-form-item__content" style="margin-left: 0px;">
<button type="button" @click="login()" <button type="button" @click="submitForm('msg')"
class="el-button login-btn el-button--primary el-button--small is-round"> class="el-button login-btn el-button--primary el-button--small is-round">
<span>登录</span> <span>登录</span>
</button> </button>
</div> </div>
</div> </div>
</form> </el-form>
<img alt class="logo" /> <img alt class="logo" />
<div class="register_box"> <div class="register_box">
<span class="register">忘记密码?</span> <span class="register">忘记密码?</span>
...@@ -233,7 +218,18 @@ ...@@ -233,7 +218,18 @@
Account: '', //账号 Account: '', //账号
Password: '', //密码 Password: '', //密码
ValidataCode: '', //验证码 ValidataCode: '', //验证码
} },
rules: {
Account: [
{ required: true, message: "请输入用户名", trigger: "blur" }
],
Password: [
{ required: true, message: "请输入密码", trigger: "blur" }
],
ValidataCode: [
{ required: true, message: "请输入右侧图片上的文字", trigger: "blur" }
]
},
}; };
}, },
created() { created() {
...@@ -254,7 +250,18 @@ ...@@ -254,7 +250,18 @@
this.apipost("/api/Tenant/Login", this.msg, res => { this.apipost("/api/Tenant/Login", this.msg, res => {
console.log("res", res); console.log("res", res);
}) })
},
submitForm(msg){
//提交创建、修改表单
this.$refs[msg].validate(valid => {
if (valid) {
this.login();
} else {
return false;
} }
});
},
}, },
mounted() { mounted() {
if (!this.isOnline()) { if (!this.isOnline()) {
......
src/components/Register.vue 0 → 100644
View file @ ef7f230e
<style>
.register .resHeader{
width:100%;
height:190px;
background-image: url("../assets/img/regist.png");
}
.register .resHeader .title{
height: 50px;
font-size: 26px;
width: 274px;
margin: 0 auto 5px;
display: flex;
flex-wrap: nowrap;
}
.register .resHeader .title div {
padding: 0 10px;
width: 125px;
}
.register .resHeader .title{
font-size: 26px;
color: #333;
padding-top: 75px;
text-align: center;
}
.register .regisLogo {
float: right;
height: 50px;
}
.register .regisLine {
height: 25px;
width: 1px!important;
background: rgb(68, 68, 68);
padding: 0px!important;
margin:21px 0 0 10px;
}
.register .regisWelcome{
padding:0!important;
margin:14px 0 0 10px;
}
.register .login {
color: #409EFF;
cursor: pointer;
}
.register .regisLogin{
color: rgb(125, 125, 125);
text-align:center;
margin-top:15px;
}
.register .regisMain{
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
overflow: auto;
box-sizing: border-box;
padding: 20px;
flex:1;
}
.register .Steps{
width:900px;
margin:65px auto;
}
.register .box-card{
width:700px;
margin:40px auto 0;
}
.register .box-card .el-input .el-input__inner {
height: 45px;
border-radius: 22.5px;
}
.register .box-card .el-form-item__content {
width: 420px;
}
.register .NextStep{
width:600px;
text-align: right;
margin-bottom:20px;
}
.register .box-card .code .el-input__inner {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.register .box-card .code .el-input-group__append {
background-color: #007BFF;
color: #fff;
border-top-right-radius: 22.5px;
border-bottom-right-radius: 22.5px;
border: 1px solid #007BFF;
}
.register .card-upload {
font-size: 0;
position: relative;
cursor: pointer;
height:134px;
overflow: hidden;
}
.register .card-upload .el-button {
position: absolute;
left: 50%;
top: 50%;
margin-top: -16px;
margin-left: -16px;
z-index: 1;
}
.register .id-card {
position: relative;
height: 170px;
width: 190px;
text-align: center;
margin-bottom: 10px;
font-size: 12px;
color: #666;
}
.register .business {
position: relative;
height: 280px;
width: 190px;
text-align: center;
margin-bottom: 20px;
font-size: 12px;
color: #666;
float: right;
}
.register .business img {
height: 258px;
width: 190px;
background-color: #EEEFF3;
}
.register .lisenceUpload{
line-height:normal;
display:inline-block;
position:relative;
}
.register .lisenceUpload .el-button {
position: absolute;
left: 50%;
top: 50%;
margin-top: -16px;
margin-left: -16px;
z-index: 1;
}
.register .el-footer {
color: #ACACAC;
text-align: center;
line-height: 60px;
background-color: #F6F6F6;
font-size:14px;
}
.register .submit-success {
width: 210px;
text-align: center;
float: left;
}
.register .audit-box {
width: 700px;
height: 280px;
text-align: center;
font-size: 14px;
margin:auto;
}
.register .audit-box div{
margin:15px 0;
}
</style>
<template>
<div class="register">
<div class="resHeader">
<div class="title">
<div>
<img src="../assets/img/logo.png" alt="" class="regisLogo"/>
</div>
<div class="regisLine"></div>
<div class="regisWelcome">欢迎注册</div>
</div>
<div class="regisLogin" style="">
已有账号？<span class="login" @click="goLogin">登录</span>
</div>
</div>
<div class="regisMain" :style="{minHeight: Height+'px'}">
<div class="Steps">
<el-steps :active="StepIndex" align-center>
<el-step title="账号信息" description=""></el-step>
<el-step title="申请信息" description=""></el-step>
<el-step title="提交注册申请" description=""></el-step>
</el-steps>
</div>
<div class="box-card" v-if="StepIndex==1">
<el-form :model="msg1" :rules="rules" ref="msg1" label-width="130px" style="padding:0 50px;">
<el-form-item label="账户名" prop="userName">
<el-input v-model="msg1.userName" placeholder="请输入账户名"/>
</el-form-item>
<el-form-item label="设置密码" prop="password1">
<el-input v-model="msg1.password1" placeholder="请输入密码"/>
</el-form-item>
<el-form-item label="确认密码" prop="password2">
<el-input v-model="msg1.password2" placeholder="请再次输入密码"/>
</el-form-item>
<el-form-item label="">
<el-checkbox v-model="checkedDeal">我已阅读并同意</el-checkbox>
<span style="color:#3a8ee6;cursor:pointer;" @click="agreeVisible=true,checkedDeal=true">《注册协议》</span>
</el-form-item>
</el-form>
<div class="NextStep">
<button class="el-button el-button--primary el-button--small is-round" style="font-size:16px;width:100px;" @click="submitFormOne('msg1')">下一步</button>
</div>
</div>
<div class="box-card" v-if="StepIndex==2">
<el-form :model="msg2" :rules="rules2" ref="msg2" label-width="150px" style="padding:0 50px;">
<el-form-item label="姓名/企业名称" prop="enterPriseName">
<el-input v-model="msg2.enterPriseName"/>
</el-form-item>
<el-form-item label="联系人手机号" prop="phone">
<el-input v-model="msg2.phone"/>
</el-form-item>
<el-form-item label="验证码" prop="validateCode" class="code">
<el-input v-model="msg2.validateCode">
<template slot="append">获取短信验证码</template>
</el-input>
</el-form-item>
<el-form-item label="微信号" prop="webchat">
<el-input v-model="msg2.webchat"/>
</el-form-item>
<el-form-item label="申请原因" prop="ApplyReason">
<el-input type="textarea" rows="5" v-model="msg2.ApplyReason"/>
</el-form-item>
<el-form-item label="上传证件信息">
<div style="float:left;">
<div class="id-card">
<div class="card-upload">
<el-upload
class="avatar-uploader"
action=""
accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false"
:http-request="UploadImage">
<img v-if="IdCardImg" :src="IdCardImg" class="avatar">
<img src="../assets/img/id-card.png" alt=""/>
</el-upload>
<button type="button" class="el-button el-button--primary el-button--small is-circle">
<i class="el-icon-plus"></i>
</button>
</div>
<div>上传身份证正面</div>
</div>
<div class="id-card">
<div class="card-upload">
<el-upload
class="avatar-uploader"
action=""
accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false"
:http-request="UploadImage2">
<img v-if="IdCardBack" :src="IdCardBack" class="avatar">
<img src="../assets/img/id-card-off.png" alt=""/>
</el-upload>
<button type="button" class="el-button el-button--primary el-button--small is-circle">
<i class="el-icon-plus"></i>
</button>
</div>
<div>上传身份证反面</div>
</div>
</div>
<div class="business">
<div class="lisenceUpload">
<el-upload
class="avatar-uploader"
action=""
accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false"
:http-request="UploadImage3">
<img v-if="LicenseImg" :src="LicenseImg" class="avatar">
<img src="../assets/img/business.png" alt=""/>
</el-upload>
<button type="button" class="el-button el-button--primary el-button--small is-circle">
<i class="el-icon-plus"></i>
</button>
</div>
<div>上传营业执照</div>
</div>
</el-form-item>
</el-form>
<div class="NextStep">
<button class="el-button el-button--primary el-button--small is-round" style="font-size:16px;width:100px;" @click="submitFormTwo('msg2')">下一步</button>
</div>
</div>
<div class="audit-box" v-if="StepIndex==3">
<img src="../assets/img/submit.png" alt=""/>
<div>您的注册申请已提交</div>
<button class="el-button el-button--primary is-round" style="margin-top:15px;">
<span>我知道了</span>
</button>
</div>
</div>
<div class="el-footer el-footer" style="height: 60px;">
<a target="_blank" style="text-decoration: none;">由微途科技提供技术支持</a>
</div>
<el-dialog title="注册协议" :visible.sync="agreeVisible">
<div style="width: 100%; overflow-x: auto;">
<p>请仔细阅读并同意以下用户协议：</p>
<p><br></p>
<p>首先感谢您使用深圳华中智库科技有限公司提供的产品和服务。本协议是用户（下称“您”），包括注册用户及没注册的访客（访客适用部分条款的约束），以注册、访问或浏览方式使用深圳华中智库科技有限公司的产品和服务时与我们签署的协议（以下提到"微宝阁"时即指该产品）。</p>
<p>请留意：您对"微宝阁"网页、产品和服务的使用即视为对本协议的签署，具有法律约束力。</p>
<p><br></p>
<p>重要须知---在注册本账户时，请仔细阅读本协议：</p>
<p><br></p>
<p>您应认真阅读、充分理解本本协议以及本协议中各条款以及涉及到的隐私政策，当中可能包括免除或者限制"微宝阁"责任或对用户权利限制的条款。除非您接受本协议，否则您无权也无必要继续接受"微宝阁"的产品及服务。您可以退出用户注册页面或停止使用"微宝阁"的产品及服务。您点击“同意”接受并继续使用"微宝阁"的产品及服务，视为您已完全接受本协议。在您签署本协议之后，此文本可能因国家政策、产品以及履行本协议的环境发生变化而多次进行修改。修改后的协议发布在本网站上，若您对修改后的协议有异议的，请立即停止登录账户及停止使用"微宝阁"产品和服务，若您登录或继续使用，将视为对修改后的协议予以认可。</p>
<p><br></p>
<p>1、服务条款的确认和接纳</p>
<p>本网站及小程序的各项内容和服务的所有权归本公司拥有。用户在接受本服务之前，请务必仔细阅读本条款。用户使用服务，或通过完成注册程序，表示用户接受所有服务条款。</p>
<p><br></p>
<p>2、用户同意：</p>
<p>(1) 提供及时、详尽及准确的个人资料。</p>
<p>(2)不断更新注册资料、符合及时、详尽、准确的要求。如果用户提供的资料不准确，本网站有结束服务的权利。本网站及小程序将不公开用户的姓名、地址、电子邮箱、帐号和电话号码等信息。</p>
<p><br></p><p>用户在本网站和小程序的任何行为必须遵循：</p>
<p>(1) 传输资料时必须符合中国有关法规。</p>
<p>(2) 使用信息服务不作非法用途和不道德行为。</p>
<p>(3) 不干扰或混乱网络服务。</p>
<p>(4) 遵守所有使用服务的网络协议、规定、程序和惯例。用户的行为准则是以因特网法规，政策、程序和惯例为根据的。</p>
<p><br></p><p>3、服务条款的修改</p>
<p>本网站及小程序有权在必要时修改条款，将会在页面公布。如果不接受所改动的内容，用户可以主动取消自己的会员资格。如果您不取消自己的会员资格，则视为接受服务条款的变动。</p>
<p><br></p><p>4、 用户的帐号、密码和安全性</p>
<p>一旦成功注册成为会员，您将有一个密码和用户名。用户将对用户名和密码的安全负全部责任。另外，每个用户都要对以其用户名进行的所有活动和事件负全责。您可以随时改变您的密码。用户若发现任何非法使用用户帐号或存在安全漏洞的情况，请立即通告本公司。</p>
<p><br></p><p>5、拒绝提供担保</p>
<p>用户明确同意使用本公司服务，由用户个人承担风险。本网站及小程序不担保服务一定满足用户的要求，也不担保服务不会中断，对服务的及时性、安全性、出错发生都不作担保。用户理解并接受：任何通过服务取得的信息资料的可靠性有用性取决于用户自己的判断，用户自己承担所有风险和责任。</p>
<p><br></p><p>6、有限责任</p>
<p>本网站及小程序对任何由于使用服务引发的直接、间接、偶然及继起的损害不负责任。这些损害可能来自（包括但不限于）：不正当使用服务，或传送的信息不符合规定等。</p>
<p><br></p><p>7、对用户信息的存储和限制</p>
<p>本网站及小程序不对用户发布信息的删除或储存失败负责，本公司有判定用户的行为是否符合服务条款的要求和精神的保留权利。如果用户违背了服务条款的规定，有中断对其提供服务的权利。</p>
<p><br></p><p>8、结束服务</p>
<p>本网站及小程序可随时根据实际情况中断一项或多项服务，不需对任何个人或第三方负责或知会。同时用户若反对任何服务条款的建议或对后来的条款修改有异议，或对服务不满，用户可以行使如下权利：</p>
<p>(1) 不再使用本公司的服务。</p>
<p>(2) 通知本公司停止对该用户的服务。</p>
<p><br></p>
<p>9、信息内容的所有权</p>
<p>本公司的信息内容包括：文字、软件、声音、相片、录象、图表；以及其它信息，所有这些内容受版权、商标、标签和其它财产所有权法律的保护。用户只能在授权下才能使用这些内容，而不能擅自复制、再造这些内容、或创造与内容有关的派生产品。</p>
<p><br></p>
<p>10、隐私保护条款</p>
<p>本应用尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务，本应用会按照本隐私权政策的规定使用和披露您的个人信息。但本应用将以高度的勤勉、审慎义务对待这些信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下，本应用不会将这些信息对外披露或向第三方提供。本应用会不时更新本隐私权政策。 您在同意本应用服务使用协议之时，即视为您已经同意本隐私权政策全部内容。本隐私权政策属于本应用服务使用协议不可分割的一部分。</p>
<p><br></p><p>&nbsp; &nbsp; 适用范围</p>
<p><br></p><p>&nbsp; &nbsp; (a) 在您注册本应用帐号时，您根据本应用要求提供的个人注册信息；</p>
<p><br></p><p>&nbsp; &nbsp; (b)在您使用本应用网络服务，或访问本应用平台网页时，本应用自动接收并记录的您的浏览器和计算机上的信息，包括但不限于您的IP地址、浏览器的类型、使用的语言、访问日期和时间、软硬件特征信息及您需求的网页记录等数据；</p>
<p><br></p><p>&nbsp; &nbsp; © 本应用通过合法途径从商业伙伴处取得的用户个人数据。</p>
<p><br></p><p>&nbsp; &nbsp; 您了解并同意，以下信息不适用本隐私权政策：</p>
<p><br></p><p>&nbsp; &nbsp; (a) 您在使用本应用平台提供的搜索服务时输入的关键字信息；</p>
<p><br></p><p>&nbsp; &nbsp; (b) 本应用收集到的您在本应用发布的有关信息数据，包括但不限于参与活动、成交信息及评价详情；</p>
<p><br></p><p>&nbsp; &nbsp; ©违反法律规定或违反本应用规则行为及本应用已对您采取的措施。</p>
<p><br></p><p>&nbsp; &nbsp; 信息使用</p>
<p><br></p><p>&nbsp; &nbsp; (a)本应用不会向任何无关第三方提供、出售、出租、分享或交易您的个人信息，除非事先得到您的许可，或该第三方和本应用（含本应用关联公司）单独或共同为您提供服务，且在该服务结束后，其将被禁止访问包括其以前能够访问的所有这些资料。</p>
<p><br></p><p>&nbsp; &nbsp; (b)本应用亦不允许任何第三方以任何手段收集、编辑、出售或者无偿传播您的个人信息。任何本应用平台用户如从事上述活动，一经发现，本应用有权立即终止与该用户的服务协议。</p>
<p><br></p><p>&nbsp; &nbsp; ©为服务用户的目的，本应用可能通过使用您的个人信息，向您提供您感兴趣的信息，包括但不限于向您发出产品和服务信息，或者与本应用合作伙伴共享信息以便他们向您发送有关其产品和服务的信息（后者需要您的事先同意）。</p>
<p><br></p><p>&nbsp; &nbsp; 信息披露</p><p><br></p><p>&nbsp; &nbsp; 在如下情况下，本应用将依据您的个人意愿或法律的规定全部或部分的披露您的个人信息：</p>
<p><br></p><p>&nbsp; &nbsp; (a) 经您事先同意，向第三方披露；</p><p><br></p>
<p>&nbsp; &nbsp; (b)为提供您所要求的产品和服务，而必须和第三方分享您的个人信息；</p>
<p><br></p><p>&nbsp; &nbsp; © 根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；</p>
<p><br></p><p>&nbsp; &nbsp; (d) 如您出现违反中国有关法律、法规或者本应用服务协议或相关规则的情况，需要向第三方披露；</p>
<p><br></p><p>&nbsp; &nbsp; (e) 如您是适格的知识产权投诉人并已提起投诉，应被投诉人要求，向被投诉人披露，以便双方处理可能的权利纠纷；</p>
<p><br></p><p>&nbsp; &nbsp; (f)在本应用平台上创建的某一交易中，如交易任何一方履行或部分履行了交易义务并提出信息披露请求的，本应用有权决定向该用户提供其交易对方的联络方式等必要信息，以促成交易的完成或纠纷的解决。</p>
<p><br></p><p>&nbsp; &nbsp; (g) 其它本应用根据法律、法规或者网站政策认为合适的披露。</p>
<p><br></p><p>&nbsp; &nbsp; 信息存储和交换</p><p><br></p><p>&nbsp; &nbsp; 本应用收集的有关您的信息和资料将保存在本应用及（或）其关联公司的服务器上，这些信息和资料可能传送至您所在国家、地区或本应用收集信息和资料所在地的境外并在境外被访问、存储和展示。</p>
<p><br></p><p>&nbsp; &nbsp; Cookie的使用</p><p><br></p><p>&nbsp; &nbsp; (a) 在您未拒绝接受cookies的情况下，本应用会在您的计算机上设定或取用cookies ，以便您能登录或使用依赖于cookies的本应用平台服务或功能。本应用使用cookies可为您提供更加周到的个性化服务，包括推广服务。</p>
<p><br></p><p>&nbsp; &nbsp; (b)您有权选择接受或拒绝接受cookies。您可以通过修改浏览器设置的方式拒绝接受cookies。但如果您选择拒绝接受cookies，则您可能无法登录或使用依赖于cookies的本应用网络服务或功能。</p>
<p><br></p><p>&nbsp; &nbsp; © 通过本应用所设cookies所取得的有关信息，将适用本政策。</p>
<p><br></p><p>&nbsp; &nbsp; 信息安全</p><p>&nbsp; &nbsp; (a)本应用帐号均有安全保护功能，请妥善保管您的用户名及密码信息。本应用将通过对用户密码进行加密等安全措施确保您的信息不丢失，不被滥用和变造。尽管有前述安全措施，但同时也请您注意在信息网络上不存在“完善的安全措施”。</p>
<p><br></p><p>&nbsp; &nbsp; (b) 在使用本应用网络服务进行网上交易时，您不可避免的要向交易对方或潜在的交易对</p>
<p><br></p><p>&nbsp; &nbsp; 本隐私政策的更改</p><p><br></p><p>&nbsp; &nbsp; (a)如果决定更改隐私政策，我们会在本政策中、本公司网站中以及我们认为适当的位置发布这些更改，以便您了解我们如何收集、使用您的个人信息，哪些人可以访问这些信息，以及在什么情况下我们会透露这些信息。</p>
<p><br></p><p>&nbsp; &nbsp; (b)本公司保留随时修改本政策的权利，因此请经常查看。如对本政策作出重大更改，本公司会通过网站通知的形式告知。</p>
<p><br></p><p>&nbsp; &nbsp; 请您妥善保护自己的个人信息，仅在必要的情形下向他人提供。防止个人信息泄密，尤其是本应用用户名及密码。</p>
<p><br></p><p>11、适用法律</p><p>上述条款将适用中华人民共和国的法律，所有的争端将诉诸于本网所在地的人民法院。如发生服务条款与中华人民共和国法律相抵触时，则这些条款将完全按法律规定重新解释，而其它条款则依旧保持约束力。</p>
<p><br></p></div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="agreeVisible = false">我已阅读并同意</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
Height:0,
msg1:{
userName:'',
password1:'',
password2:''
},
msg2:{
enterPriseName:'',
phone:'',
validateCode:'',
webchat:'',
ApplyReason:'',
img:[],
},
//第几步
StepIndex:1,
//协议
checkedDeal:false,
agreeVisible:false,
rules: {
userName: [
{ required: true, message: "请输入用户名", trigger: "blur" }
],
password1: [
{ required: true, message: "请输入密码", trigger: "blur" }
],
password2: [
{ required: true, message: "请再次输入密码", trigger: "blur" }
]
},
rules2:{
enterPriseName: [
{ required: true, message: "姓名/企业名不能为空", trigger: "blur" }
],
phone: [
{ required: true, message: "手机号不能为空", trigger: "blur" }
],
validateCode: [
{ required: true, message: "验证码不能为空", trigger: "blur" }
],
ApplyReason: [
{ required: true, message: "申请原因不能为空", trigger: "blur" }
],
},
//身份证正面
IdCardImg:'',
//身份证反面
IdCardBack:'',
//营业执照
LicenseImg:''
};
},
created() {
},
methods: {
submitFormOne(addMsg){
if(!this.checkedDeal){
this.Error('请先阅读并同意《注册协议》');
}else{
//提交创建、修改表单
this.$refs[addMsg].validate(valid => {
if (valid) {
this.SecondStep();
} else {
return false;
}
});
}
},
//跳转至第二步
SecondStep(){
this.StepIndex=2;
},
submitFormTwo(addMsg){
//提交创建、修改表单
this.$refs[addMsg].validate(valid => {
if (valid) {
this.LastStep();
} else {
return false;
}
});
},
//传正面
UploadImage(){
},
//传反面
UploadImage2(){
},
//传营业执照
UploadImage3(){
},
//跳转至最后一步
LastStep(){
this.StepIndex=3;
},
//跳转登录
goLogin() {
this.$router.push({
name: 'login',
query: {
blank: "y"
}
});
},
},
mounted() {
this.Height = document.documentElement.clientHeight - 250;
　　//监听浏览器窗口变化　
window.onresize = ()=> {this.Height = document.documentElement.clientHeight -250}
}
};
</script>
\ No newline at end of file
src/router/index.js
View file @ ef7f230e
...@@ -15,6 +15,11 @@ export default new Router({ ...@@ -15,6 +15,11 @@ export default new Router({
name: 'login', name: 'login',
component: resolve => require(['@/components/Login'], resolve), component: resolve => require(['@/components/Login'], resolve),
}, },
{
path: '/Register',
name: 'Register',
component: resolve => require(['@/components/Register'], resolve),
},
{ {
path: '/homeIndex', path: '/homeIndex',
name: 'homeIndex', name: 'homeIndex',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment