diff --git a/src/directive/permission/hasPermi.js b/src/directive/permission/hasPermi.js
new file mode 100644
index 0000000..ad6c13f
--- /dev/null
+++ b/src/directive/permission/hasPermi.js
@@ -0,0 +1,33 @@
+ /**
+ * v-hasPermi 操作权限处理
+ * Copyright (c) 2019 ruoyi
+ */
+import { useUserStore } from '@/store/modules/user'
+
+export default {
+  mounted(el, binding, vnode) {
+    const { value } = binding
+    const all_permission = "*:*:*"
+    
+    try {
+      const userStore = useUserStore()
+      const permissions = userStore.permissions
+
+      if (value && value instanceof Array && value.length > 0) {
+        const permissionFlag = value
+
+        const hasPermissions = permissions.some(permission => {
+          return all_permission === permission || permissionFlag.includes(permission)
+        })
+
+        if (!hasPermissions) {
+          el.parentNode && el.parentNode.removeChild(el)
+        }
+      } else {
+        throw new Error(`请设置操作权限标签值`)
+      }
+    } catch (error) {
+      console.warn('Permission directive failed:', error)
+    }
+  }
+}
diff --git a/src/directive/permission/hasRole.js b/src/directive/permission/hasRole.js
new file mode 100644
index 0000000..0ac378f
--- /dev/null
+++ b/src/directive/permission/hasRole.js
@@ -0,0 +1,33 @@
+/**
+ * v-hasRole 角色权限处理
+ * Copyright (c) 2019 ruoyi
+ */
+import { useUserStore } from '@/store/modules/user'
+
+export default {
+  mounted(el, binding, vnode) {
+    const { value } = binding
+    const super_admin = "admin"
+    
+    try {
+      const userStore = useUserStore()
+      const roles = userStore.roles
+
+      if (value && value instanceof Array && value.length > 0) {
+        const permissionRoles = value
+
+        const hasRole = roles.some(role => {
+          return super_admin === role || permissionRoles.includes(role)
+        })
+
+        if (!hasRole) {
+          el.parentNode && el.parentNode.removeChild(el)
+        }
+      } else {
+        throw new Error(`请设置角色权限标签值`)
+      }
+    } catch (error) {
+      console.warn('Role directive failed:', error)
+    }
+  }
+}
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
new file mode 100644
index 0000000..71c0dd8
--- /dev/null
+++ b/src/layout/components/AppMain.vue
@@ -0,0 +1,90 @@
+<template>
+  <section class="app-main">
+    <router-view v-slot="{ Component, route }">
+      <transition name="fade-transform" mode="out-in">
+        <keep-alive :include="tagsViewStore.cachedViews">
+          <component v-if="!route.meta.link" :is="Component" :key="route.path"/>
+        </keep-alive>
+      </transition>
+    </router-view>
+    <iframe-toggle />
+    <copyright />
+  </section>
+</template>
+
+<script setup>
+import copyright from "./Copyright/index"
+import iframeToggle from "./IframeToggle/index"
+import { useTagsViewStore } from '@/store/modules/tagsView'
+
+const route = useRoute()
+const tagsViewStore = useTagsViewStore()
+
+onMounted(() => {
+  addIframe()
+})
+
+watchEffect(() => {
+  addIframe()
+})
+
+function addIframe() {
+  if (route.meta.link) {
+    useTagsViewStore().addIframeView(route)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-main {
+  /* 50= navbar  50  */
+  min-height: calc(100vh - 50px);
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.fixed-header + .app-main {
+  overflow-y: auto;
+  scrollbar-gutter: auto;
+  height: calc(100vh - 50px);
+  min-height: 0px;
+}
+
+.app-main:has(.copyright) {
+  padding-bottom: 36px;
+}
+
+.fixed-header + .app-main {
+  margin-top: 50px;
+}
+
+.hasTagsView {
+  .app-main {
+    /* 84 = navbar + tags-view = 50 + 34 */
+    min-height: calc(100vh - 84px);
+  }
+
+  .fixed-header + .app-main {
+    margin-top: 84px;
+    height: calc(100vh - 84px);
+    min-height: 0px;
+  }
+}
+</style>
+
+<style lang="scss">
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background-color: #f1f1f1;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #c0c0c0;
+  border-radius: 3px;
+}
+</style>
diff --git a/src/layout/components/Copyright/index.vue b/src/layout/components/Copyright/index.vue
new file mode 100644
index 0000000..6ebaca2
--- /dev/null
+++ b/src/layout/components/Copyright/index.vue
@@ -0,0 +1,31 @@
+<template>
+  <footer v-if="visible" class="copyright">
+    <span>{{ content }}</span>
+  </footer>
+</template>
+
+<script setup>
+import { useSettingsStore } from '@/store/modules/settings'
+
+const settingsStore = useSettingsStore()
+
+const visible = computed(() => settingsStore.footerVisible)
+const content = computed(() => settingsStore.footerContent)
+</script>
+
+<style scoped>
+.copyright {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 36px;
+  padding: 10px 20px;
+  text-align: right;
+  background-color: #f8f8f8;
+  color: #666;
+  font-size: 14px;
+  border-top: 1px solid #e7e7e7;
+  z-index: 999;
+}
+</style>
\ No newline at end of file
diff --git a/src/layout/components/IframeToggle/index.vue b/src/layout/components/IframeToggle/index.vue
new file mode 100644
index 0000000..a4a98a5
--- /dev/null
+++ b/src/layout/components/IframeToggle/index.vue
@@ -0,0 +1,25 @@
+<template>
+  <inner-link
+    v-for="(item, index) in tagsViewStore.iframeViews"
+    :key="item.path"
+    :iframeId="'iframe' + index"
+    v-show="route.path === item.path"
+    :src="iframeUrl(item.meta.link, item.query)"
+  ></inner-link>
+</template>
+
+<script setup>
+import InnerLink from "../InnerLink/index"
+import { useTagsViewStore } from "@/store/modules/tagsView"
+
+const route = useRoute()
+const tagsViewStore = useTagsViewStore()
+
+function iframeUrl(url, query) {
+  if (Object.keys(query).length > 0) {
+    let params = Object.keys(query).map((key) => key + "=" + query[key]).join("&")
+    return url + "?" + params
+  }
+  return url
+}
+</script>
diff --git a/src/layout/components/InnerLink/index.vue b/src/layout/components/InnerLink/index.vue
new file mode 100644
index 0000000..2634830
--- /dev/null
+++ b/src/layout/components/InnerLink/index.vue
@@ -0,0 +1,35 @@
+<template>
+  <div :style="'height:' + height" v-loading="loading" element-loading-text="正在加载页面，请稍候！">
+    <iframe
+      :id="iframeId"
+      style="width: 100%; height: 100%"
+      :src="src"
+      ref="iframeRef"
+      frameborder="no"
+    ></iframe>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  src: {
+    type: String,
+    default: "/"
+  },
+  iframeId: {
+    type: String
+  }
+})
+
+const loading = ref(true)
+const height = ref(document.documentElement.clientHeight - 94.5 + 'px')
+const iframeRef = ref(null)
+
+onMounted(() => {
+  if (iframeRef.value) {
+    iframeRef.value.onload = () => {
+      loading.value = false
+    }
+  }
+})
+</script>
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
new file mode 100644
index 0000000..e3fef25
--- /dev/null
+++ b/src/layout/components/Navbar.vue
@@ -0,0 +1,216 @@
+<template>
+  <div class="navbar">
+    <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+    <breadcrumb v-if="!settingsStore.topNav" id="breadcrumb-container" class="breadcrumb-container" />
+    <top-nav v-if="settingsStore.topNav" id="topmenu-container" class="topmenu-container" />
+
+    <div class="right-menu">
+      <template v-if="appStore.device !== 'mobile'">
+
+        <screenfull id="screenfull" class="right-menu-item hover-effect" />
+
+        <el-tooltip content="主题模式" effect="dark" placement="bottom">
+          <div class="right-menu-item hover-effect theme-switch-wrapper" @click="toggleTheme">
+            <svg-icon v-if="settingsStore.isDark" icon-class="sunny" />
+            <svg-icon v-if="!settingsStore.isDark" icon-class="moon" />
+          </div>
+        </el-tooltip>
+
+        <el-tooltip content="布局大小" effect="dark" placement="bottom">
+          <size-select id="size-select" class="right-menu-item hover-effect" />
+        </el-tooltip>
+      </template>
+
+      <el-dropdown @command="handleCommand" class="avatar-container right-menu-item hover-effect" trigger="hover">
+        <div class="avatar-wrapper">
+          <img :src="userStore.avatar" class="user-avatar" />
+          <span class="user-nickname"> {{ userStore.nickName }} </span>
+        </div>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <router-link to="/user/profile">
+              <el-dropdown-item>个人中心</el-dropdown-item>
+            </router-link>
+            <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings">
+                <span>布局设置</span>
+              </el-dropdown-item>
+            <el-dropdown-item divided command="logout">
+              <span>退出登录</span>
+            </el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ElMessageBox } from 'element-plus'
+import Breadcrumb from '@/components/Breadcrumb'
+import TopNav from '@/components/TopNav'
+import Hamburger from '@/components/Hamburger'
+import Screenfull from '@/components/Screenfull'
+import SizeSelect from '@/components/SizeSelect'
+import HeaderSearch from '@/components/HeaderSearch'
+import RuoYiGit from '@/components/RuoYi/Git'
+import RuoYiDoc from '@/components/RuoYi/Doc'
+import { useAppStore } from '@/store/modules/app'
+import { useUserStore } from '@/store/modules/user'
+import { useSettingsStore } from '@/store/modules/settings'
+
+const appStore = useAppStore()
+const userStore = useUserStore()
+const settingsStore = useSettingsStore()
+
+function toggleSideBar() {
+  appStore.toggleSideBar()
+}
+
+function handleCommand(command) {
+  switch (command) {
+    case "setLayout":
+      setLayout()
+      break
+    case "logout":
+      logout()
+      break
+    default:
+      break
+  }
+}
+
+function logout() {
+  ElMessageBox.confirm('确定注销并退出系统吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    userStore.logOut().then(() => {
+      location.href = '/index'
+    })
+  }).catch(() => { })
+}
+
+const emits = defineEmits(['setLayout'])
+function setLayout() {
+  emits('setLayout')
+}
+
+function toggleTheme() {
+  settingsStore.toggleTheme()
+}
+</script>
+
+<style lang='scss' scoped>
+.navbar {
+  height: 50px;
+  overflow: hidden;
+  position: relative;
+  background: var(--navbar-bg);
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+
+  .hamburger-container {
+    line-height: 46px;
+    height: 100%;
+    float: left;
+    cursor: pointer;
+    transition: background 0.3s;
+    -webkit-tap-highlight-color: transparent;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.025);
+    }
+  }
+
+  .breadcrumb-container {
+    float: left;
+  }
+
+  .topmenu-container {
+    position: absolute;
+    left: 50px;
+  }
+
+  .errLog-container {
+    display: inline-block;
+    vertical-align: top;
+  }
+
+  .right-menu {
+    float: right;
+    height: 100%;
+    line-height: 50px;
+    display: flex;
+
+    &:focus {
+      outline: none;
+    }
+
+    .right-menu-item {
+      display: inline-block;
+      padding: 0 8px;
+      height: 100%;
+      font-size: 18px;
+      color: #5a5e66;
+      vertical-align: text-bottom;
+
+      &.hover-effect {
+        cursor: pointer;
+        transition: background 0.3s;
+
+        &:hover {
+          background: rgba(0, 0, 0, 0.025);
+        }
+      }
+
+      &.theme-switch-wrapper {
+        display: flex;
+        align-items: center;
+
+        svg {
+          transition: transform 0.3s;
+          
+          &:hover {
+            transform: scale(1.15);
+          }
+        }
+      }
+    }
+
+    .avatar-container {
+      margin-right: 0px;
+      padding-right: 0px;
+
+      .avatar-wrapper {
+        margin-top: 10px;
+        right: 8px;
+        position: relative;
+
+        .user-avatar {
+          cursor: pointer;
+          width: 30px;
+          height: 30px;
+          margin-right: 8px;
+          border-radius: 50%;
+        }
+
+        .user-nickname{
+          position: relative;
+          left: 0px;
+          bottom: 10px;
+          font-size: 14px;
+          font-weight: bold;
+        }
+
+        i {
+          cursor: pointer;
+          position: absolute;
+          right: -20px;
+          top: 25px;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
new file mode 100644
index 0000000..4c4d6e0
--- /dev/null
+++ b/src/layout/components/Settings/index.vue
@@ -0,0 +1,221 @@
+<template>
+  <el-drawer v-model="showSettings" :withHeader="false" :lock-scroll="false" direction="rtl" size="300px">
+    <div class="setting-drawer-title">
+      <h3 class="drawer-title">主题风格设置</h3>
+    </div>
+    <div class="setting-drawer-block-checbox">
+      <div class="setting-drawer-block-checbox-item" @click="handleTheme('theme-light')">
+        <img src="@/assets/images/light.svg" alt="light" />
+        <div v-if="sideTheme === 'theme-light'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
+          <i aria-label="图标: check" class="anticon anticon-check">
+            <svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" focusable="false" class>
+              <path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" />
+            </svg>
+          </i>
+        </div>
+      </div>
+      <div class="setting-drawer-block-checbox-item" @click="handleTheme('theme-dark')">
+        <img src="@/assets/images/dark.svg" alt="dark" />
+        <div v-if="sideTheme === 'theme-dark'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
+          <i aria-label="图标: check" class="anticon anticon-check">
+            <svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" focusable="false" class>
+              <path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" />
+            </svg>
+          </i>
+        </div>
+      </div>
+    </div>
+    <div class="drawer-item">
+      <span>主题颜色</span>
+      <span class="comp-style">
+        <el-color-picker v-model="theme" :predefine="predefineColors" @change="themeChange"/>
+      </span>
+    </div>
+    <el-divider />
+
+    <h3 class="drawer-title">系统布局配置</h3>
+
+    <div class="drawer-item">
+      <span>开启 TopNav</span>
+      <span class="comp-style">
+        <el-switch v-model="settingsStore.topNav" @change="topNavChange" class="drawer-switch" />
+      </span>
+    </div>
+
+    <div class="drawer-item">
+      <span>开启 Tags-Views</span>
+      <span class="comp-style">
+        <el-switch v-model="settingsStore.tagsView" class="drawer-switch" />
+      </span>
+    </div>
+
+    <div class="drawer-item">
+      <span>显示页签图标</span>
+      <span class="comp-style">
+        <el-switch v-model="settingsStore.tagsIcon" :disabled="!settingsStore.tagsView" class="drawer-switch" />
+      </span>
+    </div>
+
+    <div class="drawer-item">
+      <span>固定 Header</span>
+      <span class="comp-style">
+        <el-switch v-model="settingsStore.fixedHeader" class="drawer-switch" />
+      </span>
+    </div>
+
+    <div class="drawer-item">
+      <span>显示 Logo</span>
+      <span class="comp-style">
+        <el-switch v-model="settingsStore.sidebarLogo" class="drawer-switch" />
+      </span>
+    </div>
+
+    <div class="drawer-item">
+      <span>动态标题</span>
+      <span class="comp-style">
+        <el-switch v-model="settingsStore.dynamicTitle" @change="dynamicTitleChange" class="drawer-switch" />
+      </span>
+    </div>
+
+    <div class="drawer-item">
+      <span>底部版权</span>
+      <span class="comp-style">
+        <el-switch v-model="settingsStore.footerVisible" class="drawer-switch" />
+      </span>
+    </div>
+
+    <el-divider />
+
+    <el-button type="primary" plain icon="DocumentAdd" @click="saveSetting">保存配置</el-button>
+    <el-button plain icon="Refresh" @click="resetSetting">重置配置</el-button>
+  </el-drawer>
+
+</template>
+
+<script setup>
+import { useAppStore } from '@/store/modules/app'
+import { useSettingsStore } from '@/store/modules/settings'
+import { usePermissionStore } from '@/store/modules/permission'
+import { handleThemeStyle } from '@/utils/theme'
+
+const { proxy } = getCurrentInstance()
+const appStore = useAppStore()
+const settingsStore = useSettingsStore()
+const permissionStore = usePermissionStore()
+const showSettings = ref(false)
+const theme = ref(settingsStore.theme)
+const sideTheme = ref(settingsStore.sideTheme)
+const storeSettings = computed(() => settingsStore)
+const predefineColors = ref(["#409EFF", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585"])
+
+/** 是否需要topnav */
+function topNavChange(val) {
+  if (!val) {
+    appStore.toggleSideBarHide(false)
+    permissionStore.setSidebarRouters(permissionStore.defaultRoutes)
+  }
+}
+
+/** 是否需要dynamicTitle */
+function dynamicTitleChange() {
+  useSettingsStore().setTitle(useSettingsStore().title)
+}
+
+function themeChange(val) {
+  settingsStore.theme = val
+  handleThemeStyle(val)
+}
+
+function handleTheme(val) {
+  settingsStore.sideTheme = val
+  sideTheme.value = val
+}
+
+function saveSetting() {
+  proxy.$modal.loading("正在保存到本地，请稍候...")
+  let layoutSetting = {
+    "topNav": storeSettings.value.topNav,
+    "tagsView": storeSettings.value.tagsView,
+    "tagsIcon": storeSettings.value.tagsIcon,
+    "fixedHeader": storeSettings.value.fixedHeader,
+    "sidebarLogo": storeSettings.value.sidebarLogo,
+    "dynamicTitle": storeSettings.value.dynamicTitle,
+    "footerVisible": storeSettings.value.footerVisible,
+    "sideTheme": storeSettings.value.sideTheme,
+    "theme": storeSettings.value.theme
+  }
+  localStorage.setItem("layout-setting", JSON.stringify(layoutSetting))
+  setTimeout(proxy.$modal.closeLoading(), 1000)
+}
+
+function resetSetting() {
+  proxy.$modal.loading("正在清除设置缓存并刷新，请稍候...")
+  localStorage.removeItem("layout-setting")
+  setTimeout("window.location.reload()", 1000)
+}
+
+function openSetting() {
+  showSettings.value = true
+}
+
+defineExpose({
+  openSetting
+})
+</script>
+
+<style lang='scss' scoped>
+.setting-drawer-title {
+  margin-bottom: 12px;
+  color: var(--el-text-color-primary, rgba(0, 0, 0, 0.85));
+  line-height: 22px;
+  font-weight: bold;
+
+  .drawer-title {
+    font-size: 14px;
+  }
+}
+
+.setting-drawer-block-checbox {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: 10px;
+  margin-bottom: 20px;
+
+  .setting-drawer-block-checbox-item {
+    position: relative;
+    margin-right: 16px;
+    border-radius: 2px;
+    cursor: pointer;
+
+    img {
+      width: 48px;
+      height: 48px;
+    }
+
+    .setting-drawer-block-checbox-selectIcon {
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 100%;
+      height: 100%;
+      padding-top: 15px;
+      padding-left: 24px;
+      color: #1890ff;
+      font-weight: 700;
+      font-size: 14px;
+    }
+  }
+}
+
+.drawer-item {
+  color: var(--el-text-color-regular, rgba(0, 0, 0, 0.65));
+  padding: 12px 0;
+  font-size: 14px;
+
+  .comp-style {
+    float: right;
+    margin: -3px 8px 0px 0px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/layout/components/Sidebar/Link.vue b/src/layout/components/Sidebar/Link.vue
new file mode 100644
index 0000000..15692ba
--- /dev/null
+++ b/src/layout/components/Sidebar/Link.vue
@@ -0,0 +1,40 @@
+<template>
+  <component :is="type" v-bind="linkProps()">
+    <slot />
+  </component>
+</template>
+
+<script setup>
+import { isExternal } from '@/utils/validate'
+
+const props = defineProps({
+  to: {
+    type: [String, Object],
+    required: true
+  }
+})
+
+const isExt = computed(() => {
+  return isExternal(props.to)
+})
+
+const type = computed(() => {
+  if (isExt.value) {
+    return 'a'
+  }
+  return 'router-link'
+})
+
+function linkProps() {
+  if (isExt.value) {
+    return {
+      href: props.to,
+      target: '_blank',
+      rel: 'noopener'
+    }
+  }
+  return {
+    to: props.to
+  }
+}
+</script>
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
new file mode 100644
index 0000000..1cbf686
--- /dev/null
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -0,0 +1,103 @@
+<!--
+ * @Author: 季万俊
+ * @Date: 2025-09-26 11:23:42
+ * @Description: 
+-->
+<template>
+  <div class="sidebar-logo-container" :class="{ 'collapse': collapse }">
+    <transition name="sidebarLogoFade">
+      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo" />
+        <h1 v-else class="sidebar-title">{{ title }}</h1>
+      </router-link>
+      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo" />
+        <h1 class="sidebar-title">{{ title }}</h1>
+      </router-link>
+    </transition>
+  </div>
+</template>
+
+<script setup>
+import logo from '@/assets/logo/logo.png'
+import { useSettingsStore } from '@/store/modules/settings'
+import variables from '@/assets/styles/variables.module.scss'
+
+defineProps({
+  collapse: {
+    type: Boolean,
+    required: true
+  }
+})
+console.log(import.meta,"----import.meta.env");
+
+const title = import.meta.env.VITE_APP_TITLE
+const settingsStore = useSettingsStore()
+const sideTheme = computed(() => settingsStore.sideTheme)
+
+// 获取Logo背景色
+const getLogoBackground = computed(() => {
+  if (settingsStore.isDark) {
+    return 'var(--sidebar-bg)'
+  }
+  return sideTheme.value === 'theme-dark' ? variables.menuBg : variables.menuLightBg
+})
+
+// 获取Logo文字颜色
+const getLogoTextColor = computed(() => {
+  if (settingsStore.isDark) {
+    return 'var(--sidebar-text)'
+  }
+  return sideTheme.value === 'theme-dark' ? '#fff' : variables.menuLightText
+})
+</script>
+
+<style lang="scss" scoped>
+.sidebarLogoFade-enter-active {
+  transition: opacity 1.5s;
+}
+
+.sidebarLogoFade-enter,
+.sidebarLogoFade-leave-to {
+  opacity: 0;
+}
+
+.sidebar-logo-container {
+  position: relative;
+  width: 100%;
+  height: 50px;
+  line-height: 50px;
+  background: v-bind(getLogoBackground);
+  text-align: center;
+  overflow: hidden;
+
+  & .sidebar-logo-link {
+    height: 100%;
+    width: 100%;
+    padding-left: 16px;
+    & .sidebar-logo {
+      width: 32px;
+      height: 32px;
+      vertical-align: middle;
+      margin-right: 12px;
+    }
+
+    & .sidebar-title {
+      display: inline-block;
+      margin: 0;
+      color: v-bind(getLogoTextColor);
+      font-weight: 600;
+      line-height: 50px;
+      font-size: 14px;
+      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+      vertical-align: middle;
+    }
+  }
+
+  &.collapse {
+    .sidebar-logo {
+      margin-right: 0px;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
new file mode 100644
index 0000000..f395d95
--- /dev/null
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -0,0 +1,100 @@
+<template>
+  <div v-if="!item.hidden">
+    <template v-if="hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !item.alwaysShow">
+      <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path, onlyOneChild.query)">
+        <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{ 'submenu-title-noDropdown': !isNest }">
+          <svg-icon :icon-class="onlyOneChild.meta.icon || (item.meta && item.meta.icon)"/>
+          <template #title><span class="menu-title" :title="hasTitle(onlyOneChild.meta.title)">{{ onlyOneChild.meta.title }}</span></template>
+        </el-menu-item>
+      </app-link>
+    </template>
+
+    <el-sub-menu v-else ref="subMenu" :index="resolvePath(item.path)" teleported>
+      <template v-if="item.meta" #title>
+        <svg-icon :icon-class="item.meta && item.meta.icon" />
+        <span class="menu-title" :title="hasTitle(item.meta.title)">{{ item.meta.title }}</span>
+      </template>
+
+      <sidebar-item
+        v-for="(child, index) in item.children"
+        :key="child.path + index"
+        :is-nest="true"
+        :item="child"
+        :base-path="resolvePath(child.path)"
+        class="nest-menu"
+      />
+    </el-sub-menu>
+  </div>
+</template>
+
+<script setup>
+import { isExternal } from '@/utils/validate'
+import AppLink from './Link'
+import { getNormalPath } from '@/utils/ruoyi'
+
+const props = defineProps({
+  // route object
+  item: {
+    type: Object,
+    required: true
+  },
+  isNest: {
+    type: Boolean,
+    default: false
+  },
+  basePath: {
+    type: String,
+    default: ''
+  }
+})
+
+const onlyOneChild = ref({})
+
+function hasOneShowingChild(children = [], parent) {
+  if (!children) {
+    children = []
+  }
+  const showingChildren = children.filter(item => {
+    if (item.hidden) {
+      return false
+    }
+    onlyOneChild.value = item
+    return true
+  })
+
+  // When there is only one child router, the child router is displayed by default
+  if (showingChildren.length === 1) {
+    return true
+  }
+
+  // Show parent if there are no child router to display
+  if (showingChildren.length === 0) {
+    onlyOneChild.value = { ...parent, path: '', noShowingChildren: true }
+    return true
+  }
+
+  return false
+}
+
+function resolvePath(routePath, routeQuery) {
+  if (isExternal(routePath)) {
+    return routePath
+  }
+  if (isExternal(props.basePath)) {
+    return props.basePath
+  }
+  if (routeQuery) {
+    let query = JSON.parse(routeQuery)
+    return { path: getNormalPath(props.basePath + '/' + routePath), query: query }
+  }
+  return getNormalPath(props.basePath + '/' + routePath)
+}
+
+function hasTitle(title){
+  if (title.length > 5) {
+    return title
+  } else {
+    return ""
+  }
+}
+</script>
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
new file mode 100644
index 0000000..f807b9a
--- /dev/null
+++ b/src/layout/components/Sidebar/index.vue
@@ -0,0 +1,107 @@
+<template>
+  <div :class="{ 'has-logo': showLogo }" class="sidebar-container">
+    <logo v-if="showLogo" :collapse="isCollapse" />
+    <el-scrollbar wrap-class="scrollbar-wrapper">
+      <el-menu
+        :default-active="activeMenu"
+        :collapse="isCollapse"
+        :background-color="getMenuBackground"
+        :text-color="getMenuTextColor"
+        :unique-opened="true"
+        :active-text-color="theme"
+        :collapse-transition="false"
+        mode="vertical"
+        :class="sideTheme"
+      >
+        <sidebar-item
+          v-for="(route, index) in sidebarRouters"
+          :key="route.path + index"
+          :item="route"
+          :base-path="route.path"
+        />
+      </el-menu>
+    </el-scrollbar>
+  </div>
+</template>
+
+<script setup>
+import Logo from './Logo'
+import SidebarItem from './SidebarItem'
+import variables from '@/assets/styles/variables.module.scss'
+import { useAppStore } from '@/store/modules/app'
+import { useSettingsStore } from '@/store/modules/settings'
+import { usePermissionStore } from '@/store/modules/permission'
+
+const route = useRoute()
+const appStore = useAppStore()
+const settingsStore = useSettingsStore()
+const permissionStore = usePermissionStore()
+
+const sidebarRouters = computed(() => permissionStore.sidebarRouters)
+const showLogo = computed(() => settingsStore.sidebarLogo)
+const sideTheme = computed(() => settingsStore.sideTheme)
+const theme = computed(() => settingsStore.theme)
+const isCollapse = computed(() => !appStore.sidebar.opened)
+
+console.log(settingsStore,"----settingsStore");
+
+
+// 获取菜单背景色
+const getMenuBackground = computed(() => {
+  if (settingsStore.isDark) {
+    return 'var(--sidebar-bg)'
+  }
+  return sideTheme.value === 'theme-dark' ? variables.menuBg : variables.menuLightBg
+})
+
+// 获取菜单文字颜色
+const getMenuTextColor = computed(() => {
+  if (settingsStore.isDark) {
+    return 'var(--sidebar-text)'
+  }
+  return sideTheme.value === 'theme-dark' ? variables.menuText : variables.menuLightText
+})
+
+const activeMenu = computed(() => {
+  const { meta, path } = route
+  if (meta.activeMenu) {
+    return meta.activeMenu
+  }
+  return path
+})
+</script>
+
+<style lang="scss" scoped>
+.sidebar-container {
+  background-color: v-bind(getMenuBackground);
+  
+  .scrollbar-wrapper {
+    background-color: v-bind(getMenuBackground);
+  }
+
+  .el-menu {
+    border: none;
+    height: 100%;
+    width: 100% !important;
+    
+    .el-menu-item, .el-sub-menu__title {
+      &:hover {
+        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
+      }
+    }
+
+    .el-menu-item {
+      color: v-bind(getMenuTextColor);
+      
+      &.is-active {
+        color: var(--menu-active-text, #409eff);
+        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
+      }
+    }
+
+    .el-sub-menu__title {
+      color: v-bind(getMenuTextColor);
+    }
+  }
+}
+</style>
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
new file mode 100644
index 0000000..a14a36c
--- /dev/null
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -0,0 +1,107 @@
+<template>
+  <el-scrollbar
+    ref="scrollContainer"
+    :vertical="false"
+    class="scroll-container"
+    @wheel.prevent="handleScroll"
+  >
+    <slot />
+  </el-scrollbar>
+</template>
+
+<script setup>
+import { useTagsViewStore } from '@/store/modules/tagsView'
+
+const tagAndTagSpacing = ref(4)
+const { proxy } = getCurrentInstance()
+
+const scrollWrapper = computed(() => proxy.$refs.scrollContainer.$refs.wrapRef)
+
+onMounted(() => {
+  scrollWrapper.value.addEventListener('scroll', emitScroll, true)
+})
+
+onBeforeUnmount(() => {
+  scrollWrapper.value.removeEventListener('scroll', emitScroll)
+})
+
+function handleScroll(e) {
+  const eventDelta = e.wheelDelta || -e.deltaY * 40
+  const $scrollWrapper = scrollWrapper.value
+  $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
+}
+
+const emits = defineEmits()
+const emitScroll = () => {
+  emits('scroll')
+}
+
+const tagsViewStore = useTagsViewStore()
+const visitedViews = computed(() => tagsViewStore.visitedViews)
+
+function moveToTarget(currentTag) {
+  const $container = proxy.$refs.scrollContainer.$el
+  const $containerWidth = $container.offsetWidth
+  const $scrollWrapper = scrollWrapper.value
+
+  let firstTag = null
+  let lastTag = null
+
+  // find first tag and last tag
+  if (visitedViews.value.length > 0) {
+    firstTag = visitedViews.value[0]
+    lastTag = visitedViews.value[visitedViews.value.length - 1]
+  }
+
+  if (firstTag === currentTag) {
+    $scrollWrapper.scrollLeft = 0
+  } else if (lastTag === currentTag) {
+    $scrollWrapper.scrollLeft = $scrollWrapper.scrollWidth - $containerWidth
+  } else {
+    const tagListDom = document.getElementsByClassName('tags-view-item')
+    const currentIndex = visitedViews.value.findIndex(item => item === currentTag)
+    let prevTag = null
+    let nextTag = null
+    for (const k in tagListDom) {
+      if (k !== 'length' && Object.hasOwnProperty.call(tagListDom, k)) {
+        if (tagListDom[k].dataset.path === visitedViews.value[currentIndex - 1].path) {
+          prevTag = tagListDom[k]
+        }
+        if (tagListDom[k].dataset.path === visitedViews.value[currentIndex + 1].path) {
+          nextTag = tagListDom[k]
+        }
+      }
+    }
+
+    // the tag's offsetLeft after of nextTag
+    const afterNextTagOffsetLeft = nextTag.offsetLeft + nextTag.offsetWidth + tagAndTagSpacing.value
+
+    // the tag's offsetLeft before of prevTag
+    const beforePrevTagOffsetLeft = prevTag.offsetLeft - tagAndTagSpacing.value
+    if (afterNextTagOffsetLeft > $scrollWrapper.scrollLeft + $containerWidth) {
+      $scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth
+    } else if (beforePrevTagOffsetLeft < $scrollWrapper.scrollLeft) {
+      $scrollWrapper.scrollLeft = beforePrevTagOffsetLeft
+    }
+  }
+}
+
+defineExpose({
+  moveToTarget,
+})
+</script>
+
+<style lang='scss' scoped>
+.scroll-container {
+  white-space: nowrap;
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  :deep(.el-scrollbar__bar) {
+    bottom: 0px;
+  }
+  :deep(.el-scrollbar__wrap) {
+    height: 39px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
new file mode 100644
index 0000000..6ce20cd
--- /dev/null
+++ b/src/layout/components/TagsView/index.vue
@@ -0,0 +1,371 @@
+<template>
+  <div id="tags-view-container" class="tags-view-container">
+    <scroll-pane ref="scrollPaneRef" class="tags-view-wrapper" @scroll="handleScroll">
+      <router-link
+        v-for="tag in visitedViews"
+        :key="tag.path"
+        :data-path="tag.path"
+        :class="{ 'active': isActive(tag), 'has-icon': tagsIcon }"
+        :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
+        class="tags-view-item"
+        :style="activeStyle(tag)"
+        @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
+        @contextmenu.prevent="openMenu(tag, $event)"
+      >
+        <svg-icon v-if="tagsIcon && tag.meta && tag.meta.icon && tag.meta.icon !== '#'" :icon-class="tag.meta.icon" />
+        {{ tag.title }}
+        <span v-if="!isAffix(tag)" @click.prevent.stop="closeSelectedTag(tag)">
+          <close class="el-icon-close" style="width: 1em; height: 1em;vertical-align: middle;" />
+        </span>
+      </router-link>
+    </scroll-pane>
+    <ul v-show="visible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
+      <li @click="refreshSelectedTag(selectedTag)">
+        <refresh-right style="width: 1em; height: 1em;" /> 刷新页面
+      </li>
+      <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">
+        <close style="width: 1em; height: 1em;" /> 关闭当前
+      </li>
+      <li @click="closeOthersTags">
+        <circle-close style="width: 1em; height: 1em;" /> 关闭其他
+      </li>
+      <li v-if="!isFirstView()" @click="closeLeftTags">
+        <back style="width: 1em; height: 1em;" /> 关闭左侧
+      </li>
+      <li v-if="!isLastView()" @click="closeRightTags">
+        <right style="width: 1em; height: 1em;" /> 关闭右侧
+      </li>
+      <li @click="closeAllTags(selectedTag)">
+        <circle-close style="width: 1em; height: 1em;" /> 全部关闭
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script setup>
+import ScrollPane from './ScrollPane'
+import { getNormalPath } from '@/utils/ruoyi'
+import { useTagsViewStore } from '@/store/modules/tagsView'
+import { useSettingsStore } from '@/store/modules/settings'
+import { usePermissionStore } from '@/store/modules/permission'
+
+const visible = ref(false)
+const top = ref(0)
+const left = ref(0)
+const selectedTag = ref({})
+const affixTags = ref([])
+const scrollPaneRef = ref(null)
+
+const { proxy } = getCurrentInstance()
+const route = useRoute()
+const router = useRouter()
+
+const visitedViews = computed(() => useTagsViewStore().visitedViews)
+const routes = computed(() => usePermissionStore().routes)
+const theme = computed(() => useSettingsStore().theme)
+const tagsIcon = computed(() => useSettingsStore().tagsIcon)
+
+watch(route, () => {
+  addTags()
+  moveToCurrentTag()
+})
+
+watch(visible, (value) => {
+  if (value) {
+    document.body.addEventListener('click', closeMenu)
+  } else {
+    document.body.removeEventListener('click', closeMenu)
+  }
+})
+
+onMounted(() => {
+  initTags()
+  addTags()
+})
+
+function isActive(r) {
+  return r.path === route.path
+}
+
+function activeStyle(tag) {
+  if (!isActive(tag)) return {}
+  return {
+    "background-color": theme.value,
+    "border-color": theme.value
+  }
+}
+
+function isAffix(tag) {
+  return tag.meta && tag.meta.affix
+}
+
+function isFirstView() {
+  try {
+    return selectedTag.value.fullPath === '/index' || selectedTag.value.fullPath === visitedViews.value[1].fullPath
+  } catch (err) {
+    return false
+  }
+}
+
+function isLastView() {
+  try {
+    return selectedTag.value.fullPath === visitedViews.value[visitedViews.value.length - 1].fullPath
+  } catch (err) {
+    return false
+  }
+}
+
+function filterAffixTags(routes, basePath = '') {
+  let tags = []
+  routes.forEach(route => {
+    if (route.meta && route.meta.affix) {
+      const tagPath = getNormalPath(basePath + '/' + route.path)
+      tags.push({
+        fullPath: tagPath,
+        path: tagPath,
+        name: route.name,
+        meta: { ...route.meta }
+      })
+    }
+    if (route.children) {
+      const tempTags = filterAffixTags(route.children, route.path)
+      if (tempTags.length >= 1) {
+        tags = [...tags, ...tempTags]
+      }
+    }
+  })
+  return tags
+}
+
+function initTags() {
+  const res = filterAffixTags(routes.value)
+  affixTags.value = res
+  for (const tag of res) {
+    // Must have tag name
+    if (tag.name) {
+       useTagsViewStore().addVisitedView(tag)
+    }
+  }
+}
+
+function addTags() {
+  const { name } = route
+  if (name) {
+    useTagsViewStore().addView(route)
+  }
+}
+
+function moveToCurrentTag() {
+  nextTick(() => {
+    for (const r of visitedViews.value) {
+      if (r.path === route.path) {
+        scrollPaneRef.value.moveToTarget(r)
+        // when query is different then update
+        if (r.fullPath !== route.fullPath) {
+          useTagsViewStore().updateVisitedView(route)
+        }
+      }
+    }
+  })
+}
+
+function refreshSelectedTag(view) {
+  proxy.$tab.refreshPage(view)
+  if (route.meta.link) {
+    useTagsViewStore().delIframeView(route)
+  }
+}
+
+function closeSelectedTag(view) {
+  proxy.$tab.closePage(view).then(({ visitedViews }) => {
+    if (isActive(view)) {
+      toLastView(visitedViews, view)
+    }
+  })
+}
+
+function closeRightTags() {
+  proxy.$tab.closeRightPage(selectedTag.value).then(visitedViews => {
+    if (!visitedViews.find(i => i.fullPath === route.fullPath)) {
+      toLastView(visitedViews)
+    }
+  })
+}
+
+function closeLeftTags() {
+  proxy.$tab.closeLeftPage(selectedTag.value).then(visitedViews => {
+    if (!visitedViews.find(i => i.fullPath === route.fullPath)) {
+      toLastView(visitedViews)
+    }
+  })
+}
+
+function closeOthersTags() {
+  router.push(selectedTag.value).catch(() => { })
+  proxy.$tab.closeOtherPage(selectedTag.value).then(() => {
+    moveToCurrentTag()
+  })
+}
+
+function closeAllTags(view) {
+  proxy.$tab.closeAllPage().then(({ visitedViews }) => {
+    if (affixTags.value.some(tag => tag.path === route.path)) {
+      return
+    }
+    toLastView(visitedViews, view)
+  })
+}
+
+function toLastView(visitedViews, view) {
+  const latestView = visitedViews.slice(-1)[0]
+  if (latestView) {
+    router.push(latestView.fullPath)
+  } else {
+    // now the default is to redirect to the home page if there is no tags-view,
+    // you can adjust it according to your needs.
+    if (view.name === 'Dashboard') {
+      // to reload home page
+      router.replace({ path: '/redirect' + view.fullPath })
+    } else {
+      router.push('/')
+    }
+  }
+}
+
+function openMenu(tag, e) {
+  const menuMinWidth = 105
+  const offsetLeft = proxy.$el.getBoundingClientRect().left // container margin left
+  const offsetWidth = proxy.$el.offsetWidth // container width
+  const maxLeft = offsetWidth - menuMinWidth // left boundary
+  const l = e.clientX - offsetLeft + 15 // 15: margin right
+
+  if (l > maxLeft) {
+    left.value = maxLeft
+  } else {
+    left.value = l
+  }
+
+  top.value = e.clientY
+  visible.value = true
+  selectedTag.value = tag
+}
+
+function closeMenu() {
+  visible.value = false
+}
+
+function handleScroll() {
+  closeMenu()
+}
+</script>
+
+<style lang="scss" scoped>
+.tags-view-container {
+  height: 34px;
+  width: 100%;
+  background: var(--tags-bg, #fff);
+  border-bottom: 1px solid var(--tags-item-border, #d8dce5);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
+
+  .tags-view-wrapper {
+    .tags-view-item {
+      display: inline-block;
+      position: relative;
+      cursor: pointer;
+      height: 26px;
+      line-height: 26px;
+      border: 1px solid var(--tags-item-border, #d8dce5);
+      color: var(--tags-item-text, #495060);
+      background: var(--tags-item-bg, #fff);
+      padding: 0 8px;
+      font-size: 12px;
+      margin-left: 5px;
+      margin-top: 4px;
+
+      &:first-of-type {
+        margin-left: 15px;
+      }
+
+      &:last-of-type {
+        margin-right: 15px;
+      }
+
+      &.active {
+        background-color: #42b983;
+        color: #fff;
+        border-color: #42b983;
+
+        &::before {
+          content: '';
+          background: #fff;
+          display: inline-block;
+          width: 8px;
+          height: 8px;
+          border-radius: 50%;
+          position: relative;
+          margin-right: 5px;
+        }
+      }
+    }
+  }
+
+  .tags-view-item.active.has-icon::before {
+    content: none !important;
+  }
+
+  .contextmenu {
+    margin: 0;
+    background: var(--el-bg-color-overlay, #fff);
+    z-index: 3000;
+    position: absolute;
+    list-style-type: none;
+    padding: 5px 0;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: 400;
+    color: var(--tags-item-text, #333);
+    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
+    border: 1px solid var(--el-border-color-light, #e4e7ed);
+
+    li {
+      margin: 0;
+      padding: 7px 16px;
+      cursor: pointer;
+
+      &:hover {
+        background: var(--tags-item-hover, #eee);
+      }
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+//reset element css of el-icon-close
+.tags-view-wrapper {
+  .tags-view-item {
+    .el-icon-close {
+      width: 16px;
+      height: 16px;
+      vertical-align: 2px;
+      border-radius: 50%;
+      text-align: center;
+      transition: all .3s cubic-bezier(.645, .045, .355, 1);
+      transform-origin: 100% 50%;
+
+      &:before {
+        transform: scale(.6);
+        display: inline-block;
+        vertical-align: -3px;
+      }
+
+      &:hover {
+        background-color: var(--tags-close-hover, #b4bccc);
+        color: #fff;
+        width: 12px !important;
+        height: 12px !important;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/layout/components/index.js b/src/layout/components/index.js
new file mode 100644
index 0000000..d1308ce
--- /dev/null
+++ b/src/layout/components/index.js
@@ -0,0 +1,4 @@
+export { default as AppMain } from './AppMain'
+export { default as Navbar } from './Navbar'
+export { default as Settings } from './Settings'
+export { default as TagsView } from './TagsView/index.vue'
diff --git a/src/layout/index.vue b/src/layout/index.vue
new file mode 100644
index 0000000..6c4a4d6
--- /dev/null
+++ b/src/layout/index.vue
@@ -0,0 +1,117 @@
+<template>
+  <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
+    <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
+    <sidebar v-if="!sidebar.hide" class="sidebar-container" />
+    <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
+      <div :class="{ 'fixed-header': fixedHeader }">
+        <navbar @setLayout="setLayout" />
+        <tags-view v-if="needTagsView" />
+      </div>
+      <app-main />
+      <settings ref="settingRef" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useWindowSize } from '@vueuse/core'
+import Sidebar from './components/Sidebar/index.vue'
+import { AppMain, Navbar, Settings, TagsView } from './components'
+import { useAppStore } from '@/store/modules/app'
+import { useSettingsStore } from '@/store/modules/settings'
+
+const settingsStore = useSettingsStore()
+const theme = computed(() => settingsStore.theme)
+const sideTheme = computed(() => settingsStore.sideTheme)
+const sidebar = computed(() => useAppStore().sidebar)
+const device = computed(() => useAppStore().device)
+const needTagsView = computed(() => settingsStore.tagsView)
+const fixedHeader = computed(() => settingsStore.fixedHeader)
+
+const classObj = computed(() => ({
+  hideSidebar: !sidebar.value.opened,
+  openSidebar: sidebar.value.opened,
+  withoutAnimation: sidebar.value.withoutAnimation,
+  mobile: device.value === 'mobile'
+}))
+
+const { width, height } = useWindowSize()
+const WIDTH = 992 // refer to Bootstrap's responsive design
+
+watch(() => device.value, () => {
+  if (device.value === 'mobile' && sidebar.value.opened) {
+    useAppStore().closeSideBar({ withoutAnimation: false })
+  }
+})
+
+watchEffect(() => {
+  if (width.value - 1 < WIDTH) {
+    useAppStore().toggleDevice('mobile')
+    useAppStore().closeSideBar({ withoutAnimation: true })
+  } else {
+    useAppStore().toggleDevice('desktop')
+  }
+})
+
+function handleClickOutside() {
+  useAppStore().closeSideBar({ withoutAnimation: false })
+}
+
+const settingRef = ref(null)
+function setLayout() {
+  settingRef.value.openSetting()
+}
+</script>
+
+<style lang="scss" scoped>
+@use "@/assets/styles/mixin.scss" as mix;
+@use "@/assets/styles/variables.module.scss" as vars;
+
+.app-wrapper {
+  @include mix.clearfix;
+  position: relative;
+  height: 100%;
+  width: 100%;
+
+  &.mobile.openSidebar {
+    position: fixed;
+    top: 0;
+  }
+}
+
+.main-container:has(.fixed-header) {
+  height: 100vh;
+  overflow: hidden;
+}
+
+.drawer-bg {
+  background: #000;
+  opacity: 0.3;
+  width: 100%;
+  top: 0;
+  height: 100%;
+  position: absolute;
+  z-index: 999;
+}
+
+.fixed-header {
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 9;
+  width: calc(100% - #{vars.$base-sidebar-width});
+  transition: width 0.28s;
+}
+
+.hideSidebar .fixed-header {
+  width: calc(100% - 54px);
+}
+
+.sidebarHide .fixed-header {
+  width: 100%;
+}
+
+.mobile .fixed-header {
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/mock/data.js b/src/mock/data.js
new file mode 100644
index 0000000..0a86910
--- /dev/null
+++ b/src/mock/data.js
@@ -0,0 +1,3978 @@
+const data = [
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "184A09FA-86DB-409B-8384-8C55BCE536C1",
+        "TypeId": 66,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 65,
+        "AreaName": "分区1",
+        "CabinName": "监控中心",
+        "DeviceName": "消控室防火门主机",
+        "DeviceCode": "37",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "消防主机",
+        "Data": [
+            {
+                "TypeAttrId": 5145,
+                "DeviceId": "184A09FA-86DB-409B-8384-8C55BCE536C1",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "事件类型",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 200,
+        "y": 200,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "5A78F258-A6B0-4843-B918-F2F1879B05E1",
+        "TypeId": 50,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "污水舱应急照明",
+        "DeviceCode": "WSC01YJS-ZM001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "应急照明",
+        "Data": [
+            {
+                "TypeAttrId": 3115,
+                "DeviceId": "5A78F258-A6B0-4843-B918-F2F1879B05E1",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "应急照明状态",
+                "AttrField": "",
+                "AttrValue": "63",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3116,
+                "DeviceId": "5A78F258-A6B0-4843-B918-F2F1879B05E1",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "应急照明开灯",
+                "AttrField": "",
+                "AttrValue": "49",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "63",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3117,
+                "DeviceId": "5A78F258-A6B0-4843-B918-F2F1879B05E1",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "应急照明关灯",
+                "AttrField": "",
+                "AttrValue": "50",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "63",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 1789.066817973035,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "A3A6F721-1353-4741-86B6-DAD22DE6F699",
+        "TypeId": 49,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "污水舱照明",
+        "DeviceCode": "WSC01PDS-ZM001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "普通照明",
+        "Data": [
+            {
+                "TypeAttrId": 3109,
+                "DeviceId": "A3A6F721-1353-4741-86B6-DAD22DE6F699",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "普通照明状态",
+                "AttrField": "",
+                "AttrValue": "59",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 1757.5608512784493,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "A855DF10-4A4B-4738-8C98-1836A0F8AD2B",
+        "TypeId": 66,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 57,
+        "AreaName": "分区1",
+        "CabinName": "1/2区设备间",
+        "DeviceName": "1-4舱防火门主机",
+        "DeviceCode": "33",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "消防主机",
+        "Data": [
+            {
+                "TypeAttrId": 5174,
+                "DeviceId": "A855DF10-4A4B-4738-8C98-1836A0F8AD2B",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "事件类型",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 11,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 270,
+        "y": 200,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "BA5F5811-22C1-406E-B343-CE433B7C2CC5",
+        "TypeId": 24,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "污水舱送风百叶",
+        "DeviceCode": "WSC01JFS-BY001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "百叶",
+        "Data": [
+            {
+                "TypeAttrId": 3002,
+                "DeviceId": "BA5F5811-22C1-406E-B343-CE433B7C2CC5",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "上层开到位",
+                "AttrField": "",
+                "AttrValue": "36",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3003,
+                "DeviceId": "BA5F5811-22C1-406E-B343-CE433B7C2CC5",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "下层开到位",
+                "AttrField": "",
+                "AttrValue": "37",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3004,
+                "DeviceId": "BA5F5811-22C1-406E-B343-CE433B7C2CC5",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "开启/关闭百叶",
+                "AttrField": "",
+                "AttrValue": "29",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "36",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 592.3115560238848,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "FDC48134-416F-4C19-AAEE-9E42083277D5",
+        "TypeId": 66,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 57,
+        "AreaName": "分区1",
+        "CabinName": "1/2区设备间",
+        "DeviceName": "2区燃气主机",
+        "DeviceCode": "07",
+        "IP": "10.9.4.201",
+        "Station": 1,
+        "TypeName": "消防主机",
+        "Data": [
+            {
+                "TypeAttrId": 5187,
+                "DeviceId": "FDC48134-416F-4C19-AAEE-9E42083277D5",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "事件类型",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 340,
+        "y": 200,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "FB93A61B-9F8F-44D1-A14A-EF8FE7E3314F",
+        "TypeId": 66,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 65,
+        "AreaName": "分区1",
+        "CabinName": "监控中心",
+        "DeviceName": "消控室电气火灾主机",
+        "DeviceCode": "32",
+        "IP": "10.9.6.200",
+        "Station": 1,
+        "TypeName": "消防主机",
+        "Data": [
+            {
+                "TypeAttrId": 5186,
+                "DeviceId": "FB93A61B-9F8F-44D1-A14A-EF8FE7E3314F",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "事件类型",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 410,
+        "y": 200,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "E00CD394-3D2B-470F-8F26-6C4CA16D426C",
+        "TypeId": 66,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 57,
+        "AreaName": "分区1",
+        "CabinName": "1/2区设备间",
+        "DeviceName": "2区气体主机",
+        "DeviceCode": "21",
+        "IP": "10.9.4.201",
+        "Station": 1,
+        "TypeName": "消防主机",
+        "Data": [
+            {
+                "TypeAttrId": 5181,
+                "DeviceId": "E00CD394-3D2B-470F-8F26-6C4CA16D426C",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "事件类型",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 480,
+        "y": 200,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "F661BA74-90BF-4E21-97A8-568437CA018C",
+        "TypeId": 43,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "污水舱送风机",
+        "DeviceCode": "WSC01JFS-JFJ001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "送风机",
+        "Data": [
+            {
+                "TypeAttrId": 2968,
+                "DeviceId": "F661BA74-90BF-4E21-97A8-568437CA018C",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "送风机自动",
+                "AttrField": "",
+                "AttrValue": "26",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 2969,
+                "DeviceId": "F661BA74-90BF-4E21-97A8-568437CA018C",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "送风机运行",
+                "AttrField": "",
+                "AttrValue": "27",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 2970,
+                "DeviceId": "F661BA74-90BF-4E21-97A8-568437CA018C",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "送风机故障",
+                "AttrField": "",
+                "AttrValue": "28",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "1",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 2971,
+                "DeviceId": "F661BA74-90BF-4E21-97A8-568437CA018C",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "送风机开启",
+                "AttrField": "",
+                "AttrValue": "23",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "27",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 2972,
+                "DeviceId": "F661BA74-90BF-4E21-97A8-568437CA018C",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "送风机关闭",
+                "AttrField": "",
+                "AttrValue": "37",
+                "AttrUnit": "",
+                "AttrIndex": 4,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "27",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 625.4213882359301,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "7A0030CE-1CF6-4478-AF43-0B5095BA29BF",
+        "TypeId": 66,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 57,
+        "AreaName": "分区1",
+        "CabinName": "1/2区设备间",
+        "DeviceName": "1-4舱报警主机",
+        "DeviceCode": "02",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "消防主机",
+        "Data": [
+            {
+                "TypeAttrId": 5164,
+                "DeviceId": "7A0030CE-1CF6-4478-AF43-0B5095BA29BF",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "事件类型",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 550,
+        "y": 200,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "796913AD-06BF-48AC-B535-3119F6FF09A2",
+        "TypeId": 44,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "污水舱排风机",
+        "DeviceCode": "WSC01PFS-PFJ001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "排风机",
+        "Data": [
+            {
+                "TypeAttrId": 2977,
+                "DeviceId": "796913AD-06BF-48AC-B535-3119F6FF09A2",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "低速运行",
+                "AttrField": "",
+                "AttrValue": "29",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 2978,
+                "DeviceId": "796913AD-06BF-48AC-B535-3119F6FF09A2",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "高速运行",
+                "AttrField": "",
+                "AttrValue": "30",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 2979,
+                "DeviceId": "796913AD-06BF-48AC-B535-3119F6FF09A2",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "排风机低速启停",
+                "AttrField": "",
+                "AttrValue": "24",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "29",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 2980,
+                "DeviceId": "796913AD-06BF-48AC-B535-3119F6FF09A2",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "排风机高速启停",
+                "AttrField": "",
+                "AttrValue": "25",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "30",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 2602.9976014414756,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "1863D0BD-E505-4B39-BC52-F74E2E4A6355",
+        "TypeId": 66,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 57,
+        "AreaName": "分区1",
+        "CabinName": "1/2区设备间",
+        "DeviceName": "1区燃气主机",
+        "DeviceCode": "06",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "消防主机",
+        "Data": [
+            {
+                "TypeAttrId": 5146,
+                "DeviceId": "1863D0BD-E505-4B39-BC52-F74E2E4A6355",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "事件类型",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 2,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 620,
+        "y": 200,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "8CC0501F-F53B-4893-AF01-C3806735D0EE",
+        "TypeId": 24,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "污水舱排风百叶",
+        "DeviceCode": "WSC01PFS-BY001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "百叶",
+        "Data": [
+            {
+                "TypeAttrId": 3005,
+                "DeviceId": "8CC0501F-F53B-4893-AF01-C3806735D0EE",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "上层开到位",
+                "AttrField": "",
+                "AttrValue": "38",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3006,
+                "DeviceId": "8CC0501F-F53B-4893-AF01-C3806735D0EE",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "下层开到位",
+                "AttrField": "",
+                "AttrValue": "39",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3007,
+                "DeviceId": "8CC0501F-F53B-4893-AF01-C3806735D0EE",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "开启/关闭百叶",
+                "AttrField": "",
+                "AttrValue": "30",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "38",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 2567.3310888022384,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "6FF4A7A9-A367-4AC0-9532-0073582FE615",
+        "TypeId": 66,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 57,
+        "AreaName": "分区1",
+        "CabinName": "1/2区设备间",
+        "DeviceName": "1-4舱光纤测温主机",
+        "DeviceCode": "44",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "消防主机",
+        "Data": [
+            {
+                "TypeAttrId": 5162,
+                "DeviceId": "6FF4A7A9-A367-4AC0-9532-0073582FE615",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "事件类型",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 690,
+        "y": 200,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "A2C40864-1CDC-4375-91C4-D0C70A3D0B0D",
+        "TypeId": 47,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "污水舱水泵",
+        "DeviceCode": "WSC01JSK-SB001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "水泵",
+        "Data": [
+            {
+                "TypeAttrId": 3057,
+                "DeviceId": "A2C40864-1CDC-4375-91C4-D0C70A3D0B0D",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵自动状态",
+                "AttrField": "",
+                "AttrValue": "66",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3058,
+                "DeviceId": "A2C40864-1CDC-4375-91C4-D0C70A3D0B0D",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵运行状态",
+                "AttrField": "",
+                "AttrValue": "67",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3059,
+                "DeviceId": "A2C40864-1CDC-4375-91C4-D0C70A3D0B0D",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵故障状态",
+                "AttrField": "",
+                "AttrValue": "68",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "1",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3060,
+                "DeviceId": "A2C40864-1CDC-4375-91C4-D0C70A3D0B0D",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "水泵启动",
+                "AttrField": "",
+                "AttrValue": "55",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "67",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3061,
+                "DeviceId": "A2C40864-1CDC-4375-91C4-D0C70A3D0B0D",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "水泵停止",
+                "AttrField": "",
+                "AttrValue": "56",
+                "AttrUnit": "",
+                "AttrIndex": 4,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "67",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 239.4699582700256,
+        "y": 531.8153762222503,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "27208948-E245-4563-95E1-9E612E7371DF",
+        "TypeId": 66,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 57,
+        "AreaName": "分区1",
+        "CabinName": "1/2区设备间",
+        "DeviceName": "1区气体主机",
+        "DeviceCode": "20",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "消防主机",
+        "Data": [
+            {
+                "TypeAttrId": 5150,
+                "DeviceId": "27208948-E245-4563-95E1-9E612E7371DF",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "事件类型",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 760,
+        "y": 200,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "3CB5E61B-2148-452C-B26A-BD2F3398E05E",
+        "TypeId": 66,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 65,
+        "AreaName": "分区1",
+        "CabinName": "监控中心",
+        "DeviceName": "消控室主机",
+        "DeviceCode": "01",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "消防主机",
+        "Data": [
+            {
+                "TypeAttrId": 5155,
+                "DeviceId": "3CB5E61B-2148-452C-B26A-BD2F3398E05E",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "事件类型",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 10,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 830,
+        "y": 200,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "1521FEE9-E715-4D26-8B7C-FFB3D5940D4D",
+        "TypeId": 26,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "温度传感器",
+        "DeviceCode": "WSC01HC-WD001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "温度传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3023,
+                "DeviceId": "1521FEE9-E715-4D26-8B7C-FFB3D5940D4D",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "温度信号",
+                "AttrField": "",
+                "AttrValue": "5",
+                "AttrUnit": "°C",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 19.13,
+                "Remark1": "0",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 1489.8145956607505,
+        "y": 534.9171597633136,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "400DECCC-4C80-485D-A57E-D47A89A9AB95",
+        "TypeId": 30,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "湿度传感器",
+        "DeviceCode": "WSC01HC-SD001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "湿度传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3026,
+                "DeviceId": "400DECCC-4C80-485D-A57E-D47A89A9AB95",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "湿度信号",
+                "AttrField": "",
+                "AttrValue": "6",
+                "AttrUnit": "%",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 88.16,
+                "Remark1": "0",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 1517.6337124998884,
+        "y": 534.6325596894618,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "88B75B88-3688-4D97-A434-6BFC038D0FDC",
+        "TypeId": 31,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "氧气传感器",
+        "DeviceCode": "WSC01HC-YQ001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "氧气传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3029,
+                "DeviceId": "88B75B88-3688-4D97-A434-6BFC038D0FDC",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "氧气信号",
+                "AttrField": "",
+                "AttrValue": "7",
+                "AttrUnit": "%",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 0.1,
+                "Remark1": "0",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 1549.0160222636518,
+        "y": 532.8168112182864,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "CB99F3A7-1F26-4709-A157-5E20254A2308",
+        "TypeId": 32,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "液位传感器",
+        "DeviceCode": "WSC01JSK-YW001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "液位传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3032,
+                "DeviceId": "CB99F3A7-1F26-4709-A157-5E20254A2308",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "液位信号",
+                "AttrField": "",
+                "AttrValue": "8",
+                "AttrUnit": "mm",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 26,
+                "Remark1": "0",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 206.87285171688458,
+        "y": 533.7543201934791,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "37366055-6A87-474A-B3D7-FA477475F5EB",
+        "TypeId": 35,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "甲烷1",
+        "DeviceCode": "WSC01HC-JW001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "甲烷传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3037,
+                "DeviceId": "37366055-6A87-474A-B3D7-FA477475F5EB",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "甲烷信号",
+                "AttrField": "",
+                "AttrValue": "17",
+                "AttrUnit": "ppm",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 2,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 1556.4551140728531,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "A363E8D7-B5F2-45A2-B26D-A2D903995DE9",
+        "TypeId": 35,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "甲烷2",
+        "DeviceCode": "WSC01HC-JW002",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "甲烷传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3036,
+                "DeviceId": "A363E8D7-B5F2-45A2-B26D-A2D903995DE9",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "甲烷信号",
+                "AttrField": "",
+                "AttrValue": "18",
+                "AttrUnit": "ppm",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 3,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 1587.4647067356443,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "D8A44DBE-3664-4F28-8586-99C4E79343E0",
+        "TypeId": 34,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "硫化氢2",
+        "DeviceCode": "WSC01HC-LHQ002",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "硫化氢传感器",
+        "Data": [
+            {
+                "TypeAttrId": 2995,
+                "DeviceId": "D8A44DBE-3664-4F28-8586-99C4E79343E0",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "硫化氢信号",
+                "AttrField": "",
+                "AttrValue": "20",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 1427.5808511596422,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "101C7AE2-8001-43AF-AFD9-45B7BD6E0D1C",
+        "TypeId": 34,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 2,
+        "AreaName": "分区1",
+        "CabinName": "污水舱",
+        "DeviceName": "硫化氢1",
+        "DeviceCode": "WSC01HC-LHQ001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "硫化氢传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3035,
+                "DeviceId": "101C7AE2-8001-43AF-AFD9-45B7BD6E0D1C",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "硫化氢信号",
+                "AttrField": "",
+                "AttrValue": "19",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 1400.043524725542,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B4",
+        "TypeId": 47,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 1,
+        "AreaName": "分区1",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱排水泵",
+        "DeviceCode": "RQC01JSK-SB001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "水泵",
+        "Data": [
+            {
+                "TypeAttrId": 3052,
+                "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B4",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵自动状态",
+                "AttrField": "",
+                "AttrValue": "11",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3053,
+                "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B4",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵运行状态",
+                "AttrField": "",
+                "AttrValue": "12",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3054,
+                "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B4",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵故障状态",
+                "AttrField": "",
+                "AttrValue": "13",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "1",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3055,
+                "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B4",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "水泵启动",
+                "AttrField": "",
+                "AttrValue": "6",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "12",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3056,
+                "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B4",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "水泵停止",
+                "AttrField": "",
+                "AttrValue": "7",
+                "AttrUnit": "",
+                "AttrIndex": 4,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "12",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 238.73894615574324,
+        "y": 322.2832656421293,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 1,
+        "DeviceId": "01F05C21-2184-4EA2-8F39-36B03430E506",
+        "TypeId": 37,
+        "AreaId": 1,
+        "StateId": 0,
+        "CabinId": 1,
+        "AreaName": "分区1",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱排风红外微波",
+        "DeviceCode": "RQC01PFS-HW001",
+        "IP": "10.9.4.200",
+        "Station": 1,
+        "TypeName": "红外",
+        "Data": [
+            {
+                "TypeAttrId": 3046,
+                "DeviceId": "01F05C21-2184-4EA2-8F39-36B03430E506",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "红外微波报警",
+                "AttrField": "",
+                "AttrValue": "24",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "LowerLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 1078.6120342007027,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "CB99F3A7-1F26-4709-A157-5E20254A230803",
+        "TypeId": 32,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 10,
+        "AreaName": "分区3",
+        "CabinName": "污水舱",
+        "DeviceName": "液位传感器",
+        "DeviceCode": "WSC03JSK-YW001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "液位传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3345,
+                "DeviceId": "CB99F3A7-1F26-4709-A157-5E20254A230803",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "液位信号",
+                "AttrField": "",
+                "AttrValue": "8",
+                "AttrUnit": "mm",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 26,
+                "Remark1": "0",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5566.195390099664,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "37366055-6A87-474A-B3D7-FA477475F5EB03",
+        "TypeId": 35,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 10,
+        "AreaName": "分区3",
+        "CabinName": "污水舱",
+        "DeviceName": "甲烷1",
+        "DeviceCode": "WSC03HC-JW001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "甲烷传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3350,
+                "DeviceId": "37366055-6A87-474A-B3D7-FA477475F5EB03",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "甲烷信号",
+                "AttrField": "",
+                "AttrValue": "17",
+                "AttrUnit": "ppm",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 3,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 6616.350875709102,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "A363E8D7-B5F2-45A2-B26D-A2D903995DE903",
+        "TypeId": 35,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 10,
+        "AreaName": "分区3",
+        "CabinName": "污水舱",
+        "DeviceName": "甲烷2",
+        "DeviceCode": "WSC03HC-JW002",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "甲烷传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3349,
+                "DeviceId": "A363E8D7-B5F2-45A2-B26D-A2D903995DE903",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "甲烷信号",
+                "AttrField": "",
+                "AttrValue": "18",
+                "AttrUnit": "ppm",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 3,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 6645.366550250043,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "101C7AE2-8001-43AF-AFD9-45B7BD6E0D1C03",
+        "TypeId": 34,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 10,
+        "AreaName": "分区3",
+        "CabinName": "污水舱",
+        "DeviceName": "硫化氢1",
+        "DeviceCode": "WSC03HC-LHQ001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "硫化氢传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3348,
+                "DeviceId": "101C7AE2-8001-43AF-AFD9-45B7BD6E0D1C03",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "硫化氢信号",
+                "AttrField": "",
+                "AttrValue": "19",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 6555.842829335108,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "D8A44DBE-3664-4F28-8586-99C4E79343E003",
+        "TypeId": 34,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 10,
+        "AreaName": "分区3",
+        "CabinName": "污水舱",
+        "DeviceName": "硫化氢2",
+        "DeviceCode": "WSC03HC-LHQ002",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "硫化氢传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3311,
+                "DeviceId": "D8A44DBE-3664-4F28-8586-99C4E79343E003",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "硫化氢信号",
+                "AttrField": "",
+                "AttrValue": "20",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 198,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 6586.765076892534,
+        "y": 505,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B403",
+        "TypeId": 47,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱排水泵",
+        "DeviceCode": "RQC03JSK-SB001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "水泵",
+        "Data": [
+            {
+                "TypeAttrId": 3365,
+                "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B403",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵自动状态",
+                "AttrField": "",
+                "AttrValue": "11",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3366,
+                "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B403",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵运行状态",
+                "AttrField": "",
+                "AttrValue": "12",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3367,
+                "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B403",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵故障状态",
+                "AttrField": "",
+                "AttrValue": "13",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "1",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3368,
+                "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B403",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "水泵启动",
+                "AttrField": "",
+                "AttrValue": "6",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "12",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3369,
+                "DeviceId": "00F7559B-5BA9-44B5-B66F-99C9865103B403",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "水泵停止",
+                "AttrField": "",
+                "AttrValue": "7",
+                "AttrUnit": "",
+                "AttrIndex": 4,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "12",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5034.073922378904,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 1,
+        "DeviceId": "01F05C21-2184-4EA2-8F39-36B03430E50603",
+        "TypeId": 37,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱排风红外微波",
+        "DeviceCode": "RQC03PFS-HW001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "红外",
+        "Data": [
+            {
+                "TypeAttrId": 3359,
+                "DeviceId": "01F05C21-2184-4EA2-8F39-36B03430E50603",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "红外微波报警",
+                "AttrField": "",
+                "AttrValue": "24",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5254.314331534266,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "09805AA5-6B63-4E61-B7F8-1BBFA23DB65D03",
+        "TypeId": 54,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱投料口声光报警",
+        "DeviceCode": "RQC03TLS-SG001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "声光报警",
+        "Data": [
+            {
+                "TypeAttrId": 3355,
+                "DeviceId": "09805AA5-6B63-4E61-B7F8-1BBFA23DB65D03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "声光报警",
+                "AttrField": "",
+                "AttrValue": "22",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 7177.60721504355,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 1,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "FC53782B-9760-405E-B692-1E7B7ADB2F7303",
+        "TypeId": 24,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱送风百叶",
+        "DeviceCode": "RQC03JFS-BY001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "百叶",
+        "Data": [
+            {
+                "TypeAttrId": 3312,
+                "DeviceId": "FC53782B-9760-405E-B692-1E7B7ADB2F7303",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "上层开到位",
+                "AttrField": "",
+                "AttrValue": "7",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3313,
+                "DeviceId": "FC53782B-9760-405E-B692-1E7B7ADB2F7303",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "开启/关闭百叶",
+                "AttrField": "",
+                "AttrValue": "4",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "7",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 7310.074745826782,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 1,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "0A36DE30-D48C-4869-948E-0CBB00DB73AA03",
+        "TypeId": 24,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱排风百叶",
+        "DeviceCode": "RQC03PFS-BY001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "百叶",
+        "Data": [
+            {
+                "TypeAttrId": 3314,
+                "DeviceId": "0A36DE30-D48C-4869-948E-0CBB00DB73AA03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "上层开到位",
+                "AttrField": "",
+                "AttrValue": "9",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3315,
+                "DeviceId": "0A36DE30-D48C-4869-948E-0CBB00DB73AA03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "开启/关闭百叶",
+                "AttrField": "",
+                "AttrValue": "5",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "9",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5162.424666697209,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "0AB61A04-FFD6-4845-861A-FF4B9AE797E503",
+        "TypeId": 50,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱应急照明",
+        "DeviceCode": "RQC03YJS-ZM001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "应急照明",
+        "Data": [
+            {
+                "TypeAttrId": 3425,
+                "DeviceId": "0AB61A04-FFD6-4845-861A-FF4B9AE797E503",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "应急照明状态",
+                "AttrField": "",
+                "AttrValue": "62",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3426,
+                "DeviceId": "0AB61A04-FFD6-4845-861A-FF4B9AE797E503",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "应急照明开灯",
+                "AttrField": "",
+                "AttrValue": "47",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "62",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3427,
+                "DeviceId": "0AB61A04-FFD6-4845-861A-FF4B9AE797E503",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "应急照明关灯",
+                "AttrField": "",
+                "AttrValue": "48",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "62",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5973.72621477574,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "8F0CA2A2-17E9-4CC7-9055-F723ABB13A7B03",
+        "TypeId": 49,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱照明",
+        "DeviceCode": "RQC03PDS-ZM001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "普通照明",
+        "Data": [
+            {
+                "TypeAttrId": 3421,
+                "DeviceId": "8F0CA2A2-17E9-4CC7-9055-F723ABB13A7B03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "普通照明状态",
+                "AttrField": "",
+                "AttrValue": "58",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5941.188466328192,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "C65C1478-6C3C-4960-9547-5108DDFC9FF503",
+        "TypeId": 48,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱送风井盖",
+        "DeviceCode": "RQC03JFS-JG001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "井盖",
+        "Data": [
+            {
+                "TypeAttrId": 3385,
+                "DeviceId": "C65C1478-6C3C-4960-9547-5108DDFC9FF503",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "井盖开到位",
+                "AttrField": "",
+                "AttrValue": "14",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3386,
+                "DeviceId": "C65C1478-6C3C-4960-9547-5108DDFC9FF503",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "井盖关到位",
+                "AttrField": "",
+                "AttrValue": "15",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3387,
+                "DeviceId": "C65C1478-6C3C-4960-9547-5108DDFC9FF503",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "井盖故障",
+                "AttrField": "",
+                "AttrValue": "16",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "1",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3388,
+                "DeviceId": "C65C1478-6C3C-4960-9547-5108DDFC9FF503",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "井盖开启",
+                "AttrField": "",
+                "AttrValue": "8",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "14",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3389,
+                "DeviceId": "C65C1478-6C3C-4960-9547-5108DDFC9FF503",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "井盖关闭",
+                "AttrField": "",
+                "AttrValue": "9",
+                "AttrUnit": "",
+                "AttrIndex": 4,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "15",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3390,
+                "DeviceId": "C65C1478-6C3C-4960-9547-5108DDFC9FF503",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "井盖授权",
+                "AttrField": "",
+                "AttrValue": "11",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 7279.4073226282735,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "27CC2F93-725D-4857-A166-8A6B5BA89F9503",
+        "TypeId": 48,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱投料口井盖",
+        "DeviceCode": "RQC03TLS-JG001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "井盖",
+        "Data": [
+            {
+                "TypeAttrId": 3397,
+                "DeviceId": "27CC2F93-725D-4857-A166-8A6B5BA89F9503",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "井盖开到位",
+                "AttrField": "",
+                "AttrValue": "20",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3398,
+                "DeviceId": "27CC2F93-725D-4857-A166-8A6B5BA89F9503",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "井盖关到位",
+                "AttrField": "",
+                "AttrValue": "21",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3399,
+                "DeviceId": "27CC2F93-725D-4857-A166-8A6B5BA89F9503",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "井盖故障",
+                "AttrField": "",
+                "AttrValue": "22",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "1",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3400,
+                "DeviceId": "27CC2F93-725D-4857-A166-8A6B5BA89F9503",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "井盖开启",
+                "AttrField": "",
+                "AttrValue": "16",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "20",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3401,
+                "DeviceId": "27CC2F93-725D-4857-A166-8A6B5BA89F9503",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "井盖关闭",
+                "AttrField": "",
+                "AttrValue": "17",
+                "AttrUnit": "",
+                "AttrIndex": 4,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "21",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3402,
+                "DeviceId": "27CC2F93-725D-4857-A166-8A6B5BA89F9503",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "井盖授权",
+                "AttrField": "",
+                "AttrValue": "19",
+                "AttrUnit": "",
+                "AttrIndex": 5,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 7149.160431963169,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 1,
+        "DeviceId": "29863A2F-FFF5-41F6-A22C-2E4792AC550103",
+        "TypeId": 37,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱进风红外微波",
+        "DeviceCode": "RQC03JFS-HW001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "红外",
+        "Data": [
+            {
+                "TypeAttrId": 3358,
+                "DeviceId": "29863A2F-FFF5-41F6-A22C-2E4792AC550103",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "红外微波报警",
+                "AttrField": "",
+                "AttrValue": "23",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 7400.241983883337,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "672AC5A7-34B8-43AC-8319-1FD3B3FE205303",
+        "TypeId": 54,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱进风声光报警",
+        "DeviceCode": "RQC03JFS-SG001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "声光报警",
+        "Data": [
+            {
+                "TypeAttrId": 3351,
+                "DeviceId": "672AC5A7-34B8-43AC-8319-1FD3B3FE205303",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "声光报警",
+                "AttrField": "",
+                "AttrValue": "20",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 7369.582472501381,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 1,
+        "DeviceId": "D5CB75AC-9F2C-4EF1-BFB5-28C8D957485303",
+        "TypeId": 37,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱投料口红外微波",
+        "DeviceCode": "RQC03TLS-HW001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "红外",
+        "Data": [
+            {
+                "TypeAttrId": 3360,
+                "DeviceId": "D5CB75AC-9F2C-4EF1-BFB5-28C8D957485303",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "红外微波报警",
+                "AttrField": "",
+                "AttrValue": "25",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 7206.358346974792,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "4467ABA0-2A4D-4D7F-8C1B-F5B306B5574703",
+        "TypeId": 54,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱排风声光报警",
+        "DeviceCode": "RQC03PFS-SG001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "声光报警",
+        "Data": [
+            {
+                "TypeAttrId": 3352,
+                "DeviceId": "4467ABA0-2A4D-4D7F-8C1B-F5B306B5574703",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "声光报警",
+                "AttrField": "",
+                "AttrValue": "21",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5223.647654794967,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "4FCB9636-CFCD-4EB1-BB18-FB23094D157F03",
+        "TypeId": 44,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 9,
+        "AreaName": "分区3",
+        "CabinName": "燃气舱",
+        "DeviceName": "燃气舱排风机",
+        "DeviceCode": "RQC03PFS-PFJ001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "排风机",
+        "Data": [
+            {
+                "TypeAttrId": 3292,
+                "DeviceId": "4FCB9636-CFCD-4EB1-BB18-FB23094D157F03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "低速运行",
+                "AttrField": "",
+                "AttrValue": "4",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3293,
+                "DeviceId": "4FCB9636-CFCD-4EB1-BB18-FB23094D157F03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "高速运行",
+                "AttrField": "",
+                "AttrValue": "5",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3294,
+                "DeviceId": "4FCB9636-CFCD-4EB1-BB18-FB23094D157F03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "排风机低速启停",
+                "AttrField": "",
+                "AttrValue": "2",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "4",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3295,
+                "DeviceId": "4FCB9636-CFCD-4EB1-BB18-FB23094D157F03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "排风机高速启停",
+                "AttrField": "",
+                "AttrValue": "3",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "5",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5192.688251752688,
+        "y": 355,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "B558F338-2045-485F-B704-01E42E306BD203",
+        "TypeId": 31,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 11,
+        "AreaName": "分区3",
+        "CabinName": "综合舱",
+        "DeviceName": "氧气传感器",
+        "DeviceCode": "ZHC03HC-YQ001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "氧气传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3343,
+                "DeviceId": "B558F338-2045-485F-B704-01E42E306BD203",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "氧气信号",
+                "AttrField": "",
+                "AttrValue": "11",
+                "AttrUnit": "%",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 20.9,
+                "Remark1": "0",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 6705.9928368221945,
+        "y": 400,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "98F96353-7FAE-40C3-BB30-7138FF2E1B2C03",
+        "TypeId": 32,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 11,
+        "AreaName": "分区3",
+        "CabinName": "综合舱",
+        "DeviceName": "液位传感器",
+        "DeviceCode": "ZHC03JSK-YW001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "液位传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3346,
+                "DeviceId": "98F96353-7FAE-40C3-BB30-7138FF2E1B2C03",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "液位信号",
+                "AttrField": "",
+                "AttrValue": "12",
+                "AttrUnit": "mm",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "0",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5564.260127823724,
+        "y": 400,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "CE43F421-E3E6-4BA3-A0F4-E1B63F27690C03",
+        "TypeId": 24,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 12,
+        "AreaName": "分区3",
+        "CabinName": "电力舱",
+        "DeviceName": "电力舱排风百叶",
+        "DeviceCode": "DLC03PFS-BY001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "百叶",
+        "Data": [
+            {
+                "TypeAttrId": 3331,
+                "DeviceId": "CE43F421-E3E6-4BA3-A0F4-E1B63F27690C03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "上层开到位",
+                "AttrField": "",
+                "AttrValue": "46",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3332,
+                "DeviceId": "CE43F421-E3E6-4BA3-A0F4-E1B63F27690C03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "下层开到位",
+                "AttrField": "",
+                "AttrValue": "47",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3333,
+                "DeviceId": "CE43F421-E3E6-4BA3-A0F4-E1B63F27690C03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "开启/关闭百叶",
+                "AttrField": "",
+                "AttrValue": "34",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "46",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 7704.601990399252,
+        "y": 460,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "B48E2FF5-8506-48A8-B161-D3D400AAC00E03",
+        "TypeId": 49,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 12,
+        "AreaName": "分区3",
+        "CabinName": "电力舱",
+        "DeviceName": "电力舱照明",
+        "DeviceCode": "DLC03PDS-ZM001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "普通照明",
+        "Data": [
+            {
+                "TypeAttrId": 3424,
+                "DeviceId": "B48E2FF5-8506-48A8-B161-D3D400AAC00E03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "普通照明状态",
+                "AttrField": "",
+                "AttrValue": "61",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 6919.801704076228,
+        "y": 460,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "C2821D59-34A0-464B-87FF-5BF7DFBDC98B03",
+        "TypeId": 50,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 12,
+        "AreaName": "分区3",
+        "CabinName": "电力舱",
+        "DeviceName": "电力舱应急照明",
+        "DeviceCode": "DLC03YJS-ZM001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "应急照明",
+        "Data": [
+            {
+                "TypeAttrId": 3434,
+                "DeviceId": "C2821D59-34A0-464B-87FF-5BF7DFBDC98B03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "应急照明状态",
+                "AttrField": "",
+                "AttrValue": "65",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3435,
+                "DeviceId": "C2821D59-34A0-464B-87FF-5BF7DFBDC98B03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "应急照明开灯",
+                "AttrField": "",
+                "AttrValue": "53",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "65",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3436,
+                "DeviceId": "C2821D59-34A0-464B-87FF-5BF7DFBDC98B03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "应急照明关灯",
+                "AttrField": "",
+                "AttrValue": "54",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "65",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 6951.362425036977,
+        "y": 460,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "24ABDEB3-6F2C-4390-BC03-ACC09476380B03",
+        "TypeId": 60,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 12,
+        "AreaName": "分区3",
+        "CabinName": "电力舱",
+        "DeviceName": "电力舱排风机",
+        "DeviceCode": "DLC03PFS-PFJ001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "电力舱排风机",
+        "Data": [
+            {
+                "TypeAttrId": 3304,
+                "DeviceId": "24ABDEB3-6F2C-4390-BC03-ACC09476380B03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "排风机自动",
+                "AttrField": "",
+                "AttrValue": "33",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3305,
+                "DeviceId": "24ABDEB3-6F2C-4390-BC03-ACC09476380B03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "排风机运行",
+                "AttrField": "",
+                "AttrValue": "34",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3306,
+                "DeviceId": "24ABDEB3-6F2C-4390-BC03-ACC09476380B03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "排风机故障",
+                "AttrField": "",
+                "AttrValue": "35",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "1",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3307,
+                "DeviceId": "24ABDEB3-6F2C-4390-BC03-ACC09476380B03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "排风机开启",
+                "AttrField": "",
+                "AttrValue": "28",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "34",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3308,
+                "DeviceId": "24ABDEB3-6F2C-4390-BC03-ACC09476380B03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "排风机关闭",
+                "AttrField": "",
+                "AttrValue": "41",
+                "AttrUnit": "",
+                "AttrIndex": 4,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "34",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 7735.21616240217,
+        "y": 460,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "C3750784-6F24-4C2F-A33F-473EBC417B4B03",
+        "TypeId": 47,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 12,
+        "AreaName": "分区3",
+        "CabinName": "电力舱",
+        "DeviceName": "电力舱水泵",
+        "DeviceCode": "DLC03JSK-SB001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "水泵",
+        "Data": [
+            {
+                "TypeAttrId": 3380,
+                "DeviceId": "C3750784-6F24-4C2F-A33F-473EBC417B4B03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵自动状态",
+                "AttrField": "",
+                "AttrValue": "72",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 1,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3381,
+                "DeviceId": "C3750784-6F24-4C2F-A33F-473EBC417B4B03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵运行状态",
+                "AttrField": "",
+                "AttrValue": "73",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3382,
+                "DeviceId": "C3750784-6F24-4C2F-A33F-473EBC417B4B03",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "水泵故障状态",
+                "AttrField": "",
+                "AttrValue": "74",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "1",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3383,
+                "DeviceId": "C3750784-6F24-4C2F-A33F-473EBC417B4B03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "水泵启动",
+                "AttrField": "",
+                "AttrValue": "59",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "73",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3384,
+                "DeviceId": "C3750784-6F24-4C2F-A33F-473EBC417B4B03",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "水泵停止",
+                "AttrField": "",
+                "AttrValue": "60",
+                "AttrUnit": "",
+                "AttrIndex": 4,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "73",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5534.992234281125,
+        "y": 460,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "BE1C543E-2086-4DEC-A8D4-BFFFB9C7E63403",
+        "TypeId": 24,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 12,
+        "AreaName": "分区3",
+        "CabinName": "电力舱",
+        "DeviceName": "电力舱送风百叶",
+        "DeviceCode": "DLC03JFS-BY001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "百叶",
+        "Data": [
+            {
+                "TypeAttrId": 3328,
+                "DeviceId": "BE1C543E-2086-4DEC-A8D4-BFFFB9C7E63403",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "上层开到位",
+                "AttrField": "",
+                "AttrValue": "44",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3329,
+                "DeviceId": "BE1C543E-2086-4DEC-A8D4-BFFFB9C7E63403",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "下层开到位",
+                "AttrField": "",
+                "AttrValue": "45",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3330,
+                "DeviceId": "BE1C543E-2086-4DEC-A8D4-BFFFB9C7E63403",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "开启/关闭百叶",
+                "AttrField": "",
+                "AttrValue": "33",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "44",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 5694.144975277621,
+        "y": 460,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "1C95BBDE-25F7-4C5D-B67A-CBC853BE8A5803",
+        "TypeId": 26,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 12,
+        "AreaName": "分区3",
+        "CabinName": "电力舱",
+        "DeviceName": "温度传感器",
+        "DeviceCode": "DLC03HC-WD001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "温度传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3338,
+                "DeviceId": "1C95BBDE-25F7-4C5D-B67A-CBC853BE8A5803",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "温度信号",
+                "AttrField": "",
+                "AttrValue": "13",
+                "AttrUnit": "°C",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 20.43,
+                "Remark1": "0",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 6650.891482055828,
+        "y": 460,
+        "target": "device"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "3B687983-8213-41BB-A660-BF756A0B478603",
+        "TypeId": 30,
+        "AreaId": 3,
+        "StateId": 0,
+        "CabinId": 12,
+        "AreaName": "分区3",
+        "CabinName": "电力舱",
+        "DeviceName": "湿度传感器",
+        "DeviceCode": "DLC03HC-SD001",
+        "IP": "10.9.4.202",
+        "Station": 1,
+        "TypeName": "湿度传感器",
+        "Data": [
+            {
+                "TypeAttrId": 3341,
+                "DeviceId": "3B687983-8213-41BB-A660-BF756A0B478603",
+                "StateId": 13,
+                "AttrType": "类型属性",
+                "AttrName": "湿度信号",
+                "AttrField": "",
+                "AttrValue": "14",
+                "AttrUnit": "%",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "AO",
+                "ReadPoint": "",
+                "Value": 81.73,
+                "Remark1": "0",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 6679.864946798952,
+        "y": 460,
+        "target": "device"
+    },
+    {
+        "x": 11829.871967965342,
+        "y": 355,
+        "AreaId": 5,
+        "CabinId": 17,
+        "CamAddress": "10.9.5.85",
+        "CamChannel": "",
+        "CamId": 604,
+        "CamName": "分区5燃气舱中段向北",
+        "CamPassword": "admin123",
+        "CamType": "",
+        "Points": "1",
+        "target": "camera",
+        "CabinName": "燃气舱"
+    },
+    {
+        "x": 13391.315822094997,
+        "y": 355,
+        "AreaId": 5,
+        "CabinId": 17,
+        "CamAddress": "10.9.5.86",
+        "CamChannel": "",
+        "CamId": 605,
+        "CamName": "分区5燃气舱北头",
+        "CamPassword": "admin123",
+        "CamType": "",
+        "Points": "1",
+        "target": "camera",
+        "CabinName": "燃气舱"
+    },
+    {
+        "x": 11199.28845868679,
+        "y": 400,
+        "AreaId": 5,
+        "CabinId": 19,
+        "CamAddress": "10.9.5.110",
+        "CamChannel": "",
+        "CamId": 620,
+        "CamName": "普通舱5分区进风夹层",
+        "CamPassword": "admin123",
+        "CamType": "",
+        "Points": "1",
+        "target": "camera",
+        "CabinName": "综合舱"
+    },
+    {
+        "x": 13918.676556965076,
+        "y": 400,
+        "AreaId": 5,
+        "CabinId": 19,
+        "CamAddress": "10.9.5.111",
+        "CamChannel": "",
+        "CamId": 621,
+        "CamName": "普通舱5分区排风夹层",
+        "CamPassword": "admin123",
+        "CamType": "",
+        "Points": "1",
+        "target": "camera",
+        "CabinName": "综合舱"
+    },
+    {
+        "x": 14113.255323840176,
+        "y": 400,
+        "AreaId": 5,
+        "CabinId": 19,
+        "CamAddress": "10.9.5.113",
+        "CamChannel": "",
+        "CamId": 622,
+        "CamName": "普通舱05/06分区设备间01",
+        "CamPassword": "admin123",
+        "CamType": "",
+        "Points": "1",
+        "target": "camera",
+        "CabinName": "综合舱"
+    },
+    {
+        "x": 14304.055017122728,
+        "y": 400,
+        "AreaId": 5,
+        "CabinId": 19,
+        "CamAddress": "10.9.5.114",
+        "CamChannel": "",
+        "CamId": 623,
+        "CamName": "普通舱05/06分区设备间02",
+        "CamPassword": "admin123",
+        "CamType": "",
+        "Points": "1",
+        "target": "camera",
+        "CabinName": "综合舱"
+    },
+    {
+        "x": 10736.851642673852,
+        "y": 355,
+        "AreaId": 5,
+        "CabinId": 17,
+        "CamAddress": "10.9.5.115",
+        "CamChannel": "",
+        "CamId": 624,
+        "CamName": "燃气舱5分区排风夹层",
+        "CamPassword": "admin123",
+        "CamType": "",
+        "Points": "1",
+        "target": "camera",
+        "CabinName": "燃气舱"
+    },
+    {
+        "x": 13193.90479689514,
+        "y": 355,
+        "AreaId": 5,
+        "CabinId": 17,
+        "CamAddress": "10.9.5.116",
+        "CamChannel": "",
+        "CamId": 625,
+        "CamName": "燃气舱5分区进风夹层",
+        "CamPassword": "admin123",
+        "CamType": "",
+        "Points": "1",
+        "target": "camera",
+        "CabinName": "燃气舱"
+    },
+    {
+        "IsOpen": 0,
+        "IsFault": 0,
+        "IsAlarm": 0,
+        "DeviceId": "796913AD-06BF-48AC-B535-3119F6FF09A206",
+        "TypeId": 44,
+        "AreaId": 6,
+        "StateId": 0,
+        "CabinId": 22,
+        "AreaName": "分区6",
+        "CabinName": "污水舱",
+        "DeviceName": "污水舱排风机",
+        "DeviceCode": "WSC06PFS-PFJ001",
+        "IP": "10.9.5.201",
+        "Station": 1,
+        "TypeName": "排风机",
+        "Data": [
+            {
+                "TypeAttrId": 3761,
+                "DeviceId": "796913AD-06BF-48AC-B535-3119F6FF09A206",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "低速运行",
+                "AttrField": "",
+                "AttrValue": "29",
+                "AttrUnit": "",
+                "AttrIndex": 0,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3762,
+                "DeviceId": "796913AD-06BF-48AC-B535-3119F6FF09A206",
+                "StateId": 11,
+                "AttrType": "类型属性",
+                "AttrName": "高速运行",
+                "AttrField": "",
+                "AttrValue": "30",
+                "AttrUnit": "",
+                "AttrIndex": 1,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "1",
+                "StateType": "DI",
+                "ReadPoint": "",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3763,
+                "DeviceId": "796913AD-06BF-48AC-B535-3119F6FF09A206",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "排风机低速启停",
+                "AttrField": "",
+                "AttrValue": "24",
+                "AttrUnit": "",
+                "AttrIndex": 2,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "29",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            },
+            {
+                "TypeAttrId": 3764,
+                "DeviceId": "796913AD-06BF-48AC-B535-3119F6FF09A206",
+                "StateId": 12,
+                "AttrType": "类型属性",
+                "AttrName": "排风机高速启停",
+                "AttrField": "",
+                "AttrValue": "25",
+                "AttrUnit": "",
+                "AttrIndex": 3,
+                "UpperLimitValue": "",
+                "OverStandard": null,
+                "FaultPoint": "0",
+                "OperationIndex": "0",
+                "StateType": "DO",
+                "ReadPoint": "30",
+                "Value": 0,
+                "Remark1": "",
+                "Remark2": null,
+                "Transformation": "0",
+                "AlarmName": null
+            }
+        ],
+        "x": 14569.918792289154,
+        "y": 505,
+        "target": "device"
+    }]
+
+export default data;
+
diff --git a/src/plugins/auth.js b/src/plugins/auth.js
new file mode 100644
index 0000000..9a9cf96
--- /dev/null
+++ b/src/plugins/auth.js
@@ -0,0 +1,72 @@
+import { useUserStore } from '@/store/modules/user'
+
+function authPermission(permission) {
+  const all_permission = "*:*:*"
+  try {
+    const userStore = useUserStore()
+    const permissions = userStore.permissions || []
+    if (permission && permission.length > 0) {
+      return permissions.some(v => {
+        return all_permission === v || v === permission
+      })
+    } else {
+      return false
+    }
+  } catch (error) {
+    console.warn('Permission check failed:', error)
+    return false
+  }
+}
+
+function authRole(role) {
+  const super_admin = "admin"
+  try {
+    const userStore = useUserStore()
+    const roles = userStore.roles || []
+    if (role && role.length > 0) {
+      return roles.some(v => {
+        return super_admin === v || v === role
+      })
+    } else {
+      return false
+    }
+  } catch (error) {
+    console.warn('Role check failed:', error)
+    return false
+  }
+}
+
+export default {
+  // 验证用户是否具备某权限
+  hasPermi(permission) {
+    return authPermission(permission)
+  },
+  // 验证用户是否含有指定权限，只需包含其中一个
+  hasPermiOr(permissions) {
+    return permissions.some(item => {
+      return authPermission(item)
+    })
+  },
+  // 验证用户是否含有指定权限，必须全部拥有
+  hasPermiAnd(permissions) {
+    return permissions.every(item => {
+      return authPermission(item)
+    })
+  },
+  // 验证用户是否具备某角色
+  hasRole(role) {
+    return authRole(role)
+  },
+  // 验证用户是否含有指定角色，只需包含其中一个
+  hasRoleOr(roles) {
+    return roles.some(item => {
+      return authRole(item)
+    })
+  },
+  // 验证用户是否含有指定角色，必须全部拥有
+  hasRoleAnd(roles) {
+    return roles.every(item => {
+      return authRole(item)
+    })
+  }
+}
diff --git a/src/plugins/cache.js b/src/plugins/cache.js
new file mode 100644
index 0000000..4d29dfe
--- /dev/null
+++ b/src/plugins/cache.js
@@ -0,0 +1,79 @@
+const sessionCache = {
+  set (key, value) {
+    if (!sessionStorage) {
+      return
+    }
+    if (key != null && value != null) {
+      sessionStorage.setItem(key, value)
+    }
+  },
+  get (key) {
+    if (!sessionStorage) {
+      return null
+    }
+    if (key == null) {
+      return null
+    }
+    return sessionStorage.getItem(key)
+  },
+  setJSON (key, jsonValue) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue))
+    }
+  },
+  getJSON (key) {
+    const value = this.get(key)
+    if (value != null) {
+      return JSON.parse(value)
+    }
+    return null
+  },
+  remove (key) {
+    sessionStorage.removeItem(key)
+  }
+}
+const localCache = {
+  set (key, value) {
+    if (!localStorage) {
+      return
+    }
+    if (key != null && value != null) {
+      localStorage.setItem(key, value)
+    }
+  },
+  get (key) {
+    if (!localStorage) {
+      return null
+    }
+    if (key == null) {
+      return null
+    }
+    return localStorage.getItem(key)
+  },
+  setJSON (key, jsonValue) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue))
+    }
+  },
+  getJSON (key) {
+    const value = this.get(key)
+    if (value != null) {
+      return JSON.parse(value)
+    }
+    return null
+  },
+  remove (key) {
+    localStorage.removeItem(key)
+  }
+}
+
+export default {
+  /**
+   * 会话级缓存
+   */
+  session: sessionCache,
+  /**
+   * 本地缓存
+   */
+  local: localCache
+}
diff --git a/src/plugins/download.js b/src/plugins/download.js
new file mode 100644
index 0000000..82e26ed
--- /dev/null
+++ b/src/plugins/download.js
@@ -0,0 +1,79 @@
+import axios from 'axios'
+import { ElLoading, ElMessage } from 'element-plus'
+import { saveAs } from 'file-saver'
+import { getToken } from '@/utils/auth'
+import errorCode from '@/utils/errorCode'
+import { blobValidate } from '@/utils/ruoyi'
+
+const baseURL = import.meta.env.VITE_APP_BASE_API
+let downloadLoadingInstance
+
+export default {
+  name(name, isDelete = true) {
+    var url = baseURL + "/common/download?fileName=" + encodeURIComponent(name) + "&delete=" + isDelete
+    axios({
+      method: 'get',
+      url: url,
+      responseType: 'blob',
+      headers: { 'Authorization': 'Bearer ' + getToken() }
+    }).then((res) => {
+      const isBlob = blobValidate(res.data)
+      if (isBlob) {
+        const blob = new Blob([res.data])
+        this.saveAs(blob, decodeURIComponent(res.headers['download-filename']))
+      } else {
+        this.printErrMsg(res.data)
+      }
+    })
+  },
+  resource(resource) {
+    var url = baseURL + "/common/download/resource?resource=" + encodeURIComponent(resource)
+    axios({
+      method: 'get',
+      url: url,
+      responseType: 'blob',
+      headers: { 'Authorization': 'Bearer ' + getToken() }
+    }).then((res) => {
+      const isBlob = blobValidate(res.data)
+      if (isBlob) {
+        const blob = new Blob([res.data])
+        this.saveAs(blob, decodeURIComponent(res.headers['download-filename']))
+      } else {
+        this.printErrMsg(res.data)
+      }
+    })
+  },
+  zip(url, name) {
+    var url = baseURL + url
+    downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
+    axios({
+      method: 'get',
+      url: url,
+      responseType: 'blob',
+      headers: { 'Authorization': 'Bearer ' + getToken() }
+    }).then((res) => {
+      const isBlob = blobValidate(res.data)
+      if (isBlob) {
+        const blob = new Blob([res.data], { type: 'application/zip' })
+        this.saveAs(blob, name)
+      } else {
+        this.printErrMsg(res.data)
+      }
+      downloadLoadingInstance.close()
+    }).catch((r) => {
+      console.error(r)
+      ElMessage.error('下载文件出现错误，请联系管理员！')
+      downloadLoadingInstance.close()
+    })
+  },
+  saveAs(text, name, opts) {
+    saveAs(text, name, opts)
+  },
+  async printErrMsg(data) {
+    const resText = await data.text()
+    const rspObj = JSON.parse(resText)
+    const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
+    ElMessage.error(errMsg)
+  }
+}
+
diff --git a/src/plugins/index.js b/src/plugins/index.js
new file mode 100644
index 0000000..fb75c63
--- /dev/null
+++ b/src/plugins/index.js
@@ -0,0 +1,18 @@
+import tab from './tab'
+import auth from './auth'
+import cache from './cache'
+import modal from './modal'
+import download from './download'
+
+export default function installPlugins(app){
+  // 页签操作
+  app.config.globalProperties.$tab = tab
+  // 认证对象
+  app.config.globalProperties.$auth = auth
+  // 缓存对象
+  app.config.globalProperties.$cache = cache
+  // 模态框对象
+  app.config.globalProperties.$modal = modal
+  // 下载文件
+  app.config.globalProperties.$download = download
+}
diff --git a/src/plugins/modal.js b/src/plugins/modal.js
new file mode 100644
index 0000000..8695360
--- /dev/null
+++ b/src/plugins/modal.js
@@ -0,0 +1,82 @@
+import { ElMessage, ElMessageBox, ElNotification, ElLoading } from 'element-plus'
+
+let loadingInstance
+
+export default {
+  // 消息提示
+  msg(content) {
+    ElMessage.info(content)
+  },
+  // 错误消息
+  msgError(content) {
+    ElMessage.error(content)
+  },
+  // 成功消息
+  msgSuccess(content) {
+    ElMessage.success(content)
+  },
+  // 警告消息
+  msgWarning(content) {
+    ElMessage.warning(content)
+  },
+  // 弹出提示
+  alert(content) {
+    ElMessageBox.alert(content, "系统提示")
+  },
+  // 错误提示
+  alertError(content) {
+    ElMessageBox.alert(content, "系统提示", { type: 'error' })
+  },
+  // 成功提示
+  alertSuccess(content) {
+    ElMessageBox.alert(content, "系统提示", { type: 'success' })
+  },
+  // 警告提示
+  alertWarning(content) {
+    ElMessageBox.alert(content, "系统提示", { type: 'warning' })
+  },
+  // 通知提示
+  notify(content) {
+    ElNotification.info(content)
+  },
+  // 错误通知
+  notifyError(content) {
+    ElNotification.error(content)
+  },
+  // 成功通知
+  notifySuccess(content) {
+    ElNotification.success(content)
+  },
+  // 警告通知
+  notifyWarning(content) {
+    ElNotification.warning(content)
+  },
+  // 确认窗体
+  confirm(content) {
+    return ElMessageBox.confirm(content, "系统提示", {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: "warning",
+    })
+  },
+  // 提交内容
+  prompt(content) {
+    return ElMessageBox.prompt(content, "系统提示", {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: "warning",
+    })
+  },
+  // 打开遮罩层
+  loading(content) {
+    loadingInstance = ElLoading.service({
+      lock: true,
+      text: content,
+      background: "rgba(0, 0, 0, 0.7)",
+    })
+  },
+  // 关闭遮罩层
+  closeLoading() {
+    loadingInstance.close()
+  }
+}
diff --git a/src/plugins/tab.js b/src/plugins/tab.js
new file mode 100644
index 0000000..ed20948
--- /dev/null
+++ b/src/plugins/tab.js
@@ -0,0 +1,71 @@
+import { useTagsViewStore } from '@/store/modules/tagsView'
+import router from '@/router'
+
+export default {
+  // 刷新当前tab页签
+  refreshPage(obj) {
+    const { path, query, matched } = router.currentRoute.value
+    if (obj === undefined) {
+      matched.forEach((m) => {
+        if (m.components && m.components.default && m.components.default.name) {
+          if (!['Layout', 'ParentView'].includes(m.components.default.name)) {
+            obj = { name: m.components.default.name, path: path, query: query }
+          }
+        }
+      })
+    }
+    return useTagsViewStore().delCachedView(obj).then(() => {
+      const { path, query } = obj
+      router.replace({
+        path: '/redirect' + path,
+        query: query
+      })
+    })
+  },
+  // 关闭当前tab页签，打开新页签
+  closeOpenPage(obj) {
+    useTagsViewStore().delView(router.currentRoute.value)
+    if (obj !== undefined) {
+      return router.push(obj)
+    }
+  },
+  // 关闭指定tab页签
+  closePage(obj) {
+    if (obj === undefined) {
+      return useTagsViewStore().delView(router.currentRoute.value).then(({ visitedViews }) => {
+        const latestView = visitedViews.slice(-1)[0]
+        if (latestView) {
+          return router.push(latestView.fullPath)
+        }
+        return router.push('/')
+      })
+    }
+    return useTagsViewStore().delView(obj)
+  },
+  // 关闭所有tab页签
+  closeAllPage() {
+    return useTagsViewStore().delAllViews()
+  },
+  // 关闭左侧tab页签
+  closeLeftPage(obj) {
+    return useTagsViewStore().delLeftTags(obj || router.currentRoute.value)
+  },
+  // 关闭右侧tab页签
+  closeRightPage(obj) {
+    return useTagsViewStore().delRightTags(obj || router.currentRoute.value)
+  },
+  // 关闭其他tab页签
+  closeOtherPage(obj) {
+    return useTagsViewStore().delOthersViews(obj || router.currentRoute.value)
+  },
+  // 打开tab页签
+  openPage(title, url, params) {
+    const obj = { path: url, meta: { title: title } }
+    useTagsViewStore().addView(obj)
+    return router.push({ path: url, query: params })
+  },
+  // 修改tab页签
+  updatePage(obj) {
+    return useTagsViewStore().updateVisitedView(obj)
+  }
+}
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..dbbdc00
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,550 @@
+import { createWebHistory, createRouter } from 'vue-router'
+/* Layout */
+import Layout from '@/layout'
+
+/**
+ * Note: 路由配置项
+ *
+ * hidden: true                     // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1
+ * alwaysShow: true                 // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面
+ *                                  // 只有一个时，会将那个子路由当做根路由显示在侧边栏--如引导页面
+ *                                  // 若你想不管路由下面的 children 声明的个数都显示你的根路由
+ *                                  // 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，一直显示根路由
+ * redirect: noRedirect             // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
+ * name:'router-name'               // 设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
+ * query: '{"id": 1, "name": "ry"}' // 访问路由的默认传递参数
+ * roles: ['admin', 'common']       // 访问路由的角色权限
+ * permissions: ['a:a:a', 'b:b:b']  // 访问路由的菜单权限
+ * meta : {
+    noCache: true                   // 如果设置为true，则不会被 <keep-alive> 缓存(默认 false)
+    title: 'title'                  // 设置该路由在侧边栏和面包屑中展示的名字
+    icon: 'svg-name'                // 设置该路由的图标，对应路径src/assets/icons/svg
+    breadcrumb: false               // 如果设置为false，则不会在breadcrumb面包屑中显示
+    activeMenu: '/system/user'      // 当路由设置了该属性，则会高亮相对应的侧边栏。
+  }
+ */
+
+// 封装一个生成通配符路由的函数
+const createCatchAllRoute = (component, name = 'NotFound') => {
+  return {
+    path: '/:pathMatch(.*)*',
+    name,
+    component
+  }
+}
+
+// 公共路由
+export const constantRoutes = [
+  {
+    path: '/redirect',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '/redirect/:path(.*)',
+        component: createCatchAllRoute(() => import('@/views/redirect'))
+
+      }
+    ]
+  },
+  {
+    path: '/login',
+    component: () => import('@/views/login'),
+    hidden: true
+  },
+  {
+    path: '/register',
+    component: () => import('@/views/register'),
+    hidden: true
+  },
+  {
+    path: '/404',
+    component: () => import('@/views/error/404'),
+    hidden: true
+  },
+  {
+    path: '/401',
+    component: () => import('@/views/error/401'),
+    hidden: true
+  },
+  {
+    path: '',
+    component: Layout,
+    redirect: 'index',
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/index'),
+        name: 'Index',
+        meta: { title: '工作台', icon: 'index', affix: true }
+        // meta: { title: '首页', icon: '@/assets/treeIcons/index.png', affix: true }
+      },
+    ]
+  },
+  {
+    path: '',
+    component: Layout,
+    redirect: 'noRedirect',
+    children: [
+      {
+        path: 'plan',
+        component: () => import('@/views/plan'),
+        name: 'Plan',
+        meta: { title: '平面图', icon: 'plan', affix: true }
+      },
+
+    ]
+  },
+  {
+    name: "Device",
+    alwaysShow: true,
+    component: Layout,
+    hidden: false,
+    name: "Device",
+    path: "/Device",
+    redirect: "noRedirect",
+    meta: {
+      icon: "device",
+      link: null,
+      noCache: false,
+      title: "设备管理",
+    },
+    children: [
+      {
+        component: () => import('@/views/Device/deviceControl'),
+        hidden: false,
+        name: "deviceControl",
+        path: "deviceControl",
+        meta: {
+          icon: "server",
+          link: null,
+          noCache: false,
+          title: "设备列表",
+        },
+      },
+
+    ]
+
+  },
+
+  {
+    name: "areaManage",
+    alwaysShow: true,
+    component: Layout,
+    hidden: false,
+    name: "areaManage",
+    path: "/areaManage",
+    redirect: "noRedirect",
+    meta: {
+      icon: "qygl",
+      link: null,
+      noCache: false,
+      title: "区域管理",
+    },
+    children: [
+      {
+        component: () => import('@/views/areaManage/area'),
+        hidden: false,
+        name: "area",
+        path: "area",
+        meta: {
+          icon: "areai",
+          link: null,
+          noCache: false,
+          title: "分区管理",
+        },
+      },
+      {
+        component: () => import('@/views/areaManage/cabin'),
+        hidden: false,
+        name: "cabin",
+        path: "cabin",
+        meta: {
+          icon: "cabini",
+          link: null,
+          noCache: false,
+          title: "舱室管理",
+        },
+      },
+    ]
+  },
+
+  {
+    name: "operationManage",
+    alwaysShow: true,
+    component: Layout,
+    hidden: false,
+    name: "operationManage",
+    path: "/operationManage",
+    redirect: "noRedirect",
+    meta: {
+      icon: "ywgl",
+      link: null,
+      noCache: false,
+      title: "运维管理",
+    },
+    children: [
+      {
+        component: () => import('@/views/operationManage/maintenance'),
+        hidden: false,
+        name: "maintenance",
+        path: "maintenance",
+        meta: {
+          icon: "wbgl",
+          link: null,
+          noCache: false,
+          title: "维保管理",
+        },
+      },
+      {
+        component: () => import('@/views/operationManage/patrol'),
+        hidden: false,
+        name: "patrol",
+        path: "patrol",
+        meta: {
+          icon: "xjgl",
+          link: null,
+          noCache: false,
+          title: "巡检管理",
+        },
+      },
+      {
+        component: () => import('@/views/operationManage/alarm'),
+        hidden: false,
+        name: "alarm",
+        path: "alarm",
+        meta: {
+          icon: "bjgl",
+          link: null,
+          noCache: false,
+          title: "报警管理",
+        },
+      },
+      {
+        component: () => import('@/views/operationManage/report'),
+        hidden: false,
+        name: "report",
+        path: "report",
+        meta: {
+          icon: "bbgl",
+          link: null,
+          noCache: false,
+          title: "报表管理",
+        },
+      },
+    ]
+  },
+
+  {
+    name: "Equipment",
+    alwaysShow: true,
+    component: Layout,
+    hidden: false,
+    name: "Equipment",
+    path: "/equipment",
+    redirect: "noRedirect",
+    meta: {
+      icon: "xtjk",
+      link: null,
+      noCache: false,
+      title: "智能化控制系统",
+    },
+    children: [
+      {
+        component: () => import('@/views/equipment/environmentMonitoring'),
+
+        hidden: false,
+        name: "environmentMonitoring",
+        path: "environmentMonitoring",
+        meta: {
+          icon: "hjkz",
+          link: null,
+          noCache: false,
+          title: "环境监测",
+        },
+      },
+      {
+        component: () => import('@/views/equipment/ventilation'),
+
+        hidden: false,
+        name: "ventilation",
+        path: "ventilation",
+        meta: {
+          icon: "tongf",
+          link: null,
+          noCache: false,
+          title: "通风",
+        },
+      },
+      {
+        component: () => import('@/views/equipment/electric'),
+        hidden: false,
+        name: "electric",
+        path: "electric",
+        meta: {
+          icon: "dianli",
+          link: null,
+          noCache: false,
+          title: "电力",
+        },
+      },
+      {
+        component: () => import('@/views/equipment/lighting'),
+        hidden: false,
+        name: "lighting",
+        path: "lighting",
+        meta: {
+          icon: "hjkz-zmkz",
+          link: null,
+          noCache: false,
+          title: "照明",
+        },
+      },
+      {
+        component: () => import('@/views/equipment/wastewater'),
+        hidden: false,
+        name: "wastewater",
+        path: "wastewater",
+        meta: {
+          icon: "nhgl-sbjc",
+          link: null,
+          noCache: false,
+          title: "给排水",
+        },
+      },
+    ],
+  },
+
+  {
+    name: "EngineerSupport",
+    alwaysShow: true,
+    component: Layout,
+    hidden: false,
+    name: "EngineerSupport",
+    path: "/EngineerSupport",
+    redirect: "noRedirect",
+    meta: {
+      icon: "gongc",
+      link: null,
+      noCache: false,
+      title: "工程保障系统",
+    },
+    children: [
+      {
+        component: () => import('@/views/EngineerSupport/etherphone'),
+        hidden: false,
+        name: "etherphone",
+        path: "etherphone",
+        meta: {
+          icon: "guangb",
+          link: null,
+          noCache: false,
+          title: "广播电话",
+        },
+      },
+      {
+        component: () => import('@/views/EngineerSupport/visualizedDispatch'),
+        hidden: false,
+        name: "visualizedDispatch",
+        path: "visualizedDispatch",
+        meta: {
+          icon: "kshtd",
+          link: null,
+          noCache: false,
+          title: "可视化调度",
+        },
+      },
+
+    ]
+
+  },
+  {
+    name: "Security",
+    alwaysShow: true,
+    component: Layout,
+    hidden: false,
+    name: "Security",
+    path: "/Security",
+    redirect: "noRedirect",
+    meta: {
+      icon: "afxt",
+      link: null,
+      noCache: false,
+      title: "安防系统",
+    },
+    children: [
+      {
+        component: () => import('@/views/Security/videoSurveillance'),
+        hidden: false,
+        name: "videoSurveillance",
+        path: "videoSurveillance",
+        meta: {
+          icon: "afmj",
+          link: null,
+          noCache: false,
+          title: "视频监控",
+        },
+      },
+      {
+        component: () => import('@/views/Security/doorControl'),
+        hidden: false,
+        name: "doorControl",
+        path: "doorControl",
+        meta: {
+          icon: "spjk",
+          link: null,
+          noCache: false,
+          title: "门禁",
+        },
+      },
+    ]
+
+  },
+  {
+    name: "System",
+    alwaysShow: true,
+    component: Layout,
+    hidden: false,
+    name: "System",
+    path: "/system",
+    redirect: "noRedirect",
+    meta: {
+      icon: "xtgl",
+      link: null,
+      noCache: false,
+      title: "系统管理",
+    },
+    children: [
+      {
+        component: () => import('@/views/system/user/index'),
+        hidden: false,
+        name: "user",
+        path: "user",
+        meta: {
+          icon: "user",
+          link: null,
+          noCache: false,
+          title: "用户管理",
+        },
+      },
+      {
+        component: () => import('@/views/system/role/index'),
+        hidden: false,
+        name: "role",
+        path: "role",
+        meta: {
+          icon: "peoples",
+          link: null,
+          noCache: false,
+          title: "角色管理",
+        },
+      },
+      {
+        component: () => import('@/views/system/log/index'),
+        hidden: false,
+        name: "log",
+        path: "log",
+        meta: {
+          icon: "log",
+          link: null,
+          noCache: false,
+          title: "日志管理",
+        },
+      },
+    ]
+
+  }
+
+
+]
+
+// 动态路由，基于用户权限动态去加载
+export const dynamicRoutes = [
+  {
+    path: '/system/user-auth',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:user:edit'],
+    children: [
+      {
+        path: 'role/:userId(\\d+)',
+        component: () => import('@/views/system/user/authRole'),
+        name: 'AuthRole',
+        meta: { title: '分配角色', activeMenu: '/system/user' }
+      }
+    ]
+  },
+  {
+    path: '/system/role-auth',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:role:edit'],
+    children: [
+      {
+        path: 'user/:roleId(\\d+)',
+        component: () => import('@/views/system/role/authUser'),
+        name: 'AuthUser',
+        meta: { title: '分配用户', activeMenu: '/system/role' }
+      }
+    ]
+  },
+  {
+    path: '/system/dict-data',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:dict:list'],
+    children: [
+      {
+        path: 'index/:dictId(\\d+)',
+        component: () => import('@/views/system/dict/data'),
+        name: 'Data',
+        meta: { title: '字典数据', activeMenu: '/system/dict' }
+      }
+    ]
+  },
+  {
+    path: '/monitor/job-log',
+    component: Layout,
+    hidden: true,
+    permissions: ['monitor:job:list'],
+    children: [
+      {
+        path: 'index/:jobId(\\d+)',
+        component: () => import('@/views/monitor/job/log'),
+        name: 'JobLog',
+        meta: { title: '调度日志', activeMenu: '/monitor/job' }
+      }
+    ]
+  },
+  {
+    path: '/tool/gen-edit',
+    component: Layout,
+    hidden: true,
+    permissions: ['tool:gen:edit'],
+    children: [
+      {
+        path: 'index/:tableId(\\d+)',
+        component: () => import('@/views/tool/gen/editTable'),
+        name: 'GenEdit',
+        meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
+      }
+    ]
+  }
+]
+
+
+
+
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: constantRoutes,
+  scrollBehavior(to, from, savedPosition) {
+    if (savedPosition) {
+      return savedPosition
+    }
+    return { top: 0 }
+  },
+})
+
+export default router
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..f45e27e
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,10 @@
+/*
+ * @Author: 季万俊
+ * @Date: 2025-09-02 13:27:08
+ * @Description: 
+ */
+import { createPinia } from 'pinia'
+
+const store = createPinia()
+
+export default store
\ No newline at end of file
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
new file mode 100644
index 0000000..7cf2cdc
--- /dev/null
+++ b/src/store/modules/app.js
@@ -0,0 +1,48 @@
+import { defineStore } from 'pinia'
+import Cookies from 'js-cookie'
+
+export const useAppStore = defineStore('app', {
+  state: () => ({
+    sidebar: {
+      opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
+      withoutAnimation: false,
+      hide: false
+    },
+    device: 'desktop',
+    size: Cookies.get('size') || 'medium'
+  }),
+  
+  actions: {
+    toggleSideBar() {
+      if (this.sidebar.hide) {
+        return false
+      }
+      this.sidebar.opened = !this.sidebar.opened
+      this.sidebar.withoutAnimation = false
+      if (this.sidebar.opened) {
+        Cookies.set('sidebarStatus', 1)
+      } else {
+        Cookies.set('sidebarStatus', 0)
+      }
+    },
+    
+    closeSideBar(withoutAnimation) {
+      Cookies.set('sidebarStatus', 0)
+      this.sidebar.opened = false
+      this.sidebar.withoutAnimation = withoutAnimation
+    },
+    
+    toggleDevice(device) {
+      this.device = device
+    },
+    
+    setSize(size) {
+      this.size = size
+      Cookies.set('size', size)
+    },
+    
+    toggleSideBarHide(status) {
+      this.sidebar.hide = status
+    }
+  }
+})
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.js
new file mode 100644
index 0000000..637a2fb
--- /dev/null
+++ b/src/store/modules/dict.js
@@ -0,0 +1,38 @@
+import { defineStore } from 'pinia'
+
+export const useDictStore = defineStore('dict', {
+  state: () => ({
+    dict: []
+  }),
+  
+  actions: {
+    // 设置字典
+    setDict(data) {
+      if (data.key !== null && data.key !== "") {
+        this.dict.push({
+          key: data.key,
+          value: data.value
+        })
+      }
+    },
+    
+    // 删除字典
+    removeDict(key) {
+      try {
+        for (let i = 0; i < this.dict.length; i++) {
+          if (this.dict[i].key == key) {
+            this.dict.splice(i, 1)
+            return true
+          }
+        }
+      } catch (e) {
+        // 处理错误
+      }
+    },
+    
+    // 清空字典
+    cleanDict() {
+      this.dict = []
+    }
+  }
+})
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
new file mode 100644
index 0000000..0c2e41e
--- /dev/null
+++ b/src/store/modules/permission.js
@@ -0,0 +1,141 @@
+import { defineStore } from 'pinia'
+import auth from "@/plugins/auth"
+import router, { constantRoutes, dynamicRoutes } from "@/router"
+import { getRouters } from "@/api/menu"
+import Layout from "@/layout/index"
+import ParentView from "@/components/ParentView"
+import InnerLink from "@/layout/components/InnerLink"
+
+export const usePermissionStore = defineStore('permission', {
+  state: () => ({
+    routes: [],
+    addRoutes: [],
+    defaultRoutes: [],
+    topbarRouters: [],
+    sidebarRouters: [],
+  }),
+
+  actions: {
+    // 生成路由
+    GenerateRoutes() {
+      return new Promise((resolve) => {
+        // 向后端请求路由数据
+        const newMenu = []
+        let data = []
+        const sdata = JSON.parse(JSON.stringify(data))
+        const rdata = JSON.parse(JSON.stringify(data))
+        const sidebarRoutes = filterAsyncRouter(sdata)
+        const rewriteRoutes = filterAsyncRouter(rdata, false, true)
+        const asyncRoutes = filterDynamicRoutes(dynamicRoutes)
+        rewriteRoutes.push({ path: "/:pathMatch(.*)*", redirect: "/404", hidden: true })
+        this.addRoutes = rewriteRoutes
+        this.routes = constantRoutes.concat(rewriteRoutes)
+        this.sidebarRouters = constantRoutes.concat(sidebarRoutes)
+        this.defaultRoutes = sidebarRoutes
+        this.topbarRouters = sidebarRoutes
+
+        resolve(rewriteRoutes)
+
+        return
+        getRouters().then((res) => {
+          res.data = [...newMenu]
+          const sdata = JSON.parse(JSON.stringify(res.data))
+          const rdata = JSON.parse(JSON.stringify(res.data))
+          const sidebarRoutes = filterAsyncRouter(sdata)
+          const rewriteRoutes = filterAsyncRouter(rdata, false, true)
+          const asyncRoutes = filterDynamicRoutes(dynamicRoutes)
+          rewriteRoutes.push({ path: "/:pathMatch(.*)*", redirect: "/404", hidden: true })
+          this.addRoutes = rewriteRoutes
+          this.routes = constantRoutes.concat(rewriteRoutes)
+          this.sidebarRouters = constantRoutes.concat(sidebarRoutes)
+          this.defaultRoutes = sidebarRoutes
+          this.topbarRouters = sidebarRoutes
+          resolve(rewriteRoutes)
+        })
+      })
+    },
+  },
+})
+
+// 遍历后台传来的路由字符串，转换为组件对象
+function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
+  return asyncRouterMap.filter((route) => {
+    if (type && route.children) {
+      route.children = filterChildren(route.children)
+    }
+    if (route.component) {
+      // Layout ParentView 组件特殊处理
+      if (route.component === "Layout") {
+        route.component = Layout
+      } else if (route.component === "ParentView") {
+        route.component = ParentView
+      } else if (route.component === "InnerLink") {
+        route.component = InnerLink
+      } else {
+        route.component = loadView(route.component)
+      }
+    }
+    if (route.children != null && route.children && route.children.length) {
+      route.children = filterAsyncRouter(route.children, route, type)
+    } else {
+      delete route["children"]
+      delete route["redirect"]
+    }
+    return true
+  })
+}
+
+function filterChildren(childrenMap, lastRouter = false) {
+  var children = []
+  childrenMap.forEach((el, index) => {
+    if (el.children && el.children.length) {
+      if (el.component === "ParentView" && !lastRouter) {
+        el.children.forEach((c) => {
+          c.path = el.path + "/" + c.path
+          if (c.children && c.children.length) {
+            children = children.concat(filterChildren(c.children, c))
+            return
+          }
+          children.push(c)
+        })
+        return
+      }
+    }
+    if (lastRouter) {
+      el.path = lastRouter.path + "/" + el.path
+      if (el.children && el.children.length) {
+        children = children.concat(filterChildren(el.children, el))
+        return
+      }
+    }
+    children = children.concat(el)
+  })
+  return children
+}
+
+// 动态路由遍历，验证是否具备权限
+export function filterDynamicRoutes(routes) {
+  const res = []
+  routes.forEach((route) => {
+    if (route.permissions) {
+      if (auth.hasPermiOr(route.permissions)) {
+        res.push(route)
+      }
+    } else if (route.roles) {
+      if (auth.hasRoleOr(route.roles)) {
+        res.push(route)
+      }
+    }
+  })
+  return res
+}
+
+export const loadView = (view) => {
+  if (process.env.NODE_ENV === "development") {
+    return (resolve) => require([`@/views/${view}`], resolve)
+  } else {
+    // 使用 import 实现生产环境的路由懒加载
+    return () => import(`@/views/${view}.vue`);
+  }
+}
+