|
|
@@ -13,7 +13,7 @@
|
|
|
<li><a href="javascript:void(0);" :class="{active: isActive8}" @click="goMine()">个人管理</a></li>
|
|
|
</ul>
|
|
|
<div class="login" v-show="isLogin == undefined">
|
|
|
- <p class="p1" @click="showLogin=true;showLoginList=true">登录</p>
|
|
|
+ <p class="p1" @click="showLogin=true;showTelLogin=true">登录</p>
|
|
|
<p @click="showLogin=true;showRegistration=true">注册</p>
|
|
|
</div>
|
|
|
<div class="login" v-show="isLogin">
|
|
|
@@ -26,8 +26,8 @@
|
|
|
<!-- 登录 -->
|
|
|
<div v-if="showLoginList">
|
|
|
<ul class="loginBoxTop clearfix">
|
|
|
- <li class="liColor" @click="loginNavFun()">登录<i></i></li>
|
|
|
- <li @click="registrationNavFun()">注册<i></i></li>
|
|
|
+ <li @click="telLoginNavFun()">手机号快捷登录<i></i></li>
|
|
|
+ <li class="liColor" @click="loginNavFun()">账号密码登录<i class="navWidth"></i></li>
|
|
|
<span class="iconfont" @click="closeBtn()"></span>
|
|
|
</ul>
|
|
|
<ul class="loginList">
|
|
|
@@ -43,17 +43,51 @@
|
|
|
<span v-if="isPassword">{{passwordTxt}}</span>
|
|
|
</li>
|
|
|
|
|
|
- <dl class="loginListDl">
|
|
|
+ <!-- <dl class="loginListDl">
|
|
|
<dt>没有账号，<span @click="showLoginList=false;showRegistration=true;">去注册</span></dt>
|
|
|
<dd @click="showChangePassword=true;showLoginList=false;">忘记密码</dd>
|
|
|
- </dl>
|
|
|
+ </dl> -->
|
|
|
|
|
|
+ <li class="lastLi">
|
|
|
+ <el-checkbox v-model="checked"></el-checkbox>
|
|
|
+ <span>已阅读并同意<a href="/useragreement/useragreement" target="_blank">《商办联卖联租平台用户协议》</a></span>
|
|
|
+ </li>
|
|
|
<div class="loginBtn" @click="loginBtn">登 录</div>
|
|
|
+ <h6 @click="showChangePassword=true;showLoginList=false;">忘记密码?</h6>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 手机验证码快捷登陆 -->
|
|
|
+ <div v-if="showTelLogin">
|
|
|
+ <ul class="loginBoxTop clearfix">
|
|
|
+ <li class="liColor" @click="telLoginNavFun()">手机号快捷登录<i></i></li>
|
|
|
+ <li @click="loginNavFun()">账号密码登录<i class="navWidth"></i></li>
|
|
|
+ <span class="iconfont" @click="closeBtn()"></span>
|
|
|
+ </ul>
|
|
|
+ <ul class="registration">
|
|
|
+ <li>
|
|
|
+ <input type="tel" placeholder="请输入您的手机号" v-model="phoneVal" maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')" @focus="isPhone = false">
|
|
|
+ <span v-if="isPhone">{{phoneTxt}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <dl class="codeDl clearfix">
|
|
|
+ <dt>
|
|
|
+ <input type="tel" placeholder="请输入验证码" v-model="codeVal" maxlength="6" @focus="isCode = false" onkeyup="this.value=this.value.replace(/\D/g,'')">
|
|
|
+ </dt>
|
|
|
+ <dd><button type="button" :disabled="disabled" @click="sendcode('2')" class="btns" :class="{'codeColor':chengaColor}">{{btntxt}}</button></dd>
|
|
|
+ </dl>
|
|
|
+ <span v-if="isCode">{{codeTxt}}</span>
|
|
|
+ </li>
|
|
|
+ <li class="lastLi">
|
|
|
+ <el-checkbox v-model="checked"></el-checkbox>
|
|
|
+ <span>已阅读并同意<a href="/useragreement/useragreement" target="_blank">《商办联卖联租平台用户协议》</a></span>
|
|
|
+ </li>
|
|
|
+ <div class="loginBtn" @click="telLoginBtn()">登 录</div>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<!-- 注册 -->
|
|
|
- <div v-if="showRegistration">
|
|
|
+ <!-- <div v-if="showRegistration">
|
|
|
<ul class="loginBoxTop clearfix">
|
|
|
<li @click="loginNavFun()">登录<i></i></li>
|
|
|
<li class="liColor" @click="registrationNavFun()">注册<i></i></li>
|
|
|
@@ -86,7 +120,7 @@
|
|
|
<div class="loginBtn" @click="registrationBtn()">注 册</div>
|
|
|
<h5>已有账号，<span @click="showLoginList=true;showRegistration=false;">直接登录</span></h5>
|
|
|
</ul>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
|
|
|
<!-- 修改密码 -->
|
|
|
<div v-if="showChangePassword">
|
|
|
@@ -117,9 +151,14 @@
|
|
|
<span v-if="isPassword">{{passwordTxt}}</span>
|
|
|
</li>
|
|
|
|
|
|
- <div class="loginBtn" @click="changePasswordBtn()">注 册</div>
|
|
|
+ <li class="lastLi">
|
|
|
+ <el-checkbox v-model="checked"></el-checkbox>
|
|
|
+ <span>已阅读并同意<a href="/useragreement/useragreement" target="_blank">《商办联卖联租平台用户协议》</a></span>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <div class="loginBtn" @click="changePasswordBtn()">找回密码</div>
|
|
|
|
|
|
- <h5><span @click="showChangePassword=false;showLoginList=true;">返回账号密码登录</span></h5>
|
|
|
+ <h5><span @click="showChangePassword=false;showLoginList=true;">返回登录</span></h5>
|
|
|
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -140,6 +179,19 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+<!-- <div class="popupWrap" v-if="showPopup">
|
|
|
+ <div class="popupBox">
|
|
|
+ <h2>提示</h2>
|
|
|
+ <i class="iconfont" @click="showPopup = false"></i>
|
|
|
+ <p>您暂时还没有权限进行下一步操作</p>
|
|
|
+ <p>只有成为经纪人才能进行操作</p>
|
|
|
+ <ul>
|
|
|
+ <li @click="showPopup = false">取消</li>
|
|
|
+ <li class="li2"><a href="/rzcenter/companyzc">去认证</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
@@ -148,11 +200,11 @@ import axios from '~/plugins/axios.js';
|
|
|
export default {
|
|
|
head () {
|
|
|
return {
|
|
|
- title: '商铺出售_商铺出租_写字楼出售_写字楼出租_优铺网-中国商办联卖联租平台（CBMLS）',
|
|
|
+ title: '【商铺出售|商铺出租|写字楼出售|写字楼出租】-优铺网中国商办联卖联租平台（CBMLS）',
|
|
|
meta: [
|
|
|
- { hid: 'description', name: 'description', content: '中国商办联卖联租平台（CBMLS）为您提供商铺出售、商铺出租、写字楼出售、写字楼出租信息，更多商铺、写字楼租售信息尽在中国商办联卖联租平台（CBMLS）'},
|
|
|
- { hid: 'title', name: 'title', content: '商铺出售_商铺出租_写字楼出售_写字楼出租_优铺网-中国商办联卖联租平台（CBMLS）'},
|
|
|
- { hid: 'keywords', name: 'keywords', content: '商铺出售、商铺出租、写字楼出售、写字楼出租、中国商办联卖联租平台、优铺网'}
|
|
|
+ { hid: 'description', name: 'description', content: '优铺中国商办联卖联租平台（CBMLS）为您提供商铺出售、商铺出租、写字楼出售、写字楼出租信息，租铺卖铺找优铺，更多商铺、写字楼租售信息尽在优铺网中国商办联卖联租平台（CBMLS）'},
|
|
|
+ { hid: 'title', name: 'title', content: '【商铺出售|商铺出租|写字楼出售|写字楼出租】-优铺网中国商办联卖联租平台（CBMLS）'},
|
|
|
+ { hid: 'keywords', name: 'keywords', content: '商铺出售、商铺出租、写字楼出售、写字楼出租、中国商办联卖联租平台、优铺、CBMLS'}
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
@@ -169,9 +221,10 @@ export default {
|
|
|
|
|
|
showLogin: false, //登录弹窗
|
|
|
|
|
|
- showLoginList: false, //登录
|
|
|
+ showLoginList: false, //账号密码登录
|
|
|
showRegistration: false, //注册
|
|
|
showChangePassword: false, //修改密码
|
|
|
+ showTelLogin: false, //手机号快捷登录
|
|
|
|
|
|
phoneVal: "", //电话号码
|
|
|
passwordVal: "", //密码
|
|
|
@@ -230,13 +283,19 @@ export default {
|
|
|
// 点击登录头部按钮
|
|
|
loginNavFun(){
|
|
|
this.showLoginList = true; //登录
|
|
|
- this.showRegistration = false; //注册
|
|
|
+ this.showTelLogin = false;
|
|
|
+ // this.showRegistration = false; //注册
|
|
|
+ },
|
|
|
+ telLoginNavFun(){
|
|
|
+ this.showTelLogin = true;
|
|
|
+ this.showLoginList = false;
|
|
|
},
|
|
|
registrationNavFun(){
|
|
|
this.showRegistration = true; //注册
|
|
|
this.showLoginList = false; //登录
|
|
|
},
|
|
|
|
|
|
+
|
|
|
// 获取页面路径
|
|
|
achieveUrl(){
|
|
|
var filename = window.location.href;
|
|
|
@@ -279,7 +338,7 @@ export default {
|
|
|
type: typeIndex //验证码类型 0注册时验证码 1找回密码时验证码 2手机登陆时验证码
|
|
|
}
|
|
|
}).then(data => {
|
|
|
- console.log(data);
|
|
|
+ // console.log(data);
|
|
|
if(data.data.code == '101'){
|
|
|
this.chengaColor = true;
|
|
|
this.time=60;
|
|
|
@@ -326,6 +385,8 @@ export default {
|
|
|
}else if(this.passwordVal == ""){
|
|
|
this.passwordTxt = "密码不得为空";
|
|
|
this.isPassword = true;
|
|
|
+ }else if(this.checked == false){
|
|
|
+ this.$message.error('请同意《商办联卖联租平台用户协议》');
|
|
|
}else{
|
|
|
axios({
|
|
|
url: '/login',
|
|
|
@@ -335,7 +396,7 @@ export default {
|
|
|
password: this.passwordVal, //密码
|
|
|
}
|
|
|
}).then(data => {
|
|
|
- console.log(data);
|
|
|
+ // console.log(data);
|
|
|
if(data.data.code == '101'){
|
|
|
this.$message({
|
|
|
message: '登录成功',
|
|
|
@@ -364,6 +425,61 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
+
|
|
|
+ // 手机号快捷登录
|
|
|
+ telLoginBtn(){
|
|
|
+
|
|
|
+ let _this = this;
|
|
|
+ let reg = /^[1][3,4,5,7,8][0-9]{9}$/;
|
|
|
+ let passwordReg = /^[^\u4e00-\u9fa5]{6,25}$/;
|
|
|
+
|
|
|
+ if(this.phoneVal==''){
|
|
|
+ this.phoneTxt = "手机号不得为空";
|
|
|
+ this.isPhone = true;
|
|
|
+ }else if(!reg.test(this.phoneVal)){
|
|
|
+ this.phoneTxt = "您输入的手机号有误";
|
|
|
+ this.isPhone = true;
|
|
|
+ }else if(this.codeVal == ""){
|
|
|
+ this.codeTxt = "验证码不得为空";
|
|
|
+ this.isCode = true;
|
|
|
+ }else if(this.checked == false){
|
|
|
+ this.$message.error('请同意《商办联卖联租平台用户协议》');
|
|
|
+ }else{
|
|
|
+ axios({
|
|
|
+ url: '/loginCode',
|
|
|
+ method: 'post',
|
|
|
+ params: {
|
|
|
+ account: this.phoneVal, //手机号码
|
|
|
+ validCode: this.codeVal, //验证码
|
|
|
+ cityId: sessionStorage.cityId || 110100, //城市id
|
|
|
+ // provinceId: "110000", //省份id
|
|
|
+ // channel: "3" //渠道 0 Android 1 IOS 2 M站 3官网
|
|
|
+ }
|
|
|
+ }).then(data => {
|
|
|
+ // console.log(data);
|
|
|
+ if(data.data.code == '101'){
|
|
|
+
|
|
|
+ this.$message({
|
|
|
+ message: '登录成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ window.localStorage.setItem("token",data.data.token);
|
|
|
+ window.localStorage.setItem("userId",data.data.data.id);
|
|
|
+
|
|
|
+ setTimeout(function () {
|
|
|
+ window.location.reload();
|
|
|
+ },1000);
|
|
|
+
|
|
|
+ // window.location.href = "/rzcenter/brokerzc";
|
|
|
+
|
|
|
+ }else{
|
|
|
+ this.$message.error('系统繁忙，请稍后再试');
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ console.log(err)
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
// 跳转客源源发布
|
|
|
goGuestPublishFun(){
|
|
|
@@ -439,12 +555,12 @@ export default {
|
|
|
account: this.phoneVal, //手机号码
|
|
|
validCode: this.codeVal, //验证码
|
|
|
password: this.passwordVal, //密码
|
|
|
- cityId: "110100", //城市id
|
|
|
- provinceId: "110000", //省份id
|
|
|
+ cityId: sessionStorage.cityId || 110100, //城市id
|
|
|
+ provinceId: sessionStorage.provinceId || 110000, //省份id
|
|
|
channel: "3" //渠道 0 Android 1 IOS 2 M站 3官网
|
|
|
}
|
|
|
}).then(data => {
|
|
|
- console.log(data);
|
|
|
+ // console.log(data);
|
|
|
if(data.data.code == '101'){
|
|
|
|
|
|
this.$message({
|
|
|
@@ -454,9 +570,13 @@ export default {
|
|
|
window.localStorage.setItem("token",data.data.token);
|
|
|
window.localStorage.setItem("userId",data.data.data.id);
|
|
|
|
|
|
- setTimeout(function () {
|
|
|
- window.location.reload();
|
|
|
- },1000);
|
|
|
+ // setTimeout(function () {
|
|
|
+ // window.location.reload();
|
|
|
+ // },1000);
|
|
|
+
|
|
|
+ window.location.href = "/rzcenter/brokerzc";
|
|
|
+
|
|
|
+
|
|
|
|
|
|
}else if(data.data.code == '102'){
|
|
|
this.$message.error('该号码已注册，请前往登陆');
|
|
|
@@ -494,6 +614,8 @@ export default {
|
|
|
}else if(!passwordReg.test(this.passwordVal)){
|
|
|
this.passwordTxt = "您输入的密码格式不正确";
|
|
|
this.isPassword = true;
|
|
|
+ }else if(this.checked == false){
|
|
|
+ this.$message.error('请同意《商办联卖联租平台用户协议》');
|
|
|
}else{
|
|
|
axios({
|
|
|
url: '/retrieve',
|
|
|
@@ -504,7 +626,7 @@ export default {
|
|
|
password: this.passwordVal, //密码
|
|
|
}
|
|
|
}).then(data => {
|
|
|
- console.log(data);
|
|
|
+ // console.log(data);
|
|
|
if(data.data.code == '101'){
|
|
|
this.$message({
|
|
|
message: '修改密码成功',
|
|
|
@@ -556,7 +678,7 @@ export default {
|
|
|
url: '/myCreate/auth/getUserInfo',
|
|
|
method: 'post',
|
|
|
}).then(data => {
|
|
|
- console.log(data);
|
|
|
+ // console.log(data);
|
|
|
if(data.data.code == '101'){
|
|
|
this.userInfoObj = data.data.data;
|
|
|
this.userInfoName = data.data.data.accountName;
|
|
|
@@ -569,7 +691,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
this.userTel = str.join('');
|
|
|
- console.log(this.userType);
|
|
|
+ // console.log(this.userType);
|
|
|
// console.log(this.userInfoObj);
|
|
|
}
|
|
|
}).catch(err => {
|
|
|
@@ -674,7 +796,7 @@ export default {
|
|
|
z-index: 1000;
|
|
|
.loginBox{
|
|
|
width: 384px;
|
|
|
- padding: 20px 40px 40px;
|
|
|
+ padding: 20px 40px 30px;
|
|
|
background: #fff;
|
|
|
border-radius:10px;
|
|
|
position: absolute;
|
|
|
@@ -683,26 +805,29 @@ export default {
|
|
|
margin-left: -192px;
|
|
|
.loginBoxTop{
|
|
|
margin-bottom: 30px;
|
|
|
+ border-bottom: 1px solid #e5e5e5;
|
|
|
li{
|
|
|
float: left;
|
|
|
color: #393f47;
|
|
|
- margin-right: 50px;
|
|
|
+ margin-right: 30px;
|
|
|
cursor: pointer;
|
|
|
position: relative;
|
|
|
- padding-bottom: 10px;
|
|
|
+ padding-bottom: 16px;
|
|
|
font-size: 16px;
|
|
|
font-family: PingFangSC-Medium;
|
|
|
font-weight: 500;
|
|
|
i{
|
|
|
- width: 20px;
|
|
|
- height: 4px;
|
|
|
+ width: 110px;
|
|
|
+ height: 2px;
|
|
|
background: #fff;
|
|
|
border-radius: 4px;
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
bottom: 0px;
|
|
|
- left: 50%;
|
|
|
- margin-left: -10px;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+ .navWidth{
|
|
|
+ width: 98px;
|
|
|
}
|
|
|
&:hover{
|
|
|
color: #2f7af7;
|
|
|
@@ -727,15 +852,14 @@ export default {
|
|
|
font-family:PingFangSC-Medium;
|
|
|
font-weight:500;
|
|
|
i{
|
|
|
- width: 52px;
|
|
|
- height: 4px;
|
|
|
+ width: 62px;
|
|
|
+ height: 2px;
|
|
|
border-radius: 4px;
|
|
|
background: #2f7af7;
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
bottom: 0px;
|
|
|
- left: 50%;
|
|
|
- margin-left: -26px;
|
|
|
+ left: 0px;
|
|
|
}
|
|
|
}
|
|
|
span{
|
|
|
@@ -806,6 +930,25 @@ export default {
|
|
|
};
|
|
|
}
|
|
|
}
|
|
|
+ .lastLi{
|
|
|
+ height: 36px;
|
|
|
+ line-height: 14px;
|
|
|
+ span{
|
|
|
+ color: #585f6b;
|
|
|
+ position: relative;
|
|
|
+ left: 0px;
|
|
|
+ top: -1px;
|
|
|
+ a{
|
|
|
+ color: #2f7af7;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: PingFangSC-Regular;
|
|
|
+ font-weight: 400;
|
|
|
+ &:hover{
|
|
|
+ border-bottom: 1px solid #2f7af7;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.loginBtn{
|
|
|
width: 304px;
|
|
|
height: 48px;
|
|
|
@@ -820,6 +963,18 @@ export default {
|
|
|
text-align: center;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+ h6{
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFangSC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #585f6b;
|
|
|
+ line-height: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-top: 20px;
|
|
|
+ &:hover{
|
|
|
+ color: #2f7af7;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
/*注册*/
|
|
|
.registration{
|
|
|
@@ -844,20 +999,6 @@ export default {
|
|
|
color: #f16752;
|
|
|
line-height: 20px;
|
|
|
}
|
|
|
- /*.passwordIcon{
|
|
|
- width: 21px;
|
|
|
- height: 14px;
|
|
|
- display: block;
|
|
|
- position: absolute;
|
|
|
- right: 8px;
|
|
|
- top: 16px;
|
|
|
- color: #9f9fa8;
|
|
|
- cursor: pointer;
|
|
|
- font-size: 14px;
|
|
|
- &:hover{
|
|
|
- color: #585F6b;
|
|
|
- }
|
|
|
- }*/
|
|
|
}
|
|
|
.codeDl{
|
|
|
width: 304px;
|
