zqq:侧边栏调整

This commit is contained in:
qqGroup0 2023-04-11 22:34:38 +08:00
parent 479388ff69
commit 40fd907fcd
6 changed files with 112 additions and 110 deletions

View File

@ -49,29 +49,31 @@
</template>
</el-popover>
</div>
<el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onLanguageChange">
<div class="layout-navbars-breadcrumb-user-icon">
<i
class="iconfont"
:class="state.disabledI18n === 'en' ? 'icon-fuhao-zhongwen' : 'icon-fuhao-yingwen'"
></i>
</div>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item command="zh-cn" :disabled="state.disabledI18n === 'zh-cn'">English</el-dropdown-item>
<el-dropdown-item command="en" :disabled="state.disabledI18n === 'en'">简体中文</el-dropdown-item>
<!-- <el-dropdown-item command="zh-tw" :disabled="state.disabledI18n === 'zh-tw'">繁體中文</el-dropdown-item> -->
</el-dropdown-menu>
</template>
</el-dropdown>
<el-dropdown :show-timeout="70"
:hide-timeout="50"
trigger="click"
@command="onLanguageChange">
<div class="layout-navbars-breadcrumb-user-icon">
<i class="iconfont"
:class="state.disabledI18n === 'en' ? 'icon-fuhao-zhongwen' : 'icon-fuhao-yingwen'"></i>
</div>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item command="zh-cn"
:disabled="state.disabledI18n === 'zh-cn'">English</el-dropdown-item>
<el-dropdown-item command="en"
:disabled="state.disabledI18n === 'en'">简体中文</el-dropdown-item>
<!-- <el-dropdown-item command="zh-cn" :disabled="state.disabledI18n === 'zh-cn'">简体中文</el-dropdown-item> -->
</el-dropdown-menu>
</template>
</el-dropdown>
<div class="layout-navbars-breadcrumb-user-icon mr10"
@click="onScreenfullClick">
<i class="iconfont"
:title="state.isScreenfull ? '关全屏' : '开全屏'"
:class="!state.isScreenfull ? 'icon-fullscreen' : 'icon-tuichuquanping'"></i>
</div>
<el-dropdown :show-timeout="70"
:hide-timeout="50"
@command="onHandleCommandClick">
@ -94,7 +96,7 @@
</el-dropdown-menu>
</template>
</el-dropdown>
<Search ref="searchRef" />
</div>
</template>
@ -115,16 +117,16 @@ import other from '/@/utils/other';
//
const UserNews = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/userNews.vue'));
const Search = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/search.vue'));
const useTranslateStore=useTranslate()
const useTranslateStore = useTranslate()
const onLanguageChange = (lang) => {
if(lang=="en"){
state.disabledI18n="en"
useTranslateStore.translate_control=0
}
else{
state.disabledI18n="zh-cn"
useTranslateStore.translate_control=1
}
if (lang == "en") {
state.disabledI18n = "en"
useTranslateStore.translate_control = 0
}
else {
state.disabledI18n = "zh-cn"
useTranslateStore.translate_control = 1
}
};
//
const router = useRouter();
@ -138,7 +140,7 @@ const state = reactive({
isScreenfull: false,
disabledSize: 'large',
setIntervalId: null,
disabledI18n:"en",
disabledI18n: "en",
});
//

View File

@ -77,22 +77,6 @@ export const dynamicRoutes = [
zh: '用户响应管理',
},
},
{
path: '/responseManagement/administrator',
name: 'administrator-management',
component: () => import('/@/views/responseManagement/administrator/index.vue'),
meta: {
title: 'Administrator management',
isLink: '',
isHide: false,
isKeepAlive: true,
isAffix: false,
isIframe: false,
roles: ['admin'],
// icon: 'ele-ColdDrink',
zh: '管理员管理',
},
},
{
path: '/responseManagement/dataUpload',
name: 'data-upload-management',
@ -211,6 +195,22 @@ export const dynamicRoutes = [
zh: '普通管理员管理',
},
},
{
path: '/systemManagement/chief',
name: 'chiefManagement',
component: () => import('/@/views/systemManagement/chief/index.vue'),
meta: {
title: 'Chief Administrator management',
isLink: '',
isHide: false,
isKeepAlive: true,
isAffix: false,
isIframe: false,
roles: ['admin'],
// icon: 'ele-ColdDrink',
zh: '主要管理员管理',
},
},
{
path: '/systemManagement/dictionary',
name: 'dictionaryManagement',
@ -383,69 +383,69 @@ export const dynamicRoutes = [
isIframe: false,
roles: ['admin'],
// icon: 'iconfont icon-xitongshezhi',
zh:"系统设置"
zh: '系统设置',
},
children: [
// {
// path: '/system/menu',
// name: 'systemMenu',
// component: () => import('/@/views/system/menu/index.vue'),
// meta: {
// title: '菜单管理',
// isLink: '',
// isHide: false,
// isKeepAlive: true,
// isAffix: false,
// isIframe: false,
// roles: ['admin'],
// icon: 'iconfont icon-caidan',
// },
// },
// {
// path: '/system/role',
// name: 'systemRole',
// component: () => import('/@/views/system/role/index.vue'),
// meta: {
// title: '角色管理',
// isLink: '',
// isHide: false,
// isKeepAlive: true,
// isAffix: false,
// isIframe: false,
// roles: ['admin'],
// icon: 'ele-ColdDrink',
// },
// },
// {
// path: '/system/user',
// name: 'systemUser',
// component: () => import('/@/views/system/user/index.vue'),
// meta: {
// title: '用户管理',
// isLink: '',
// isHide: false,
// isKeepAlive: true,
// isAffix: false,
// isIframe: false,
// roles: ['admin'],
// icon: 'iconfont icon-icon-',
// },
// },
// {
// path: '/system/dept',
// name: 'systemDept',
// component: () => import('/@/views/system/dept/index.vue'),
// meta: {
// title: '部门管理',
// isLink: '',
// isHide: false,
// isKeepAlive: true,
// isAffix: false,
// isIframe: false,
// roles: ['admin'],
// icon: 'ele-OfficeBuilding',
// },
// },
// {
// path: '/system/menu',
// name: 'systemMenu',
// component: () => import('/@/views/system/menu/index.vue'),
// meta: {
// title: '菜单管理',
// isLink: '',
// isHide: false,
// isKeepAlive: true,
// isAffix: false,
// isIframe: false,
// roles: ['admin'],
// icon: 'iconfont icon-caidan',
// },
// },
// {
// path: '/system/role',
// name: 'systemRole',
// component: () => import('/@/views/system/role/index.vue'),
// meta: {
// title: '角色管理',
// isLink: '',
// isHide: false,
// isKeepAlive: true,
// isAffix: false,
// isIframe: false,
// roles: ['admin'],
// icon: 'ele-ColdDrink',
// },
// },
// {
// path: '/system/user',
// name: 'systemUser',
// component: () => import('/@/views/system/user/index.vue'),
// meta: {
// title: '用户管理',
// isLink: '',
// isHide: false,
// isKeepAlive: true,
// isAffix: false,
// isIframe: false,
// roles: ['admin'],
// icon: 'iconfont icon-icon-',
// },
// },
// {
// path: '/system/dept',
// name: 'systemDept',
// component: () => import('/@/views/system/dept/index.vue'),
// meta: {
// title: '部门管理',
// isLink: '',
// isHide: false,
// isKeepAlive: true,
// isAffix: false,
// isIframe: false,
// roles: ['admin'],
// icon: 'ele-OfficeBuilding',
// },
// },
{
path: '/system/dic',
name: 'systemDic',

View File

@ -147,8 +147,8 @@ export const useThemeConfig = defineStore('themeConfig', {
globalViceTitle: 'vueNextAdmin',
// 网站副标题(登录页顶部文字)
globalViceTitleMsg: '专注、免费、开源、维护、解疑',
// 默认初始语言,可选值"<zh-cn|en|zh-tw>",默认 zh-cn
globalI18n: 'zh-cn',
// 默认初始语言,可选值"<zh-cn|en|zh-tw>",默认 en
globalI18n: 'en',
// 默认全局组件大小,可选值"<large|'default'|small>",默认 'large'
globalComponentSize: 'large',
},

View File

@ -136,7 +136,7 @@
<script setup>
import { ref, reactive, onMounted } from 'vue';
import { getRemoteSensingSourceData, getSelectionCondition } from "/@/api/remoteSensingSourceData/index.js";
import { getRemoteSensingSourceData, getSelectionCondition } from "/@/api/remoteSensingSourceData/remoteSensingSourceData.js";
const state = reactive({
tableData: {
@ -215,8 +215,8 @@ const searchDisasterType = () => {
state.options_disasterType = []
for (let index = 0; index < res.length; index++) {
let obj = {}
obj.value = res[index].name
obj.label = res[index].name
obj.value = res[index].dictValue
obj.label = res[index].dictValue
state.options_disasterType.push(obj)
}
}