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

View File

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

View File

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

View File

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