zqq:侧边栏调整
This commit is contained in:
parent
479388ff69
commit
40fd907fcd
|
@ -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",
|
||||||
});
|
});
|
||||||
|
|
||||||
// 设置分割样式
|
// 设置分割样式
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
|
|
|
@ -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)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue