处理了切换日k、周k、月k等选项后，布局状态的保持
This commit is contained in:
parent
b561ed6f0a
commit
7ca272ab7e
@ -1,4 +1,4 @@
|
||||
import { createRouter, createWebHashHistory } from 'vue-router';
|
||||
import { createRouter, createWebHashHistory } from 'vue-router'
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHashHistory(import.meta.env.BASE_URL),
|
||||
@ -6,8 +6,8 @@ const router = createRouter({
|
||||
{
|
||||
path: '/',
|
||||
name: 'root',
|
||||
redirect: '/thenew',
|
||||
component: () => import('@/views/TheNewView.vue'),
|
||||
redirect: '/thenew',
|
||||
component: () => import('@/views/TheNewView.vue'),
|
||||
children: [
|
||||
{
|
||||
path: 'thenew',
|
||||
@ -18,43 +18,63 @@ const router = createRouter({
|
||||
{
|
||||
path: 'hour-line',
|
||||
name: 'hour-line',
|
||||
component: () => import('@/end/NewDesign.vue')
|
||||
component: () => import('@/end/NewDesign.vue'),
|
||||
},
|
||||
{
|
||||
path: 'hour-line2',
|
||||
name: 'hour-line2',
|
||||
component: () => import('@/endnew/NewStyleDesign.vue')
|
||||
component: () => import('@/endnew/NewStyleDesign.vue'),
|
||||
},
|
||||
{
|
||||
path: 'day-line',
|
||||
name: 'day-line',
|
||||
component: () => import('@/end/NodataView.vue')
|
||||
component: () => import('@/end/NodataView.vue'),
|
||||
},
|
||||
{
|
||||
path: 'day-line2',
|
||||
name: 'day-line2',
|
||||
component: () => import('@/end/NodataView.vue'),
|
||||
},
|
||||
{
|
||||
path: 'week-line',
|
||||
name: 'week-line',
|
||||
component: () => import('@/end/NodataView.vue')
|
||||
component: () => import('@/end/NodataView.vue'),
|
||||
},
|
||||
{
|
||||
path: 'week-line2',
|
||||
name: 'week-line2',
|
||||
component: () => import('@/end/NodataView.vue'),
|
||||
},
|
||||
{
|
||||
path: 'month-line',
|
||||
name: 'month-line',
|
||||
component: () => import('@/end/NodataView.vue')
|
||||
component: () => import('@/end/NodataView.vue'),
|
||||
},
|
||||
{
|
||||
path: 'month-line2',
|
||||
name: 'month-line2',
|
||||
component: () => import('@/end/NodataView.vue'),
|
||||
},
|
||||
{
|
||||
path: 'year-line',
|
||||
name: 'year-line',
|
||||
component: () => import('@/end/NodataView.vue')
|
||||
component: () => import('@/end/NodataView.vue'),
|
||||
},
|
||||
{
|
||||
path: 'year-line2',
|
||||
name: 'year-line2',
|
||||
component: () => import('@/end/NodataView.vue'),
|
||||
},
|
||||
{
|
||||
path: 'nodata',
|
||||
name: 'nodata',
|
||||
component: () => import('@/end/NodataView.vue')
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
component: () => import('@/end/NodataView.vue'),
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
})
|
||||
|
||||
export default router;
|
||||
export default router
|
||||
|
||||
@ -81,14 +81,29 @@ let routerList = [
|
||||
'month-line',
|
||||
'year-line',
|
||||
]
|
||||
// 模拟路由数据
|
||||
let routerLists = [
|
||||
'hour-line2',
|
||||
'day-line2',
|
||||
'week-line2',
|
||||
'month-line2',
|
||||
'year-line2',
|
||||
]
|
||||
// 定义一个响应式变量来存储当前激活的项的索引
|
||||
const activeIndex = ref(0)
|
||||
// 定义一个处理点击事件的函数
|
||||
function handleClick(index) {
|
||||
// 更新当前激活的项的索引
|
||||
activeIndex.value = index
|
||||
// 跳转路由
|
||||
router.push(`/thenew/${routerList[index]}`)
|
||||
if(style.value === 'vertical'){
|
||||
// 跳转路由
|
||||
router.push(`/thenew/${routerList[index]}`)
|
||||
}
|
||||
if(style.value === 'grid'){
|
||||
// 跳转路由
|
||||
router.push(`/thenew/${routerLists[index]}`)
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -161,7 +176,7 @@ function handleClick(index) {
|
||||
<el-tooltip
|
||||
class="box-item"
|
||||
effect="light"
|
||||
content="Light"
|
||||
content="明亮"
|
||||
placement="left"
|
||||
>
|
||||
<svg t="1737685432082" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3218" width="16" height="16"><path d="M504.832 144h24.08c6.608 0 11.952 4.48 11.952 9.984v80.208c0 5.504-5.344 9.984-11.952 9.984h-24.08c-6.608 0-11.968-4.48-11.968-9.984V153.984c0-5.52 5.36-9.984 11.968-9.984z m10.304 541.92c96.432 0 174.608-78.176 174.608-174.608 0-96.448-78.176-174.624-174.608-174.624S340.528 414.88 340.528 511.312c0 96.432 78.176 174.608 174.608 174.608z m0 48c-122.944 0-222.608-99.68-222.608-222.608 0-122.944 99.664-222.624 222.608-222.624s222.608 99.68 222.608 222.624c0 122.928-99.68 222.608-222.608 222.608z m-10.24-355.792a9.52 9.52 0 0 1 10.24 9.488v247.2a9.696 9.696 0 0 1-10.448 9.648 133.584 133.584 0 0 1 0.208-266.336z m263.184-135.056l17.024 17.024c4.672 4.672 5.28 11.632 1.376 15.536L729.6 332.512c-3.904 3.904-10.864 3.296-15.52-1.376l-17.04-17.024c-4.672-4.672-5.28-11.632-1.376-15.552l56.88-56.864c3.904-3.92 10.864-3.296 15.52 1.376z m110.528 261.76v24.08c0 6.608-4.48 11.952-9.984 11.952h-80.208c-5.504 0-9.984-5.344-9.984-11.952v-24.08c0-6.608 4.48-11.968 9.984-11.968h80.208c5.52 0 9.984 5.36 9.984 11.968z m-93.504 257.68l-17.024 17.024c-4.672 4.672-11.632 5.28-15.536 1.376l-56.88-56.864c-3.904-3.92-3.296-10.88 1.376-15.536l17.024-17.04c4.672-4.672 11.632-5.28 15.536-1.376l56.88 56.88c3.92 3.904 3.296 10.88-1.376 15.536z m-256.192 116.096h-24.08c-6.608 0-11.968-4.48-11.968-9.984v-80.208c0-5.504 5.36-9.984 11.968-9.984h24.08c6.608 0 11.952 4.48 11.952 9.984v80.208c0 5.52-5.344 9.984-11.952 9.984z m-268.528-100.448l-14.272-14.272a10.016 10.016 0 0 1 0-14.16l56.88-56.88a10.016 10.016 0 0 1 14.16 0l14.272 14.272a10.016 10.016 0 0 1 0 14.176l-56.864 56.864a10.016 10.016 0 0 1-14.176 0zM144 528.912v-24.08c0-6.608 4.48-11.968 9.984-11.968h80.208c5.504 0 9.984 5.36 9.984 11.968v24.08c0 6.608-4.48 11.952-9.984 11.952H153.984c-5.52 0-9.984-5.344-9.984-11.952z m104.64-268.8l17.024-17.04c4.672-4.672 11.632-5.28 15.536-1.376l56.88 56.864c3.904 3.92 3.296 10.88-1.376 15.552l-17.04 17.024c-4.672 4.672-11.616 5.28-15.52 1.376l-56.88-56.88c-3.92-3.904-3.296-10.88 1.36-15.52z" fill="#2c2c2c" p-id="3219"></path></svg>
|
||||
@ -173,7 +188,7 @@ function handleClick(index) {
|
||||
<el-tooltip
|
||||
class="box-item"
|
||||
effect="light"
|
||||
content="Dark"
|
||||
content="黑暗"
|
||||
placement="left"
|
||||
>
|
||||
<svg t="1737685471806" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3524" width="16" height="16"><path d="M504.832 144h24.08c6.608 0 11.952 4.48 11.952 9.984v80.208c0 5.504-5.344 9.984-11.952 9.984h-24.08c-6.608 0-11.968-4.48-11.968-9.984V153.984c0-5.52 5.36-9.984 11.968-9.984z m263.248 99.072l17.024 17.024c4.672 4.672 5.28 11.632 1.376 15.536L729.6 332.512c-3.904 3.904-10.864 3.296-15.52-1.376l-17.04-17.024c-4.672-4.672-5.28-11.632-1.376-15.552l56.88-56.864c3.904-3.92 10.864-3.296 15.52 1.376z m110.528 261.76v24.08c0 6.608-4.48 11.952-9.984 11.952h-80.208c-5.504 0-9.984-5.344-9.984-11.952v-24.08c0-6.608 4.48-11.968 9.984-11.968h80.208c5.52 0 9.984 5.36 9.984 11.968z m-93.504 257.68l-17.024 17.024c-4.672 4.672-11.632 5.28-15.536 1.376l-56.88-56.864c-3.904-3.92-3.296-10.88 1.376-15.536l17.024-17.04c4.672-4.672 11.632-5.28 15.536-1.376l56.88 56.88c3.92 3.904 3.296 10.88-1.376 15.536z m-256.192 116.096h-24.08c-6.608 0-11.968-4.48-11.968-9.984v-80.208c0-5.504 5.36-9.984 11.968-9.984h24.08c6.608 0 11.952 4.48 11.952 9.984v80.208c0 5.52-5.344 9.984-11.952 9.984z m-268.528-100.448l-14.272-14.272a10.016 10.016 0 0 1 0-14.16l56.88-56.88a10.016 10.016 0 0 1 14.16 0l14.272 14.272a10.016 10.016 0 0 1 0 14.176l-56.864 56.864a10.016 10.016 0 0 1-14.176 0zM144 528.912v-24.08c0-6.608 4.48-11.968 9.984-11.968h80.208c5.504 0 9.984 5.36 9.984 11.968v24.08c0 6.608-4.48 11.952-9.984 11.952H153.984c-5.52 0-9.984-5.344-9.984-11.952z m104.64-268.8l17.024-17.04c4.672-4.672 11.632-5.28 15.536-1.376l56.88 56.864c3.904 3.92 3.296 10.88-1.376 15.552l-17.04 17.024c-4.672 4.672-11.616 5.28-15.52 1.376l-56.88-56.88c-3.92-3.904-3.296-10.88 1.36-15.52zM515.12 685.92c96.432 0 174.608-78.176 174.608-174.608 0-96.448-78.176-174.624-174.608-174.624S340.528 414.88 340.528 511.312c0 96.432 78.176 174.608 174.608 174.608z m0 48c-122.944 0-222.608-99.68-222.608-222.608 0-122.944 99.664-222.624 222.608-222.624s222.608 99.68 222.608 222.624c0 122.928-99.68 222.608-222.608 222.608zM478.288 427.52a82.8 82.8 0 0 0-1.68 16.64c0 43.936 34.32 79.552 76.64 79.552a74.624 74.624 0 0 0 48.544-17.984c4.544-3.872 14.72-2.4 15.392 3.184 0.592 4.848 0.896 9.792 0.896 14.8 0 64.224-50.144 116.272-112 116.272s-112-52.048-112-116.272c0-48.064 28.096-89.312 68.176-107.024 6.976-3.088 17.312 4.576 16.032 10.832z" fill="#2c2c2c" p-id="3525"></path></svg>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user