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

编辑企业信息

master
爱~海~爱海爱海~右 2 months ago
parent
6afaaae3bc
commit
161bd283ed
16 changed files with 417 additions and 245 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. 10
      api/system/dict.js
  2. 80
      components/cs-page/index.vue
  3. 3
      main.js
  4. 4
      pages.json
  5. 23
      pages/login.vue
  6. 211
      pages/owner.vue
  7. 12
      static/scss/index.scss
  8. 14
      store/getters.js
  9. 24
      store/modules/user.js
  10. 169
      sub/owner/edit.vue
  11. 11
      uni_modules/s-components/s-header/index.vue
  12. 14
      utils/constant.js
  13. 33
      utils/dict.js
  14. 6
      utils/request.js
  15. 42
      utils/storage.js
  16. 6
      utils/upload.js

10
api/system/dict.js
Unescape View File

@ -9,4 +9,14 @@ export function getDictBatchByType(params) {
method: 'GET', method: 'GET',
params params
}) })
}
/**
* 获取部门树
*/
export function getDeptTree() {
return request({
url: `/system/dept/list-all-simple`,
method: 'GET'
})
} }

80
components/cs-page/index.vue
Unescape View File

@ -1,52 +1,52 @@
<template> <template>
<view class="container"> <view class="container">
<s-header :title="title" :isTab="isTab" :isCustom="isCustom"> <s-header :title="title" :isTab="isTab" :isCustom="isCustom" @goback="$emit('goback')">
<slot name="header"></slot> <slot name="header"></slot>
</s-header> </s-header>
<view class="view"> <view class="view">
<view class="inner"> <view class="inner">
<slot></slot> <slot></slot>
</view> </view>
</view> </view>
<s-tabber v-if="isTab" :selected="selected" /> <s-tabber v-if="isTab" :selected="selected" />
</view> </view>
</template> </template>
<script> <script>
export default { export default {
name: 'cs-page', name: 'cs-page',
props: { props: {
selected: Number, selected: Number,
title: String, title: String,
isTab: { isTab: {
type: Boolean, type: Boolean,
default: false default: false
}, },
isCustom: { isCustom: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
data() { data() {
return {} return {}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
display: grid; display: grid;
.view { .view {
position: relative; position: relative;
.inner { .inner {
position: absolute; position: absolute;
inset: 0; inset: 0;
} }
} }
} }
</style> </style>

3
main.js
Unescape View File

@ -6,7 +6,8 @@ import './permission' // permission
import * as dict from '@/utils/dict.js' import * as dict from '@/utils/dict.js'
// 引入uView // 引入uView
import uView from '@/uni_modules/uview-ui' import uView from '@/uni_modules/uview-ui'
// import mpShare from '@/uni_modules/uview-ui/libs/mixin/mpShare.js'
// Vue.mixin(mpShare)
// 挂载全局对象 // 挂载全局对象
Vue.use(plugins).use(uView) Vue.use(plugins).use(uView)

4
pages.json
Unescape View File

@ -47,6 +47,10 @@
"root": "sub", "root": "sub",
"pages": [{ "pages": [{
"path": "owner/edit" "path": "owner/edit"
}, {
"path": "owner/invite"
}, {
"path": "enterprise/edit"
}] }]
}], }],
"tabBar": { "tabBar": {

23
pages/login.vue
Unescape View File

@ -16,9 +16,12 @@
export default { export default {
name: 'Login', name: 'Login',
data() { data() {
return {} return {
invateId: ''
}
}, },
onLoad() { onLoad(res) {
this.invateId = res.invateId
this.init() this.init()
}, },
methods: { methods: {
@ -42,15 +45,21 @@ export default {
this.$store.dispatch('GetInfo').then(res => { this.$store.dispatch('GetInfo').then(res => {
const { data } = res const { data } = res
const { user } = data const { user } = data
if (user.mobile) { if (this.invateId) {
uni.navigateTo({
url: `/sub/enterprise/edit?invateId=${this.invateId}`
})
return
}
if (user.audit) {
uni.switchTab({ uni.switchTab({
url: '/pages/index' url: '/pages/index'
}) })
} else { return
uni.navigateTo({
url: '/sub/owner/edit'
})
} }
uni.navigateTo({
url: '/sub/owner/edit'
})
}) })
} }
} }

211
pages/owner.vue
Unescape View File

@ -1,106 +1,133 @@
<template> <template>
<cs-page :selected="4" isTab isCustom> <cs-page :selected="4" isTab isCustom>
<template #header> <template #header>
<view class="header"> <view class="header">
<u--image src="/static/favicon.png" width="20px" height="20px" mode="aspectFit"></u--image> <u--image src="/static/favicon.png" width="20px" height="20px" mode="aspectFit"></u--image>
<view class="title">个人中心</view> <view class="title">个人中心</view>
</view> </view>
</template> </template>
<scroll-view class="owner-container" scroll-y> <scroll-view class="owner-container" scroll-y>
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center" @tap="edit"> <view class="section wd-flex wd-flex-row wd-justify-between wd-items-center" @tap="edit">
<view class="wd-flex wd-flex-col" style="gap: 4px"> <view class="wd-flex wd-flex-col" style="gap: 4px">
<view class="wd-flex wd-flex-row" style="gap: 8px"> <view class="wd-flex wd-flex-row" style="gap: 8px">
<text class="wd-font-800">姓名</text> <text class="wd-font-800">{{ user.realName }}</text>
<u-tag text="部门" shape="circle" bgColor="#000" borderColor="#000" size="mini"></u-tag> <u-tag :text="user.dept.name" shape="circle" bgColor="#000" borderColor="#000" size="mini"></u-tag>
</view> </view>
<view class="">手机号</view> <view class="moblie">{{ user.mobile }}</view>
</view> </view>
<view class="wd-flex wd-flex-row" style="gap: 10px"> <view class="wd-flex wd-flex-row" style="gap: 10px">
<u-avatar src="/static/images/avatar.jpg"></u-avatar> <u-avatar :src="user.avatar"></u-avatar>
<u-icon name="arrow-right"></u-icon> <u-icon name="arrow-right"></u-icon>
</view> </view>
</view> </view>
<view class="section wd-flex wd-flex-row wd-justify-between"> <view class="section wd-flex wd-flex-row wd-justify-between">
<view class="wd-flex wd-flex-row" style="gap: 8px"> <view class="wd-flex wd-flex-row" style="gap: 8px">
<u--image src="/static/images/owner/message.png" width="20px" height="20px" mode="aspectFit"></u--image> <u--image src="/static/images/owner/message.png" width="20px" height="20px" mode="aspectFit"></u--image>
<text class="wd-font-800">消息通知</text> <text class="wd-font-800">消息通知</text>
</view> </view>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> <view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<u-count-to :startVal="30" :endVal="500" fontSize="14px" separator=","></u-count-to> <u-count-to :startVal="30" :endVal="500" fontSize="14px" separator=","></u-count-to>
<u-icon name="arrow-right"></u-icon> <u-icon name="arrow-right"></u-icon>
</view> </view>
</view> </view>
<view class="section wd-flex wd-flex-row wd-justify-between"> <view class="section wd-flex wd-flex-row wd-justify-between">
<view class="wd-flex wd-flex-row" style="gap: 8px"> <view class="wd-flex wd-flex-row" style="gap: 8px">
<u--image src="/static/images/owner/edit.png" width="20px" height="20px" mode="aspectFit"></u--image> <u--image src="/static/images/owner/edit.png" width="20px" height="20px" mode="aspectFit"></u--image>
<text class="wd-font-800">执法记录</text> <text class="wd-font-800">执法记录</text>
</view> </view>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> <view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<u-count-to :startVal="30" :endVal="500" fontSize="14px" separator=","></u-count-to> <u-count-to :startVal="30" :endVal="500" fontSize="14px" separator=","></u-count-to>
<u-icon name="arrow-right"></u-icon> <u-icon name="arrow-right"></u-icon>
</view> </view>
</view> </view>
<view class="section wd-flex wd-flex-row wd-justify-between"> <view class="section wd-flex wd-flex-row wd-justify-between">
<view class="wd-flex wd-flex-row" style="gap: 8px"> <view class="wd-flex wd-flex-row" style="gap: 8px">
<u--image src="/static/images/owner/list.png" width="20px" height="20px" mode="aspectFit"></u--image> <u--image src="/static/images/owner/list.png" width="20px" height="20px" mode="aspectFit"></u--image>
<text class="wd-font-800">政策法规</text> <text class="wd-font-800">政策法规</text>
</view> </view>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> <view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<u-count-to :startVal="30" :endVal="500" fontSize="14px" separator=","></u-count-to> <u-count-to :startVal="30" :endVal="500" fontSize="14px" separator=","></u-count-to>
<u-icon name="arrow-right"></u-icon> <u-icon name="arrow-right"></u-icon>
</view> </view>
</view> </view>
<view class="section wd-flex wd-flex-row wd-justify-between"> <view class="section wd-flex wd-flex-row wd-justify-between" @click="invite">
<view class="wd-flex wd-flex-row" style="gap: 8px"> <view class="wd-flex wd-flex-row" style="gap: 8px">
<u--image src="/static/images/owner/phone.png" width="20px" height="20px" mode="aspectFit"></u--image> <u--image src="/static/images/owner/phone.png" width="20px" height="20px" mode="aspectFit"></u--image>
<text class="wd-font-800">内部专线</text> <text class="wd-font-800">企业入驻</text>
</view> </view>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> <view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<text>点击呼叫</text> <u-icon name="arrow-right"></u-icon>
<u-icon name="arrow-right"></u-icon> </view>
</view> </view>
</view> <view class="section wd-flex wd-flex-row wd-justify-between">
</scroll-view> <view class="wd-flex wd-flex-row" style="gap: 8px">
</cs-page> <u--image src="/static/images/owner/phone.png" width="20px" height="20px" mode="aspectFit"></u--image>
<text class="wd-font-800">内部专线</text>
</view>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<text>点击呼叫</text>
<u-icon name="arrow-right"></u-icon>
</view>
</view>
</scroll-view>
</cs-page>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex'
import { getUserProfile } from '@/api/system/user.js'
export default { export default {
data() { data() {
return {} return {
}, user: {}
methods: { }
edit() { },
uni.navigateTo({ computed: {},
url: '/sub/owner/edit', onShow() {
fail: (err) => { this.init()
console.log(err) },
} methods: {
}) init() {
} getUserProfile().then(res => {
} this.user = res.data
})
},
edit() {
uni.navigateTo({
url: '/sub/owner/edit'
})
},
invite() {
uni.navigateTo({
url: '/sub/owner/invite'
})
}
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.header { .header {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
gap: 10px; gap: 10px;
align-items: center; align-items: center;
.title { .title {
font-size: 16px; font-size: 16px;
} }
} }
.owner-container { .owner-container {
padding: 10px; padding: 10px;
height: 100%; height: 100%;
.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;
} }
.moblie {
color: $uni-text-color-grey;
}
} }
</style> </style>

12
static/scss/index.scss
Unescape View File

@ -1,6 +1,12 @@
// global // global
@import "./global.scss"; @import './global.scss';
// color-ui // color-ui
@import "@/static/scss/colorui.css"; @import '@/static/scss/colorui.css';
// iconfont // iconfont
@import "@/static/font/iconfont.css"; @import '@/static/font/iconfont.css';
.icon-box {
padding: 5px;
border-radius: 50%;
box-shadow: 0 0 4px 2px $cs-shadow-color;
}

14
store/getters.js
Unescape View File

@ -1,8 +1,10 @@
const getters = { const getters = {
token: state => state.user.token, token: state => state.user.token,
avatar: state => state.user.avatar, avatar: state => state.user.avatar,
name: state => state.user.name, name: state => state.user.name,
roles: state => state.user.roles, roles: state => state.user.roles,
permissions: state => state.user.permissions permissions: state => state.user.permissions,
userId: state => state.user.id,
phone: state => state.user.phone
} }
export default getters export default getters

24
store/modules/user.js
Unescape View File

@ -15,16 +15,25 @@ const baseUrl = config.baseUrl
const user = { const user = {
state: { state: {
id: 0, // 用户编号 id: storage.get(constant.userId),
name: storage.get(constant.name), name: storage.get(constant.name),
avatar: storage.get(constant.avatar), avatar: storage.get(constant.avatar),
phone: storage.get(constant.phone),
roles: storage.get(constant.roles), roles: storage.get(constant.roles),
permissions: storage.get(constant.permissions) permissions: storage.get(constant.permissions)
}, },
mutations: { mutations: {
SET_ID: (state, id) => { SET_ID: (state, id) => {
state.id = id state.id = id
storage.set(constant.userId, id)
},
SET_NAME: (state, name) => {
state.name = name
storage.set(constant.name, name)
},
SET_PHONE: (state, phone) => {
state.phone = phone
storage.set(constant.phone, phone)
}, },
SET_AVATAR: (state, avatar) => { SET_AVATAR: (state, avatar) => {
state.avatar = avatar state.avatar = avatar
@ -39,7 +48,6 @@ const user = {
storage.set(constant.permissions, permissions) storage.set(constant.permissions, permissions)
} }
}, },
actions: { actions: {
// 登录 // 登录
Login({ Login({
@ -67,16 +75,16 @@ const user = {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
getInfo().then(res => { getInfo().then(res => {
const user = res.data.user const user = res.data.user
const avatar = (user == null || user.avatar === "" || user.avatar == null) ? require(
"@/static/images/avatar.jpg") : user.avatar
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_ID', res.data.user.id) commit('SET_ID', user.id)
commit('SET_AVATAR', avatar) commit('SET_AVATAR', user.avatar)
commit('SET_NAME', user.name)
commit('SET_PHONE', user.mobile)
resolve(res) resolve(res)
}).catch(error => { }).catch(error => {
reject(error) reject(error)
@ -104,4 +112,6 @@ const user = {
} }
} }
export default user export default user

169
sub/owner/edit.vue
Unescape View File

@ -1,8 +1,10 @@
<template> <template>
<cs-page isCustom> <cs-page isCustom>
<template #header> <template #header>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> <view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px" @click="goBack">
<u-icon name="arrow-left" v-if="form.mobile"></u-icon> <view class="icon-box" v-if="form.audit">
<u-icon name="arrow-left" size="12"></u-icon>
</view>
<text class="wd-font-800 wd-text-16">编辑个人信息</text> <text class="wd-font-800 wd-text-16">编辑个人信息</text>
</view> </view>
</template> </template>
@ -36,18 +38,14 @@
</view> </view>
</view> </view>
<!-- 用户性别 --> <!-- 用户性别 -->
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center"> <view
class="section wd-flex wd-flex-row wd-justify-between wd-items-center"
@click="showPicker('system_user_sex', 'sex')"
>
<text class="wd-font-800">性别</text> <text class="wd-font-800">性别</text>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> <view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<input <text v-if="form.sex">{{ $dict.echoDicValue(dictMap.system_user_sex, form.sex.toString()) }}</text>
class="wd-text-right" <text class="placeholder" v-else>请选择性别</text>
type="number"
placeholder-class="txt"
placeholder="请选择性别"
v-model="form.sex"
disabled
@click="showPicker()"
/>
<u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon> <u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon>
</view> </view>
</view> </view>
@ -66,76 +64,75 @@
</view> </view>
</view> </view>
<!-- 所属部门 --> <!-- 所属部门 -->
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center"> <view
class="section wd-flex wd-flex-row wd-justify-between wd-items-center"
@click="showPicker('dept', 'deptId')"
>
<text class="wd-font-800">部门</text> <text class="wd-font-800">部门</text>
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px"> <view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
<input <text v-if="form.deptId">{{ $dict.echoDicValue(dictMap.dept, form.deptId) }}</text>
class="wd-text-right" <text class="placeholder" v-else>请选择部门</text>
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> <u-icon name="arrow-right" color="#99A1B7" size="16"></u-icon>
</view> </view>
</view> </view>
<button class="button">提交</button> <button class="button" v-if="form.audit == 1">
{{ $dict.echoDicValue(dictMap.user_audit_type, form.audit) }}
</button>
<button class="button" @click="submit" v-else>提交</button>
</view> </view>
<u-picker <u-picker
:show="picker.show" :show="picker.show"
:columns="picker.columns" :columns="picker.data"
@cancel="closePicker" @cancel="closePicker"
closeOnClickOverlay closeOnClickOverlay
keyName="label"
ref="uPicker"
@close="closePicker" @close="closePicker"
@confirm="confirmPicker"
></u-picker> ></u-picker>
</cs-page> </cs-page>
</template> </template>
<script> <script>
import { getUserProfile, uploadAvatar } from '@/api/system/user.js' import { getUserProfile, updateUserProfile } from '@/api/system/user.js'
import { getDictBatchByType } from '@/api/system/dict.js' import { uploadFile } from '@/api/system/file.js'
import { getDictBatchByType, getDeptTree } from '@/api/system/dict.js'
export default { export default {
data() { data() {
return { return {
dictMap: {}, dictMap: {},
deptTree: [],
form: { form: {
avatar: undefined, avatar: undefined,
realName: undefined, realName: undefined,
mobile: undefined, mobile: undefined,
department: undefined, deptId: undefined,
sex: undefined sex: undefined
}, },
picker: { picker: {
show: false, show: false,
colums: [] key: '',
data: []
} }
} }
}, },
onLoad() { async onLoad() {
this.getDict() await this.getDict()
}, },
onShow() { onShow() {
// this.init() this.init()
}, },
methods: { methods: {
showPicker() { showPicker(type, key) {
this.picker.data.push(this.dictMap[type])
this.picker.key = key
this.picker.show = true this.picker.show = true
}, },
closePicker() { closePicker() {
this.picker = { this.picker = {
show: false, show: false,
colums: [] key: '',
data: []
} }
}, },
init() { init() {
@ -143,19 +140,93 @@ export default {
this.form = res.data this.form = res.data
}) })
}, },
getDict() { async getDict() {
getDictBatchByType({ type: ['system_user_sex', 'wx_user_type'].join(',') }).then(res => { const dict = await getDictBatchByType({ type: ['system_user_sex', 'user_audit_type'].join(',') })
this.dictMap = res.data
}) const dept = await getDeptTree()
this.dictMap = {
...dict.data,
dept: dept.data.map(i => {
return {
...i,
label: i.name,
value: i.id
}
})
}
}, },
chooseAvatar(e) { chooseAvatar(e) {
const data = { const data = {
name: 'avatarFile', name: 'file',
filePath: e.detail.avatarUrl filePath: e.detail.avatarUrl
} }
uploadAvatar(data).then(res => { uploadFile(data).then(res => {
this.init() this.form.avatar = res.data
})
},
validateForm() {
const requiredFields = [
{
key: 'avatar',
message: '请上传头像'
},
{
key: 'realName',
message: '真实姓名不能为空'
},
{
key: 'sex',
message: '请选择性别'
},
{
key: 'mobile',
message: '手机号码不能为空'
},
{
key: 'deptId',
message: '请选择所属部门'
}
]
for (const field of requiredFields) {
if (!this.form[field.key]) {
uni.showToast({
title: field.message,
icon: 'none'
})
return false
}
}
const mobilePattern = /^1[3-9]\d{9}$/ // 中国手机号正则表达式
if (!mobilePattern.test(this.form.mobile)) {
uni.showToast({
title: '请输入有效的手机号',
icon: 'none'
})
return false
}
return true
},
submit() {
if (!this.validateForm()) return
updateUserProfile(this.form).then(res => {
console.log(res)
}) })
},
confirmPicker(e) {
const { value } = e
this.form[this.picker.key] = value[0].value
this.closePicker()
},
goBack() {
if (this.form.audit) {
uni.switchTab({
url: '/pages/owner'
})
}
} }
} }
} }

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

@ -8,11 +8,11 @@
<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 wd-font-800">{{ title }}</text>
</view> </view>
</view> </view>
</view> </view>
@ -37,9 +37,7 @@ export default {
}, },
methods: { methods: {
goback() { goback() {
uni.switchTab({ this.$emit('goback')
url: '/pages/owner'
})
} }
} }
} }
@ -53,8 +51,7 @@ export default {
height: 6vh; height: 6vh;
} }
.operation { .operation {
padding: 5px 10px; padding: 10px;
padding-bottom: 15px;
.title { .title {
color: #000; color: #000;
} }

14
utils/constant.js
Unescape View File

@ -1,8 +1,10 @@
const constant = { const constant = {
avatar: 'vuex_avatar', avatar: 'vuex_avatar',
name: 'vuex_name', name: 'vuex_name',
roles: 'vuex_roles', roles: 'vuex_roles',
permissions: 'vuex_permissions' permissions: 'vuex_permissions',
} userId: 'vuex_userId',
phone: 'vuex_phone'
}
export default constant export default constant

33
utils/dict.js
Unescape View File

@ -4,5 +4,36 @@
* @param {Object} value * @param {Object} value
*/ */
export function echoDicValue(dict, value) { export function echoDicValue(dict, value) {
return dict.find(d => d.value == value.toString()).label || '' return dict.find(d => d.value == value).label || ''
}
/**
* 构造树型结构数据
*
* @param {*} data 数据源
* @param {*} id id字段 默认 'id'
* @param {*} parentId 父节点字段 默认 'parentId'
* @param {*} children 孩子节点字段 默认 'children'
* @param {*} rootId 根Id 默认 0
*/
export function handleTree(
data,
id = 'id',
parentId = 'parentId',
children = 'children',
rootId = 0,
) {
// 对源数据深度克隆
const cloneData = JSON.parse(JSON.stringify(data));
// 循环所有项
const treeData = cloneData.filter((father) => {
let branchArr = cloneData.filter((child) => {
//返回每一项的子级数组
return father[id] === child[parentId];
});
branchArr.length > 0 ? (father.children = branchArr) : '';
//返回第一层
return father[parentId] === rootId;
});
return treeData !== '' ? treeData : data;
} }

6
utils/request.js
Unescape View File

@ -1,7 +1,7 @@
import store from '@/store' import store from '@/store'
import config from '@/config' import config from '@/config'
import { import {
getAccessToken getRefreshToken
} from '@/utils/auth' } from '@/utils/auth'
import errorCode from '@/utils/errorCode' import errorCode from '@/utils/errorCode'
import { import {
@ -17,8 +17,8 @@ const request = 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 (getRefreshToken() && !isToken) {
config.header['Authorization'] = 'Bearer ' + getAccessToken() config.header['Authorization'] = 'Bearer ' + getRefreshToken()
} }
// 设置租户 TODO 芋艿：强制 1 先 // 设置租户 TODO 芋艿：强制 1 先
config.header['tenant-id'] = '1'; config.header['tenant-id'] = '1';

42
utils/storage.js
Unescape View File

@ -4,30 +4,32 @@ import constant from './constant'
let storageKey = 'storage_data' let storageKey = 'storage_data'
// 存储节点变量名 // 存储节点变量名
let storageNodeKeys = [constant.avatar, constant.name, constant.roles, constant.permissions] let storageNodeKeys = [constant.avatar, constant.roles, constant.permissions, constant.userId, constant
.name, constant.phone
]
// 存储的数据 // 存储的数据
let storageData = uni.getStorageSync(storageKey) || {} let storageData = uni.getStorageSync(storageKey) || {}
const storage = { const storage = {
set: function(key, value) { set: function(key, value) {
if (storageNodeKeys.indexOf(key) != -1) { if (storageNodeKeys.indexOf(key) != -1) {
let tmp = uni.getStorageSync(storageKey) let tmp = uni.getStorageSync(storageKey)
tmp = tmp ? tmp : {} tmp = tmp ? tmp : {}
tmp[key] = value tmp[key] = value
uni.setStorageSync(storageKey, tmp) uni.setStorageSync(storageKey, tmp)
} }
}, },
get: function(key) { get: function(key) {
return storageData[key] || "" return storageData[key] || ""
}, },
remove: function(key) { remove: function(key) {
delete storageData[key] delete storageData[key]
uni.setStorageSync(storageKey, storageData) uni.setStorageSync(storageKey, storageData)
}, },
clean: function() { clean: function() {
uni.removeStorageSync(storageKey) uni.removeStorageSync(storageKey)
} }
} }
export default storage export default storage

6
utils/upload.js
Unescape View File

@ -1,7 +1,7 @@
import store from '@/store' import store from '@/store'
import config from '@/config' import config from '@/config'
import { import {
getAccessToken getRefreshToken
} from '@/utils/auth' } from '@/utils/auth'
import errorCode from '@/utils/errorCode' import errorCode from '@/utils/errorCode'
import { import {
@ -17,8 +17,8 @@ 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 (getRefreshToken() && !isToken) {
config.header['Authorization'] = 'Bearer ' + getAccessToken() config.header['Authorization'] = 'Bearer ' + getRefreshToken()
} }
// get请求映射params参数 // get请求映射params参数
if (config.params) { if (config.params) {

Write Preview
Loading…
Cancel
Save