change

wangjuncheng

2025-04-15 8792be67cf5791a4a3afc2f72fd8d7cfc3cff353

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
// stores/ui.js
import { defineStore } from 'pinia'
import { ref } from 'vue'
 
export const useSimStore = defineStore('ui', () => {
    // 所有UI状态
    const navigationShow = ref(true)
    const leftShow = ref(false)
    const rightShow = ref(false)
    const plottingShow = ref(false)
    const messageShow = ref(false)
    const announcementShow = ref(false)
    const functionShow = ref(false)
    const locationShow = ref(false)
    const tableShow = ref(false)
    const flowShow = ref(false)
    const debuffShow = ref(false)
    const rightRiverShow = ref(false)
    const showPreview = ref(false)
    const weatherShow = ref(false)
    const barShow = ref(false)
    const deviceShow = ref(false)
    const showResultAssess = ref(false)
    const showLayerTree = ref(true)
    const showDangerAssess = ref(false)
    const schemCard = ref([])
 
    // 初始化方法
    const init = () => {
        navigationShow.value = true
        leftShow.value = false
        rightShow.value = false
        plottingShow.value = false
        messageShow.value = false
        announcementShow.value = false
        functionShow.value = false
        locationShow.value = false
        tableShow.value = false
        flowShow.value = false
        rightRiverShow.value = false
        showPreview.value = false
        deviceShow.value = false
        showResultAssess.value = false
        showDangerAssess.value = false
        schemCard.value = []
    }
    // 方案相关
    const setSchemCard = (data) => {
        schemCard.value = data
    }
 
    // 添加单个方案数据
    const addSchemCard = (item) => {
        schemCard.value.unshift(item)
    }
 
    // 删除指定方案数据
    const removeSchemCardItem = (id) => {
        schemCard.value = schemCard.value.filter(item => item.id !== id)
    }
 
    // 更新指定方案数据
    const updateSchemCardItem = (id, newData) => {
        const index = schemCard.value.findIndex(item => item.id === id)
        if (index !== -1) {
            schemCard.value[index] = { ...schemCard.value[index], ...newData }
        }
    }
 
 
    const startYHGL = () => {
        init()
        locationShow.value = true
    }
 
    const startZHJC = () => {
        init()
        functionShow.value = true
        deviceShow.value = true
    }
 
    const startMNFZ = () => {
        init()
        leftShow.value = true
        rightRiverShow.value = true
    }
 
    const startMNPG = () => {
        init()
        showResultAssess.value = true
        showDangerAssess.value = true
    }
 
    // 导航点击
    const handleNavClick = (index) => {
        switch (index) {
            case 1:
                startYHGL()
                break
            case 2:
                startZHJC()
                break
            case 3:
                startMNFZ()
                break
            case 4:
                startMNPG()
                break
        }
    }
    return {
        navigationShow,
        leftShow,
        rightShow,
        plottingShow,
        messageShow,
        announcementShow,
        functionShow,
        locationShow,
        tableShow,
        flowShow,
        debuffShow,
        rightRiverShow,
        showPreview,
        weatherShow,
        barShow,
        deviceShow,
        showResultAssess,
        showLayerTree,
        showDangerAssess,
        handleNavClick,
        init,
        startYHGL,
        startZHJC,
        startMNFZ,
        startMNPG,
        schemCard,
        setSchemCard,
        addSchemCard,
        removeSchemCardItem,
        updateSchemCardItem,
    }
})