login.vue
28.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
<template>
<view class="page-bg">
<image class="ren1" :src="config.baseUrl_api+'/fs/static/login/ren1.png'" />
<!-- 登录 -->
<view class="retop">
<image class="logotop" :src="config.baseUrl_api+'/fs/static/login/logo@2x.png'"></image>
<view class="loginbox">
<!-- <view class="loginNav">
<view class="n1" :class="isActive==0?'active':''" @click="changeActive(0)">密码登录</view>
<view class="n2" :class="isActive==1?'active':''" @click="changeActive(1)">短信登录</view>
</view> -->
<!-- 密码登录 -->
<view class="formbox">
<form v-if="isActive==0">
<view class="round-input-item">
<image class="icon" :src="config.baseUrl_api+'/fs/static/login/tag01@2x.png'"></image>
<uni-easyinput :styles="inputstyle" placeholder="账号" v-model="form.username" />
</view>
<view class="round-input-item">
<image class="icon" :src="config.baseUrl_api+'/fs/static/login/tag02@2x.png'"></image>
<uni-easyinput :styles="inputstyle" placeholder="密码" v-model="form.password" type="password" />
</view>
<view class="round-input-item">
<image class="icon" :src="config.baseUrl_api+'/fs/static/login/tag03@2x.png'"></image>
<uni-easyinput :styles="inputstyle" placeholder="图形验证码" v-model="form.code" />
<image :src="codeUrl" @click="getCode" />
</view>
</form>
<!-- 短信登录 -->
<form v-if="isActive==1">
<view class="round-input-item">
<image class="icon" :src="config.baseUrl_api+'/fs/static/login/tag01@2x.png'"></image>
<uni-easyinput :styles="inputstyle" placeholder="请输入手机号" v-model="form2.telNo" />
</view>
<view class="round-input-item">
<image class="icon" :src="config.baseUrl_api+'/fs/static/login/tag02@2x.png'"></image>
<uni-easyinput :styles="inputstyle" placeholder="图形验证码" v-model="form2.captcha" />
<image :src="codeUrl" @click="getCode" />
</view>
<view class="round-input-item">
<image class="icon" :src="config.baseUrl_api+'/fs/static/login/tag04@2x.png'"></image>
<uni-easyinput :styles="inputstyle" placeholder="短信验证码" v-model="form2.code" />
<text v-if="!countDown.start" @click="getCaptchaSms">获取验证码</text>
<uni-countdown v-if="countDown.start" color="#014A9F" :show-day="false" :show-hour="false"
:show-min="false" @timeup="timeup" :start="countDown.start"
:second="countDown.second"></uni-countdown>
</view>
</form>
<view class="flex-item">
</view>
<view class="center-item">
<button @click="login" class="btn-red">登录</button>
</view>
<!--<view class="center-item">
<text class="text-red" @click="goRegister">没有账号，去注册</text>
</view> -->
</view>
</view>
</view>
<image class="ren2" :src="config.baseUrl_api+'/fs/static/login/ren2.png'"/>
<view class="fixedagree">
<!-- <image @click="changeAgree(agree)" v-if="agree" src="@/static/login/xz_dwn@2x.png"></image>
<image v-else src="@/static/login/xz2@2x.png"></image>
<view>登录即代表您同意<text>《用户协议》</text><text>《隐私策略》</text></view> -->
</view>
</view>
</template>
<script setup>
import {
onMounted,
ref
} from 'vue'
import config from '@/config.js'
import {
getCodeImg,
getSmsCode,
pcLogin,
loginByPhone
} from '@/common/login.js'
import {
onLoad
} from '@dcloudio/uni-app'
const isActive = ref(1)
const agree = ref(false)
const isRember = ref(true)
const codeUrl = ref(null)
const inputstyle = ref({
borderColor: 'transparent',
fontSize: '30rpx'
})
const form = ref({
username: null,
password: null,
code: null,
uuid: null
})
const form2 = ref({
telNo: null,
captcha: null,
code: null,
uuid: null
})
const countDown = ref({
start: false,
second: 60
})
const app = getApp()
const switchTab=['/pages/index/index','/pages/webView/auth','/pages/myCenter/index']
let path = '/pages/index/index';
onLoad((option) => {
if (option.path) {
path = decodeURIComponent(option.path)
}
getCode()
})
function changeActive(n) {
isActive.value = n
}
function changeAgree(item) {
item = !item
}
function login() {
if (isActive.value == 0) {
if (!form.value.username) {
uni.showToast({
title: '账号不能为空',
icon: 'none'
})
return
}
if (!form.value.password) {
uni.showToast({
title: '密码不能为空',
icon: 'none'
})
return
}
if (!form.value.code) {
uni.showToast({
title: '验证码不能为空',
icon: 'none'
})
return
}
pcLogin(form.value)
.then((res) => {
app.globalData.isLogin = true
uni.redirectTo({
url: '/pages/index/index'
})
})
// .catch(getCode)
} else if (isActive.value == 1) {
if (!form2.value.telNo) {
uni.showToast({
title: '手机号不能为空',
icon: 'none'
})
return
}
if (!form2.value.code) {
uni.showToast({
title: '短信验证码不能为空',
icon: 'none'
})
return
}
loginByPhone(form2.value.telNo,form2.value.code)
.then(() => {
app.globalData.isLogin = true
if(!app.globalData.userInfo.perId){
uni.redirectTo({
url: '/myCenter/personInfo/index?path=' + encodeURIComponent(path)
})
}else{
if(switchTab.indexOf(path)>-1){
uni.switchTab({
url: path
})
}else{
uni.redirectTo({
url: path
})
}
}
})
}
}
function goRegister() {
const path = '/pages/index/register'
uni.navigateTo({
url: path
})
}
function getCode() {
getCodeImg().then((res) => {
codeUrl.value = 'data:image/gif;base64,' + res.data.img
form.value.uuid = res.data.uuid
form2.value.uuid = res.data.uuid
})
}
// 发送短信验证码
function getCaptchaSms() {
if (!form2.value.telNo) {
uni.showToast({
title: '手机号不能为空',
icon: 'none'
})
return
}
if (!form2.value.captcha) {
uni.showToast({
title: '图形验证码不能为空',
icon: 'none'
})
return
}
getSmsCode({
uuid: form2.value.uuid,
telNo: form2.value.telNo,
code: form2.value.captcha
}).then(res => {
uni.showToast({
title: '短信验证码下发成功',
icon: 'none'
})
countDown.value.start = true
}).catch(getCode)
}
function timeup() {
countDown.value.start = false
countDown.value.second = 60
getCode()
}
</script>
<style scoped lang="scss">
.logotop {
width: 510rpx;
height: 215rpx;
margin: 5vh auto 40rpx;
display: block;
}
.ren1 {
width: 300rpx;
height: 560rpx;
position: absolute;
right: 0;
top: 0;
}
.ren2 {
width: 456rpx;
height: 600rpx;
position: relative;
top: 20rpx;
}
.retop {
position: relative;
z-index: 1;
}
.page-bg {
background:#044a9f;
height: 100vh;box-sizing: border-box;padding-top: 10vh;
overflow: hidden;
position: relative;
}
.loginbox {
.loginNav {
width: 700rpx;
margin: 0 auto -53rpx;
height: 133rpx;
overflow: hidden;
position: relative;
view {
text-align: center;
height: 133rpx;
box-sizing: border-box;
padding: 26rpx 0 0;
}
.n1 {
background: url('data:image/png;base64,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') no-repeat top left;
background-size: contain;
opacity: 0.7;
width: 407rpx;
position: absolute;
left: 0;
}
.n2 {
background: url('data:image/png;base64,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') no-repeat top right;
background-size: contain;
opacity: 0.7;
width: 399rpx;
position: absolute;
right: 0;
}
.active {
color: #AD181F;
opacity: 1;
&::after {
content: '';
position: absolute;
width: 25rpx;
height: 4rpx;
background: #AD181F;
border-radius: 2rpx;
left: 0;
right: 0;
margin: auto;
bottom: 50rpx;
}
}
}
}
.formbox {
background: #fff;
width: 700rpx;
padding: 50rpx;box-sizing: border-box;
margin: auto;
border-radius: 20rpx;
}
.flex-item {
display: flex;
justify-content: space-between;
margin: 30rpx 0;
font-size: 28rpx;
image {
width: 30rpx;
height: 30rpx;
margin-right: 16rpx;
}
}
.member {
color: #4C5359;
display: flex;
align-items: center;
}
.center-item {
text-align: center;
margin: 30rpx 0 0;
font-size: 30rpx;
.btn-red {
border-radius: 40rpx;
width: 600rpx;
line-height: 80rpx;
font-size: 36rpx;
}
}
.text-red {
color: #AD181F;
}
.round-input-item {
overflow: hidden;
background: RGBA(247, 247, 248, 1);
border-radius: 40rpx;
padding: 0 0 0 30rpx;
height: 80rpx;
margin-bottom: 30rpx;
display: flex;
align-items: center;
image {
width: 180rpx;
height: 80rpx;
&.icon {
width: 30rpx;
height: 30rpx;
margin-right: 16rpx;
}
}
input {
border-left: 1rpx solid RGBA(214, 216, 219, 1);
padding: 0 0 0 20rpx;
font-size: 30rpx;
}
input::-webkit-input-placeholder {
color: RGBA(158, 166, 174, 1);
font-size: 30rpx;
}
input::placeholder {
color: RGBA(158, 166, 174, 1);
font-size: 30rpx;
}
input::-moz-placeholder {
color: RGBA(158, 166, 174, 1);
font-size: 30rpx;
}
text {
font-size: 28rpx;
color: #014A9F; padding: 0 20rpx;
}
}
.fixedagree {
position: fixed;
bottom: 5vh;
color: rgba(255, 255, 255, 0.7);
display: flex;
font-size: 24rpx;
width: 100vw;
justify-content: center;
image {
width: 40rpx;
height: 40rpx;
margin-right: 20rpx;
}
}
</style>