登录
This commit is contained in:
4
.gitignore
vendored
Normal file
4
.gitignore
vendored
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
node_modules/
|
||||||
|
.project
|
||||||
|
unpackage/
|
||||||
|
.DS_Store
|
||||||
16
.hbuilderx/launch.json
Normal file
16
.hbuilderx/launch.json
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
|
||||||
|
// launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
|
||||||
|
"version": "0.0",
|
||||||
|
"configurations": [{
|
||||||
|
"app-plus" :
|
||||||
|
{
|
||||||
|
"launchtype" : "local"
|
||||||
|
},
|
||||||
|
"default" :
|
||||||
|
{
|
||||||
|
"launchtype" : "local"
|
||||||
|
},
|
||||||
|
"type" : "uniCloud"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -14,15 +14,53 @@ uni-button:after {
|
|||||||
/** iconfont */
|
/** iconfont */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'iconfont';
|
font-family: 'iconfont';
|
||||||
src: url('@/static/iconfont/iconfont.woff2?t=1665454521636') format('woff2'),
|
src: url('@/static/iconfont/iconfont.woff2') format('woff2'),
|
||||||
url('@/static/iconfont/iconfont.woff?t=1665454521636') format('woff'),
|
url('@/static/iconfont/iconfont.woff') format('woff'),
|
||||||
url('@/static/iconfont/iconfont.ttf?t=1665454521636') format('truetype');
|
url('@/static/iconfont/iconfont.ttf') format('truetype');
|
||||||
}
|
}
|
||||||
.iconfont {
|
.iconfont {
|
||||||
font-family: "iconfont" !important;
|
font-family: "iconfont" !important;
|
||||||
font-size: 50rpx;
|
|
||||||
color: #000;
|
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
.delete_icon {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
font-size: 40rpx;
|
||||||
|
line-height: 40rpx;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
.delete_icon::after {
|
||||||
|
content: '\e632';
|
||||||
|
}
|
||||||
|
.eye_colse_icon {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
font-size: 40rpx;
|
||||||
|
line-height: 40rpx;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
.eye_colse_icon::after {
|
||||||
|
content: '\e7b2';
|
||||||
|
}
|
||||||
|
.eye_open_icon {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
font-size: 40rpx;
|
||||||
|
line-height: 40rpx;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
.eye_open_icon::after {
|
||||||
|
content: '\e7b2';
|
||||||
|
}
|
||||||
|
.scan_icon {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
font-size: 70rpx;
|
||||||
|
line-height: 80rpx;
|
||||||
|
color: #D7592F;
|
||||||
|
}
|
||||||
|
.scan_icon::after {
|
||||||
|
content: '\e607';
|
||||||
|
}
|
||||||
@@ -38,7 +38,8 @@ _fj(x=space-between,y=center,r=row,n=nowrap)
|
|||||||
flex-wrap: n
|
flex-wrap: n
|
||||||
|
|
||||||
// 背景图片地址和大小
|
// 背景图片地址和大小
|
||||||
_bis(url,w,h=auto,x=center,y=center)
|
_bis(c=transparent,url,w,h=auto,x=center,y=center)
|
||||||
|
background-color: c
|
||||||
background-position: x y
|
background-position: x y
|
||||||
background-size: w h
|
background-size: w h
|
||||||
background-image: url(url)
|
background-image: url(url)
|
||||||
|
|||||||
7
main.js
7
main.js
@@ -1,11 +1,13 @@
|
|||||||
import App from './App'
|
import App from './App'
|
||||||
|
import store from '@/vuex/store.js'
|
||||||
|
|
||||||
// #ifndef VUE3
|
// #ifndef VUE3
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
Vue.config.productionTip = false
|
Vue.config.productionTip = false
|
||||||
App.mpType = 'app'
|
App.mpType = 'app'
|
||||||
const app = new Vue({
|
const app = new Vue({
|
||||||
...App
|
...App,
|
||||||
|
store
|
||||||
})
|
})
|
||||||
app.$mount()
|
app.$mount()
|
||||||
// #endif
|
// #endif
|
||||||
@@ -15,7 +17,8 @@ import { createSSRApp } from 'vue'
|
|||||||
export function createApp() {
|
export function createApp() {
|
||||||
const app = createSSRApp(App)
|
const app = createSSRApp(App)
|
||||||
return {
|
return {
|
||||||
app
|
app,
|
||||||
|
store
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// #endif
|
// #endif
|
||||||
5
package.json
Normal file
5
package.json
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"dependencies": {
|
||||||
|
"jsencrypt": "^3.3.2"
|
||||||
|
}
|
||||||
|
}
|
||||||
10
pages.json
10
pages.json
@@ -1,9 +1,15 @@
|
|||||||
{
|
{
|
||||||
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
||||||
{
|
{
|
||||||
"path": "pages/index/index",
|
"path": "pages/login/login",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "uni-app"
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/home/home",
|
||||||
|
"style": {
|
||||||
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|||||||
110
pages/home/home.vue
Normal file
110
pages/home/home.vue
Normal file
@@ -0,0 +1,110 @@
|
|||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<view class="header">
|
||||||
|
<view class="header-item">
|
||||||
|
<text class="header-user">登录人员：{{userName}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="header-item header-r">
|
||||||
|
<button class="header-button" @click="toExit">退 出</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="nav-wrap">
|
||||||
|
<view class="nav-item"><text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">设备状态修改</text></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
userName: this.$store.getters.userInfo ? JSON.parse(this.$store.getters.userInfo).id : ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toJump(path) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: path
|
||||||
|
});
|
||||||
|
},
|
||||||
|
toExit () {
|
||||||
|
this.$store.dispatch('delUserInfo', '')
|
||||||
|
uni.redirectTo({
|
||||||
|
url: '/pages/login/login'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.content{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.header{
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
height: 44px;
|
||||||
|
background-color: #d7592f;
|
||||||
|
}
|
||||||
|
.header-item {
|
||||||
|
width: calc(50% - 10px);
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
.header-user {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 44px;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.header-r{
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center
|
||||||
|
}
|
||||||
|
/deep/ .header-r uni-button{
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.header-button{
|
||||||
|
width: 80px;
|
||||||
|
height: 30px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #333333;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
.nav-wrap{
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-content: center;
|
||||||
|
width: calc(100% - 40%);
|
||||||
|
height: calc(100% - 44px);
|
||||||
|
padding: 0 20%;
|
||||||
|
}
|
||||||
|
.nav-item{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 30%;
|
||||||
|
height: 100px;
|
||||||
|
background-color: #acbec6;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin: 7.5px 5% 7.5px 0;
|
||||||
|
}
|
||||||
|
.nav-item:nth-child(3n){
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.nav-text{
|
||||||
|
font-size: 22px;
|
||||||
|
line-height: 30px;
|
||||||
|
color: #ffffff;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1,52 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="content">
|
|
||||||
<image class="logo" src="/static/logo.png"></image>
|
|
||||||
<view class="text-area">
|
|
||||||
<text class="title">{{title}}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
title: 'Hello'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onLoad() {
|
|
||||||
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
height: 200rpx;
|
|
||||||
width: 200rpx;
|
|
||||||
margin-top: 200rpx;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
margin-bottom: 50rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-area {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 36rpx;
|
|
||||||
color: #8f8f94;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
215
pages/login/login.vue
Normal file
215
pages/login/login.vue
Normal file
@@ -0,0 +1,215 @@
|
|||||||
|
<template>
|
||||||
|
<view class="login_bg">
|
||||||
|
<view class="login_wrap">
|
||||||
|
<view class="login_tab">
|
||||||
|
<view class="login_tab_line drift" :style="{'left': drift+'%'}"></view>
|
||||||
|
<view class="login_tab_item" @tap="_tabChange(0)">登录</view>
|
||||||
|
<view class="login_tab_item" @tap="_tabChange(50)">配置</view>
|
||||||
|
</view>
|
||||||
|
<view class="login_cnt drift" :style="{'left': '-'+drift*2+'%'}">
|
||||||
|
<view class="login_card">
|
||||||
|
<view class="card_wrap">
|
||||||
|
<view class="inputOuter">
|
||||||
|
<input type="text" placeholder="用户名" v-model="loginname" class="inputStyle">
|
||||||
|
<text v-show="showBtn3" class="iconfont login_icon delete_icon" @tap="clearData(3)"></text>
|
||||||
|
</view>
|
||||||
|
<view class="inputOuter">
|
||||||
|
<input :type="inputType" placeholder="密码" v-model="password" class="inputStyle">
|
||||||
|
<text class="iconfont login_icon" :class="eyeOpen ? 'eye_colse_icon' : 'eye_open_icon'" @click="passwordShow"></text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="submit">
|
||||||
|
<button class="primary-button" :disabled="disabled" @click="toLogin">登 录</button>
|
||||||
|
</view>
|
||||||
|
<view class="scanBox">
|
||||||
|
<view class="iconfont scan_icon"></view>
|
||||||
|
<text class="san_text">扫码登录</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="login_card">
|
||||||
|
<view class="card_wrap">
|
||||||
|
<view class="inputOuter">
|
||||||
|
<input type="text" placeholder="域名地址" v-model="baseUrl" class="inputStyle">
|
||||||
|
<text v-show="showBtn1" class="iconfont login_icon delete_icon" @tap="clearData(1)"></text>
|
||||||
|
</view>
|
||||||
|
<view class="inputOuter">
|
||||||
|
<input type="text" placeholder="图片域名地址" v-model="imgBaseUrl" class="inputStyle">
|
||||||
|
<text v-show="showBtn2" class="iconfont login_icon delete_icon" @tap="clearData(2)"></text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="submit">
|
||||||
|
<button class="primary-button" :disabled="disabled" @tap="toConfig">配 置</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { RSAencrypt } from '@/utils/jsencrypt.js'
|
||||||
|
import {handLogin} from '@/utils/getData2.js'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loginname: '',
|
||||||
|
password: '',
|
||||||
|
baseUrl: this.$store.getters.baseUrl,
|
||||||
|
imgBaseUrl: this.$store.getters.imgBaseUrl,
|
||||||
|
inputType: 'password',
|
||||||
|
eyeOpen: true,
|
||||||
|
drift: 0,
|
||||||
|
disabled: false,
|
||||||
|
jobnum: '',
|
||||||
|
qrcode: '',
|
||||||
|
logintype: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
showBtn1 () {
|
||||||
|
return this.baseUrl !== ''
|
||||||
|
},
|
||||||
|
showBtn2 () {
|
||||||
|
return this.imgBaseUrl !== ''
|
||||||
|
},
|
||||||
|
showBtn3 () {
|
||||||
|
return this.loginname !== ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
_tabChange (num) {
|
||||||
|
this.drift = num
|
||||||
|
},
|
||||||
|
clearData (t) {
|
||||||
|
switch (t) {
|
||||||
|
case 1:
|
||||||
|
this.baseUrl = ''
|
||||||
|
break
|
||||||
|
case 2:
|
||||||
|
this.imgBaseUrl = ''
|
||||||
|
break
|
||||||
|
case 3:
|
||||||
|
this.loginname = ''
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
|
passwordShow () {
|
||||||
|
this.eyeOpen = !this.eyeOpen
|
||||||
|
if (this.eyeOpen) {
|
||||||
|
this.inputType = 'password'
|
||||||
|
} else {
|
||||||
|
this.inputType = 'text'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
toConfig () {
|
||||||
|
let obj = {
|
||||||
|
baseUrl: this.baseUrl,
|
||||||
|
imgBaseUrl: this.imgBaseUrl
|
||||||
|
}
|
||||||
|
this.$store.dispatch('setConfig', obj)
|
||||||
|
this._tabChange(0)
|
||||||
|
},
|
||||||
|
async toLogin() {
|
||||||
|
this.disabled = true
|
||||||
|
if (this.loginname === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '用户名不能为空',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
this.disabled = false
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (this.password === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '密码不能为空',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
this.disabled = false
|
||||||
|
return
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
let res = await handLogin(this.loginname, RSAencrypt(this.password))
|
||||||
|
this.$store.dispatch('saveUserInfo', JSON.stringify(res.user.user))
|
||||||
|
this.$store.dispatch('saveToken', res.token)
|
||||||
|
uni.redirectTo({
|
||||||
|
url: '/pages/home/home'
|
||||||
|
})
|
||||||
|
this.disabled = false
|
||||||
|
} catch (e) {
|
||||||
|
this.disabled = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="stylus">
|
||||||
|
@import '../../common/style/mixin.styl';
|
||||||
|
.login_bg
|
||||||
|
_wh(100%, 100%)
|
||||||
|
_bis(#fff,'../../static/images/bg_01.png', 100%,,bottom)
|
||||||
|
.login_wrap
|
||||||
|
position fixed
|
||||||
|
left 50%
|
||||||
|
top 50%
|
||||||
|
width 44%
|
||||||
|
transform translate3d(-50%, -50%, 0)
|
||||||
|
border-radius 5px
|
||||||
|
overflow hidden
|
||||||
|
.login_tab
|
||||||
|
position relative
|
||||||
|
height 100rpx
|
||||||
|
border-bottom 1px solid #E2E2E2
|
||||||
|
margin-bottom 40rpx
|
||||||
|
.login_tab_item
|
||||||
|
float left
|
||||||
|
width 50%
|
||||||
|
_font(32rpx,100rpx,#444444,,center)
|
||||||
|
cursor pointer
|
||||||
|
.login_tab_line
|
||||||
|
position absolute
|
||||||
|
width 50%
|
||||||
|
height 2px
|
||||||
|
background-color #D7592F
|
||||||
|
left 0
|
||||||
|
bottom -1px
|
||||||
|
.login_cnt
|
||||||
|
position relative
|
||||||
|
width 200%
|
||||||
|
overflow hidden
|
||||||
|
.login_card
|
||||||
|
width 50%
|
||||||
|
float left
|
||||||
|
.card_wrap
|
||||||
|
overflow hidden
|
||||||
|
.inputOuter
|
||||||
|
position relative
|
||||||
|
width 100%
|
||||||
|
margin 40rpx auto
|
||||||
|
.inputStyle
|
||||||
|
_wh(100%,80rpx)
|
||||||
|
_font(30rpx,80rpx,#999,,)
|
||||||
|
text-indent 20rpx
|
||||||
|
border-bottom 1px solid #E2E2E2
|
||||||
|
box-sizing border-box
|
||||||
|
.login_icon
|
||||||
|
position absolute
|
||||||
|
top 20rpx
|
||||||
|
right 20rpx
|
||||||
|
.submit
|
||||||
|
width 100%
|
||||||
|
margin 40rpx auto
|
||||||
|
text-align center
|
||||||
|
.primary-button
|
||||||
|
_wh(100%, 80rpx)
|
||||||
|
background-color #d7592f
|
||||||
|
border-radius 80rpx
|
||||||
|
_font(32rpx,80rpx,#fff,,center)
|
||||||
|
.scanBox
|
||||||
|
_fj()
|
||||||
|
flex-direction column
|
||||||
|
.san_text
|
||||||
|
_font(32rpx,1,#D7592F,,center)
|
||||||
|
.drift
|
||||||
|
transition left .3s linear
|
||||||
|
</style>
|
||||||
BIN
static/.DS_Store
vendored
BIN
static/.DS_Store
vendored
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
static/images/bg_01.png
Normal file
BIN
static/images/bg_01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 297 KiB |
0
utils/getData1.js
Normal file
0
utils/getData1.js
Normal file
10
utils/getData2.js
Normal file
10
utils/getData2.js
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
import request from './request.js'
|
||||||
|
|
||||||
|
// 登录
|
||||||
|
export const handLogin = (user, password) => request({
|
||||||
|
url:'mobile/auth/login',
|
||||||
|
data: {
|
||||||
|
username: user,
|
||||||
|
password: password
|
||||||
|
}
|
||||||
|
})
|
||||||
12
utils/jsencrypt.js
Normal file
12
utils/jsencrypt.js
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
import JSEncrypt from '../node_modules/jsencrypt/bin/jsencrypt.js'
|
||||||
|
let publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBANL378k3RiZHWx5AfJqdH9xRNBmD9wGD\n' +
|
||||||
|
'2iRe41HdTNF8RUhNnHit5NpMNtGL0NPTSSpPjjI1kJfVorRvaQerUgkCAwEAAQ==';
|
||||||
|
function RSAencrypt(pas){
|
||||||
|
//实例化jsEncrypt对象
|
||||||
|
let jse = new JSEncrypt();
|
||||||
|
//设置公钥
|
||||||
|
jse.setPublicKey(publicKey);
|
||||||
|
return jse.encrypt(pas);
|
||||||
|
}
|
||||||
|
|
||||||
|
export {RSAencrypt}
|
||||||
127
utils/request.js
Normal file
127
utils/request.js
Normal file
@@ -0,0 +1,127 @@
|
|||||||
|
// import qs from 'qs' // 处理data
|
||||||
|
import store from '@/vuex/store'
|
||||||
|
const request = (params) => {
|
||||||
|
let _self = this;
|
||||||
|
let url = params.url;
|
||||||
|
let method = params.method || 'POST';
|
||||||
|
let data = params.data || {};
|
||||||
|
// data.token = "default-access_token"
|
||||||
|
// if (!params.token) {
|
||||||
|
// let token = uni.getStorageSync('token');
|
||||||
|
// if (!token) {
|
||||||
|
// uni.navigateTo({
|
||||||
|
// url: '/pages/login/login'
|
||||||
|
// });
|
||||||
|
// } else {
|
||||||
|
// data.token = '179509245-9c91827e0224bdc18d0b118b8be1b5af';
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
let token = ''
|
||||||
|
if (store.getters.saveToken !== '') {
|
||||||
|
token = store.getters.saveToken
|
||||||
|
}
|
||||||
|
let defaultOpot = {
|
||||||
|
// 'Content-Type': 'application/x-www-form-urlencoded',
|
||||||
|
'Terminal-Type': 'innerH5',
|
||||||
|
'Content-Type': 'application/json;charset=UTF-8',
|
||||||
|
}
|
||||||
|
let header = {}
|
||||||
|
method = method.toUpperCase()
|
||||||
|
if (method == 'POST') {
|
||||||
|
header = {
|
||||||
|
'Content-Type': 'application/json;charset=UTF-8',
|
||||||
|
'Authorization': token
|
||||||
|
}
|
||||||
|
// data = qs.stringify(data)
|
||||||
|
}
|
||||||
|
const requestUrl = `${store.getters.baseUrl}/` + url;
|
||||||
|
uni.showLoading({
|
||||||
|
title: '加载中...'
|
||||||
|
});
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
uni.request({
|
||||||
|
url: requestUrl,
|
||||||
|
method: method,
|
||||||
|
header: Object.assign({}, defaultOpot, header),
|
||||||
|
data: data,
|
||||||
|
dataType: 'json',
|
||||||
|
})
|
||||||
|
.then(res => { // 成功
|
||||||
|
if (res.length === 1) {
|
||||||
|
uni.showModal({
|
||||||
|
content: 'request:fail',
|
||||||
|
showCancel: false
|
||||||
|
})
|
||||||
|
reject('request:fail')
|
||||||
|
} else if (res[1] && res[1].statusCode === 400) {
|
||||||
|
uni.showModal({
|
||||||
|
content: res[1].data.message,
|
||||||
|
showCancel: false
|
||||||
|
})
|
||||||
|
reject(res[1].data.message)
|
||||||
|
} else if (res[1] && res[1].statusCode === 401) {
|
||||||
|
uni.showModal({
|
||||||
|
content: res[1].data.message,
|
||||||
|
showCancel: false
|
||||||
|
})
|
||||||
|
store.dispatch('delUserInfo')
|
||||||
|
uni.redirectTo({
|
||||||
|
url: '/pages/login/login'
|
||||||
|
})
|
||||||
|
} else if (res[1] && res[1].statusCode === 200) {
|
||||||
|
let {
|
||||||
|
data: dataType
|
||||||
|
} = res[1]
|
||||||
|
resolve(dataType)
|
||||||
|
// switch (dataType.code * 1) { // 拦截返回参数
|
||||||
|
// case 0:
|
||||||
|
// resolve(dataType)
|
||||||
|
// break;
|
||||||
|
// case 1003:
|
||||||
|
// uni.showModal({
|
||||||
|
// title: '登录已过期',
|
||||||
|
// content: '很抱歉，登录已过期，请重新登录',
|
||||||
|
// confirmText: '重新登录',
|
||||||
|
// success: function(res) {
|
||||||
|
// if (res.confirm) {
|
||||||
|
// uni.navigateTo({
|
||||||
|
// // 切记这儿需要哈pages.json保持一致；不能有.vue后缀
|
||||||
|
// url: '/pages/login/login'
|
||||||
|
// });
|
||||||
|
// } else if (res.cancel) {
|
||||||
|
// console.log('用户点击取消');
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// break;
|
||||||
|
// case -1:
|
||||||
|
// uni.showModal({
|
||||||
|
// title: '请求数据失败',
|
||||||
|
// content: '获取数据失败！',
|
||||||
|
// confirmText: '确定',
|
||||||
|
// showCancel: false,
|
||||||
|
// success: function(res) {
|
||||||
|
// if (res.confirm) {} else if (res.cancel) {
|
||||||
|
// console.log('用户点击取消');
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// break
|
||||||
|
// }
|
||||||
|
}else {
|
||||||
|
uni.showModal({
|
||||||
|
content: res[1].data.message,
|
||||||
|
showCancel: false
|
||||||
|
})
|
||||||
|
reject(res[1].data.message)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(err => { // 错误
|
||||||
|
reject(err)
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export default request
|
||||||
77
vuex/modules/user.js
Normal file
77
vuex/modules/user.js
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
import * as types from '../types'
|
||||||
|
|
||||||
|
const baseUrl = process.env.NODE_ENV === 'development' ? 'http://192.168.81.252:8010' : 'http://192.168.81.252:8010'
|
||||||
|
const imgBaseUrl = process.env.NODE_ENV === 'development' ? 'http://192.168.81.252:8010' : 'http://192.168.81.252:8010'
|
||||||
|
const state = {
|
||||||
|
baseUrl: uni.getStorageSync('baseUrl') || baseUrl,
|
||||||
|
imgBaseUrl: uni.getStorageSync('imgBaseUrl') || imgBaseUrl,
|
||||||
|
setTime: uni.getStorageSync('setTime') || 5000,
|
||||||
|
loginName: uni.getStorageSync('loginName') ? uni.getStorageSync('loginName') : '',
|
||||||
|
userInfo: uni.getStorageSync('userInfo') ? uni.getStorageSync('userInfo') : '',
|
||||||
|
saveToken: uni.getStorageSync('saveToken') || ''
|
||||||
|
}
|
||||||
|
const getters = {
|
||||||
|
baseUrl: state => state.baseUrl,
|
||||||
|
imgBaseUrl: state => state.imgBaseUrl,
|
||||||
|
setTime: state => state.setTime,
|
||||||
|
loginName: state => state.loginName,
|
||||||
|
userInfo: state => state.userInfo,
|
||||||
|
saveToken: state => state.saveToken
|
||||||
|
}
|
||||||
|
const actions = {
|
||||||
|
setConfig ({commit}, res) {
|
||||||
|
uni.setStorageSync('baseUrl', res.baseUrl)
|
||||||
|
uni.setStorageSync('imgBaseUrl', res.imgBaseUrl)
|
||||||
|
// uni.setStorageSync('setTime', res.setTime)
|
||||||
|
commit(types.COM_CONFIG, res)
|
||||||
|
},
|
||||||
|
saveLoginName({commit}, res) {
|
||||||
|
uni.setStorageSync('loginName', res)
|
||||||
|
commit(types.SAVE_LOGIN_NAME, res)
|
||||||
|
},
|
||||||
|
delLoginName({commit}, res) {
|
||||||
|
uni.clearStorageSync('loginName')
|
||||||
|
commit(types.DEL_LOGIN_NAME, res)
|
||||||
|
},
|
||||||
|
saveUserInfo({commit}, res) {
|
||||||
|
uni.setStorageSync('userInfo', res)
|
||||||
|
commit(types.SAVE_USER_INFO, res)
|
||||||
|
},
|
||||||
|
delUserInfo({commit}, res) {
|
||||||
|
uni.clearStorageSync('userInfo')
|
||||||
|
commit(types.DEL_USER_INFO, res)
|
||||||
|
},
|
||||||
|
saveToken({commit}, res) {
|
||||||
|
uni.setStorageSync('saveToken', res)
|
||||||
|
commit(types.SAVE_TOKEN, res)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const mutations = {
|
||||||
|
[types.COM_CONFIG] (state, res) {
|
||||||
|
state.baseUrl = res.baseUrl
|
||||||
|
state.imgBaseUrl = res.imgBaseUrl
|
||||||
|
// state.setTime = res.setTime
|
||||||
|
},
|
||||||
|
[types.SAVE_LOGIN_NAME] (state, res) {
|
||||||
|
state.loginName = res
|
||||||
|
},
|
||||||
|
[types.DEL_LOGIN_NAME] (state, res) {
|
||||||
|
state.loginName = res
|
||||||
|
},
|
||||||
|
[types.SAVE_USER_INFO] (state, res) {
|
||||||
|
state.userInfo = res
|
||||||
|
},
|
||||||
|
[types.DEL_USER_INFO] (state, res) {
|
||||||
|
state.userInfo = res
|
||||||
|
},
|
||||||
|
[types.SAVE_TOKEN] (state, res) {
|
||||||
|
state.saveToken = res
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
state,
|
||||||
|
getters,
|
||||||
|
actions,
|
||||||
|
mutations
|
||||||
|
}
|
||||||
12
vuex/store.js
Normal file
12
vuex/store.js
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
import Vue from 'vue'
|
||||||
|
import Vuex from 'vuex'
|
||||||
|
|
||||||
|
import user from './modules/user'
|
||||||
|
|
||||||
|
Vue.use(Vuex)
|
||||||
|
|
||||||
|
export default new Vuex.Store({
|
||||||
|
modules: {
|
||||||
|
user
|
||||||
|
}
|
||||||
|
})
|
||||||
8
vuex/types.js
Normal file
8
vuex/types.js
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
/**
|
||||||
|
* user
|
||||||
|
*/
|
||||||
|
export const SAVE_LOGIN_NAME = 'SAVE_LOGIN_NAME'
|
||||||
|
export const DEL_LOGIN_NAME = 'DEL_LOGIN_NAME'
|
||||||
|
export const COM_CONFIG = 'COM_CONFIG'
|
||||||
|
export const SAVE_USER_INFO = 'SAVE_USER_INFO'
|
||||||
|
export const DEL_USER_INFO = 'DEL_USER_INFO'
|
||||||
8
yarn.lock
Normal file
8
yarn.lock
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
|
||||||
|
# yarn lockfile v1
|
||||||
|
|
||||||
|
|
||||||
|
jsencrypt@^3.3.2:
|
||||||
|
version "3.3.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/jsencrypt/-/jsencrypt-3.3.2.tgz#b0f1a2278810c7ba1cb8957af11195354622df7c"
|
||||||
|
integrity sha512-arQR1R1ESGdAxY7ZheWr12wCaF2yF47v5qpB76TtV64H1pyGudk9Hvw8Y9tb/FiTIaaTRUyaSnm5T/Y53Ghm/A==
|
||||||
Reference in New Issue
Block a user