增加操作日志及菜单缺少的icon

2024-07-10 17:04:20 +08:00
parent d8aa326825
commit e3b1d2c9c8
19 changed files with 292 additions and 201 deletions
@@ -0,0 +1,125 @@
+<template>
+	<el-container class="mainNoBack userBox">
+		<el-aside class="userAside" style="width: 226px;">
+			<el-container>
+				<el-main class="nopadding">
+					<el-menu class="menu mainMenu" :default-active="page">
+						<el-menu-item-group v-for="group in menu" :key="group.groupName" :title="group.groupName">
+							<el-menu-item v-for="item in group.list" :key="item.component" :index="item.component" @click="openPage">
+								<el-icon v-if="item.icon"><component :is="item.icon"/></el-icon>
+								<template #title>
+									<span>{{item.title}}</span>
+								</template>
+							</el-menu-item>
+						</el-menu-item-group>
+					</el-menu>
+				</el-main>
+			</el-container>
+		</el-aside>
+		<el-main class="userMain userMainPadding_0">
+			<Suspense>
+				<template #default>
+					<component :is="page"/>
+				</template>
+				<template #fallback>
+					<el-skeleton :rows="3" />
+				</template>
+			</Suspense>
+		</el-main>
+	</el-container>
+</template>
+
+<script>
+import { defineAsyncComponent } from 'vue'
+
+export default {
+	components: {
+		account: defineAsyncComponent(() => import('./setup/computerRoom')),
+		seting: defineAsyncComponent(() => import('./setup/computerRoom')),
+		pushSettings: defineAsyncComponent(() => import('./setup/computerRoom')),
+		password: defineAsyncComponent(() => import('./setup/computerRoom')),
+		space: defineAsyncComponent(() => import('./setup/computerRoom')),
+		logs: defineAsyncComponent(() => import('./setup/computerRoom')),
+		upToEnterprise: defineAsyncComponent(() => import('./setup/computerRoom')),
+		bind: defineAsyncComponent(() => import('./setup/computerRoom')),
+	},
+	data() {
+		return {
+			menu: [
+				{
+					groupName: "账号设置",
+					list: [
+						{
+							icon: "sc-icon-Account",
+							title: "机房配置",
+							component: "account"
+						},
+						{
+							icon: "sc-icon-Cost",
+							title: "费用配置",
+							component: "password"
+						},
+						{
+							icon: "sc-icon-Secure",
+							title: "维保代理商维护",
+							component: "pushSettings"
+						},
+					]
+				},
+				{
+					groupName: "数据管理",
+					list: [
+						{
+							icon: "sc-icon-UserLog",
+							title: "数据源邮件账号设置",
+							component: "logs"
+						}
+					]
+				},
+			],
+			user: {
+				avatar:this.$store.state.global.login_avatar,
+				name: this.$store.state.global.login_name,
+				role: "",
+			},
+			userNameF:'',
+			page: "account"
+		}
+	},
+	//路由跳转进来 判断from是否有特殊标识做特殊处理
+	beforeRouteEnter (to, from, next){
+		next((vm)=>{
+			if(from.is){
+				//删除特殊标识，防止标签刷新重复执行
+				delete from.is
+				//执行特殊方法
+				vm.$alert('路由跳转过来后含有特殊标识，做特殊处理', '提示', {
+					type: 'success',
+					center: true
+				}).then(() => {}).catch(() => {})
+			}
+		})
+	},
+	created() {
+		const userInfo = this.$TOOL.data.get('USER_INFO');
+		this.user.role = userInfo.user_roles && userInfo.user_roles.role_names.length>0?userInfo.user_roles.role_names[0]:'';
+	},
+	methods: {
+		openPage(item){
+			this.page = item.index
+		},
+		async parentParams(files) {
+			let params = {
+				avatar: files
+			}
+			const res = await this.$API.user.uploadAvatar.post(params);
+			if (res.code == 200) {
+				this.$store.commit("SET_LOGIN_AVATAR", files);
+			}
+		}
+	}
+}
+</script>
+<style scoped lang="scss">
+.noBorderRadius{border-radius: 0 !important;}
+</style>
@@ -0,0 +1,24 @@
+<template>
+	<view>机房</view>
+</template>
+
+<script>
+export default {
+	name: "computerRoom",
+	data(){
+		return{
+
+		}
+	},
+	mounted() {
+
+	},
+	methods:{
+
+	}
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>