weixiari-124
/
agent-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

代理登录

master
yangrz 2 years ago
parent
c4fb677ac0
commit
665efc0f20
2 changed files with 151 additions and 82 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      agentApp/common/api.js
  2. 203
      agentApp/pages/agent-login/index.vue

12
agentApp/common/api.js
View File

@ -59,6 +59,18 @@ export const userWithdraw = (params) => http.post(baseUrl + '/api/user/withdraw'
export const userWithdrawList = (params) => http.post(baseUrl + '/api/user/withdrawList', params, userConfig())
// 带上代理token
const agentConfig = function() {
return {
header: {
'Agent-Token': uni.getStorageSync('agent_token')
}
}
}
export const agentSmsLogin = (params) => http.post(baseUrl + '/api/agent/smsLogin', params)
// 带上商户token
const merchantConfig = function() {
return {

203
agentApp/pages/agent-login/index.vue
View File

@ -6,23 +6,25 @@
</view>
<view class="login-main">
<view class="login-item">
<input type="text" class="log-phone" placeholder="请输入手机号"/>
<input type="tel" class="log-phone" placeholder="请输入手机号" v-model="phone" />
</view>
<view class="login-item">
<input type="text" class="log-phone log-code" placeholder="请输入验证码"/>
<view class="getCode" @click="getCode">
<input type="number" class="log-phone log-code" placeholder="请输入验证码" v-model="sms_code" />
<view class="getCode" @click="getCode" v-if="countdown==0">
获取验证码
</view>
<view class="getCode" v-else>
剩余{{countdown}}秒
</view>
</view>
<view class="login-btn">
<button size="default" type="default" @click="btnLogin"
style="color:#ffffff;backgroundColor:#1783FF;borderColor:#1783FF;border-radius: 50rpx;height: 88rpx;line-height: 88rpx;"
>登录</button>
style="color:#ffffff;backgroundColor:#1783FF;borderColor:#1783FF;border-radius: 50rpx;height: 88rpx;line-height: 88rpx;">登录</button>
</view>
<view class="login-sign">
<u-radio-group v-model="value">
<u-radio labelSize="13" size="20" label="我同意"></u-radio>
</u-radio-group>
<u-checkbox-group @change="handleCheck">
<u-checkbox labelSize="13" size="20" shape="circle" name="agree" label="我同意"></u-checkbox>
</u-checkbox-group>
<view class="log-link" @click="handlerApply">
《排队支付代理用户服务协议》
</view>
@ -32,28 +34,72 @@
</view>
</view>
</view>
<u-toast ref="uToast"></u-toast>
<u-modal :show="show" @confirm="confirm" :title="title" :content='content'></u-modal>
</view>
</template>
<script>
import {
publicSendSms,
agentSmsLogin
} from '../../common/api.js'
import md5 from 'js-md5'
export default {
data() {
return {
phone: '',
sms_code: '',
bgColor: '#bgColor',
value: 1,
show:false,
title:'',
content:''
checked: false,
show: false,
title: '',
content: '',
countdown: 0
};
},
methods: {
getCode() {
this.$refs.uToast.show({
message: '短信已发送'
if (!this.phone) {
uni.$u.toast('请填写手机号')
return
}
if (!this.checked) {
uni.$u.toast('需同意协议')
return
}
let phone = this.phone
let nonce_str = md5(Math.random() + '');
let sign = md5(md5(phone) + md5(nonce_str) + nonce_str)
publicSendSms({
phone,
nonce_str,
sign,
type: 2
}).then(() => {
uni.$u.toast('短信已发送')
this.startCountdown()
})
},
startCountdown() {
this.countdown = 60;
let h = setInterval(() => {
this.countdown--
if (this.countdown == 0) {
clearInterval(h)
}
}, 1000)
},
handleCheck(detail) {
console.log(detail)
if (detail.indexOf('agree') != -1) {
this.checked = true
} else {
this.checked = false
}
},
handlerApply() {
this.show = true;
this.title = '排队支付代理用户服务协议';
@ -68,81 +114,92 @@
this.show = false;
},
btnLogin() {
uni.navigateTo({
url: '/pages/index/index'
});
if (!this.checked) {
uni.$u.toast('需同意协议')
return
}
agentSmsLogin({
phone: this.phone,
sms_code: this.sms_code
}).then(data => {
uni.setStorageSync('agent_token', data.token)
uni.navigateTo({
url: '/pages/index/index'
});
})
}
}
}
</script>
<style lang="scss">
.login-content {
width: 100%;
height: 1500rpx;
padding-left: 30rpx;
padding-right: 30rpx;
background: url(../../static/login/login-bg.png) no-repeat center center;
background-size: cover;
box-sizing: border-box;
.login-content {
width: 100%;
height: 1500rpx;
padding-left: 30rpx;
padding-right: 30rpx;
background: url(../../static/login/login-bg.png) no-repeat center center;
background-size: cover;
box-sizing: border-box;
.login-font {
width: 364rpx;
height: 200rpx;
padding-top: 80rpx;
}
.login-font {
width: 364rpx;
height: 200rpx;
padding-top: 80rpx;
}
.login-main {
margin-top: 120rpx;
.login-main {
margin-top: 120rpx;
.login-item {
position: relative;
margin-top: 40rpx;
.login-item {
position: relative;
margin-top: 40rpx;
.log-phone {
width: 100%;
height: 88rpx;
line-height: 88rpx;
padding-left: 50rpx;
border-radius: 44rpx;
border: none;
box-sizing: border-box;
background-color: #fff;
font-size: 16px;
color: #454545;
}
.log-phone {
width: 100%;
height: 88rpx;
line-height: 88rpx;
padding-left: 50rpx;
border-radius: 44rpx;
border: none;
box-sizing: border-box;
background-color: #fff;
font-size: 16px;
color: #454545;
}
.getCode {
position: absolute;
right: 50rpx;
top: 30rpx;
font-size: 12px;
color: #454545;
cursor: pointer;
.getCode {
position: absolute;
right: 50rpx;
top: 30rpx;
font-size: 12px;
color: #454545;
cursor: pointer;
}
}
}
.login-btn {
margin-top: 80rpx;
}
.login-btn {
margin-top: 80rpx;
}
.login-sign {
display: flex;
justify-content: flex-start;
margin-top: 30rpx;
padding-left: 20rpx;
.login-sign {
display: flex;
justify-content: flex-start;
margin-top: 30rpx;
padding-left: 20rpx;
.u-radio-group {
flex-grow: 0;
margin-right: 60rpx;
}
.u-radio-group {
flex-grow: 0;
margin-right: 60rpx;
}
.log-link {
height: 40rpx;
line-height: 40rpx;
font-size: 12px;
.log-link {
height: 40rpx;
line-height: 40rpx;
font-size: 12px;
}
}
}
}
}
</style>
Write Preview
Loading…
Cancel
Save