HB
/
ruoyi-miniapp
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

编辑用户信息

master
爱~海~爱海爱海~右 9 months ago
parent
ca463e1fc8
commit
6afaaae3bc
15 changed files with 534 additions and 378 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      .gitignore
  2. 48
      App.vue
  3. 12
      api/system/dict.js
  4. 50
      api/system/user.js
  5. 3
      main.js
  6. 2
      manifest.json
  7. 118
      pages/login.vue
  8. 47
      permission.js
  9. 18
      store/modules/user.js
  10. 268
      sub/owner/edit.vue
  11. 111
      uni_modules/s-components/s-header/index.vue
  12. 8
      utils/dict.js
  13. 2
      utils/request.js
  14. 80
      utils/ruoyi.js
  15. 136
      utils/upload.js

9
.gitignore vendored
Unescape View File

@ -1,17 +1,8 @@
######################################################################
# Build Tools
/unpackage/* /unpackage/*
/node_modules/* /node_modules/*
######################################################################
# Development Tools
/.idea/* /.idea/*
/.vscode/* /.vscode/*
/.hbuilderx/* /.hbuilderx/*
package-lock.json package-lock.json
yarn.lock yarn.lock
/unpackage/

48
App.vue
Unescape View File

@ -4,30 +4,30 @@ import store from '@/store'
import { getAccessToken } from '@/utils/auth' import { getAccessToken } from '@/utils/auth'
export default { export default {
onLaunch: function () { onLaunch: function () {
this.initApp() this.initApp()
}, },
methods: { methods: {
// 初始化应用 // 初始化应用
async initApp() { async initApp() {
await uni.hideTabBar() await uni.hideTabBar()
uni.hideTabBar({ uni.hideTabBar({
animation: false animation: false
}) })
// 初始化应用配置 // 初始化应用配置
this.initConfig() this.initConfig()
// 检查用户登录状态 // 检查用户登录状态
// this.checkLogin() this.checkLogin()
}, },
initConfig() { initConfig() {
this.globalData.config = config this.globalData.config = config
}, },
checkLogin() { checkLogin() {
if (!getAccessToken()) { if (!getAccessToken()) {
this.$tab.reLaunch('/pages/login') this.$tab.reLaunch('/pages/login')
} }
} }
} }
} }
</script> </script>

12
api/system/dict.js
Unescape View File

@ -0,0 +1,12 @@
import request from '@/utils/request'
/**
* 获取字典
*/
export function getDictBatchByType(params) {
return request({
url: `/system/dict-data/lists_dict_type`,
method: 'GET',
params
})
}

50
api/system/user.js
Unescape View File

@ -3,40 +3,40 @@ import request from '@/utils/request'
// 用户密码重置 // 用户密码重置
export function updateUserPwd(oldPassword, newPassword) { export function updateUserPwd(oldPassword, newPassword) {
const data = { const data = {
oldPassword, oldPassword,
newPassword newPassword
} }
return request({ return request({
url: '/system/user/profile/update-password', url: '/system/user/profile/update-password',
method: 'PUT', method: 'PUT',
params: data params: data
}) })
} }
// 查询用户个人信息 // 查询用户个人信息
export function getUserProfile() { export function getUserProfile() {
return request({ return request({
url: '/system/user/profile/get', url: '/system/user/profile/get',
method: 'GET' method: 'GET'
}) })
} }
// 修改用户个人信息 // 修改用户个人信息
export function updateUserProfile(data) { export function updateUserProfile(data) {
return request({ return request({
url: '/system/user/profile/update', url: '/system/user/profile/update',
method: 'PUT', method: 'PUT',
data: data data: data
}) })
} }
// 用户头像上传 // 用户头像上传
export function uploadAvatar(data) { export function uploadAvatar(data) {
return upload({ return upload({
url: '/system/user/profile/update-avatar', url: '/admin-api/system/user/profile/update-avatar',
method: 'PUT', method: 'PUT',
name: data.name, name: data.name,
filePath: data.filePath filePath: data.filePath
}) })
} }

3
main.js
Unescape View File

@ -3,7 +3,7 @@ import App from './App'
import store from './store' // store import store from './store' // store
import plugins from './plugins' // plugins import plugins from './plugins' // plugins
import './permission' // permission import './permission' // permission
import * as dict from '@/utils/dict.js'
// 引入uView // 引入uView
import uView from '@/uni_modules/uview-ui' import uView from '@/uni_modules/uview-ui'
@ -14,6 +14,7 @@ Vue.config.productionTip = false
// 挂载vuex // 挂载vuex
Vue.prototype.$store = store Vue.prototype.$store = store
Vue.prototype.$dict = dict
App.mpType = 'app' App.mpType = 'app'

2
manifest.json
Unescape View File

@ -3,7 +3,7 @@
"appid": "__UNI__25A9D80", "appid": "__UNI__25A9D80",
"description": "", "description": "",
"versionName": "1.0.0", "versionName": "1.0.0",
"versionCode": "100", "versionCode": 1,
"transformPx": false, "transformPx": false,
"app-plus": { "app-plus": {
"usingComponents": true, "usingComponents": true,

118
pages/login.vue
Unescape View File

@ -1,60 +1,82 @@
<template> <template>
<view class="container"> <view class="container">
<u--image src="/static/favicon.png" width="180px" height="80px" mode="aspectFit" :fade="true" duration="450"></u--image> <u--image
<text class="title">智慧生态</text> src="/static/favicon.png"
</view> width="180px"
height="80px"
mode="aspectFit"
:fade="true"
duration="450"
></u--image>
<text class="title">智慧生态</text>
</view>
</template> </template>
<script> <script>
export default { export default {
name: 'Login', name: 'Login',
data() { data() {
return {} return {}
}, },
onLoad() { onLoad() {
this.init() this.init()
}, },
methods: { methods: {
init() { init() {
uni.login({ uni.login({
success: (res) => { success: res => {
// 系统登录 // 系统登录
this.$store this.$store
.dispatch('Login', { .dispatch('Login', {
type: 34, type: 34,
code: res.code, code: res.code,
state: 'default' state: 'default'
}) })
.then((res) => { .then(() => {
console.log('store.login', res) this.loginSuccess()
}) })
} }
}) })
} },
} loginSuccess() {
this.$store.dispatch('GetInfo').then(res => {
const { data } = res
const { user } = data
if (user.mobile) {
uni.switchTab({
url: '/pages/index'
})
} else {
uni.navigateTo({
url: '/sub/owner/edit'
})
}
})
}
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-flow: column nowrap; flex-flow: column nowrap;
gap: 20px; gap: 20px;
background: linear-gradient(180deg, #02815b 0%, #114636 100%); background: linear-gradient(180deg, #02815b 0%, #114636 100%);
.icon { .icon {
width: 40vw; width: 40vw;
filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.12)); filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.12));
} }
.title { .title {
color: #fff; color: #fff;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12); text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
font-size: 30px; font-size: 30px;
font-weight: 400; font-weight: 400;
letter-spacing: 2px; letter-spacing: 2px;
} }
} }
</style> </style>

47
permission.js
Unescape View File

@ -22,27 +22,28 @@ function checkWhite(url) {
// 页面跳转验证拦截器 // 页面跳转验证拦截器
let list = ["navigateTo", "redirectTo", "reLaunch", "switchTab"] let list = ["navigateTo", "redirectTo", "reLaunch", "switchTab"]
list.forEach(item => { list.forEach(item => {
// uni.addInterceptor(item, { uni.addInterceptor(item, {
// invoke(to) { invoke(to) {
// if (getAccessToken()) { console.log('addInterceptor', to);
// if (to.path === loginPage) { if (getAccessToken()) {
// uni.reLaunch({ if (to.path === loginPage) {
// url: "/" uni.reLaunch({
// }) url: "/"
// } })
// return true }
// } else { return true
// if (checkWhite(to.url)) { } else {
// return true if (checkWhite(to.url)) {
// } return true
// uni.reLaunch({ }
// url: loginPage uni.reLaunch({
// }) url: loginPage
// return false })
// } return false
// }, }
// fail(err) { },
// console.log(err) fail(err) {
// } console.log(err)
// }) }
})
}) })

18
store/modules/user.js
Unescape View File

@ -26,10 +26,6 @@ const user = {
SET_ID: (state, id) => { SET_ID: (state, id) => {
state.id = id state.id = id
}, },
SET_NAME: (state, name) => {
state.name = name
storage.set(constant.name, name)
},
SET_AVATAR: (state, avatar) => { SET_AVATAR: (state, avatar) => {
state.avatar = avatar state.avatar = avatar
storage.set(constant.avatar, avatar) storage.set(constant.avatar, avatar)
@ -51,10 +47,11 @@ const user = {
}, userInfo) { }, userInfo) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
login(userInfo).then(res => { login(userInfo).then(res => {
console.log('Login', res); const {
res = res.data; data
} = res
// 设置 token // 设置 token
setToken(res) setToken(data)
resolve() resolve()
}).catch(error => { }).catch(error => {
reject(error) reject(error)
@ -69,19 +66,16 @@ const user = {
}) { }) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
getInfo().then(res => { getInfo().then(res => {
res = res.data; // 读取 data 数据 const user = res.data.user
const user = res.user
const avatar = (user == null || user.avatar === "" || user.avatar == null) ? require( const avatar = (user == null || user.avatar === "" || user.avatar == null) ? require(
"@/static/images/avatar.jpg") : user.avatar "@/static/images/avatar.jpg") : user.avatar
const nickname = (user == null || user.nickname === "" || user.nickname == null) ? "" : user
.nickname
if (res.roles && res.roles.length > 0) { if (res.roles && res.roles.length > 0) {
commit('SET_ROLES', res.roles) commit('SET_ROLES', res.roles)
commit('SET_PERMISSIONS', res.permissions) commit('SET_PERMISSIONS', res.permissions)
} else { } else {
commit('SET_ROLES', ['ROLE_DEFAULT']) commit('SET_ROLES', ['ROLE_DEFAULT'])
} }
commit('SET_NAME', nickname) commit('SET_ID', res.data.user.id)
commit('SET_AVATAR', avatar) commit('SET_AVATAR', avatar)
resolve(res) resolve(res)
}).catch(error => { }).catch(error => {

268
sub/owner/edit.vue
Unescape View File

@ -1,87 +1,205 @@
<template> <template>
<cs-page title="编辑个人信息"> <cs-page isCustom>
<view class="container"> <template #header>
<!-- 我的头像 --> <view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center"> <u-icon name="arrow-left" v-if="form.mobile"></u-icon>
<text class="wd-font-800">我的头像</text> <text class="wd-font-800 wd-text-16">编辑个人信息</text>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> </view>
<u-avatar src="/static/images/avatar.jpg"></u-avatar> </template>
<u-icon name="arrow-right"></u-icon> <view class="container">
</view> <!-- 我的头像 -->
</view> <view class="section wd-flex wd-flex-row wd-justify-between wd-items-center">
<!-- 真实姓名 --> <text class="wd-font-800">我的头像</text>
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center"> <button
<text class="wd-font-800">真实姓名</text> class="wd-flex wd-flex-row wd-items-center avatarBtn"
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> style="gap: 8px"
<input class="wd-text-right" type="text" placeholder-class="txt" placeholder="请输入" v-model="form.realName" /> type="balanced"
<u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon> open-type="chooseAvatar"
</view> @chooseavatar="chooseAvatar"
</view> >
<!-- 用户性别 --> <u-avatar :src="form.avatar"></u-avatar>
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center"> <u-icon name="arrow-right"></u-icon>
<text class="wd-font-800">用户性别</text> </button>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> </view>
<u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon> <!-- 真实姓名 -->
</view> <view class="section wd-flex wd-flex-row wd-justify-between wd-items-center">
</view> <text class="wd-font-800">姓名</text>
<!-- 手机号码 --> <view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center"> <input
<text class="wd-font-800">手机号码</text> class="wd-text-right"
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> type="text"
<input class="wd-text-right" type="number" placeholder-class="txt" placeholder="请输入" v-model="form.mobile" /> placeholder-class="txt"
<u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon> placeholder="请输入姓名"
</view> v-model="form.realName"
</view> />
<!-- 所属部门 --> <u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon>
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center"> </view>
<text class="wd-font-800">所属部门</text> </view>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> <!-- 用户性别 -->
<u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon> <view class="section wd-flex wd-flex-row wd-justify-between wd-items-center">
</view> <text class="wd-font-800">性别</text>
</view> <view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<button class="button">提交</button> <input
</view> class="wd-text-right"
</cs-page> type="number"
placeholder-class="txt"
placeholder="请选择性别"
v-model="form.sex"
disabled
@click="showPicker()"
/>
<u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon>
</view>
</view>
<!-- 手机号码 -->
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center">
<text class="wd-font-800">手机号码</text>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<input
class="wd-text-right"
type="number"
placeholder-class="txt"
placeholder="请输入手机号码"
v-model="form.mobile"
/>
<u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon>
</view>
</view>
<!-- 所属部门 -->
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center">
<text class="wd-font-800">部门</text>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<input
class="wd-text-right"
type="number"
placeholder-class="txt"
placeholder="请选择部门"
v-model="form.dept"
disabled
@click="showPicker()"
/>
<u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon>
</view>
</view>
<!-- 身份 -->
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center" @click="showPicker()">
<text class="wd-font-800">角色</text>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<text v-if="form.userType">{{ $dict.echoDicValue(dictMap.wx_user_type, form.userType) }}</text>
<text class="placeholder" v-else>请选择角色</text>
<u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon>
</view>
</view>
<button class="button">提交</button>
</view>
<u-picker
:show="picker.show"
:columns="picker.columns"
@cancel="closePicker"
closeOnClickOverlay
@close="closePicker"
></u-picker>
</cs-page>
</template> </template>
<script> <script>
import { getUserProfile, uploadAvatar } from '@/api/system/user.js'
import { getDictBatchByType } from '@/api/system/dict.js'
export default { export default {
data() { data() {
return { return {
form: { dictMap: {},
avatar: undefined, form: {
realName: undefined, avatar: undefined,
mobile: undefined, realName: undefined,
department: undefined mobile: undefined,
} department: undefined,
} sex: undefined
} },
picker: {
show: false,
colums: []
}
}
},
onLoad() {
this.getDict()
},
onShow() {
// this.init()
},
methods: {
showPicker() {
this.picker.show = true
},
closePicker() {
this.picker = {
show: false,
colums: []
}
},
init() {
getUserProfile().then(res => {
this.form = res.data
})
},
getDict() {
getDictBatchByType({ type: ['system_user_sex', 'wx_user_type'].join(',') }).then(res => {
this.dictMap = res.data
})
},
chooseAvatar(e) {
const data = {
name: 'avatarFile',
filePath: e.detail.avatarUrl
}
uploadAvatar(data).then(res => {
this.init()
})
}
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
height: 100%; height: 100%;
padding: 10px; padding: 10px;
position: relative; position: relative;
.section { .section {
border-radius: $cs-border-radius; border-radius: $cs-border-radius;
background: #fff; background: #fff;
box-shadow: 0 0 4px 2px $cs-shadow-color; box-shadow: 0 0 4px 2px $cs-shadow-color;
margin-bottom: $cs-gap; margin-bottom: $cs-gap;
padding: 24px; padding: 24px;
} }
.button { .button {
background-color: $uni-color-primary; background-color: $uni-color-primary;
color: #fff; color: #fff;
border-radius: 30px; border-radius: 30px;
position: fixed; position: fixed;
bottom: 30px; bottom: 30px;
right: 10px; right: 10px;
left: 10px; left: 10px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
box-sizing: border-box; box-sizing: border-box;
} }
.placeholder {
color: $uni-text-color-grey;
}
button {
padding-left: 0;
padding-right: 0;
}
.avatarBtn {
background-color: #fff;
flex: 1;
justify-content: flex-end;
&::after {
content: '';
display: none;
}
}
} }
</style> </style>

111
uni_modules/s-components/s-header/index.vue
Unescape View File

@ -1,67 +1,68 @@
<template> <template>
<view class="container"> <view class="container">
<view class="fit-content"></view> <view class="fit-content"></view>
<view class="operation" v-if="isCustom"> <view class="operation" v-if="isCustom">
<slot></slot> <slot></slot>
</view> </view>
<view class="" v-else> <view v-else>
<view class="operation" v-if="isTab"> <view class="operation" v-if="isTab">
<text class="title">{{ title }}</text> <text class="title">{{ title }}</text>
</view> </view>
<view class="operation wd-flex wd-flex-row wd-items-center" style="gap: 10px" v-else @tap="goback()"> <view class="operation wd-flex wd-flex-row wd-items-center" style="gap: 10px" v-else @tap="goback()">
<view class="icon-box"> <view class="icon-box">
<u-icon name="arrow-left" size="12"></u-icon> <u-icon name="arrow-left" size="12"></u-icon>
</view> </view>
<text class="title wd-text-16">{{ title }}</text> <text class="title wd-text-16">{{ title }}</text>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
name: 's-header', name: 's-header',
data() { data() {
return {} return {}
}, },
props: { props: {
title: String, title: String,
isTab: { isTab: {
type: Boolean, type: Boolean,
default: false default: false
}, },
isCustom: { isCustom: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
methods: { methods: {
goback() { goback() {
uni.switchTab({ uni.switchTab({
url: '/pages/owner' url: '/pages/owner'
}) })
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
background-color: #fff; background-color: #fff;
box-shadow: 0 1px 2px 1px $cs-shadow-color; box-shadow: 0 1px 2px 1px $cs-shadow-color;
.fit-content { .fit-content {
height: 8vh; height: 6vh;
} }
.operation { .operation {
padding: 5px 10px; padding: 5px 10px;
.title { padding-bottom: 15px;
color: #000; .title {
} color: #000;
.icon-box { }
padding: 5px; .icon-box {
border-radius: 50%; padding: 5px;
box-shadow: 0 0 4px 2px $cs-shadow-color; border-radius: 50%;
} box-shadow: 0 0 4px 2px $cs-shadow-color;
} }
}
} }
</style> </style>

8
utils/dict.js
Unescape View File

@ -0,0 +1,8 @@
/**
* 回显字典值
* @param {Object} dict
* @param {Object} value
*/
export function echoDicValue(dict, value) {
return dict.find(d => d.value == value.toString()).label || ''
}

2
utils/request.js
Unescape View File

@ -63,8 +63,6 @@ const request = config => {
} else if (code !== 200) { } else if (code !== 200) {
toast(msg) toast(msg)
reject(code) reject(code)
} else {
toast(msg)
} }
resolve(res.data) resolve(res.data)
}) })

80
utils/ruoyi.js
Unescape View File

@ -5,43 +5,43 @@
// 日期格式化 // 日期格式化
export function parseTime(time, pattern) { export function parseTime(time, pattern) {
if (arguments.length === 0 || !time) { if (arguments.length === 0 || !time) {
return null return null
} }
const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}' const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
let date let date
if (typeof time === 'object') { if (typeof time === 'object') {
date = time date = time
} else { } else {
if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) { if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
time = parseInt(time) time = parseInt(time)
} else if (typeof time === 'string') { } else if (typeof time === 'string') {
time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.[\d]{3}/gm),''); time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.[\d]{3}/gm), '');
} }
if ((typeof time === 'number') && (time.toString().length === 10)) { if ((typeof time === 'number') && (time.toString().length === 10)) {
time = time * 1000 time = time * 1000
} }
date = new Date(time) date = new Date(time)
} }
const formatObj = { const formatObj = {
y: date.getFullYear(), y: date.getFullYear(),
m: date.getMonth() + 1, m: date.getMonth() + 1,
d: date.getDate(), d: date.getDate(),
h: date.getHours(), h: date.getHours(),
i: date.getMinutes(), i: date.getMinutes(),
s: date.getSeconds(), s: date.getSeconds(),
a: date.getDay() a: date.getDay()
} }
const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
let value = formatObj[key] let value = formatObj[key]
// Note: getDay() returns 0 on Sunday // Note: getDay() returns 0 on Sunday
if (key === 'a') { if (key === 'a') {
return ['日', '一', '二', '三', '四', '五', '六'][value] return ['日', '一', '二', '三', '四', '五', '六'][value]
} }
if (result.length > 0 && value < 10) { if (result.length > 0 && value < 10) {
value = '0' + value value = '0' + value
} }
return value || 0 return value || 0
}) })
return time_str return time_str
} }

136
utils/upload.js
Unescape View File

@ -1,73 +1,83 @@
import store from '@/store' import store from '@/store'
import config from '@/config' import config from '@/config'
import { getAccessToken } from '@/utils/auth' import {
getAccessToken
} from '@/utils/auth'
import errorCode from '@/utils/errorCode' import errorCode from '@/utils/errorCode'
import { toast, showConfirm, tansParams } from '@/utils/common' import {
toast,
showConfirm,
tansParams
} from '@/utils/common'
let timeout = 10000 let timeout = 10000
const baseUrl = config.baseUrl const baseUrl = config.baseUrl
const upload = config => { const upload = config => {
// 是否需要设置 token // 是否需要设置 token
const isToken = (config.headers || {}).isToken === false const isToken = (config.headers || {}).isToken === false
config.header = config.header || {} config.header = config.header || {}
if (getAccessToken() && !isToken) { if (getAccessToken() && !isToken) {
config.header['Authorization'] = 'Bearer ' + getAccessToken() config.header['Authorization'] = 'Bearer ' + getAccessToken()
} }
// get请求映射params参数 // get请求映射params参数
if (config.params) { if (config.params) {
let url = config.url + '?' + tansParams(config.params) let url = config.url + '?' + tansParams(config.params)
url = url.slice(0, -1) url = url.slice(0, -1)
config.url = url config.url = url
} }
// 设置租户 TODO 芋艿：强制 1 先 // 设置租户 TODO 芋艿：强制 1 先
config.header['tenant-id'] = '1'; config.header['tenant-id'] = '1';
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
uni.uploadFile({ uni.uploadFile({
timeout: config.timeout || timeout, timeout: config.timeout || timeout,
url: baseUrl + config.url, url: baseUrl + config.url,
filePath: config.filePath, filePath: config.filePath,
name: config.name || 'file', name: config.name || 'file',
header: config.header, header: config.header,
formData: config.formData, formData: config.formData,
method: config.method || 'post', method: config.method || 'post',
success: (res) => { success: (res) => {
let result = JSON.parse(res.data) let result = JSON.parse(res.data)
const code = result.code || 200 const code = result.code || 200
const msg = errorCode[code] || result.msg || errorCode['default'] const msg = errorCode[code] || result.msg || errorCode['default']
if (code === 200) { if (code === 200) {
resolve(result) resolve(result)
} else if (code == 401) { } else if (code == 401) {
showConfirm("登录状态已过期，您可以继续留在该页面，或者重新登录?").then(res => { showConfirm("登录状态已过期，您可以继续留在该页面，或者重新登录?").then(res => {
if (res.confirm) { if (res.confirm) {
store.dispatch('LogOut').then(res => { store.dispatch('LogOut').then(res => {
uni.reLaunch({ url: '/pages/login/login' }) uni.reLaunch({
}) url: '/pages/login/login'
} })
}) })
reject('无效的会话，或者会话已过期，请重新登录。') }
} else if (code === 500) { })
toast(msg) reject('无效的会话，或者会话已过期，请重新登录。')
reject('500') } else if (code === 500) {
} else if (code !== 200) { toast(msg)
toast(msg) reject('500')
reject(code) } else if (code !== 200) {
} toast(msg)
}, reject(code)
fail: (error) => { }
let { message } = error },
if (message == 'Network Error') { fail: (error) => {
message = '后端接口连接异常' let {
} else if (message.includes('timeout')) { message
message = '系统接口请求超时' } = error
} else if (message.includes('Request failed with status code')) { if (message == 'Network Error') {
message = '系统接口' + message.substr(message.length - 3) + '异常' message = '后端接口连接异常'
} } else if (message.includes('timeout')) {
toast(message) message = '系统接口请求超时'
reject(error) } else if (message.includes('Request failed with status code')) {
} message = '系统接口' + message.substr(message.length - 3) + '异常'
}) }
}) toast(message)
reject(error)
}
})
})
} }
export default upload export default upload
Write Preview
Loading…
Cancel
Save