Skip to content

M
mocp-uniapp
Commit 0561260c by pangchong
Options

feat: 调整

parent 08b7c520
Showing with 937 additions and 346 deletions
jsconfig.json 0 → 100644
{
"compilerOptions": {
"sourceMap": true,
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
},
"lib": ["esnext", "dom"],
"types": [
"@dcloudio/types",
"@uni-helper/uni-app-types",
"@uni-helper/uni-ui-types"
]
}
}
\ No newline at end of file
package-lock.json
......@@ -35,6 +35,8 @@
"@dcloudio/uni-cli-shared": "3.0.0-4010520240507001",
"@dcloudio/uni-stacktracey": "3.0.0-4010520240507001",
"@dcloudio/vite-plugin-uni": "3.0.0-4010520240507001",
"@uni-helper/uni-app-types": "^0.5.13",
"@uni-helper/uni-ui-types": "^0.5.14",
"@vue/runtime-core": "^3.4.21",
"sass": "^1.77.1",
"sass-loader": "^14.2.1",
......@@ -4305,6 +4307,45 @@
"dev": true,
"peer": true
},
"node_modules/@uni-helper/uni-app-types": {
"version": "0.5.13",
"resolved": "https://registry.npmmirror.com/@uni-helper/uni-app-types/-/uni-app-types-0.5.13.tgz",
"integrity": "sha512-NIKHv9Zof7sxsznjH+LRB2VM8ncEyfpkwRVLm7u2N1X3e1RFWvABH+bttfu+d8FIP6JzksBNOQwsyZjDnLN0fw==",
"dev": true,
"dependencies": {
"@dcloudio/types": "^3.4.8",
"vue3": "npm:vue@^3.4.26"
},
"engines": {
"node": ">=14.18"
},
"peerDependencies": {
"typescript": "^4.8.0 || ^5.0.0"
}
},
"node_modules/@uni-helper/uni-ui-types": {
"version": "0.5.14",
"resolved": "https://registry.npmmirror.com/@uni-helper/uni-ui-types/-/uni-ui-types-0.5.14.tgz",
"integrity": "sha512-bU0lE0iU4PHczzcAMW5L8LbmPWf1kAlpfDQzYeOq6pcsfgdgcosisSK/9jjrmWlDk02XWyQL9NMhmSjfK9X0CA==",
"dev": true,
"dependencies": {
"@dcloudio/types": "^3.4.8",
"@uni-helper/uni-app-types": "^0.5.13",
"vue3": "npm:vue@^3.4.27"
},
"engines": {
"node": ">=14.18"
},
"peerDependencies": {
"@uni-helper/uni-app-types": "^0.5.13",
"typescript": "^4.8.0 || ^5.0.0"
},
"peerDependenciesMeta": {
"@uni-helper/uni-app-types": {
"optional": true
}
}
},
"node_modules/@vitejs/plugin-legacy": {
"version": "5.4.0",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-legacy/-/plugin-legacy-5.4.0.tgz",
......@@ -10917,6 +10958,20 @@
"is-typedarray": "^1.0.0"
}
},
"node_modules/typescript": {
"version": "5.4.5",
"resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.4.5.tgz",
"integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
"devOptional": true,
"peer": true,
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
},
"engines": {
"node": ">=14.17"
}
},
"node_modules/ufo": {
"version": "1.5.3",
"resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.3.tgz",
......@@ -11350,6 +11405,130 @@
"vue": "^3.2.0"
}
},
"node_modules/vue3": {
"name": "vue",
"version": "3.4.27",
"resolved": "https://registry.npmmirror.com/vue/-/vue-3.4.27.tgz",
"integrity": "sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==",
"dev": true,
"dependencies": {
"@vue/compiler-dom": "3.4.27",
"@vue/compiler-sfc": "3.4.27",
"@vue/runtime-dom": "3.4.27",
"@vue/server-renderer": "3.4.27",
"@vue/shared": "3.4.27"
},
"peerDependencies": {
"typescript": "*"
},
"peerDependenciesMeta": {
"typescript": {
"optional": true
}
}
},
"node_modules/vue3/node_modules/@vue/compiler-core": {
"version": "3.4.27",
"resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.4.27.tgz",
"integrity": "sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==",
"dev": true,
"dependencies": {
"@babel/parser": "^7.24.4",
"@vue/shared": "3.4.27",
"entities": "^4.5.0",
"estree-walker": "^2.0.2",
"source-map-js": "^1.2.0"
}
},
"node_modules/vue3/node_modules/@vue/compiler-dom": {
"version": "3.4.27",
"resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.4.27.tgz",
"integrity": "sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==",
"dev": true,
"dependencies": {
"@vue/compiler-core": "3.4.27",
"@vue/shared": "3.4.27"
}
},
"node_modules/vue3/node_modules/@vue/compiler-sfc": {
"version": "3.4.27",
"resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.4.27.tgz",
"integrity": "sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==",
"dev": true,
"dependencies": {
"@babel/parser": "^7.24.4",
"@vue/compiler-core": "3.4.27",
"@vue/compiler-dom": "3.4.27",
"@vue/compiler-ssr": "3.4.27",
"@vue/shared": "3.4.27",
"estree-walker": "^2.0.2",
"magic-string": "^0.30.10",
"postcss": "^8.4.38",
"source-map-js": "^1.2.0"
}
},
"node_modules/vue3/node_modules/@vue/compiler-ssr": {
"version": "3.4.27",
"resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.4.27.tgz",
"integrity": "sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==",
"dev": true,
"dependencies": {
"@vue/compiler-dom": "3.4.27",
"@vue/shared": "3.4.27"
}
},
"node_modules/vue3/node_modules/@vue/runtime-dom": {
"version": "3.4.27",
"resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.4.27.tgz",
"integrity": "sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==",
"dev": true,
"dependencies": {
"@vue/runtime-core": "3.4.27",
"@vue/shared": "3.4.27",
"csstype": "^3.1.3"
}
},
"node_modules/vue3/node_modules/@vue/server-renderer": {
"version": "3.4.27",
"resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.4.27.tgz",
"integrity": "sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==",
"dev": true,
"dependencies": {
"@vue/compiler-ssr": "3.4.27",
"@vue/shared": "3.4.27"
},
"peerDependencies": {
"vue": "3.4.27"
}
},
"node_modules/vue3/node_modules/@vue/shared": {
"version": "3.4.27",
"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.4.27.tgz",
"integrity": "sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA==",
"dev": true
},
"node_modules/vue3/node_modules/vue": {
"version": "3.4.27",
"resolved": "https://registry.npmmirror.com/vue/-/vue-3.4.27.tgz",
"integrity": "sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==",
"dev": true,
"peer": true,
"dependencies": {
"@vue/compiler-dom": "3.4.27",
"@vue/compiler-sfc": "3.4.27",
"@vue/runtime-dom": "3.4.27",
"@vue/server-renderer": "3.4.27",
"@vue/shared": "3.4.27"
},
"peerDependencies": {
"typescript": "*"
},
"peerDependenciesMeta": {
"typescript": {
"optional": true
}
}
},
"node_modules/w3c-hr-time": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
......
package.json
......@@ -67,6 +67,8 @@
"@dcloudio/uni-cli-shared": "3.0.0-4010520240507001",
"@dcloudio/uni-stacktracey": "3.0.0-4010520240507001",
"@dcloudio/vite-plugin-uni": "3.0.0-4010520240507001",
"@uni-helper/uni-app-types": "^0.5.13",
"@uni-helper/uni-ui-types": "^0.5.14",
"@vue/runtime-core": "^3.4.21",
"sass": "^1.77.1",
"sass-loader": "^14.2.1",
......
src/App.vue
<script>
import useUserStore from '@/store/modules/user'
import useUserStore from '@/store/user'
export default {
onLaunch: function () {
console.log('App Launch')
......
src/api/appraisal-record.js 0 → 100644
import { http } from '@/utils/http'
export const getRqmListApi = (data, config) => {
return http({
method: 'POST',
url: '/RepairControl/getRqmList',
data,
config
})
}
export const getRqmOptionsApi = (data, config) => {
return http({
method: 'POST',
url: '/RepairControl/getRqmOptions',
data,
config
})
}
\ No newline at end of file
src/components/global-form-item/global-form-item.vue 0 → 100644
<template>
<view class="uni-form-item" :class="{ labelTop: labelPosition == 'top' }">
<view class="uni-form-item-label" :style="{ width: labelWidth ? labelWidth + 'rpx' : 'auto', color: labelColor }">
<uni-icons v-if="required" class="required-icon" name="required-icon" color="#f00"></uni-icons>
{{ label }}
<text v-if="must" class="must-icon">*</text>
</view>
<view class="uni-form-item-body">
<view class="uni-form-item-content">
<slot></slot>
</view>
<uni-icons v-if="arrow" :name="arrowName" :color="arrowColor" :size="35"></uni-icons>
</view>
</view>
</template>
<script setup>
const ps = defineProps({
labelWidth: {
type: Number,
default: 0
},
label: {
type: String,
default: ''
},
labelPosition: {
type: String,
default: 'left'
},
arrow: {
type: Boolean,
default: false
},
arrowName: {
type: String,
default: 'icon-arrow-right'
},
labelColor: {
type: String,
default: '#1D2129'
},
arrowColor: {
type: String,
default: '#999'
},
required: {
type: Boolean,
default: false
},
must: {
type: Boolean,
default: false
},
disabled: {
type: Boolean,
default: false
}
})
</script>
<style lang="scss" scoped>
.uni-form-item {
display: flex;
border-bottom: 2rpx solid #f4f4f4;
background: #fff;
padding: 24rpx 32rpx;
font-size: 28rpx;
&.labelTop {
flex-direction: column;
.uni-form-item-content {
margin-top: 8rpx;
}
}
&-label {
font-size: 28rpx;
margin-right: 20rpx;
min-width: 20%;
max-width: 60%;
.required-icon {
width: 28rpx;
}
.must-icon {
color: red;
position: relative;
bottom: -3rpx;
}
}
&-body {
flex: auto;
overflow: hidden;
display: flex;
font-size: 28rpx;
color: #4e5969;
align-items: center;
}
&-content {
flex: auto;
display: flex;
overflow: hidden;
justify-content: flex-end;
font-size: 28rpx;
:deep(textarea) {
height: 80rpx;
width: 100%;
}
:deep(.input-placeholder),
:deep(.uni-input-input),
:deep(input) {
flex: auto;
text-align: right;
font-size: 28rpx;
}
}
}
</style>
src/components/global-page-swiper-item/global-page-swiper-item.vue
<template>
<view class="content">
<z-paging
:auto="auto"
:refresher-enabled="refresherEnabled"
:refresher-threshold="refresherThreshold"
:auto-show-back-to-top="autoShowBackToTop"
......@@ -31,7 +32,16 @@ const firstLoaded = ref(false)
// 是否滚动到当前页
const isCurrentPage = ref(false)
const props = defineProps({
const ps = defineProps({
//是否自动加载
auto: {
type: Boolean,
default: false
},
tabValue: {
type: [Number, String],
default: 0
},
tabIndex: {
type: Number,
default: 0
......@@ -40,6 +50,16 @@ const props = defineProps({
type: Number,
default: 0
},
//tab数据搜索字段
tabValueField: {
type: String,
default: 'status'
},
//查询接口
api: {
type: Function,
default: null
},
//是否开启下拉刷新
refresherEnabled: {
type: Boolean,
......@@ -65,9 +85,9 @@ const props = defineProps({
})
watch(
() => props.currentIndex,
() => ps.currentIndex,
(newVal) => {
if (newVal === props.tabIndex) {
if (newVal === ps.tabIndex) {
// 懒加载，当滑动到当前的item时，才去加载
if (!firstLoaded.value) {
// 这里需要延迟渲染z-paging的原因是为了避免在一些平台上立即渲染可能引发的底层报错问题
......@@ -82,14 +102,31 @@ watch(
}
)
const queryList = (pageNo, pageSize) => {
const queryList = (pageIndex, pageSize) => {
if (!dataList.value.length) {
paging.value?.complete(dataList.value)
}
setTimeout(() => {
paging.value?.complete([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12])
const params = {
pageIndex,
pageSize,
[ps.tabValueField]: ps.tabValue
}
if (Object.prototype.toString.call(ps.api) == '[object Function]') {
ps.api(params, { loading: true })
.then((res) => {
if (res.code == 200) {
paging.value?.complete(res.list || [])
firstLoaded.value = true
}, 500)
} else {
uni.$message.showToast(res.message)
}
})
.catch(() => {
paging.value?.complete(false)
})
} else {
paging.value?.complete(false)
}
}
</script>
......
src/components/global-page-swiper/global-page-swiper.vue
......@@ -10,15 +10,19 @@
</template>
</global-navbar>
<!-- tab切换 -->
<z-tabs ref="tabs" :list="tabList" :current="current" @change="tabsChange"></z-tabs>
<z-tabs ref="tabs" :list="tabList" :current="current" @change="tabsChange" :name-key="nameKey" :value-key="valueKey"></z-tabs>
<slot name="top"></slot>
</template>
<!-- 滚动内容 -->
<swiper class="swiper" :current="current" @transition="swiperTransition" @animationfinish="swiperAnimationfinish">
<swiper-item v-for="(_, index) in tabList" :key="index">
<global-page-swiper-item
:auto="auto"
:tabValue="tabList[current][valueKey]"
:tabIndex="index"
:tabValueField="tabValueField"
:currentIndex="current"
:api="api"
:refresher-enabled="refresherEnabled"
:refresher-threshold="refresherThreshold"
:auto-show-back-to-top="autoShowBackToTop"
......@@ -41,6 +45,11 @@ import { ref } from 'vue'
const { safeAreaInsets } = uni.getSystemInfoSync()
const ps = defineProps({
//是否自动加载
auto: {
type: Boolean,
default: true
},
//tab数据
tabList: {
type: Array,
......@@ -51,6 +60,21 @@ const ps = defineProps({
type: Number,
default: 0
},
//tab数据name
nameKey: {
type: String,
default: 'name'
},
//tab数据value
valueKey: {
type: String,
default: 'value'
},
//tab数据搜索字段
tabValueField: {
type: String,
default: 'status'
},
//是否展示自定义导航栏
showNavbar: {
type: Boolean,
......@@ -66,6 +90,11 @@ const ps = defineProps({
type: Boolean,
default: true
},
//查询接口
api: {
type: Function,
default: null
},
//是否开启下拉刷新
refresherEnabled: {
type: Boolean,
......
src/components/global-page/global-page.vue
......@@ -21,7 +21,11 @@
<!-- 自定义导航栏 -->
<global-navbar :title="title" v-if="showNavbar">
<template #left>
<uni-icons type="left" size="16" @tap="goBack"></uni-icons>
<view v-if="isEdit" class="cancel" @tap="handleCancel">取消</view>
<uni-icons type="left" size="16" @tap="goBack" v-else></uni-icons>
</template>
<template #right>
<global-button type="primary" size="small" v-if="isEdit" style="padding: 0 32rpx" @tap="handleSave">保存</global-button>
</template>
</global-navbar>
<slot name="top"></slot>
......@@ -39,9 +43,10 @@
import { ref } from 'vue'
const dataList = ref([])
const es = defineEmits(['query'])
const es = defineEmits(['query', 'handleCancel', 'handleSave'])
const paging = ref()
const ps = defineProps({
//是否自动加载
auto: {
type: Boolean,
default: false
......@@ -51,6 +56,11 @@ const ps = defineProps({
type: Boolean,
default: true
},
//页面是否编辑状态
showEdit: {
type: Boolean,
default: false
},
//页面标题
title: {
type: String,
......@@ -108,9 +118,30 @@ const query = (pageIndex, pageSize) => {
complete()
}
}
//获取页面状态
const isEdit = ref(ps.showEdit)
//返回
const goBack = () => {
uni.navigateBack()
}
//取消
const handleCancel = () => {
es('handleCancel')
}
//保存
const handleSave = () => {
es('handleSave')
}
//修改编辑状态
const handleChangeEdit = (value) => {
isEdit.value = value
}
defineExpose({
handleChangeEdit
})
</script>
<style scoped></style>
<style scoped>
.cancel {
font-size: 28rpx;
}
</style>
src/components/global-upload-image/global-upload-image.vue 0 → 100644
<template>
<view class="upload">
<view class="upload-image">
<image src="/static/image/login/upload.png" />
<view class="upload-del">
<uni-icons type="closeempty" :size="14" color="#fff"></uni-icons>
</view>
</view>
<view class="upload-button" @tap="handleUpload">
<uni-icons type="plusempty" :size="24" color="rgba(0, 0, 0, 0.4)"></uni-icons>
</view>
</view>
</template>
<script setup>
import { ref, reactive } from 'vue'
//上传图片
const handleUpload = () => {
// 调用拍照/选择图片
// 选择图片条件编译
// #ifdef H5 || APP-PLUS
// 微信小程序从基础库 2.21.0 开始， wx.chooseImage 停止维护，请使用 uni.chooseMedia 代替
uni.chooseImage({
count: 1,
success: (res) => {
// 文件路径
const tempFilePaths = res.tempFilePaths
// 上传
uploadFile(tempFilePaths[0])
}
})
// #endif
// #ifdef MP-WEIXIN
// uni.chooseMedia 仅支持微信小程序端
uni.chooseMedia({
// 文件个数
count: 1,
// 文件类型
mediaType: ['image'],
success: (res) => {
// 本地路径
const { tempFilePath } = res.tempFiles[0]
// 上传
uploadFile(tempFilePath)
}
})
// #endif
}
// 文件上传-兼容小程序端、H5端、App端
const uploadFile = (file) => {
// 文件上传
uni.uploadFile({
url: '/member/profile/avatar',
name: 'file',
filePath: file,
success: (res) => {
if (res.statusCode === 200) {
const avatar = JSON.parse(res.data).result.avatar
uni.showToast({ icon: 'success', title: '更新成功' })
} else {
uni.showToast({ icon: 'error', title: '出现错误' })
}
}
})
}
</script>
<style lang="scss" scoped>
.upload {
display: flex;
flex-wrap: wrap;
&-image {
position: relative;
margin-right: 16rpx;
image {
width: 160rpx;
height: 160rpx;
}
}
&-del {
position: absolute;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
width: 32rpx;
height: 32rpx;
display: flex;
align-items: center;
justify-content: center;
}
&-button {
width: 160rpx;
height: 160rpx;
display: flex;
align-items: center;
justify-content: center;
background: #f3f3f3;
}
}
</style>
src/components/score-details/score-details.vue
<template>
<view class="score" :class="type">
<text class="tag">{{ getTag }}</text>
<text class="count">{{ count }}</text>
<text class="count">
<slot></slot>
</text>
</view>
</template>
......@@ -13,10 +15,6 @@ const ps = defineProps({
type: {
type: String,
default: 'success'
},
count: {
type: Number,
default: 8
}
})
const getTag = computed(() => {
......@@ -30,7 +28,6 @@ const getTag = computed(() => {
<style lang="scss" scoped>
.score {
border-radius: 6rpx;
width: 108rpx;
color: #fff;
font-size: 22rpx;
display: flex;
......@@ -40,7 +37,10 @@ const getTag = computed(() => {
border-radius: 6rpx;
text-align: center;
padding: 2px 0;
margin-right: 16rpx;
}
.count {
min-width: 58rpx;
text-align: center;
}
&.success {
background: #e8ffea;
......
src/main.js
import { createSSRApp } from 'vue'
import App from './App.vue'
import pinia from './store'
import message from '@/utils/message'
// 引入字体
import '@/static/font/iconfont.css'
//消息提示
uni.$message = message
export function createApp() {
const app = createSSRApp(App)
app.use(pinia)
......
src/pages.json
......@@ -52,29 +52,30 @@
}
},
{
"path": "pages/panel/assessment-records/list",
"path": "pages/panel/appraisal-record/list",
"style": {
"navigationBarTitleText": "考核记录",
"navigationStyle": "custom"
}
},
{
"path": "pages/panel/assessment-records/details",
"path": "pages/panel/appraisal-record/details",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "pages/panel/assessment-records/edit",
"path": "pages/panel/appraisal-record/edit",
"style": {
"navigationBarTitleText": "考核记录登记",
"navigationStyle": "custom"
}
},
{
"path": "pages/panel/assessment-records/add",
"path": "pages/panel/appraisal-record/add",
"style": {
"navigationBarTitleText": "添加公司值班信息"
"navigationBarTitleText": "添加公司值班信息",
"navigationStyle": "custom"
}
}
],
......@@ -82,7 +83,10 @@
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
"backgroundColor": "#F8F8F8",
"navigationBarRightButton": {
"hide": true
}
},
"tabBar": {
"color": "#1D2129",
......
src/pages/login/index.vue
......@@ -39,8 +39,7 @@
import { ref, toRaw, watch } from 'vue'
import { loginApi } from '@/api/user'
import { debounce } from 'lodash'
import message from '@/utils/message'
import useUserStore from '@/store/modules/user'
import useUserStore from '@/store/user'
import { loginCode, loginForm, rules } from './constants/index.compositions'
import { getGifCaptcha } from './constants/index.functionals'
import { onLoad } from '@dcloudio/uni-app'
......@@ -62,7 +61,7 @@ const handleLogin = async () => {
if (res.code == 200) {
userStore.setUserInfo(res.data)
} else {
message.error({ title: res.message })
uni.$message.showToast(res.message)
}
}
onLoad(() => {
......
src/pages/panel/app-center/constants/index.scss
......@@ -28,8 +28,5 @@
box-sizing: border-box;
}
}
.menu-empty{
padding: 48rpx 0 32rpx 0;
}
}
}
\ No newline at end of file
src/pages/panel/app-center/index.vue
<template>
<global-page :showNavbar="false">
<template #top>
<global-navbar title="应用中心">
<template #left>
<view v-if="isEdit" @tap="isEdit = false" class="cancel">取消</view>
<uni-icons type="left" size="16" @tap="goBack" v-else></uni-icons>
</template>
<template #right>
<global-button type="primary" size="small" v-if="isEdit" style="padding: 0 32rpx">保存</global-button>
</template>
</global-navbar>
</template>
<global-page ref="pageRef" title="应用中心" @handleCancel="handleCancel" @handleSave="handleSave">
<view class="content">
<view class="card">
<view class="card-title">
<view class="card-title-txt">首页应用</view>
<global-button type="primary" size="small" @tap="isEdit = true">编辑</global-button>
<global-button type="primary" size="small" @tap="handleEdit">编辑</global-button>
</view>
<view class="menu-list">
<menu-item
class="menu-item"
v-for="item in menuListHome"
v-for="item in homeMenuList"
:data="item"
:key="item.id"
:showCount="false"
:type="isEdit ? 'minus' : 'default'"
@tap="goTo"
@tap="handleHomeMenu(item, 'minus')"
></menu-item>
</view>
</view>
......@@ -33,38 +22,73 @@
<view class="card-title">
<view class="card-title-txt">全部应用</view>
</view>
<view class="menu-list" v-if="menuListNoHome.length > 0">
<view class="menu-list">
<menu-item
class="menu-item"
v-for="item in menuListNoHome"
v-for="item in getMenuList"
:data="item"
:key="item.id"
:showCount="false"
:type="isEdit ? 'plus' : 'default'"
@tap="goTo"
:type="isEdit && !item.isHome ? 'plus' : 'default'"
@tap="handleHomeMenu(item, 'plus')"
></menu-item>
</view>
<global-empty class="menu-empty" v-else></global-empty>
</view>
</view>
</global-page>
</template>
<script setup>
import { ref } from 'vue'
import { computed, ref } from 'vue'
import MenuItem from '../components/menu-item.vue'
import { menuListHome, menuListNoHome } from '../constants/index.compositions'
import useUserStore from '@/store/user'
import { onLoad } from '@dcloudio/uni-app'
import { cloneDeep } from 'lodash'
const userStore = useUserStore()
const isEdit = ref(false)
//返回
const goBack = () => {
uni.navigateBack()
const pageRef = ref()
//取消
const handleCancel = () => {
isEdit.value = false
pageRef.value?.handleChangeEdit(false)
homeMenuList.value = cloneDeep(userStore.homeMenuList)
}
//保存
const handleSave = () => {
isEdit.value = false
pageRef.value?.handleChangeEdit(false)
userStore.homeMenuList = cloneDeep(homeMenuList.value)
uni.$message.showToast('保存菜单成功')
}
//编辑
const handleEdit = () => {
isEdit.value = true
pageRef.value?.handleChangeEdit(true)
}
//跳转
const goTo = () => {
uni.navigateTo({ url: '/pages/panel/assessment-records/list' })
//操作菜单
const homeMenuList = ref([])
onLoad(() => {
homeMenuList.value = cloneDeep(userStore.homeMenuList)
})
const handleHomeMenu = (menu, type) => {
if (isEdit.value) {
if (type == 'minus') {
homeMenuList.value = homeMenuList.value.filter((item) => item.id !== menu.id)
} else {
!menu.isHome && homeMenuList.value.push(menu)
}
}
}
//获取全部应用
const getMenuList = computed(() => {
return userStore.menuList.map((item) => {
return {
...item,
isHome: homeMenuList.value.find((opt) => opt.id == item.id) ? true : false
}
})
})
</script>
<style lang="scss" scoped>
@import './constants/index.scss';
......
src/pages/panel/appraisal-record/add.vue 0 → 100644
<template>
<global-page title="添加公司值班信息" showEdit @handleCancel="handleCancel" @handleSave="handleSave">
<view class="form">
<uni-forms>
<global-form-item label="公司值班经理">
<global-picker></global-picker>
</global-form-item>
<global-form-item label="公司值班经理意见">
<global-picker></global-picker>
</global-form-item>
<global-form-item label="公司值班经理意见描述" label-position="top">
<textarea placeholder="请输入" />
</global-form-item>
</uni-forms>
</view>
</global-page>
</template>
<script setup>
import { ref } from 'vue'
const handleCancel = () => {
uni.navigateBack()
}
const handleSave = () => {
console.log('点击保存')
}
</script>
<style lang="scss" scoped>
.form {
background: #fff;
}
</style>
src/pages/panel/assessment-records/components/card-details.vue → src/pages/panel/appraisal-record/components/card-details.vue
......@@ -6,7 +6,7 @@
<text>{{ getIitle }}</text>
</view>
<view class="right" v-if="edit">
<global-button type="text">添加</global-button>
<global-button type="text" @tap="handleAdd">添加</global-button>
</view>
</view>
<view class="card-content">
......@@ -41,6 +41,7 @@
<script setup>
import { computed } from 'vue'
const es = defineEmits(['handleAdd'])
const ps = defineProps({
// company,quality,appeal
type: {
......@@ -103,6 +104,9 @@ const getIitle = computed(() => {
}
return ''
})
const handleAdd = () => {
es('handleAdd')
}
</script>
<style lang="scss" scoped>
.card {
......
src/pages/panel/assessment-records/details.vue → src/pages/panel/appraisal-record/details.vue
<template>
<global-page :showNavbar="false">
<template #top>
<global-navbar title="190机型管控中心">
<global-navbar :title="details.appraisee !== '-1' ? details.appraisee : ''">
<template #left>
<uni-icons type="left" size="16" @tap="goBack"></uni-icons>
</template>
......@@ -10,52 +10,52 @@
</template>
</global-navbar>
</template>
<view class="content">
<view class="content" v-if="details">
<view class="details">
<view class="details-header">
<view class="details-header-top">
<view class="txt">OPEN</view>
<score-details type="warning"></score-details>
<view class="txt">{{ details.status == 1 ? 'OPEN' : 'ClOSE' }}</view>
<score-details v-if="details.score > 0" :type="details.eventType == 1 ? 'success' : 'warning'">
{{ details.score }}
</score-details>
</view>
<view class="details-header-bottom">
<view class="left">
<global-icon class="left-icon" icon="Vector" size="24"></global-icon>
<view class="txt">B1004 A33</view>
<global-icon class="left-icon" icon="Vector" size="24" color="#DD4012"></global-icon>
<view class="txt">{{ details.ac }} {{ details.acType }}</view>
</view>
<view class="right">2024-04-01</view>
<view class="right"><uni-dateformat :date="details.eventTime" format="yyyy-MM-dd"></uni-dateformat></view>
</view>
</view>
<view class="details-body">
<view class="details-body-top">
<view class="left">
<global-icon icon="mind-mapping"></global-icon>
<text>来源编号:24242424</text>
<text>来源编号:{{ details.dmUid }}</text>
</view>
<view class="right">
中南基地
<text>基地MCC</text>
{{ details.department }}
<text>{{ details.appraisee }}</text>
</view>
</view>
<view class="details-body-bottom">
3月31日,天津航空6837/A320飞机执行天津=长春、天津=昆明航班，23:00落地，航后执行52A检工作，利用夜间8小时左右执行飞机检查和维修工作，次日早上8:00航前正常安排天津=乌鲁木齐=和田航班。
天津航空B-6837飞机3月31日夜间检查发现右发反推有油渍需停场排故，海技天津MCC发布飞机非计划停场，造成原计划4月01日B-6837执飞的天津=乌鲁木齐=和田航班延误；
为避免延误，PPD主动调整计划性工作，保障运行，协调调整定检计划，将原计划4月1-2日（停场2天）执行的32F6飞机专项定检工作调整至4
{{ details.eventMsg || '暂无内容~' }}
</view>
</view>
<view class="details-footer">
<view class="details-footer-top">
<global-icon icon="subscribed" color="#1D2129"></global-icon>
<text>生产组织</text>
<text>{{ details.examineType }}</text>
</view>
<view class="details-footer-center">参考《海航技术运行品质过程考核规定》考核事项第8条..</view>
<view class="details-footer-center">{{ details.examineBasis }}</view>
<view class="details-footer-bottom">
<view class="person-info">
<global-icon icon="idcard"></global-icon>
<text>当班人员：李大同</text>
<text>当班人员：{{ details.onDutyUser }}</text>
</view>
<view class="person-info">
<global-icon icon="idcard"></global-icon>
<text>当班人员：李大同</text>
<text>值班人员：{{ details.dmName }}</text>
</view>
</view>
</view>
......@@ -68,8 +68,49 @@
</template>
<script setup>
import { onLoad } from '@dcloudio/uni-app'
import CardDetails from './components/card-details.vue'
import { ref } from 'vue'
const details = ref({
id: '1771004152946348034',
eventSource: '测试',
department: '西北基地',
appraisee: '执管MCC',
ac: 'B1012',
acOwn: 'DRJ',
acType: 'A32',
eventTime: 1711036800000,
eventMsg: '测试',
eventType: 1,
examineType: '信息管理',
examineBasis: '测试',
score: 1.0,
onDutyUser: '测试',
dmUid: '10653',
opinionType: 0,
optionSaveTime: -1,
optionSaveUid: '-1',
appealInfo: -1,
qmUid: '-1',
qualityOpinionType: -1,
qualitySaveTime: -1,
qualitySaveUid: '-1',
dmName: '唐恒山',
qmName: null,
dmSaveName: null,
qmSaveName: null,
status: 1,
dmMsg: '',
qmMsg: '',
file: '[]',
emailSendTime: 0
})
onLoad(() => {
uni.$once('appraisalRecordDetials', (data) => {
console.log(data)
})
})
//跳转
const goTo = () => {
uni.navigateTo({ url: 'edit' })
......
src/pages/panel/appraisal-record/edit.vue 0 → 100644
<template>
<global-page title="考核记录登记">
<view class="content">
<view class="form">
<uni-forms>
<global-form-item label="事件来源">
<input type="text" placeholder="请输入" />
</global-form-item>
<global-form-item label="基地/职能部门">
<global-picker></global-picker>
</global-form-item>
<global-form-item label="考核对象">
<global-picker></global-picker>
</global-form-item>
<global-form-item label="机号">
<global-picker></global-picker>
</global-form-item>
<global-form-item label="客户">
<global-picker></global-picker>
</global-form-item>
<global-form-item label="机型">
<global-picker></global-picker>
</global-form-item>
<global-form-item label="日期">
<global-picker></global-picker>
</global-form-item>
<global-form-item label="事件描述" label-position="top">
<textarea placeholder="请输入" />
</global-form-item>
<global-form-item label="事件类别">
<global-picker></global-picker>
</global-form-item>
<global-form-item label="考核类型">
<global-picker></global-picker>
</global-form-item>
<global-form-item label="考核依据" label-position="top">
<textarea placeholder="请输入" />
</global-form-item>
<global-form-item label="分值">
<input type="text" placeholder="请输入" />
</global-form-item>
<global-form-item label="当班人员">
<input type="text" placeholder="请输入" />
</global-form-item>
</uni-forms>
</view>
<card-details type="company" edit @handleAdd="handleAdd"></card-details>
<card-details type="quality" edit @handleAdd="handleAdd"></card-details>
<view class="appeal">
<view class="appeal-title">
<text>申诉情况</text>
<global-picker></global-picker>
</view>
<view class="appeal-content">
<global-upload-image></global-upload-image>
</view>
</view>
</view>
<template #bottom>
<view class="submit-btn">
<global-button type="primary" size="large">保存</global-button>
</view>
</template>
</global-page>
</template>
<script setup>
import { ref } from 'vue'
import CardDetails from './components/card-details.vue'
const handleAdd = () => {
uni.navigateTo({ url: 'add' })
}
</script>
<style lang="scss" scoped>
.content {
padding-bottom: 140rpx;
.form {
background: #fff;
}
.appeal {
margin-top: 16rpx;
background: #fff;
&-title {
padding: 28rpx 32rpx;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2rpx solid #f4f4f4;
text {
color: #1d2129;
}
}
&-content {
padding: 28rpx 32rpx;
}
}
}
.submit-btn {
padding: 24rpx 32rpx;
background-color: #fff;
}
</style>
src/pages/panel/appraisal-record/list.vue 0 → 100644
<template>
<global-page-swiper title="考核记录" refresherEnabled loadingMoreEnabled :tabList="tabList" :api="getRqmListApi">
<template #="{ dataList }">
<view class="list">
<view class="item" v-for="item in dataList" :key="item.id" @tap="goDetails(item)">
<view class="item-title">
<view class="desc">
<view class="type">{{ item.status == 1 ? 'OPEN' : 'ClOSE' }}</view>
<view class="txt">{{ item.appraisee !== '-1' ? item.appraisee : '' }}</view>
<view class="place">{{ item.department !== '-1' ? item.department : '' }}</view>
</view>
<score-details v-if="item.score > 0" :type="item.eventType == 1 ? 'success' : 'warning'">{{ item.score }}</score-details>
</view>
<view class="item-content">
{{ item.eventMsg || '暂无内容~' }}
</view>
</view>
</view>
</template>
</global-page-swiper>
</template>
<script setup>
import { ref } from 'vue'
import { getRqmListApi, getRqmOptionsApi } from '@/api/appraisal-record'
import { onLoad } from '@dcloudio/uni-app'
const tabList = ref([
{ name: 'OPEN', value: 1 },
{ name: 'CLOSE', value: 0 },
{ name: '全部', value: -1 }
])
//跳转
const goDetails = (data) => {
uni.navigateTo({
url: 'details',
success: () => {
uni.$emit('appraisalRecordDetials', data)
}
})
}
//获取选项数据
const appraisee = ref([])
const department = ref([])
const examineType = ref([])
const getRqmOptions = async () => {
const res = await getRqmOptionsApi()
if (res.code == 200) {
appraisee.value = res.data.appraisee || []
department.value = res.data.department || []
examineType.value = res.data.examineType || []
} else {
uni.$message.showToast(res.message)
}
}
onLoad(() => {
getRqmOptions()
})
</script>
<style lang="scss" scoped>
@import './constants/list.scss';
</style>
src/pages/panel/assessment-records/add.vue deleted 100644 → 0
<template>
<!-- <global-page-swiper>
<template v-slot="{ dataList }">
<view class="item" v-for="(item, index) in dataList" :key="index">
<view class="item-title">{{ index }}我是标题</view>
<view class="item-detail">{{ index }}我是详情</view>
<view class="item-line"></view>
</view>
</template>
</global-page-swiper> -->
</template>
<script setup>
import { ref, watch } from 'vue'
</script>
<style>
.item {
position: relative;
height: 150rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0rpx 30rpx;
}
.item-detail {
padding: 5rpx 15rpx;
border-radius: 10rpx;
font-size: 28rpx;
color: white;
background-color: #007aff;
}
.item-line {
position: absolute;
bottom: 0rpx;
left: 0rpx;
height: 1px;
width: 100%;
background-color: #eeeeee;
}
</style>
src/pages/panel/assessment-records/edit.vue deleted 100644 → 0
<template>
<global-page title="考核记录登记">
<view class="content">
<view class="form">
<view class="form-item">
<view class="form-item-label">事件来源</view>
<input class="form-item-input" type="text" placeholder="请输入" />
</view>
<view class="form-item">
<view class="form-item-label">基地/职能部门</view>
<global-picker v-model="select" dictkey="hobby"></global-picker>
</view>
<view class="form-item">
<view class="form-item-label">考核对象</view>
<global-picker></global-picker>
</view>
<view class="form-item">
<view class="form-item-label">机号</view>
<global-picker></global-picker>
</view>
<view class="form-item">
<view class="form-item-label">客户</view>
<global-picker></global-picker>
</view>
<view class="form-item">
<view class="form-item-label">机型</view>
<global-picker></global-picker>
</view>
<view class="form-item">
<view class="form-item-label">日期</view>
<global-picker></global-picker>
</view>
<view class="form-item textarea">
<view class="form-item-label">事件描述</view>
<textarea placeholder="请输入" />
</view>
<view class="form-item">
<view class="form-item-label">事件类别</view>
<global-picker></global-picker>
</view>
<view class="form-item">
<view class="form-item-label">考核类型</view>
<global-picker></global-picker>
</view>
<view class="form-item textarea">
<view class="form-item-label">考核依据</view>
<textarea placeholder="请输入" />
</view>
<view class="form-item">
<view class="form-item-label">分值</view>
<input class="form-item-input" type="text" placeholder="请输入" />
</view>
<view class="form-item">
<view class="form-item-label">当班人员</view>
<input class="form-item-input" type="text" placeholder="请输入" />
</view>
</view>
<card-details type="company" edit></card-details>
<card-details type="quality" edit></card-details>
</view>
<template #bottom>
<view class="submit-btn">
<global-button type="primary" size="large">保存</global-button>
</view>
</template>
</global-page>
</template>
<script setup>
import { ref } from 'vue'
import CardDetails from './components/card-details.vue'
const select = ref('1')
</script>
<style lang="scss" scoped>
.content {
padding-bottom: 140rpx;
.form {
background: #fff;
&-item {
display: flex;
justify-content: space-between;
padding: 24rpx 32rpx;
border-bottom: 2rpx solid #f4f4f4;
&-label {
color: rgba(0, 0, 0, 0.9);
}
&-input {
text-align: right;
}
&.textarea {
flex-direction: column;
textarea {
margin-top: 8rpx;
height: 80rpx;
}
}
}
}
}
.submit-btn {
padding: 24rpx 32rpx;
background-color: #fff;
}
</style>
src/pages/panel/assessment-records/list.vue deleted 100644 → 0
<template>
<global-page-swiper title="考核记录" refresherEnabled loadingMoreEnabled :tabList="tabList">
<template #="{ dataList }">
<view class="list">
<view class="item" v-for="(item, index) in dataList" :key="index" @tap="goTo">
<view class="item-title">
<view class="desc">
<view class="type">OPEN</view>
<view class="txt">190机型管控中心</view>
<view class="place">华北基地</view>
</view>
<score-details :type="index % 2 == 0 ? 'success' : 'warning'"></score-details>
</view>
<view class="item-content">
3月31日,天津航空6837/A320飞机执行天津=长春、天津=昆明航班，23:00落地，航后执行52A检工作，利用夜间8小时左右执行飞机检查和维修工
</view>
</view>
</view>
</template>
</global-page-swiper>
</template>
<script setup>
import { ref } from 'vue'
const tabList = ref(['OPEN', 'CLOSE', '全部'])
//跳转
const goTo = () => {
uni.navigateTo({ url: 'details' })
}
</script>
<style lang="scss" scoped>
@import './constants/list.scss';
</style>
src/pages/panel/components/menu-item.vue
......@@ -62,6 +62,7 @@ const getCount = computed(() => {
margin-top: 16rpx;
color: #1d2129;
font-size: 30rpx;
line-height: 40rpx;
}
.circle {
width: 32rpx;
......
src/pages/panel/constants/index.compositions.js deleted 100644 → 0
import { computed, ref } from 'vue'
//全部菜单
export const menuList = [
{ id: 1, name: '信息通报', icon: 'xxtb', group: '技术支援', count: 12, home: true },
{ id: 2, name: '机队状态', icon: 'jdzt', group: '技术支援', count: 0, home: true },
{ id: 3, name: '支援申请', icon: 'zysq', group: '技术支援', count: 0, home: true },
{ id: 4, name: '工作指令', icon: 'gzzl', group: '技术支援', count: 0, home: true },
{ id: 5, name: '技术评估', icon: 'jspg', group: '技术支援', count: 0, home: true },
{ id: 6, name: '运行调查', icon: 'yxdc', group: '维修控制', count: 0, home: true },
{ id: 7, name: '运行决策', icon: 'yxjc', group: '维修控制', count: 0, home: true },
{ id: 8, name: '布置工作', icon: 'bzgz', group: '维修控制', count: 0, home: true },
{ id: 9, name: '航站管理', icon: 'hzgl', group: '航站管理', count: 0, home: true },
{ id: 10, name: '协议单位', icon: 'xydw', group: '航站管理', count: 0, home: true },
{ id: 11, name: '不正常事件', icon: 'bzcsj', group: '运行品质', count: 0, home: false },
{ id: 12, name: '考核记录', icon: 'khjl', group: '运行品质', count: 0, home: false },
{ id: 13, name: 'AOG任务', icon: 'AOG', group: '运行品质', count: 0, home: false },
{ id: 14, name: 'MCO', icon: 'MCO', group: '运行品质', count: 0, home: false },
{ id: 15, name: '航班保障', icon: 'hbbz', group: '运行品质', count: 0, home: false }
]
export const allMenuItem = { id: 999, name: '全部菜单', icon: 'all', group: '', count: 0, home: true }
//获取首页菜单
export const menuListHome = computed(() => {
return menuList.filter((item) => item.home)
})
//获取除首页菜单
export const menuListNoHome = computed(() => {
return menuList.filter((item) => !item.home)
})
//获取分组菜单
export const menuListGroup = computed(() => {
return menuList.reduce((groups, item) => {
// 如果该组不存在，则创建一个新组
if (!groups[item.group]) {
groups[item.group] = []
}
// 将当前项添加到对应的组中
groups[item.group].push(item)
return groups
}, {})
})
src/pages/panel/panel-menu.vue
......@@ -8,16 +8,16 @@
<scroll-view class="tab-content" scroll-y="true">
<view class="tab-content-item" v-if="activeIndex == 0">
<view class="menu-list">
<menu-item class="menu-item" v-for="item in menuListHome" :data="item" :key="item.id" @tap="goTo"></menu-item>
<menu-item class="menu-item" :data="allMenuItem" @tap="goAppCenter"></menu-item>
<menu-item class="menu-item" v-for="item in userStore.homeMenuList" :data="item" :key="item.id" @tap="goTo(item.url)"></menu-item>
<menu-item class="menu-item" :data="userStore.allMenuItem" @tap="goAppCenter"></menu-item>
</view>
</view>
<view class="tab-content-item" v-if="activeIndex == 1">
<view class="menu-content">
<view class="menu-content-item" v-for="(value, key) in menuListGroup" :key="key">
<view class="menu-content-item" v-for="(value, key) in userStore.getGroupMenuList" :key="key">
<view class="menu-title">{{ key }}</view>
<view class="menu-list">
<menu-item class="menu-item" v-for="item in value" :data="item" :key="item.id" @tap="goTo"></menu-item>
<menu-item class="menu-item" v-for="item in value" :data="item" :key="item.id" @tap="goTo(item.url)"></menu-item>
</view>
<view class="menu-line"></view>
</view>
......@@ -30,16 +30,17 @@
<script setup>
import { ref } from 'vue'
import MenuItem from './components/menu-item.vue'
import { menuListHome, menuListGroup, allMenuItem } from './constants/index.compositions'
import useUserStore from '@/store/user'
const userStore = useUserStore()
// 获取屏幕边界到安全区域距离
const { safeAreaInsets } = uni.getSystemInfoSync()
//分类
const tabNav = ref(['常用', '分组'])
const activeIndex = ref(0)
//跳转
const goTo = () => {
uni.navigateTo({ url: '/pages/panel/assessment-records/list' })
const goTo = (url) => {
url && uni.navigateTo({ url })
}
//跳转应用中心
const goAppCenter = () => {
......
src/store/modules/user.js → src/store/user.js
import { defineStore } from 'pinia'
import { cloneDeep } from 'lodash'
const menuList = [
{ id: 1, name: '信息通报', icon: 'xxtb', group: '技术支援', count: 12 },
{ id: 2, name: '机队状态', icon: 'jdzt', group: '技术支援', count: 0 },
{ id: 3, name: '支援申请', icon: 'zysq', group: '技术支援', count: 0 },
{ id: 4, name: '工作指令', icon: 'gzzl', group: '技术支援', count: 0 },
{ id: 5, name: '技术评估', icon: 'jspg', group: '技术支援', count: 0 },
{ id: 6, name: '运行调查', icon: 'yxdc', group: '维修控制', count: 0 },
{ id: 7, name: '运行决策', icon: 'yxjc', group: '维修控制', count: 0 },
{ id: 8, name: '布置工作', icon: 'bzgz', group: '维修控制', count: 0 },
{ id: 9, name: '航站管理', icon: 'hzgl', group: '航站管理', count: 0 },
{ id: 10, name: '协议单位', icon: 'xydw', group: '航站管理', count: 0 },
{ id: 11, name: '不正常事件', icon: 'bzcsj', group: '运行品质', count: 0 },
{ id: 12, name: '考核记录', icon: 'khjl', group: '运行品质', count: 0, url: '/pages/panel/appraisal-record/list' },
{ id: 13, name: 'AOG任务', icon: 'AOG', group: '运行品质', count: 0 },
{ id: 14, name: 'MCO', icon: 'MCO', group: '运行品质', count: 0 },
{ id: 15, name: '航班保障', icon: 'hbbz', group: '运行品质', count: 0 }
]
const useUserStore = defineStore('user', {
state: () => {
return {
token: '',
user_info: undefined
user_info: undefined,
menuList: cloneDeep(menuList),
homeMenuList: cloneDeep(menuList),
allMenuItem: { id: 999, name: '全部菜单', icon: 'all', group: '', count: 0 }
}
},
getters: {
//获取分组菜单
getGroupMenuList(state) {
return state.menuList.reduce((groups, item) => {
// 如果该组不存在，则创建一个新组
if (!groups[item.group]) {
groups[item.group] = []
}
// 将当前项添加到对应的组中
groups[item.group].push(item)
return groups
}, {})
}
},
getters: {},
actions: {
//用户登录
setUserInfo(data) {
......@@ -35,8 +66,8 @@ const useUserStore = defineStore('user', {
},
getItem(key) {
return uni.getStorageSync(key)
},
},
},
}
}
}
})
export default useUserStore
src/utils/http.js
......@@ -10,7 +10,7 @@
* 4. 添加 token 请求头标识
*/
import useUserStore from '@/store/modules/user'
import useUserStore from '@/store/user'
const baseURL = 'https://hna-platform.anyremote.cn'
......@@ -29,7 +29,8 @@ class ServiceLoading {
}
this.count++
uni.showLoading({
title: loadingText
title: loadingText,
mask: true
});
}
}
......@@ -95,7 +96,7 @@ uni.addInterceptor('uploadFile', httpInterceptor)
* 3.2 其他错误 -> 根据后端错误信息轻提示
* 3.3 网络错误 -> 提示用户换网络
*/
// 2.2 添加类型，支持泛型
// 2.2 添加类型
export const http = (options) => {
// 1. 返回 Promise 对象
return new Promise((resolve, reject) => {
......@@ -115,21 +116,14 @@ export const http = (options) => {
reject(res)
} else {
// 其他错误 -> 根据后端错误信息轻提示
uni.showToast({
icon: 'none',
mask: true,
title: res.data.msg || '请求错误',
})
uni.$message.showToast(res.data.msg || '请求错误')
reject(res)
}
},
// 响应失败
fail(err) {
serviceLoading.close()
uni.showToast({
icon: 'none',
title: '网络错误，换个网络试试',
})
uni.$message.showToast('网络错误，换个网络试试')
reject(err)
},
})
......
src/utils/message.js
// utils/message.js
export default {
// 成功提示
success(options) {
showToast(msg, options) {
uni.showToast({
title: options.title || '操作成功',
icon: 'success',
duration: 2000,
...options
});
},
// 错误提示
error(options) {
uni.showToast({
title: options.title || '操作失败',
title: msg || '操作失败',
icon: 'none',
duration: 2000,
...options
......
vue.config.js deleted 100644 → 0
module.exports = {
transpileDependencies: ['@dcloudio/uni-ui']
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment