From f7a5fb8c05a7ed70ee96043481fc074cdd9b0e51 Mon Sep 17 00:00:00 2001
From: Junjie <540245094@qq.com>
Date: 星期三, 25 九月 2024 08:41:57 +0800
Subject: [PATCH] #
---
zy-asrs-admin/src/views/IndexView.vue | 81 +++++++++++++++++++++++++++++++++-------
1 files changed, 66 insertions(+), 15 deletions(-)
diff --git a/zy-asrs-admin/src/views/IndexView.vue b/zy-asrs-admin/src/views/IndexView.vue
index cdde2ce..858fcdb 100644
--- a/zy-asrs-admin/src/views/IndexView.vue
+++ b/zy-asrs-admin/src/views/IndexView.vue
@@ -14,11 +14,15 @@
UserOutlined,
TranslationOutlined,
ApartmentOutlined,
+ CaretLeftOutlined,
+ CaretRightOutlined,
} from "@ant-design/icons-vue";
import { formatMessage, loadData } from '@/utils/localeUtils.js';
+import AiView from '@/components/ai/index.vue'
const globalState = inject('globalState');
const selectedKeys = ref([]);
+let openKeys = ref([]);
const collapsed = ref(false);
const router = useRouter();
let routerCache = ref([]);
@@ -27,6 +31,7 @@
let isRouterAlive = ref(true);
const menuCache = ref([]);
const hostList = ref([]);
+const tabsContent = ref(null);
const components = {
...Icons,
@@ -119,7 +124,7 @@
isRouterAlive.value = false;
nextTick(() => {
isRouterAlive.value = true;
- message.success(formatMessage('common.success', '鍔犺浇鎴愬姛'));
+ // message.success(formatMessage('common.success', '鍔犺浇鎴愬姛'));
})
} catch (error) {
message.error(formatMessage('common.fail', '鍔犺浇澶辫触'));
@@ -143,6 +148,11 @@
currentCache.value = item.name;
selectedKeys.value = [item.key]
+
+ // open menu
+ let arr = item.key.split("/");
+ let key = '/' + arr[1];
+ openKeys.value = [key]
}
const switchLocale = async (locale) => {
@@ -173,6 +183,18 @@
})
}
+const licenseDays = ref(365);
+getLicenseDays();
+function getLicenseDays() {
+ post('/api/license/getLicenseDays', {}).then((resp) => {
+ let result = resp.data;
+ let data = result.data;
+ if (result.code == 200) {
+ licenseDays.value = data;
+ }
+ })
+}
+
const switchHost = (item) => {
globalState.currentHost = item;
postForm('/api/root/change/host/auth', {
@@ -191,13 +213,24 @@
window.location.reload();
}
+const handleScroll = (data) => {
+ let position = tabsContent.value.scrollLeft;
+ let offset = position * 0.1 + 30;
+ if (data == 'left') {
+ tabsContent.value.scrollLeft = position - offset;
+ } else {
+ tabsContent.value.scrollLeft = position + offset;
+ }
+}
+
</script>
<template>
<a-layout class="main">
- <a-layout-sider v-model:collapsed="collapsed" :trigger="null" collapsible theme="dark">
+ <a-layout-sider class="main-sider" v-model:collapsed="collapsed" :trigger="null" collapsible theme="dark">
<div class="logo" />
- <a-menu v-model:selectedKeys="selectedKeys" @select="menuSelect" theme="dark" mode="inline">
+ <a-menu v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" @select="menuSelect" theme="dark"
+ mode="inline">
<div>
<a-menu-item key="/" name="涓婚〉">
<HomeOutlined /> {{ formatMessage('common.home', '涓婚〉') }}
@@ -205,7 +238,7 @@
</div>
<div v-for="(item, index) in menuCache" :key="index">
- <a-sub-menu :key="index" v-if="item.type == 0">
+ <a-sub-menu :key="item.route" v-if="item.type == 0">
<template #title>
<span>
<component :is="components[ref(item.icon).value]" />
@@ -224,14 +257,17 @@
</a-layout-sider>
<a-layout>
- <a-layout-header style="background: #fff; padding: 0">
+ <a-layout-header style="background: #fff; padding: 0;">
<div class="header-top">
<div class="header-top-left">
- <MenuUnfoldOutlined v-if="collapsed" class="trigger" @click="() => (collapsed = !collapsed)" />
+ <MenuUnfoldOutlined v-if="collapsed" class="trigger triggerLarge" @click="() => (collapsed = !collapsed)" />
<MenuFoldOutlined v-else class="trigger" @click="() => (collapsed = !collapsed)" />
<RedoOutlined class="trigger" @click="windowReload()" />
</div>
<div class="header-top-right">
+ <div class="trigger" style="color: red;" v-if="licenseDays <= 30">
+ 璁稿彲璇佹湁鏁堟湡锛歿{ licenseDays }}澶�
+ </div>
<div class="trigger" v-if="globalState.currentHost">
<a-dropdown>
<div>
@@ -280,25 +316,40 @@
</a-layout-header>
<a-layout-content class="content-view">
<div class="tabs-fixed">
- <div v-for="(item, index) in routerCacheList" :key="index" @click="switchTabs(item)" class="tabs-item"
- :class="currentCache == item.name ? 'tabs-item-active' : ''">
- <div :class="currentCache == item.name ? '' : 'tabs-item-reload-none'" @click="reloadTabs" @click.stop>
- <RedoOutlined />
- </div>
- <div>{{ formatMessage(item.languageId, item.name) }}</div>
- <div @click="closeTabs(item)" @click.stop>
- <CloseOutlined />
+ <div class="tabs-arrow-left" @click="handleScroll('left')">
+ <CaretLeftOutlined />
+ </div>
+
+ <div class="tabs-content" ref="tabsContent">
+ <div class="tabs-content-item">
+ <div v-for="(item, index) in routerCacheList" :key="index" @click="switchTabs(item)" class="tabs-item"
+ :class="currentCache == item.name ? 'tabs-item-active' : ''">
+ <div :class="currentCache == item.name ? '' : 'tabs-item-reload-none'" @click="reloadTabs" @click.stop>
+ <RedoOutlined />
+ </div>
+ <div>{{ formatMessage(item.languageId, item.name) }}</div>
+ <div @click="closeTabs(item)" @click.stop>
+ <CloseOutlined />
+ </div>
+ </div>
</div>
</div>
+
+ <div class="tabs-arrow-right" @click="handleScroll('right')">
+ <CaretRightOutlined />
+ </div>
</div>
+
<router-view v-slot="{ Component, route }" v-if="isRouterAlive">
<keep-alive :include="routerCache">
- <component :is="Component" />
+ <component :is="Component" @pageReload="reloadTabs" />
</keep-alive>
</router-view>
</a-layout-content>
</a-layout>
</a-layout>
+
+ <AiView />
</template>
<style scoped></style>
--
Gitblit v1.9.1