From 122c3e2198d8551d2bc953def36a320cce017131 Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Tue, 27 Feb 2024 16:21:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A4=A7=E5=B1=8F=E5=B5=8C?=
 =?UTF-8?q?=E5=85=A5=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/form/datePicker/index.vue      | 14 +++---
 src/components/table/header/index.vue         |  7 ++-
 src/layouts/admin/components/navBar/tabs.vue  | 43 ++++++++++---------
 src/router/index.ts                           |  2 +
 src/views/pms/largeScreen/index.vue           | 11 +++++
 .../voltageSags/analyse/impactscope/index.vue |  9 +++-
 6 files changed, 59 insertions(+), 27 deletions(-)
 create mode 100644 src/views/pms/largeScreen/index.vue

diff --git a/src/components/form/datePicker/index.vue b/src/components/form/datePicker/index.vue
index 64788ede..4ceaf558 100644
--- a/src/components/form/datePicker/index.vue
+++ b/src/components/form/datePicker/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-select v-model="interval" style="min-width: 90px;width: 90px; margin-right: 10px" @change="timeChange">
+    <el-select v-model="interval" style="min-width: 90px; width: 90px; margin-right: 10px" @change="timeChange">
         <el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" />
     </el-select>
     <el-date-picker
@@ -22,7 +22,7 @@
 
 <script lang="ts" setup>
 import { DArrowLeft, VideoPause, DArrowRight } from '@element-plus/icons-vue'
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, nextTick } from 'vue'
 
 const interval = ref(3)
 const timeFlag = ref(1)
@@ -31,13 +31,13 @@ const disabledPicker = ref(true)
 const timeValue = ref()
 const backDisabled = ref(false)
 const preDisabled = ref(false)
-const timeOptions = [
+const timeOptions: any = ref([
     { label: '年份', value: 1 },
     { label: '季度', value: 2 },
     { label: '月份', value: 3 },
     { label: '周', value: 4 },
     { label: '自定义', value: 5 }
-]
+])
 const shortcuts = [
     {
         text: '最近一周',
@@ -447,7 +447,11 @@ const NowgetEndTime = () => {
     let endTime = year + sep + month + sep + date
     return endTime
 }
-defineExpose({ timeValue, interval, timeFlag })
+const setTimeOptions = (list: any) => {
+    timeOptions.value = list
+}
+
+defineExpose({ timeValue, interval, timeFlag, setTimeOptions })
 </script>
 
 <style scoped>
diff --git a/src/components/table/header/index.vue b/src/components/table/header/index.vue
index e98dd580..10e2892d 100644
--- a/src/components/table/header/index.vue
+++ b/src/components/table/header/index.vue
@@ -153,7 +153,12 @@ const onComSearch = async () => {
 const onResetForm = () => {
     tableStore.onTableAction('reset', {})
 }
-defineExpose({ onComSearch, areaRef })
+const setDatePicker = (list:any) => {
+    datePickerRef.value.setTimeOptions(list)
+
+}
+
+defineExpose({ onComSearch, areaRef, setDatePicker })
 </script>
 
 <style scoped lang="scss">
diff --git a/src/layouts/admin/components/navBar/tabs.vue b/src/layouts/admin/components/navBar/tabs.vue
index 0a504b24..4b2e5af8 100644
--- a/src/layouts/admin/components/navBar/tabs.vue
+++ b/src/layouts/admin/components/navBar/tabs.vue
@@ -1,31 +1,31 @@
 <template>
-    <div class='nav-tabs' ref='tabScrollbarRef'>
+    <div class="nav-tabs" ref="tabScrollbarRef">
         <div
-            v-for='(item, idx) in navTabs.state.tabsView'
-            @click='onTab(item)'
-            @contextmenu.prevent='onContextmenu(item, $event)'
-            class='ba-nav-tab'
+            v-for="(item, idx) in navTabs.state.tabsView"
+            @click="onTab(item)"
+            @contextmenu.prevent="onContextmenu(item, $event)"
+            class="ba-nav-tab"
             :class="navTabs.state.activeIndex == idx ? 'active' : ''"
-            :ref='tabsRefs.set'
-            :key='idx'
+            :ref="tabsRefs.set"
+            :key="idx"
         >
             {{ item.meta.title }}
-            <transition @after-leave='selectNavTab(tabsRefs[navTabs.state.activeIndex])' name='el-fade-in'>
+            <transition @after-leave="selectNavTab(tabsRefs[navTabs.state.activeIndex])" name="el-fade-in">
                 <Icon
-                    v-show='navTabs.state.tabsView.length > 1'
-                    class='close-icon'
-                    @click.stop='closeTab(item)'
-                    size='15'
-                    name='el-icon-Close'
+                    v-show="navTabs.state.tabsView.length > 1"
+                    class="close-icon"
+                    @click.stop="closeTab(item)"
+                    size="15"
+                    name="el-icon-Close"
                 />
             </transition>
         </div>
-<!--        <div :style='activeBoxStyle' class='nav-tabs-active-box'></div>-->
+        <!--        <div :style='activeBoxStyle' class='nav-tabs-active-box'></div>-->
     </div>
-    <Contextmenu ref='contextmenuRef' :items='state.contextmenuItems' @contextmenuItemClick='onContextmenuItem' />
+    <Contextmenu ref="contextmenuRef" :items="state.contextmenuItems" @contextmenuItemClick="onContextmenuItem" />
 </template>
 
-<script setup lang='ts'>
+<script setup lang="ts">
 import { nextTick, onMounted, reactive, ref } from 'vue'
 import { useRoute, useRouter, onBeforeRouteUpdate, type RouteLocationNormalized } from 'vue-router'
 import { useConfig } from '@/stores/config'
@@ -85,7 +85,7 @@ const onContextmenu = (menu: RouteLocationNormalized, el: MouseEvent) => {
 }
 
 // tab 激活状态切换
-const selectNavTab = function(dom: HTMLDivElement) {
+const selectNavTab = function (dom: HTMLDivElement) {
     if (!dom) {
         return false
     }
@@ -169,7 +169,7 @@ const onContextmenuItem = async (item: ContextmenuItemClickEmitArg) => {
     }
 }
 
-const updateTab = function(newRoute: RouteLocationNormalized) {
+const updateTab = function (newRoute: RouteLocationNormalized) {
     // 添加tab
     navTabs.addTab(newRoute)
     // 激活当前tab
@@ -181,7 +181,10 @@ const updateTab = function(newRoute: RouteLocationNormalized) {
 }
 
 onBeforeRouteUpdate(async to => {
-    updateTab(to)
+   
+
+        updateTab(to)
+   
 })
 
 onMounted(() => {
@@ -190,7 +193,7 @@ onMounted(() => {
 })
 </script>
 
-<style scoped lang='scss'>
+<style scoped lang="scss">
 .dark {
     .close-icon {
         color: v-bind('config.getColorVal("headerBarTabColor")') !important;
diff --git a/src/router/index.ts b/src/router/index.ts
index db01a434..dc4c3763 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -20,6 +20,8 @@ router.beforeEach((to, from, next) => {
     if (to.path == '/login' || to.path == '/404') {
         // 登录或者注册才可以往下进行
         next()
+    } else if (to.path == '/admin/center/homePage') {
+        window.open(window.location.origin + '/homePage')
     } else {
         // 获取 token
         const adminInfo = useAdminInfo()
diff --git a/src/views/pms/largeScreen/index.vue b/src/views/pms/largeScreen/index.vue
new file mode 100644
index 00000000..d66ec7f0
--- /dev/null
+++ b/src/views/pms/largeScreen/index.vue
@@ -0,0 +1,11 @@
+<template>
+
+    <div> </div>
+
+</template>
+<script setup lang='ts'>
+import { ref, reactive } from 'vue'
+</script>
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/pms/voltageSags/analyse/impactscope/index.vue b/src/views/pms/voltageSags/analyse/impactscope/index.vue
index bd026cfb..da6de5bd 100644
--- a/src/views/pms/voltageSags/analyse/impactscope/index.vue
+++ b/src/views/pms/voltageSags/analyse/impactscope/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="default-main">
-        <TableHeader datePicker>
+        <TableHeader datePicker ref="TableHeaderRef">
             <template #select>
                 <el-form-item label="筛选">
                     <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="输入关键字筛选" />
@@ -45,6 +45,7 @@ defineOptions({
 const dialogAnalysis = ref(false)
 const AnalysisData = ref([])
 const tableRef = ref()
+const TableHeaderRef = ref()
 const tableStore = new TableStore({
     url: '/advance-boot/process/queryEventsAssPage',
     method: 'POST',
@@ -101,6 +102,12 @@ const tableStore = new TableStore({
 provide('tableStore', tableStore)
 onMounted(() => {
     tableStore.index()
+    TableHeaderRef.value.setDatePicker([
+        { label: '年份', value: 1 },
+        { label: '季度', value: 2 },
+        { label: '月份', value: 3 },
+        { label: '周', value: 4 }
+    ])
 })
 //分析记录管理
 const analysis = () => {