diff --git a/src/App.vue b/src/App.vue
index dd26c6b..eaee8ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,16 @@
 const settingsStore = useSettingsStore()
 const $router = useRouter()
 const buttonConfig = ref({
-  autoInsertSpace: true,
+  autoInsertSpace: true
 })
 
 // 侧边栏主导航当前实际宽度
 const mainSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-main-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-main-sidebar-width'
+    )
+  )
   if (['head', 'single', 'top'].includes(settingsStore.menu.menuMode)) {
     actualWidth = 0
   }
@@ -22,63 +26,81 @@
 
 // 侧边栏次导航当前实际宽度
 const subSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-sub-sidebar-width'
+    )
+  )
   if (settingsStore.menu.menuMode === 'top') {
     actualWidth = 0
-  }
-  else if (settingsStore.menu.subMenuCollapse) {
+  } else if (settingsStore.menu.subMenuCollapse) {
     actualWidth = 55
   }
   return `${actualWidth}px`
 })
 
-watch(() => settingsStore.app.colorScheme, () => {
-  if (settingsStore.app.colorScheme === 'dark') {
-    document.documentElement.classList.add('dark')
+watch(
+  () => settingsStore.app.colorScheme,
+  () => {
+    if (settingsStore.app.colorScheme === 'dark') {
+      document.documentElement.classList.add('dark')
+    } else {
+      document.documentElement.classList.remove('dark')
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.documentElement.classList.remove('dark')
-  }
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.mode, () => {
-  if (settingsStore.mode === 'pc') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
-    })
+watch(
+  () => settingsStore.mode,
+  () => {
+    if (settingsStore.mode === 'pc') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
+      })
+    } else if (settingsStore.mode === 'mobile') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = true
+      })
+    }
+    document.body.setAttribute('data-mode', settingsStore.mode)
+  },
+  {
+    immediate: true
   }
-  else if (settingsStore.mode === 'mobile') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = true
-    })
-  }
-  document.body.setAttribute('data-mode', settingsStore.mode)
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.menu.menuMode, () => {
-  document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
-}, {
-  immediate: true,
-})
+watch(
+  () => settingsStore.menu.menuMode,
+  () => {
+    document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
+  },
+  {
+    immediate: true
+  }
+)
 
-watch([
-  () => settingsStore.app.enableDynamicTitle,
-  () => settingsStore.title,
-], () => {
-  if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
-    const title = settingsStore.title
-    document.title = `${title} - ${window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE}`
+watch(
+  [() => settingsStore.app.enableDynamicTitle, () => settingsStore.title],
+  () => {
+    if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
+      const title = settingsStore.title
+      document.title = `${title} - ${
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+      }`
+    } else {
+      document.title =
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.title = window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE
-  }
-}, {
-  immediate: true,
-})
+)
 
 onMounted(() => {
   // // 浏览器访问当前位置
@@ -99,11 +121,24 @@
     settingsStore.setMode(document.documentElement.clientWidth)
     // 监听浏览器类型变化 刷新浏览器
     const userAgent = navigator.userAgent || navigator.vendor || window.opera
-    const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
-    if (`${isMobile ? 'mobile' : 'pc'}` !== window.localStorage.getItem('browser-type-bj-well')) {
+    const isMobile =
+      /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
+        userAgent
+      )
+    if (
+      `${isMobile ? 'mobile' : 'pc'}` !==
+      window.localStorage.getItem('browser-type-bj-well')
+    ) {
       // if (!window.localStorage.getItem('browser-type-bj-well')) { return }
-      console.log(`浏览器类型发生变化，由${window.localStorage.getItem('browser-type-bj-well')}变为${isMobile ? 'mobile' : 'pc'}`)
-      window.localStorage.setItem('browser-type-bj-well', `${isMobile ? 'mobile' : 'pc'}`)
+      console.log(
+        `浏览器类型发生变化，由${window.localStorage.getItem(
+          'browser-type-bj-well'
+        )}变为${isMobile ? 'mobile' : 'pc'}`
+      )
+      window.localStorage.setItem(
+        'browser-type-bj-well',
+        `${isMobile ? 'mobile' : 'pc'}`
+      )
       $router.push('/')
       setTimeout(() => {
         window.location.reload()
@@ -116,29 +151,33 @@
 })
 const browserType = window.localStorage.getItem('browser-type-bj-well') // mobile || pc
 
-
 window.addEventListener('beforeunload', function (e) {
   console.log(1111)
   // var confirmationMessage = '确定要离开此页面吗？';
   // e.returnValue = confirmationMessage;
   console.log(e.type, 'type')
   if (e.type === 'unload') {
-    console.log('页面被关闭');
+    console.log('页面被关闭')
     // 删除所有缓存数据
     indexDB.deleteAll()
   } else if (e.type === 'beforeunload') {
-    console.log('页面被刷新');
+    console.log('页面被刷新')
   }
   // return confirmationMessage;
 })
 </script>
 
 <template>
-  <el-config-provider :locale="zhCn" :size="settingsStore.app.elementSize" :button="buttonConfig">
+  <el-config-provider
+    :locale="zhCn"
+    :size="settingsStore.app.elementSize"
+    :button="buttonConfig"
+  >
     <router-view
+      v-no-contextmenu
       :style="{
         '--g-main-sidebar-actual-width': mainSidebarActualWidth,
-        '--g-sub-sidebar-actual-width': subSidebarActualWidth,
+        '--g-sub-sidebar-actual-width': subSidebarActualWidth
       }"
     />
     <!-- <system-info v-if="browserType !== 'mobile'" /> -->

diff --git a/src/App.vue b/src/App.vue
index dd26c6b..eaee8ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,16 @@
 const settingsStore = useSettingsStore()
 const $router = useRouter()
 const buttonConfig = ref({
-  autoInsertSpace: true,
+  autoInsertSpace: true
 })
 
 // 侧边栏主导航当前实际宽度
 const mainSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-main-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-main-sidebar-width'
+    )
+  )
   if (['head', 'single', 'top'].includes(settingsStore.menu.menuMode)) {
     actualWidth = 0
   }
@@ -22,63 +26,81 @@
 
 // 侧边栏次导航当前实际宽度
 const subSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-sub-sidebar-width'
+    )
+  )
   if (settingsStore.menu.menuMode === 'top') {
     actualWidth = 0
-  }
-  else if (settingsStore.menu.subMenuCollapse) {
+  } else if (settingsStore.menu.subMenuCollapse) {
     actualWidth = 55
   }
   return `${actualWidth}px`
 })
 
-watch(() => settingsStore.app.colorScheme, () => {
-  if (settingsStore.app.colorScheme === 'dark') {
-    document.documentElement.classList.add('dark')
+watch(
+  () => settingsStore.app.colorScheme,
+  () => {
+    if (settingsStore.app.colorScheme === 'dark') {
+      document.documentElement.classList.add('dark')
+    } else {
+      document.documentElement.classList.remove('dark')
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.documentElement.classList.remove('dark')
-  }
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.mode, () => {
-  if (settingsStore.mode === 'pc') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
-    })
+watch(
+  () => settingsStore.mode,
+  () => {
+    if (settingsStore.mode === 'pc') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
+      })
+    } else if (settingsStore.mode === 'mobile') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = true
+      })
+    }
+    document.body.setAttribute('data-mode', settingsStore.mode)
+  },
+  {
+    immediate: true
   }
-  else if (settingsStore.mode === 'mobile') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = true
-    })
-  }
-  document.body.setAttribute('data-mode', settingsStore.mode)
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.menu.menuMode, () => {
-  document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
-}, {
-  immediate: true,
-})
+watch(
+  () => settingsStore.menu.menuMode,
+  () => {
+    document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
+  },
+  {
+    immediate: true
+  }
+)
 
-watch([
-  () => settingsStore.app.enableDynamicTitle,
-  () => settingsStore.title,
-], () => {
-  if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
-    const title = settingsStore.title
-    document.title = `${title} - ${window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE}`
+watch(
+  [() => settingsStore.app.enableDynamicTitle, () => settingsStore.title],
+  () => {
+    if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
+      const title = settingsStore.title
+      document.title = `${title} - ${
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+      }`
+    } else {
+      document.title =
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.title = window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE
-  }
-}, {
-  immediate: true,
-})
+)
 
 onMounted(() => {
   // // 浏览器访问当前位置
@@ -99,11 +121,24 @@
     settingsStore.setMode(document.documentElement.clientWidth)
     // 监听浏览器类型变化 刷新浏览器
     const userAgent = navigator.userAgent || navigator.vendor || window.opera
-    const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
-    if (`${isMobile ? 'mobile' : 'pc'}` !== window.localStorage.getItem('browser-type-bj-well')) {
+    const isMobile =
+      /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
+        userAgent
+      )
+    if (
+      `${isMobile ? 'mobile' : 'pc'}` !==
+      window.localStorage.getItem('browser-type-bj-well')
+    ) {
       // if (!window.localStorage.getItem('browser-type-bj-well')) { return }
-      console.log(`浏览器类型发生变化，由${window.localStorage.getItem('browser-type-bj-well')}变为${isMobile ? 'mobile' : 'pc'}`)
-      window.localStorage.setItem('browser-type-bj-well', `${isMobile ? 'mobile' : 'pc'}`)
+      console.log(
+        `浏览器类型发生变化，由${window.localStorage.getItem(
+          'browser-type-bj-well'
+        )}变为${isMobile ? 'mobile' : 'pc'}`
+      )
+      window.localStorage.setItem(
+        'browser-type-bj-well',
+        `${isMobile ? 'mobile' : 'pc'}`
+      )
       $router.push('/')
       setTimeout(() => {
         window.location.reload()
@@ -116,29 +151,33 @@
 })
 const browserType = window.localStorage.getItem('browser-type-bj-well') // mobile || pc
 
-
 window.addEventListener('beforeunload', function (e) {
   console.log(1111)
   // var confirmationMessage = '确定要离开此页面吗？';
   // e.returnValue = confirmationMessage;
   console.log(e.type, 'type')
   if (e.type === 'unload') {
-    console.log('页面被关闭');
+    console.log('页面被关闭')
     // 删除所有缓存数据
     indexDB.deleteAll()
   } else if (e.type === 'beforeunload') {
-    console.log('页面被刷新');
+    console.log('页面被刷新')
   }
   // return confirmationMessage;
 })
 </script>
 
 <template>
-  <el-config-provider :locale="zhCn" :size="settingsStore.app.elementSize" :button="buttonConfig">
+  <el-config-provider
+    :locale="zhCn"
+    :size="settingsStore.app.elementSize"
+    :button="buttonConfig"
+  >
     <router-view
+      v-no-contextmenu
       :style="{
         '--g-main-sidebar-actual-width': mainSidebarActualWidth,
-        '--g-sub-sidebar-actual-width': subSidebarActualWidth,
+        '--g-sub-sidebar-actual-width': subSidebarActualWidth
       }"
     />
     <!-- <system-info v-if="browserType !== 'mobile'" /> -->
diff --git a/src/directives/no-contextmenu.ts b/src/directives/no-contextmenu.ts
new file mode 100644
index 0000000..8250f0b
--- /dev/null
+++ b/src/directives/no-contextmenu.ts
@@ -0,0 +1,34 @@
+import { Directive } from 'vue';
+// 禁止右键菜单
+export const noContextmenu: Directive = {
+  mounted(el) {
+    el.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  },
+  unmounted(el) {
+    el.removeEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  }
+};
+
+// 在 main.js 中注册：
+// import { noContextmenu } from './directives/no-contextmenu';
+// app.directive('no-contextmenu', noContextmenu);
+
+// 在组件中使用：
+//  <div v-no-contextmenu>
+// 右键菜单被禁用
+// </div>
+
+// 其余方式
+// <div id="protected-element">
+//   右键菜单在此元素上被禁用
+// </div>
+// <script>
+// const element = document.getElementById('protected-element');
+// element.addEventListener('contextmenu', function(e) {
+//   e.preventDefault();
+// });
+// </script>

diff --git a/src/App.vue b/src/App.vue
index dd26c6b..eaee8ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,16 @@
 const settingsStore = useSettingsStore()
 const $router = useRouter()
 const buttonConfig = ref({
-  autoInsertSpace: true,
+  autoInsertSpace: true
 })
 
 // 侧边栏主导航当前实际宽度
 const mainSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-main-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-main-sidebar-width'
+    )
+  )
   if (['head', 'single', 'top'].includes(settingsStore.menu.menuMode)) {
     actualWidth = 0
   }
@@ -22,63 +26,81 @@
 
 // 侧边栏次导航当前实际宽度
 const subSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-sub-sidebar-width'
+    )
+  )
   if (settingsStore.menu.menuMode === 'top') {
     actualWidth = 0
-  }
-  else if (settingsStore.menu.subMenuCollapse) {
+  } else if (settingsStore.menu.subMenuCollapse) {
     actualWidth = 55
   }
   return `${actualWidth}px`
 })
 
-watch(() => settingsStore.app.colorScheme, () => {
-  if (settingsStore.app.colorScheme === 'dark') {
-    document.documentElement.classList.add('dark')
+watch(
+  () => settingsStore.app.colorScheme,
+  () => {
+    if (settingsStore.app.colorScheme === 'dark') {
+      document.documentElement.classList.add('dark')
+    } else {
+      document.documentElement.classList.remove('dark')
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.documentElement.classList.remove('dark')
-  }
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.mode, () => {
-  if (settingsStore.mode === 'pc') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
-    })
+watch(
+  () => settingsStore.mode,
+  () => {
+    if (settingsStore.mode === 'pc') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
+      })
+    } else if (settingsStore.mode === 'mobile') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = true
+      })
+    }
+    document.body.setAttribute('data-mode', settingsStore.mode)
+  },
+  {
+    immediate: true
   }
-  else if (settingsStore.mode === 'mobile') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = true
-    })
-  }
-  document.body.setAttribute('data-mode', settingsStore.mode)
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.menu.menuMode, () => {
-  document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
-}, {
-  immediate: true,
-})
+watch(
+  () => settingsStore.menu.menuMode,
+  () => {
+    document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
+  },
+  {
+    immediate: true
+  }
+)
 
-watch([
-  () => settingsStore.app.enableDynamicTitle,
-  () => settingsStore.title,
-], () => {
-  if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
-    const title = settingsStore.title
-    document.title = `${title} - ${window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE}`
+watch(
+  [() => settingsStore.app.enableDynamicTitle, () => settingsStore.title],
+  () => {
+    if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
+      const title = settingsStore.title
+      document.title = `${title} - ${
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+      }`
+    } else {
+      document.title =
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.title = window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE
-  }
-}, {
-  immediate: true,
-})
+)
 
 onMounted(() => {
   // // 浏览器访问当前位置
@@ -99,11 +121,24 @@
     settingsStore.setMode(document.documentElement.clientWidth)
     // 监听浏览器类型变化 刷新浏览器
     const userAgent = navigator.userAgent || navigator.vendor || window.opera
-    const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
-    if (`${isMobile ? 'mobile' : 'pc'}` !== window.localStorage.getItem('browser-type-bj-well')) {
+    const isMobile =
+      /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
+        userAgent
+      )
+    if (
+      `${isMobile ? 'mobile' : 'pc'}` !==
+      window.localStorage.getItem('browser-type-bj-well')
+    ) {
       // if (!window.localStorage.getItem('browser-type-bj-well')) { return }
-      console.log(`浏览器类型发生变化，由${window.localStorage.getItem('browser-type-bj-well')}变为${isMobile ? 'mobile' : 'pc'}`)
-      window.localStorage.setItem('browser-type-bj-well', `${isMobile ? 'mobile' : 'pc'}`)
+      console.log(
+        `浏览器类型发生变化，由${window.localStorage.getItem(
+          'browser-type-bj-well'
+        )}变为${isMobile ? 'mobile' : 'pc'}`
+      )
+      window.localStorage.setItem(
+        'browser-type-bj-well',
+        `${isMobile ? 'mobile' : 'pc'}`
+      )
       $router.push('/')
       setTimeout(() => {
         window.location.reload()
@@ -116,29 +151,33 @@
 })
 const browserType = window.localStorage.getItem('browser-type-bj-well') // mobile || pc
 
-
 window.addEventListener('beforeunload', function (e) {
   console.log(1111)
   // var confirmationMessage = '确定要离开此页面吗？';
   // e.returnValue = confirmationMessage;
   console.log(e.type, 'type')
   if (e.type === 'unload') {
-    console.log('页面被关闭');
+    console.log('页面被关闭')
     // 删除所有缓存数据
     indexDB.deleteAll()
   } else if (e.type === 'beforeunload') {
-    console.log('页面被刷新');
+    console.log('页面被刷新')
   }
   // return confirmationMessage;
 })
 </script>
 
 <template>
-  <el-config-provider :locale="zhCn" :size="settingsStore.app.elementSize" :button="buttonConfig">
+  <el-config-provider
+    :locale="zhCn"
+    :size="settingsStore.app.elementSize"
+    :button="buttonConfig"
+  >
     <router-view
+      v-no-contextmenu
       :style="{
         '--g-main-sidebar-actual-width': mainSidebarActualWidth,
-        '--g-sub-sidebar-actual-width': subSidebarActualWidth,
+        '--g-sub-sidebar-actual-width': subSidebarActualWidth
       }"
     />
     <!-- <system-info v-if="browserType !== 'mobile'" /> -->
diff --git a/src/directives/no-contextmenu.ts b/src/directives/no-contextmenu.ts
new file mode 100644
index 0000000..8250f0b
--- /dev/null
+++ b/src/directives/no-contextmenu.ts
@@ -0,0 +1,34 @@
+import { Directive } from 'vue';
+// 禁止右键菜单
+export const noContextmenu: Directive = {
+  mounted(el) {
+    el.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  },
+  unmounted(el) {
+    el.removeEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  }
+};
+
+// 在 main.js 中注册：
+// import { noContextmenu } from './directives/no-contextmenu';
+// app.directive('no-contextmenu', noContextmenu);
+
+// 在组件中使用：
+//  <div v-no-contextmenu>
+// 右键菜单被禁用
+// </div>
+
+// 其余方式
+// <div id="protected-element">
+//   右键菜单在此元素上被禁用
+// </div>
+// <script>
+// const element = document.getElementById('protected-element');
+// element.addEventListener('contextmenu', function(e) {
+//   e.preventDefault();
+// });
+// </script>
diff --git a/src/main.ts b/src/main.ts
index 5fa903b..eeac221 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -16,6 +16,8 @@
 import { dragWidth } from '@/directives/drag-width/index'
 import tableAutoScroll from '@/directives/table-scroll/index'
 import loadMore from './directives/load-more'
+import { noContextmenu } from './directives/no-contextmenu';
+
 // 引入音频文件
 import alarmAudio from '@/assets/audio/alarm.mp3'
 import otherAudio from '@/assets/audio/other.mp3'
@@ -144,6 +146,7 @@
   })
   app.directive('tableAutoScroll', tableAutoScroll)
   app.directive('loadmore', loadMore)
+  app.directive('no-contextmenu', noContextmenu)
   directive(app)
 
   app.mount('#app')

diff --git a/src/App.vue b/src/App.vue
index dd26c6b..eaee8ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,16 @@
 const settingsStore = useSettingsStore()
 const $router = useRouter()
 const buttonConfig = ref({
-  autoInsertSpace: true,
+  autoInsertSpace: true
 })
 
 // 侧边栏主导航当前实际宽度
 const mainSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-main-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-main-sidebar-width'
+    )
+  )
   if (['head', 'single', 'top'].includes(settingsStore.menu.menuMode)) {
     actualWidth = 0
   }
@@ -22,63 +26,81 @@
 
 // 侧边栏次导航当前实际宽度
 const subSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-sub-sidebar-width'
+    )
+  )
   if (settingsStore.menu.menuMode === 'top') {
     actualWidth = 0
-  }
-  else if (settingsStore.menu.subMenuCollapse) {
+  } else if (settingsStore.menu.subMenuCollapse) {
     actualWidth = 55
   }
   return `${actualWidth}px`
 })
 
-watch(() => settingsStore.app.colorScheme, () => {
-  if (settingsStore.app.colorScheme === 'dark') {
-    document.documentElement.classList.add('dark')
+watch(
+  () => settingsStore.app.colorScheme,
+  () => {
+    if (settingsStore.app.colorScheme === 'dark') {
+      document.documentElement.classList.add('dark')
+    } else {
+      document.documentElement.classList.remove('dark')
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.documentElement.classList.remove('dark')
-  }
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.mode, () => {
-  if (settingsStore.mode === 'pc') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
-    })
+watch(
+  () => settingsStore.mode,
+  () => {
+    if (settingsStore.mode === 'pc') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
+      })
+    } else if (settingsStore.mode === 'mobile') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = true
+      })
+    }
+    document.body.setAttribute('data-mode', settingsStore.mode)
+  },
+  {
+    immediate: true
   }
-  else if (settingsStore.mode === 'mobile') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = true
-    })
-  }
-  document.body.setAttribute('data-mode', settingsStore.mode)
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.menu.menuMode, () => {
-  document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
-}, {
-  immediate: true,
-})
+watch(
+  () => settingsStore.menu.menuMode,
+  () => {
+    document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
+  },
+  {
+    immediate: true
+  }
+)
 
-watch([
-  () => settingsStore.app.enableDynamicTitle,
-  () => settingsStore.title,
-], () => {
-  if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
-    const title = settingsStore.title
-    document.title = `${title} - ${window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE}`
+watch(
+  [() => settingsStore.app.enableDynamicTitle, () => settingsStore.title],
+  () => {
+    if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
+      const title = settingsStore.title
+      document.title = `${title} - ${
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+      }`
+    } else {
+      document.title =
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.title = window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE
-  }
-}, {
-  immediate: true,
-})
+)
 
 onMounted(() => {
   // // 浏览器访问当前位置
@@ -99,11 +121,24 @@
     settingsStore.setMode(document.documentElement.clientWidth)
     // 监听浏览器类型变化 刷新浏览器
     const userAgent = navigator.userAgent || navigator.vendor || window.opera
-    const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
-    if (`${isMobile ? 'mobile' : 'pc'}` !== window.localStorage.getItem('browser-type-bj-well')) {
+    const isMobile =
+      /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
+        userAgent
+      )
+    if (
+      `${isMobile ? 'mobile' : 'pc'}` !==
+      window.localStorage.getItem('browser-type-bj-well')
+    ) {
       // if (!window.localStorage.getItem('browser-type-bj-well')) { return }
-      console.log(`浏览器类型发生变化，由${window.localStorage.getItem('browser-type-bj-well')}变为${isMobile ? 'mobile' : 'pc'}`)
-      window.localStorage.setItem('browser-type-bj-well', `${isMobile ? 'mobile' : 'pc'}`)
+      console.log(
+        `浏览器类型发生变化，由${window.localStorage.getItem(
+          'browser-type-bj-well'
+        )}变为${isMobile ? 'mobile' : 'pc'}`
+      )
+      window.localStorage.setItem(
+        'browser-type-bj-well',
+        `${isMobile ? 'mobile' : 'pc'}`
+      )
       $router.push('/')
       setTimeout(() => {
         window.location.reload()
@@ -116,29 +151,33 @@
 })
 const browserType = window.localStorage.getItem('browser-type-bj-well') // mobile || pc
 
-
 window.addEventListener('beforeunload', function (e) {
   console.log(1111)
   // var confirmationMessage = '确定要离开此页面吗？';
   // e.returnValue = confirmationMessage;
   console.log(e.type, 'type')
   if (e.type === 'unload') {
-    console.log('页面被关闭');
+    console.log('页面被关闭')
     // 删除所有缓存数据
     indexDB.deleteAll()
   } else if (e.type === 'beforeunload') {
-    console.log('页面被刷新');
+    console.log('页面被刷新')
   }
   // return confirmationMessage;
 })
 </script>
 
 <template>
-  <el-config-provider :locale="zhCn" :size="settingsStore.app.elementSize" :button="buttonConfig">
+  <el-config-provider
+    :locale="zhCn"
+    :size="settingsStore.app.elementSize"
+    :button="buttonConfig"
+  >
     <router-view
+      v-no-contextmenu
       :style="{
         '--g-main-sidebar-actual-width': mainSidebarActualWidth,
-        '--g-sub-sidebar-actual-width': subSidebarActualWidth,
+        '--g-sub-sidebar-actual-width': subSidebarActualWidth
       }"
     />
     <!-- <system-info v-if="browserType !== 'mobile'" /> -->
diff --git a/src/directives/no-contextmenu.ts b/src/directives/no-contextmenu.ts
new file mode 100644
index 0000000..8250f0b
--- /dev/null
+++ b/src/directives/no-contextmenu.ts
@@ -0,0 +1,34 @@
+import { Directive } from 'vue';
+// 禁止右键菜单
+export const noContextmenu: Directive = {
+  mounted(el) {
+    el.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  },
+  unmounted(el) {
+    el.removeEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  }
+};
+
+// 在 main.js 中注册：
+// import { noContextmenu } from './directives/no-contextmenu';
+// app.directive('no-contextmenu', noContextmenu);
+
+// 在组件中使用：
+//  <div v-no-contextmenu>
+// 右键菜单被禁用
+// </div>
+
+// 其余方式
+// <div id="protected-element">
+//   右键菜单在此元素上被禁用
+// </div>
+// <script>
+// const element = document.getElementById('protected-element');
+// element.addEventListener('contextmenu', function(e) {
+//   e.preventDefault();
+// });
+// </script>
diff --git a/src/main.ts b/src/main.ts
index 5fa903b..eeac221 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -16,6 +16,8 @@
 import { dragWidth } from '@/directives/drag-width/index'
 import tableAutoScroll from '@/directives/table-scroll/index'
 import loadMore from './directives/load-more'
+import { noContextmenu } from './directives/no-contextmenu';
+
 // 引入音频文件
 import alarmAudio from '@/assets/audio/alarm.mp3'
 import otherAudio from '@/assets/audio/other.mp3'
@@ -144,6 +146,7 @@
   })
   app.directive('tableAutoScroll', tableAutoScroll)
   app.directive('loadmore', loadMore)
+  app.directive('no-contextmenu', noContextmenu)
   directive(app)
 
   app.mount('#app')
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index b83d4af..9640ced 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -86,8 +86,8 @@
           leakageData.value[y] = data[i]
         }
       }
-      leakageData.value.off = '958'
-      leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
+      // leakageData.value.off = '958'
+      // leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
       // 防外力破坏监测概况数据
       for (const y in forceData.value) {
         if (i.toLocaleLowerCase().includes('damage') && i.toLocaleLowerCase().includes(y)) {

diff --git a/src/App.vue b/src/App.vue
index dd26c6b..eaee8ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,16 @@
 const settingsStore = useSettingsStore()
 const $router = useRouter()
 const buttonConfig = ref({
-  autoInsertSpace: true,
+  autoInsertSpace: true
 })
 
 // 侧边栏主导航当前实际宽度
 const mainSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-main-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-main-sidebar-width'
+    )
+  )
   if (['head', 'single', 'top'].includes(settingsStore.menu.menuMode)) {
     actualWidth = 0
   }
@@ -22,63 +26,81 @@
 
 // 侧边栏次导航当前实际宽度
 const subSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-sub-sidebar-width'
+    )
+  )
   if (settingsStore.menu.menuMode === 'top') {
     actualWidth = 0
-  }
-  else if (settingsStore.menu.subMenuCollapse) {
+  } else if (settingsStore.menu.subMenuCollapse) {
     actualWidth = 55
   }
   return `${actualWidth}px`
 })
 
-watch(() => settingsStore.app.colorScheme, () => {
-  if (settingsStore.app.colorScheme === 'dark') {
-    document.documentElement.classList.add('dark')
+watch(
+  () => settingsStore.app.colorScheme,
+  () => {
+    if (settingsStore.app.colorScheme === 'dark') {
+      document.documentElement.classList.add('dark')
+    } else {
+      document.documentElement.classList.remove('dark')
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.documentElement.classList.remove('dark')
-  }
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.mode, () => {
-  if (settingsStore.mode === 'pc') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
-    })
+watch(
+  () => settingsStore.mode,
+  () => {
+    if (settingsStore.mode === 'pc') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
+      })
+    } else if (settingsStore.mode === 'mobile') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = true
+      })
+    }
+    document.body.setAttribute('data-mode', settingsStore.mode)
+  },
+  {
+    immediate: true
   }
-  else if (settingsStore.mode === 'mobile') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = true
-    })
-  }
-  document.body.setAttribute('data-mode', settingsStore.mode)
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.menu.menuMode, () => {
-  document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
-}, {
-  immediate: true,
-})
+watch(
+  () => settingsStore.menu.menuMode,
+  () => {
+    document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
+  },
+  {
+    immediate: true
+  }
+)
 
-watch([
-  () => settingsStore.app.enableDynamicTitle,
-  () => settingsStore.title,
-], () => {
-  if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
-    const title = settingsStore.title
-    document.title = `${title} - ${window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE}`
+watch(
+  [() => settingsStore.app.enableDynamicTitle, () => settingsStore.title],
+  () => {
+    if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
+      const title = settingsStore.title
+      document.title = `${title} - ${
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+      }`
+    } else {
+      document.title =
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.title = window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE
-  }
-}, {
-  immediate: true,
-})
+)
 
 onMounted(() => {
   // // 浏览器访问当前位置
@@ -99,11 +121,24 @@
     settingsStore.setMode(document.documentElement.clientWidth)
     // 监听浏览器类型变化 刷新浏览器
     const userAgent = navigator.userAgent || navigator.vendor || window.opera
-    const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
-    if (`${isMobile ? 'mobile' : 'pc'}` !== window.localStorage.getItem('browser-type-bj-well')) {
+    const isMobile =
+      /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
+        userAgent
+      )
+    if (
+      `${isMobile ? 'mobile' : 'pc'}` !==
+      window.localStorage.getItem('browser-type-bj-well')
+    ) {
       // if (!window.localStorage.getItem('browser-type-bj-well')) { return }
-      console.log(`浏览器类型发生变化，由${window.localStorage.getItem('browser-type-bj-well')}变为${isMobile ? 'mobile' : 'pc'}`)
-      window.localStorage.setItem('browser-type-bj-well', `${isMobile ? 'mobile' : 'pc'}`)
+      console.log(
+        `浏览器类型发生变化，由${window.localStorage.getItem(
+          'browser-type-bj-well'
+        )}变为${isMobile ? 'mobile' : 'pc'}`
+      )
+      window.localStorage.setItem(
+        'browser-type-bj-well',
+        `${isMobile ? 'mobile' : 'pc'}`
+      )
       $router.push('/')
       setTimeout(() => {
         window.location.reload()
@@ -116,29 +151,33 @@
 })
 const browserType = window.localStorage.getItem('browser-type-bj-well') // mobile || pc
 
-
 window.addEventListener('beforeunload', function (e) {
   console.log(1111)
   // var confirmationMessage = '确定要离开此页面吗？';
   // e.returnValue = confirmationMessage;
   console.log(e.type, 'type')
   if (e.type === 'unload') {
-    console.log('页面被关闭');
+    console.log('页面被关闭')
     // 删除所有缓存数据
     indexDB.deleteAll()
   } else if (e.type === 'beforeunload') {
-    console.log('页面被刷新');
+    console.log('页面被刷新')
   }
   // return confirmationMessage;
 })
 </script>
 
 <template>
-  <el-config-provider :locale="zhCn" :size="settingsStore.app.elementSize" :button="buttonConfig">
+  <el-config-provider
+    :locale="zhCn"
+    :size="settingsStore.app.elementSize"
+    :button="buttonConfig"
+  >
     <router-view
+      v-no-contextmenu
       :style="{
         '--g-main-sidebar-actual-width': mainSidebarActualWidth,
-        '--g-sub-sidebar-actual-width': subSidebarActualWidth,
+        '--g-sub-sidebar-actual-width': subSidebarActualWidth
       }"
     />
     <!-- <system-info v-if="browserType !== 'mobile'" /> -->
diff --git a/src/directives/no-contextmenu.ts b/src/directives/no-contextmenu.ts
new file mode 100644
index 0000000..8250f0b
--- /dev/null
+++ b/src/directives/no-contextmenu.ts
@@ -0,0 +1,34 @@
+import { Directive } from 'vue';
+// 禁止右键菜单
+export const noContextmenu: Directive = {
+  mounted(el) {
+    el.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  },
+  unmounted(el) {
+    el.removeEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  }
+};
+
+// 在 main.js 中注册：
+// import { noContextmenu } from './directives/no-contextmenu';
+// app.directive('no-contextmenu', noContextmenu);
+
+// 在组件中使用：
+//  <div v-no-contextmenu>
+// 右键菜单被禁用
+// </div>
+
+// 其余方式
+// <div id="protected-element">
+//   右键菜单在此元素上被禁用
+// </div>
+// <script>
+// const element = document.getElementById('protected-element');
+// element.addEventListener('contextmenu', function(e) {
+//   e.preventDefault();
+// });
+// </script>
diff --git a/src/main.ts b/src/main.ts
index 5fa903b..eeac221 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -16,6 +16,8 @@
 import { dragWidth } from '@/directives/drag-width/index'
 import tableAutoScroll from '@/directives/table-scroll/index'
 import loadMore from './directives/load-more'
+import { noContextmenu } from './directives/no-contextmenu';
+
 // 引入音频文件
 import alarmAudio from '@/assets/audio/alarm.mp3'
 import otherAudio from '@/assets/audio/other.mp3'
@@ -144,6 +146,7 @@
   })
   app.directive('tableAutoScroll', tableAutoScroll)
   app.directive('loadmore', loadMore)
+  app.directive('no-contextmenu', noContextmenu)
   directive(app)
 
   app.mount('#app')
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index b83d4af..9640ced 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -86,8 +86,8 @@
           leakageData.value[y] = data[i]
         }
       }
-      leakageData.value.off = '958'
-      leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
+      // leakageData.value.off = '958'
+      // leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
       // 防外力破坏监测概况数据
       for (const y in forceData.value) {
         if (i.toLocaleLowerCase().includes('damage') && i.toLocaleLowerCase().includes(y)) {
diff --git a/src/views/home/device/device/components/addDialog.vue b/src/views/home/device/device/components/addDialog.vue
index b8faf5e..add49c5 100644
--- a/src/views/home/device/device/components/addDialog.vue
+++ b/src/views/home/device/device/components/addDialog.vue
@@ -282,24 +282,28 @@
 const inputRef = ref()
 const isClear = ref(false) // 是否点击清空
 const selectPosition = () => {
-  if (isClear.value) {
-    return
-  }
-  if (!dataForm.value.watchObject) {
-    ElMessage.warning('请先选择产品')
-    return
-  }
-  // 失去焦点，避免再次触发
-  inputRef.value.blur()
-  if (dataForm.value.watchObject === '1') {
-    wellRef.value.initDialog(dataForm.value)
-  }
-  else if (dataForm.value.watchObject === '2') {
-    stationRef.value.initDialog()
-  }
-  else if (dataForm.value.watchObject === '3') {
-    piepleRef.value.initDialog(dataForm.value)
-  }
+
+  setTimeout(() => {
+    console.log(isClear.value, 'isClear.value')
+    if (isClear.value) {
+      return
+    }
+    if (!dataForm.value.watchObject) {
+      ElMessage.warning('请先选择产品')
+      return
+    }
+    // 失去焦点，避免再次触发
+    inputRef.value.blur()
+    if (dataForm.value.watchObject === '1') {
+      wellRef.value.initDialog(dataForm.value)
+    }
+    else if (dataForm.value.watchObject === '2') {
+      stationRef.value.initDialog()
+    }
+    else if (dataForm.value.watchObject === '3') {
+      piepleRef.value.initDialog(dataForm.value)
+    }
+  })
 }
 // 确认安装位置
 const comfirmLocation = (data: any, type: 'single' | 'multi') => {
@@ -329,9 +333,16 @@
 }
 // 清空安装位置
 const clearPosition = () => {
+  dataForm.value.tagNumber = ''
+  dataForm.value.position = ''
+  dataForm.value.deptName = ''
+  dataForm.value.deptid = ''
+  dataForm.value.lat = ''
+  dataForm.value.lng = ''
+  dataForm.value.ledgerIds = ''
+  isClear.value = true
   inputRef.value.blur()
   // 设置标识
-  isClear.value = true
   setTimeout(() => {
     isClear.value = false
   })
@@ -353,7 +364,8 @@
       <el-row :gutter="24">
         <el-col :span="24">
           <el-form-item label="产品" prop="productId">
-            <el-select v-model.trim="dataForm.productId" placeholder="产品" :disabled="dialogStatus !== 'add'" style="width: 100%;" clearable filterable>
+            <el-select v-model.trim="dataForm.productId" placeholder="产品" :disabled="dialogStatus !== 'add'"
+              style="width: 100%;" clearable filterable>
               <el-option v-for="item in productList" :key="item.id" :label="item.productName" :value="item.id" />
             </el-select>
           </el-form-item>
@@ -432,12 +444,14 @@
       <el-row :gutter="24">
         <el-col :span="12">
           <el-form-item label="质保年限" prop="warrantyPeriod">
-            <el-input v-model="dataForm.warrantyPeriod" placeholder="质保年限" style="width: 100%;" type="number" clearable />
+            <el-input v-model="dataForm.warrantyPeriod" placeholder="质保年限" style="width: 100%;" type="number"
+              clearable />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="监测类型" prop="monitorType">
-            <el-select v-model.trim="dataForm.monitorType" type="text" placeholder="监测类型" style="width: 100%;" clearable filterable>
+            <el-select v-model.trim="dataForm.monitorType" type="text" placeholder="监测类型" style="width: 100%;" clearable
+              filterable>
               <el-option label="临时" value="0" />
               <el-option label="长期" value="1" />
             </el-select>
@@ -479,7 +493,7 @@
     </el-form>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" v-loading="disabledBtn" :disabled="disabledBtn" @click="saveData">
+        <el-button type="primary" :loading="disabledBtn" :disabled="disabledBtn" @click="saveData">
           确认
         </el-button>
         <el-button @click="cancel">

diff --git a/src/App.vue b/src/App.vue
index dd26c6b..eaee8ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,16 @@
 const settingsStore = useSettingsStore()
 const $router = useRouter()
 const buttonConfig = ref({
-  autoInsertSpace: true,
+  autoInsertSpace: true
 })
 
 // 侧边栏主导航当前实际宽度
 const mainSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-main-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-main-sidebar-width'
+    )
+  )
   if (['head', 'single', 'top'].includes(settingsStore.menu.menuMode)) {
     actualWidth = 0
   }
@@ -22,63 +26,81 @@
 
 // 侧边栏次导航当前实际宽度
 const subSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-sub-sidebar-width'
+    )
+  )
   if (settingsStore.menu.menuMode === 'top') {
     actualWidth = 0
-  }
-  else if (settingsStore.menu.subMenuCollapse) {
+  } else if (settingsStore.menu.subMenuCollapse) {
     actualWidth = 55
   }
   return `${actualWidth}px`
 })
 
-watch(() => settingsStore.app.colorScheme, () => {
-  if (settingsStore.app.colorScheme === 'dark') {
-    document.documentElement.classList.add('dark')
+watch(
+  () => settingsStore.app.colorScheme,
+  () => {
+    if (settingsStore.app.colorScheme === 'dark') {
+      document.documentElement.classList.add('dark')
+    } else {
+      document.documentElement.classList.remove('dark')
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.documentElement.classList.remove('dark')
-  }
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.mode, () => {
-  if (settingsStore.mode === 'pc') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
-    })
+watch(
+  () => settingsStore.mode,
+  () => {
+    if (settingsStore.mode === 'pc') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
+      })
+    } else if (settingsStore.mode === 'mobile') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = true
+      })
+    }
+    document.body.setAttribute('data-mode', settingsStore.mode)
+  },
+  {
+    immediate: true
   }
-  else if (settingsStore.mode === 'mobile') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = true
-    })
-  }
-  document.body.setAttribute('data-mode', settingsStore.mode)
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.menu.menuMode, () => {
-  document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
-}, {
-  immediate: true,
-})
+watch(
+  () => settingsStore.menu.menuMode,
+  () => {
+    document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
+  },
+  {
+    immediate: true
+  }
+)
 
-watch([
-  () => settingsStore.app.enableDynamicTitle,
-  () => settingsStore.title,
-], () => {
-  if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
-    const title = settingsStore.title
-    document.title = `${title} - ${window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE}`
+watch(
+  [() => settingsStore.app.enableDynamicTitle, () => settingsStore.title],
+  () => {
+    if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
+      const title = settingsStore.title
+      document.title = `${title} - ${
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+      }`
+    } else {
+      document.title =
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.title = window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE
-  }
-}, {
-  immediate: true,
-})
+)
 
 onMounted(() => {
   // // 浏览器访问当前位置
@@ -99,11 +121,24 @@
     settingsStore.setMode(document.documentElement.clientWidth)
     // 监听浏览器类型变化 刷新浏览器
     const userAgent = navigator.userAgent || navigator.vendor || window.opera
-    const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
-    if (`${isMobile ? 'mobile' : 'pc'}` !== window.localStorage.getItem('browser-type-bj-well')) {
+    const isMobile =
+      /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
+        userAgent
+      )
+    if (
+      `${isMobile ? 'mobile' : 'pc'}` !==
+      window.localStorage.getItem('browser-type-bj-well')
+    ) {
       // if (!window.localStorage.getItem('browser-type-bj-well')) { return }
-      console.log(`浏览器类型发生变化，由${window.localStorage.getItem('browser-type-bj-well')}变为${isMobile ? 'mobile' : 'pc'}`)
-      window.localStorage.setItem('browser-type-bj-well', `${isMobile ? 'mobile' : 'pc'}`)
+      console.log(
+        `浏览器类型发生变化，由${window.localStorage.getItem(
+          'browser-type-bj-well'
+        )}变为${isMobile ? 'mobile' : 'pc'}`
+      )
+      window.localStorage.setItem(
+        'browser-type-bj-well',
+        `${isMobile ? 'mobile' : 'pc'}`
+      )
       $router.push('/')
       setTimeout(() => {
         window.location.reload()
@@ -116,29 +151,33 @@
 })
 const browserType = window.localStorage.getItem('browser-type-bj-well') // mobile || pc
 
-
 window.addEventListener('beforeunload', function (e) {
   console.log(1111)
   // var confirmationMessage = '确定要离开此页面吗？';
   // e.returnValue = confirmationMessage;
   console.log(e.type, 'type')
   if (e.type === 'unload') {
-    console.log('页面被关闭');
+    console.log('页面被关闭')
     // 删除所有缓存数据
     indexDB.deleteAll()
   } else if (e.type === 'beforeunload') {
-    console.log('页面被刷新');
+    console.log('页面被刷新')
   }
   // return confirmationMessage;
 })
 </script>
 
 <template>
-  <el-config-provider :locale="zhCn" :size="settingsStore.app.elementSize" :button="buttonConfig">
+  <el-config-provider
+    :locale="zhCn"
+    :size="settingsStore.app.elementSize"
+    :button="buttonConfig"
+  >
     <router-view
+      v-no-contextmenu
       :style="{
         '--g-main-sidebar-actual-width': mainSidebarActualWidth,
-        '--g-sub-sidebar-actual-width': subSidebarActualWidth,
+        '--g-sub-sidebar-actual-width': subSidebarActualWidth
       }"
     />
     <!-- <system-info v-if="browserType !== 'mobile'" /> -->
diff --git a/src/directives/no-contextmenu.ts b/src/directives/no-contextmenu.ts
new file mode 100644
index 0000000..8250f0b
--- /dev/null
+++ b/src/directives/no-contextmenu.ts
@@ -0,0 +1,34 @@
+import { Directive } from 'vue';
+// 禁止右键菜单
+export const noContextmenu: Directive = {
+  mounted(el) {
+    el.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  },
+  unmounted(el) {
+    el.removeEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  }
+};
+
+// 在 main.js 中注册：
+// import { noContextmenu } from './directives/no-contextmenu';
+// app.directive('no-contextmenu', noContextmenu);
+
+// 在组件中使用：
+//  <div v-no-contextmenu>
+// 右键菜单被禁用
+// </div>
+
+// 其余方式
+// <div id="protected-element">
+//   右键菜单在此元素上被禁用
+// </div>
+// <script>
+// const element = document.getElementById('protected-element');
+// element.addEventListener('contextmenu', function(e) {
+//   e.preventDefault();
+// });
+// </script>
diff --git a/src/main.ts b/src/main.ts
index 5fa903b..eeac221 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -16,6 +16,8 @@
 import { dragWidth } from '@/directives/drag-width/index'
 import tableAutoScroll from '@/directives/table-scroll/index'
 import loadMore from './directives/load-more'
+import { noContextmenu } from './directives/no-contextmenu';
+
 // 引入音频文件
 import alarmAudio from '@/assets/audio/alarm.mp3'
 import otherAudio from '@/assets/audio/other.mp3'
@@ -144,6 +146,7 @@
   })
   app.directive('tableAutoScroll', tableAutoScroll)
   app.directive('loadmore', loadMore)
+  app.directive('no-contextmenu', noContextmenu)
   directive(app)
 
   app.mount('#app')
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index b83d4af..9640ced 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -86,8 +86,8 @@
           leakageData.value[y] = data[i]
         }
       }
-      leakageData.value.off = '958'
-      leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
+      // leakageData.value.off = '958'
+      // leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
       // 防外力破坏监测概况数据
       for (const y in forceData.value) {
         if (i.toLocaleLowerCase().includes('damage') && i.toLocaleLowerCase().includes(y)) {
diff --git a/src/views/home/device/device/components/addDialog.vue b/src/views/home/device/device/components/addDialog.vue
index b8faf5e..add49c5 100644
--- a/src/views/home/device/device/components/addDialog.vue
+++ b/src/views/home/device/device/components/addDialog.vue
@@ -282,24 +282,28 @@
 const inputRef = ref()
 const isClear = ref(false) // 是否点击清空
 const selectPosition = () => {
-  if (isClear.value) {
-    return
-  }
-  if (!dataForm.value.watchObject) {
-    ElMessage.warning('请先选择产品')
-    return
-  }
-  // 失去焦点，避免再次触发
-  inputRef.value.blur()
-  if (dataForm.value.watchObject === '1') {
-    wellRef.value.initDialog(dataForm.value)
-  }
-  else if (dataForm.value.watchObject === '2') {
-    stationRef.value.initDialog()
-  }
-  else if (dataForm.value.watchObject === '3') {
-    piepleRef.value.initDialog(dataForm.value)
-  }
+
+  setTimeout(() => {
+    console.log(isClear.value, 'isClear.value')
+    if (isClear.value) {
+      return
+    }
+    if (!dataForm.value.watchObject) {
+      ElMessage.warning('请先选择产品')
+      return
+    }
+    // 失去焦点，避免再次触发
+    inputRef.value.blur()
+    if (dataForm.value.watchObject === '1') {
+      wellRef.value.initDialog(dataForm.value)
+    }
+    else if (dataForm.value.watchObject === '2') {
+      stationRef.value.initDialog()
+    }
+    else if (dataForm.value.watchObject === '3') {
+      piepleRef.value.initDialog(dataForm.value)
+    }
+  })
 }
 // 确认安装位置
 const comfirmLocation = (data: any, type: 'single' | 'multi') => {
@@ -329,9 +333,16 @@
 }
 // 清空安装位置
 const clearPosition = () => {
+  dataForm.value.tagNumber = ''
+  dataForm.value.position = ''
+  dataForm.value.deptName = ''
+  dataForm.value.deptid = ''
+  dataForm.value.lat = ''
+  dataForm.value.lng = ''
+  dataForm.value.ledgerIds = ''
+  isClear.value = true
   inputRef.value.blur()
   // 设置标识
-  isClear.value = true
   setTimeout(() => {
     isClear.value = false
   })
@@ -353,7 +364,8 @@
       <el-row :gutter="24">
         <el-col :span="24">
           <el-form-item label="产品" prop="productId">
-            <el-select v-model.trim="dataForm.productId" placeholder="产品" :disabled="dialogStatus !== 'add'" style="width: 100%;" clearable filterable>
+            <el-select v-model.trim="dataForm.productId" placeholder="产品" :disabled="dialogStatus !== 'add'"
+              style="width: 100%;" clearable filterable>
               <el-option v-for="item in productList" :key="item.id" :label="item.productName" :value="item.id" />
             </el-select>
           </el-form-item>
@@ -432,12 +444,14 @@
       <el-row :gutter="24">
         <el-col :span="12">
           <el-form-item label="质保年限" prop="warrantyPeriod">
-            <el-input v-model="dataForm.warrantyPeriod" placeholder="质保年限" style="width: 100%;" type="number" clearable />
+            <el-input v-model="dataForm.warrantyPeriod" placeholder="质保年限" style="width: 100%;" type="number"
+              clearable />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="监测类型" prop="monitorType">
-            <el-select v-model.trim="dataForm.monitorType" type="text" placeholder="监测类型" style="width: 100%;" clearable filterable>
+            <el-select v-model.trim="dataForm.monitorType" type="text" placeholder="监测类型" style="width: 100%;" clearable
+              filterable>
               <el-option label="临时" value="0" />
               <el-option label="长期" value="1" />
             </el-select>
@@ -479,7 +493,7 @@
     </el-form>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" v-loading="disabledBtn" :disabled="disabledBtn" @click="saveData">
+        <el-button type="primary" :loading="disabledBtn" :disabled="disabledBtn" @click="saveData">
           确认
         </el-button>
         <el-button @click="cancel">
diff --git a/src/views/home/device/device/components/localtionForStation.vue b/src/views/home/device/device/components/localtionForStation.vue
index a1607f1..5372915 100644
--- a/src/views/home/device/device/components/localtionForStation.vue
+++ b/src/views/home/device/device/components/localtionForStation.vue
@@ -7,6 +7,7 @@
 import { ElMessage } from 'element-plus'
 import { getDictByCode } from '@/api/system/dict'
 import { getStationListPage } from '@/api/home/station/station'
+import { getWellListPage } from '@/api/home/ledger/ledger'
 const emits = defineEmits(['confirm'])
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表格数据
@@ -16,13 +17,20 @@
 const select = ref(-1)
 // 初始展示列
 const columns = ref<any>([
-  { text: '场站位号', value: 'tagNumber', align: 'center', isRequired: true, width: '110' },
+  {
+    text: '场站位号',
+    value: 'tagNumber',
+    align: 'center',
+    isRequired: true,
+    width: '110'
+  },
   { text: '场站编号', value: 'ledgerCode', isRequired: true, align: 'center' },
   { text: '场站名称', value: 'ledgerName', isRequired: true, align: 'center' },
   { text: '管理单位', value: 'deptName', isRequired: true, align: 'center' },
-  { text: '场站类型', value: 'wellTypeName', isRequired: true, align: 'center' },
+  { text: '管理方式', value: 'manageTypeName', align: 'center', width: '110' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '感知设备', value: 'device', align: 'center', width: '90' },
+  // { text: '感知设备', value: 'device', align: 'center', width: '90' }
+  { text: '使用状态', value: 'onStateName', align: 'center', width: '110' },
 ])
 const loadingTable = ref(true)
 //  查询条件
@@ -31,21 +39,24 @@
   offset: 1,
   tagNumber: '', // 闸井位号
   ledgerName: '', // 闸井名称
-  ledgerCode: '', // 闸井编号
+  // ledgerCode: '', // 闸井编号
   deptid: '', // 管理单位
-  onState: '', // 使用状态
-  monitorState: '', // 监控状态
+  // onState: '', // 使用状态
+  // monitorState: '', // 监控状态
+  type: '2'
 } as { [key: string]: string | number })
 // 查询数据
 const fetchData = () => {
   loadingTable.value = true
-  getStationListPage(listQuery.value).then((res) => {
-    list.value = res.data.rows
-    total.value = res.data.total
-    loadingTable.value = false
-  }).catch(() => {
-    loadingTable.value = false
-  })
+  getWellListPage(listQuery.value)
+    .then(res => {
+      list.value = res.data.rows
+      total.value = res.data.total
+      loadingTable.value = false
+    })
+    .catch(() => {
+      loadingTable.value = false
+    })
 }
 fetchData()
 // 重置查询条件f
@@ -55,10 +66,11 @@
     offset: 1,
     tagNumber: '', // 闸井位号
     ledgerName: '', // 闸井名称
-    ledgerCode: '', // 闸井编号
+    // ledgerCode: '', // 闸井编号
     deptid: '', // 管理单位
-    onState: '', // 使用状态态
-    monitorState: '', // 监控状态
+    // onState: '', // 使用状态
+    // monitorState: '', // 监控状态
+    type: '2'
   }
   fetchData()
 }
@@ -81,13 +93,13 @@
 const wellTypeList = ref<{ id: string; name: string; value: string }[]>([]) // 场站类型
 const fetchDict = () => {
   // 场站类型
-  getDictByCode('wellType').then((res) => {
+  getDictByCode('wellType').then(res => {
     wellTypeList.value = res.data
   })
 }
 fetchDict()
 defineExpose({
-  initDialog,
+  initDialog
 })
 
 // 保存数据
@@ -105,30 +117,70 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="选择安装位置" append-to-body width="70%">
+  <el-dialog
+    v-model="dialogFormVisible"
+    title="选择安装位置"
+    append-to-body
+    width="70%"
+  >
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
-        <el-input v-model.trim="listQuery.tagNumber" placeholder="场站位号" clearable style="width: 162px;" />
+        <el-input
+          v-model.trim="listQuery.tagNumber"
+          placeholder="场站位号"
+          clearable
+          style="width: 162px"
+        />
+      </search-item>
+     <!-- <search-item>
+        <el-input
+          v-model.trim="listQuery.ledgerCode"
+          placeholder="场站编号"
+          clearable
+          style="width: 162px"
+        />
+      </search-item> -->
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.ledgerName"
+          placeholder="闸井名称"
+          clearable
+          style="width: 162px"
+        />
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.ledgerCode" placeholder="场站编号" clearable style="width: 162px;" />
+        <dept-select
+          v-model="listQuery.deptid"
+          placeholder="管理单位"
+          :clearable="true"
+          style="width: 162px"
+        />
       </search-item>
-      <search-item>
-        <el-input v-model.trim="listQuery.ledgerName" placeholder="闸井名称" clearable style="width: 162px;" />
-      </search-item>
-      <search-item>
-        <dept-select v-model="listQuery.deptid" placeholder="管理单位" :clearable="true" style="width: 162px;" />
-      </search-item>
-      <search-item>
-        <el-select v-model="listQuery.wellType" placeholder="场站类型" clearable class="select" style="width: 162px;">
-          <el-option v-for="item in wellTypeList" :key="item.id" :label="item.name" :value="item.value" />
+      <!-- <search-item>
+        <el-select
+          v-model="listQuery.wellType"
+          placeholder="场站类型"
+          clearable
+          class="select"
+          style="width: 162px"
+        >
+          <el-option
+            v-for="item in wellTypeList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
         </el-select>
-      </search-item>
+      </search-item> -->
     </search-area>
     <table-container>
       <!-- 查询结果Table显示 -->
       <normal-table
-        :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :list-loading="loadingTable"
         @change="changePage"
       >
         <template #preColumns>
@@ -139,7 +191,12 @@
           </el-table-column>
           <el-table-column label="序号" width="75" align="center">
             <template #default="scope">
-              {{ (listQuery.offset as number - 1) * (listQuery.limit as number) + scope.$index + 1 }}
+              {{
+                ((listQuery.offset as number) - 1) *
+                  (listQuery.limit as number) +
+                scope.$index +
+                1
+              }}
             </template>
           </el-table-column>
         </template>
@@ -147,12 +204,8 @@
     </table-container>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          确认
-        </el-button>
-        <el-button @click="cancel">
-          取消
-        </el-button>
+        <el-button type="primary" @click="saveData"> 确认 </el-button>
+        <el-button @click="cancel"> 取消 </el-button>
       </div>
     </template>
   </el-dialog>

diff --git a/src/App.vue b/src/App.vue
index dd26c6b..eaee8ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,16 @@
 const settingsStore = useSettingsStore()
 const $router = useRouter()
 const buttonConfig = ref({
-  autoInsertSpace: true,
+  autoInsertSpace: true
 })
 
 // 侧边栏主导航当前实际宽度
 const mainSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-main-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-main-sidebar-width'
+    )
+  )
   if (['head', 'single', 'top'].includes(settingsStore.menu.menuMode)) {
     actualWidth = 0
   }
@@ -22,63 +26,81 @@
 
 // 侧边栏次导航当前实际宽度
 const subSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-sub-sidebar-width'
+    )
+  )
   if (settingsStore.menu.menuMode === 'top') {
     actualWidth = 0
-  }
-  else if (settingsStore.menu.subMenuCollapse) {
+  } else if (settingsStore.menu.subMenuCollapse) {
     actualWidth = 55
   }
   return `${actualWidth}px`
 })
 
-watch(() => settingsStore.app.colorScheme, () => {
-  if (settingsStore.app.colorScheme === 'dark') {
-    document.documentElement.classList.add('dark')
+watch(
+  () => settingsStore.app.colorScheme,
+  () => {
+    if (settingsStore.app.colorScheme === 'dark') {
+      document.documentElement.classList.add('dark')
+    } else {
+      document.documentElement.classList.remove('dark')
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.documentElement.classList.remove('dark')
-  }
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.mode, () => {
-  if (settingsStore.mode === 'pc') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
-    })
+watch(
+  () => settingsStore.mode,
+  () => {
+    if (settingsStore.mode === 'pc') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
+      })
+    } else if (settingsStore.mode === 'mobile') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = true
+      })
+    }
+    document.body.setAttribute('data-mode', settingsStore.mode)
+  },
+  {
+    immediate: true
   }
-  else if (settingsStore.mode === 'mobile') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = true
-    })
-  }
-  document.body.setAttribute('data-mode', settingsStore.mode)
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.menu.menuMode, () => {
-  document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
-}, {
-  immediate: true,
-})
+watch(
+  () => settingsStore.menu.menuMode,
+  () => {
+    document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
+  },
+  {
+    immediate: true
+  }
+)
 
-watch([
-  () => settingsStore.app.enableDynamicTitle,
-  () => settingsStore.title,
-], () => {
-  if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
-    const title = settingsStore.title
-    document.title = `${title} - ${window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE}`
+watch(
+  [() => settingsStore.app.enableDynamicTitle, () => settingsStore.title],
+  () => {
+    if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
+      const title = settingsStore.title
+      document.title = `${title} - ${
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+      }`
+    } else {
+      document.title =
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.title = window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE
-  }
-}, {
-  immediate: true,
-})
+)
 
 onMounted(() => {
   // // 浏览器访问当前位置
@@ -99,11 +121,24 @@
     settingsStore.setMode(document.documentElement.clientWidth)
     // 监听浏览器类型变化 刷新浏览器
     const userAgent = navigator.userAgent || navigator.vendor || window.opera
-    const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
-    if (`${isMobile ? 'mobile' : 'pc'}` !== window.localStorage.getItem('browser-type-bj-well')) {
+    const isMobile =
+      /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
+        userAgent
+      )
+    if (
+      `${isMobile ? 'mobile' : 'pc'}` !==
+      window.localStorage.getItem('browser-type-bj-well')
+    ) {
       // if (!window.localStorage.getItem('browser-type-bj-well')) { return }
-      console.log(`浏览器类型发生变化，由${window.localStorage.getItem('browser-type-bj-well')}变为${isMobile ? 'mobile' : 'pc'}`)
-      window.localStorage.setItem('browser-type-bj-well', `${isMobile ? 'mobile' : 'pc'}`)
+      console.log(
+        `浏览器类型发生变化，由${window.localStorage.getItem(
+          'browser-type-bj-well'
+        )}变为${isMobile ? 'mobile' : 'pc'}`
+      )
+      window.localStorage.setItem(
+        'browser-type-bj-well',
+        `${isMobile ? 'mobile' : 'pc'}`
+      )
       $router.push('/')
       setTimeout(() => {
         window.location.reload()
@@ -116,29 +151,33 @@
 })
 const browserType = window.localStorage.getItem('browser-type-bj-well') // mobile || pc
 
-
 window.addEventListener('beforeunload', function (e) {
   console.log(1111)
   // var confirmationMessage = '确定要离开此页面吗？';
   // e.returnValue = confirmationMessage;
   console.log(e.type, 'type')
   if (e.type === 'unload') {
-    console.log('页面被关闭');
+    console.log('页面被关闭')
     // 删除所有缓存数据
     indexDB.deleteAll()
   } else if (e.type === 'beforeunload') {
-    console.log('页面被刷新');
+    console.log('页面被刷新')
   }
   // return confirmationMessage;
 })
 </script>
 
 <template>
-  <el-config-provider :locale="zhCn" :size="settingsStore.app.elementSize" :button="buttonConfig">
+  <el-config-provider
+    :locale="zhCn"
+    :size="settingsStore.app.elementSize"
+    :button="buttonConfig"
+  >
     <router-view
+      v-no-contextmenu
       :style="{
         '--g-main-sidebar-actual-width': mainSidebarActualWidth,
-        '--g-sub-sidebar-actual-width': subSidebarActualWidth,
+        '--g-sub-sidebar-actual-width': subSidebarActualWidth
       }"
     />
     <!-- <system-info v-if="browserType !== 'mobile'" /> -->
diff --git a/src/directives/no-contextmenu.ts b/src/directives/no-contextmenu.ts
new file mode 100644
index 0000000..8250f0b
--- /dev/null
+++ b/src/directives/no-contextmenu.ts
@@ -0,0 +1,34 @@
+import { Directive } from 'vue';
+// 禁止右键菜单
+export const noContextmenu: Directive = {
+  mounted(el) {
+    el.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  },
+  unmounted(el) {
+    el.removeEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  }
+};
+
+// 在 main.js 中注册：
+// import { noContextmenu } from './directives/no-contextmenu';
+// app.directive('no-contextmenu', noContextmenu);
+
+// 在组件中使用：
+//  <div v-no-contextmenu>
+// 右键菜单被禁用
+// </div>
+
+// 其余方式
+// <div id="protected-element">
+//   右键菜单在此元素上被禁用
+// </div>
+// <script>
+// const element = document.getElementById('protected-element');
+// element.addEventListener('contextmenu', function(e) {
+//   e.preventDefault();
+// });
+// </script>
diff --git a/src/main.ts b/src/main.ts
index 5fa903b..eeac221 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -16,6 +16,8 @@
 import { dragWidth } from '@/directives/drag-width/index'
 import tableAutoScroll from '@/directives/table-scroll/index'
 import loadMore from './directives/load-more'
+import { noContextmenu } from './directives/no-contextmenu';
+
 // 引入音频文件
 import alarmAudio from '@/assets/audio/alarm.mp3'
 import otherAudio from '@/assets/audio/other.mp3'
@@ -144,6 +146,7 @@
   })
   app.directive('tableAutoScroll', tableAutoScroll)
   app.directive('loadmore', loadMore)
+  app.directive('no-contextmenu', noContextmenu)
   directive(app)
 
   app.mount('#app')
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index b83d4af..9640ced 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -86,8 +86,8 @@
           leakageData.value[y] = data[i]
         }
       }
-      leakageData.value.off = '958'
-      leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
+      // leakageData.value.off = '958'
+      // leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
       // 防外力破坏监测概况数据
       for (const y in forceData.value) {
         if (i.toLocaleLowerCase().includes('damage') && i.toLocaleLowerCase().includes(y)) {
diff --git a/src/views/home/device/device/components/addDialog.vue b/src/views/home/device/device/components/addDialog.vue
index b8faf5e..add49c5 100644
--- a/src/views/home/device/device/components/addDialog.vue
+++ b/src/views/home/device/device/components/addDialog.vue
@@ -282,24 +282,28 @@
 const inputRef = ref()
 const isClear = ref(false) // 是否点击清空
 const selectPosition = () => {
-  if (isClear.value) {
-    return
-  }
-  if (!dataForm.value.watchObject) {
-    ElMessage.warning('请先选择产品')
-    return
-  }
-  // 失去焦点，避免再次触发
-  inputRef.value.blur()
-  if (dataForm.value.watchObject === '1') {
-    wellRef.value.initDialog(dataForm.value)
-  }
-  else if (dataForm.value.watchObject === '2') {
-    stationRef.value.initDialog()
-  }
-  else if (dataForm.value.watchObject === '3') {
-    piepleRef.value.initDialog(dataForm.value)
-  }
+
+  setTimeout(() => {
+    console.log(isClear.value, 'isClear.value')
+    if (isClear.value) {
+      return
+    }
+    if (!dataForm.value.watchObject) {
+      ElMessage.warning('请先选择产品')
+      return
+    }
+    // 失去焦点，避免再次触发
+    inputRef.value.blur()
+    if (dataForm.value.watchObject === '1') {
+      wellRef.value.initDialog(dataForm.value)
+    }
+    else if (dataForm.value.watchObject === '2') {
+      stationRef.value.initDialog()
+    }
+    else if (dataForm.value.watchObject === '3') {
+      piepleRef.value.initDialog(dataForm.value)
+    }
+  })
 }
 // 确认安装位置
 const comfirmLocation = (data: any, type: 'single' | 'multi') => {
@@ -329,9 +333,16 @@
 }
 // 清空安装位置
 const clearPosition = () => {
+  dataForm.value.tagNumber = ''
+  dataForm.value.position = ''
+  dataForm.value.deptName = ''
+  dataForm.value.deptid = ''
+  dataForm.value.lat = ''
+  dataForm.value.lng = ''
+  dataForm.value.ledgerIds = ''
+  isClear.value = true
   inputRef.value.blur()
   // 设置标识
-  isClear.value = true
   setTimeout(() => {
     isClear.value = false
   })
@@ -353,7 +364,8 @@
       <el-row :gutter="24">
         <el-col :span="24">
           <el-form-item label="产品" prop="productId">
-            <el-select v-model.trim="dataForm.productId" placeholder="产品" :disabled="dialogStatus !== 'add'" style="width: 100%;" clearable filterable>
+            <el-select v-model.trim="dataForm.productId" placeholder="产品" :disabled="dialogStatus !== 'add'"
+              style="width: 100%;" clearable filterable>
               <el-option v-for="item in productList" :key="item.id" :label="item.productName" :value="item.id" />
             </el-select>
           </el-form-item>
@@ -432,12 +444,14 @@
       <el-row :gutter="24">
         <el-col :span="12">
           <el-form-item label="质保年限" prop="warrantyPeriod">
-            <el-input v-model="dataForm.warrantyPeriod" placeholder="质保年限" style="width: 100%;" type="number" clearable />
+            <el-input v-model="dataForm.warrantyPeriod" placeholder="质保年限" style="width: 100%;" type="number"
+              clearable />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="监测类型" prop="monitorType">
-            <el-select v-model.trim="dataForm.monitorType" type="text" placeholder="监测类型" style="width: 100%;" clearable filterable>
+            <el-select v-model.trim="dataForm.monitorType" type="text" placeholder="监测类型" style="width: 100%;" clearable
+              filterable>
               <el-option label="临时" value="0" />
               <el-option label="长期" value="1" />
             </el-select>
@@ -479,7 +493,7 @@
     </el-form>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" v-loading="disabledBtn" :disabled="disabledBtn" @click="saveData">
+        <el-button type="primary" :loading="disabledBtn" :disabled="disabledBtn" @click="saveData">
           确认
         </el-button>
         <el-button @click="cancel">
diff --git a/src/views/home/device/device/components/localtionForStation.vue b/src/views/home/device/device/components/localtionForStation.vue
index a1607f1..5372915 100644
--- a/src/views/home/device/device/components/localtionForStation.vue
+++ b/src/views/home/device/device/components/localtionForStation.vue
@@ -7,6 +7,7 @@
 import { ElMessage } from 'element-plus'
 import { getDictByCode } from '@/api/system/dict'
 import { getStationListPage } from '@/api/home/station/station'
+import { getWellListPage } from '@/api/home/ledger/ledger'
 const emits = defineEmits(['confirm'])
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表格数据
@@ -16,13 +17,20 @@
 const select = ref(-1)
 // 初始展示列
 const columns = ref<any>([
-  { text: '场站位号', value: 'tagNumber', align: 'center', isRequired: true, width: '110' },
+  {
+    text: '场站位号',
+    value: 'tagNumber',
+    align: 'center',
+    isRequired: true,
+    width: '110'
+  },
   { text: '场站编号', value: 'ledgerCode', isRequired: true, align: 'center' },
   { text: '场站名称', value: 'ledgerName', isRequired: true, align: 'center' },
   { text: '管理单位', value: 'deptName', isRequired: true, align: 'center' },
-  { text: '场站类型', value: 'wellTypeName', isRequired: true, align: 'center' },
+  { text: '管理方式', value: 'manageTypeName', align: 'center', width: '110' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '感知设备', value: 'device', align: 'center', width: '90' },
+  // { text: '感知设备', value: 'device', align: 'center', width: '90' }
+  { text: '使用状态', value: 'onStateName', align: 'center', width: '110' },
 ])
 const loadingTable = ref(true)
 //  查询条件
@@ -31,21 +39,24 @@
   offset: 1,
   tagNumber: '', // 闸井位号
   ledgerName: '', // 闸井名称
-  ledgerCode: '', // 闸井编号
+  // ledgerCode: '', // 闸井编号
   deptid: '', // 管理单位
-  onState: '', // 使用状态
-  monitorState: '', // 监控状态
+  // onState: '', // 使用状态
+  // monitorState: '', // 监控状态
+  type: '2'
 } as { [key: string]: string | number })
 // 查询数据
 const fetchData = () => {
   loadingTable.value = true
-  getStationListPage(listQuery.value).then((res) => {
-    list.value = res.data.rows
-    total.value = res.data.total
-    loadingTable.value = false
-  }).catch(() => {
-    loadingTable.value = false
-  })
+  getWellListPage(listQuery.value)
+    .then(res => {
+      list.value = res.data.rows
+      total.value = res.data.total
+      loadingTable.value = false
+    })
+    .catch(() => {
+      loadingTable.value = false
+    })
 }
 fetchData()
 // 重置查询条件f
@@ -55,10 +66,11 @@
     offset: 1,
     tagNumber: '', // 闸井位号
     ledgerName: '', // 闸井名称
-    ledgerCode: '', // 闸井编号
+    // ledgerCode: '', // 闸井编号
     deptid: '', // 管理单位
-    onState: '', // 使用状态态
-    monitorState: '', // 监控状态
+    // onState: '', // 使用状态
+    // monitorState: '', // 监控状态
+    type: '2'
   }
   fetchData()
 }
@@ -81,13 +93,13 @@
 const wellTypeList = ref<{ id: string; name: string; value: string }[]>([]) // 场站类型
 const fetchDict = () => {
   // 场站类型
-  getDictByCode('wellType').then((res) => {
+  getDictByCode('wellType').then(res => {
     wellTypeList.value = res.data
   })
 }
 fetchDict()
 defineExpose({
-  initDialog,
+  initDialog
 })
 
 // 保存数据
@@ -105,30 +117,70 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="选择安装位置" append-to-body width="70%">
+  <el-dialog
+    v-model="dialogFormVisible"
+    title="选择安装位置"
+    append-to-body
+    width="70%"
+  >
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
-        <el-input v-model.trim="listQuery.tagNumber" placeholder="场站位号" clearable style="width: 162px;" />
+        <el-input
+          v-model.trim="listQuery.tagNumber"
+          placeholder="场站位号"
+          clearable
+          style="width: 162px"
+        />
+      </search-item>
+     <!-- <search-item>
+        <el-input
+          v-model.trim="listQuery.ledgerCode"
+          placeholder="场站编号"
+          clearable
+          style="width: 162px"
+        />
+      </search-item> -->
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.ledgerName"
+          placeholder="闸井名称"
+          clearable
+          style="width: 162px"
+        />
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.ledgerCode" placeholder="场站编号" clearable style="width: 162px;" />
+        <dept-select
+          v-model="listQuery.deptid"
+          placeholder="管理单位"
+          :clearable="true"
+          style="width: 162px"
+        />
       </search-item>
-      <search-item>
-        <el-input v-model.trim="listQuery.ledgerName" placeholder="闸井名称" clearable style="width: 162px;" />
-      </search-item>
-      <search-item>
-        <dept-select v-model="listQuery.deptid" placeholder="管理单位" :clearable="true" style="width: 162px;" />
-      </search-item>
-      <search-item>
-        <el-select v-model="listQuery.wellType" placeholder="场站类型" clearable class="select" style="width: 162px;">
-          <el-option v-for="item in wellTypeList" :key="item.id" :label="item.name" :value="item.value" />
+      <!-- <search-item>
+        <el-select
+          v-model="listQuery.wellType"
+          placeholder="场站类型"
+          clearable
+          class="select"
+          style="width: 162px"
+        >
+          <el-option
+            v-for="item in wellTypeList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
         </el-select>
-      </search-item>
+      </search-item> -->
     </search-area>
     <table-container>
       <!-- 查询结果Table显示 -->
       <normal-table
-        :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :list-loading="loadingTable"
         @change="changePage"
       >
         <template #preColumns>
@@ -139,7 +191,12 @@
           </el-table-column>
           <el-table-column label="序号" width="75" align="center">
             <template #default="scope">
-              {{ (listQuery.offset as number - 1) * (listQuery.limit as number) + scope.$index + 1 }}
+              {{
+                ((listQuery.offset as number) - 1) *
+                  (listQuery.limit as number) +
+                scope.$index +
+                1
+              }}
             </template>
           </el-table-column>
         </template>
@@ -147,12 +204,8 @@
     </table-container>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          确认
-        </el-button>
-        <el-button @click="cancel">
-          取消
-        </el-button>
+        <el-button type="primary" @click="saveData"> 确认 </el-button>
+        <el-button @click="cancel"> 取消 </el-button>
       </div>
     </template>
   </el-dialog>
diff --git a/src/views/home/ledger/ledger/components/gridList.vue b/src/views/home/ledger/ledger/components/gridList.vue
index 5580e8b..4053d98 100644
--- a/src/views/home/ledger/ledger/components/gridList.vue
+++ b/src/views/home/ledger/ledger/components/gridList.vue
@@ -1,5 +1,5 @@
 <!--
-  Description: 台账管理-闸井/场站列表
+  Description: 台账管理-网格列表
   Author: 李亚光
   Date: 2024-08-20
  -->

diff --git a/src/App.vue b/src/App.vue
index dd26c6b..eaee8ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,16 @@
 const settingsStore = useSettingsStore()
 const $router = useRouter()
 const buttonConfig = ref({
-  autoInsertSpace: true,
+  autoInsertSpace: true
 })
 
 // 侧边栏主导航当前实际宽度
 const mainSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-main-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-main-sidebar-width'
+    )
+  )
   if (['head', 'single', 'top'].includes(settingsStore.menu.menuMode)) {
     actualWidth = 0
   }
@@ -22,63 +26,81 @@
 
 // 侧边栏次导航当前实际宽度
 const subSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-sub-sidebar-width'
+    )
+  )
   if (settingsStore.menu.menuMode === 'top') {
     actualWidth = 0
-  }
-  else if (settingsStore.menu.subMenuCollapse) {
+  } else if (settingsStore.menu.subMenuCollapse) {
     actualWidth = 55
   }
   return `${actualWidth}px`
 })
 
-watch(() => settingsStore.app.colorScheme, () => {
-  if (settingsStore.app.colorScheme === 'dark') {
-    document.documentElement.classList.add('dark')
+watch(
+  () => settingsStore.app.colorScheme,
+  () => {
+    if (settingsStore.app.colorScheme === 'dark') {
+      document.documentElement.classList.add('dark')
+    } else {
+      document.documentElement.classList.remove('dark')
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.documentElement.classList.remove('dark')
-  }
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.mode, () => {
-  if (settingsStore.mode === 'pc') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
-    })
+watch(
+  () => settingsStore.mode,
+  () => {
+    if (settingsStore.mode === 'pc') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
+      })
+    } else if (settingsStore.mode === 'mobile') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = true
+      })
+    }
+    document.body.setAttribute('data-mode', settingsStore.mode)
+  },
+  {
+    immediate: true
   }
-  else if (settingsStore.mode === 'mobile') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = true
-    })
-  }
-  document.body.setAttribute('data-mode', settingsStore.mode)
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.menu.menuMode, () => {
-  document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
-}, {
-  immediate: true,
-})
+watch(
+  () => settingsStore.menu.menuMode,
+  () => {
+    document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
+  },
+  {
+    immediate: true
+  }
+)
 
-watch([
-  () => settingsStore.app.enableDynamicTitle,
-  () => settingsStore.title,
-], () => {
-  if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
-    const title = settingsStore.title
-    document.title = `${title} - ${window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE}`
+watch(
+  [() => settingsStore.app.enableDynamicTitle, () => settingsStore.title],
+  () => {
+    if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
+      const title = settingsStore.title
+      document.title = `${title} - ${
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+      }`
+    } else {
+      document.title =
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.title = window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE
-  }
-}, {
-  immediate: true,
-})
+)
 
 onMounted(() => {
   // // 浏览器访问当前位置
@@ -99,11 +121,24 @@
     settingsStore.setMode(document.documentElement.clientWidth)
     // 监听浏览器类型变化 刷新浏览器
     const userAgent = navigator.userAgent || navigator.vendor || window.opera
-    const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
-    if (`${isMobile ? 'mobile' : 'pc'}` !== window.localStorage.getItem('browser-type-bj-well')) {
+    const isMobile =
+      /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
+        userAgent
+      )
+    if (
+      `${isMobile ? 'mobile' : 'pc'}` !==
+      window.localStorage.getItem('browser-type-bj-well')
+    ) {
       // if (!window.localStorage.getItem('browser-type-bj-well')) { return }
-      console.log(`浏览器类型发生变化，由${window.localStorage.getItem('browser-type-bj-well')}变为${isMobile ? 'mobile' : 'pc'}`)
-      window.localStorage.setItem('browser-type-bj-well', `${isMobile ? 'mobile' : 'pc'}`)
+      console.log(
+        `浏览器类型发生变化，由${window.localStorage.getItem(
+          'browser-type-bj-well'
+        )}变为${isMobile ? 'mobile' : 'pc'}`
+      )
+      window.localStorage.setItem(
+        'browser-type-bj-well',
+        `${isMobile ? 'mobile' : 'pc'}`
+      )
       $router.push('/')
       setTimeout(() => {
         window.location.reload()
@@ -116,29 +151,33 @@
 })
 const browserType = window.localStorage.getItem('browser-type-bj-well') // mobile || pc
 
-
 window.addEventListener('beforeunload', function (e) {
   console.log(1111)
   // var confirmationMessage = '确定要离开此页面吗？';
   // e.returnValue = confirmationMessage;
   console.log(e.type, 'type')
   if (e.type === 'unload') {
-    console.log('页面被关闭');
+    console.log('页面被关闭')
     // 删除所有缓存数据
     indexDB.deleteAll()
   } else if (e.type === 'beforeunload') {
-    console.log('页面被刷新');
+    console.log('页面被刷新')
   }
   // return confirmationMessage;
 })
 </script>
 
 <template>
-  <el-config-provider :locale="zhCn" :size="settingsStore.app.elementSize" :button="buttonConfig">
+  <el-config-provider
+    :locale="zhCn"
+    :size="settingsStore.app.elementSize"
+    :button="buttonConfig"
+  >
     <router-view
+      v-no-contextmenu
       :style="{
         '--g-main-sidebar-actual-width': mainSidebarActualWidth,
-        '--g-sub-sidebar-actual-width': subSidebarActualWidth,
+        '--g-sub-sidebar-actual-width': subSidebarActualWidth
       }"
     />
     <!-- <system-info v-if="browserType !== 'mobile'" /> -->
diff --git a/src/directives/no-contextmenu.ts b/src/directives/no-contextmenu.ts
new file mode 100644
index 0000000..8250f0b
--- /dev/null
+++ b/src/directives/no-contextmenu.ts
@@ -0,0 +1,34 @@
+import { Directive } from 'vue';
+// 禁止右键菜单
+export const noContextmenu: Directive = {
+  mounted(el) {
+    el.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  },
+  unmounted(el) {
+    el.removeEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  }
+};
+
+// 在 main.js 中注册：
+// import { noContextmenu } from './directives/no-contextmenu';
+// app.directive('no-contextmenu', noContextmenu);
+
+// 在组件中使用：
+//  <div v-no-contextmenu>
+// 右键菜单被禁用
+// </div>
+
+// 其余方式
+// <div id="protected-element">
+//   右键菜单在此元素上被禁用
+// </div>
+// <script>
+// const element = document.getElementById('protected-element');
+// element.addEventListener('contextmenu', function(e) {
+//   e.preventDefault();
+// });
+// </script>
diff --git a/src/main.ts b/src/main.ts
index 5fa903b..eeac221 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -16,6 +16,8 @@
 import { dragWidth } from '@/directives/drag-width/index'
 import tableAutoScroll from '@/directives/table-scroll/index'
 import loadMore from './directives/load-more'
+import { noContextmenu } from './directives/no-contextmenu';
+
 // 引入音频文件
 import alarmAudio from '@/assets/audio/alarm.mp3'
 import otherAudio from '@/assets/audio/other.mp3'
@@ -144,6 +146,7 @@
   })
   app.directive('tableAutoScroll', tableAutoScroll)
   app.directive('loadmore', loadMore)
+  app.directive('no-contextmenu', noContextmenu)
   directive(app)
 
   app.mount('#app')
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index b83d4af..9640ced 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -86,8 +86,8 @@
           leakageData.value[y] = data[i]
         }
       }
-      leakageData.value.off = '958'
-      leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
+      // leakageData.value.off = '958'
+      // leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
       // 防外力破坏监测概况数据
       for (const y in forceData.value) {
         if (i.toLocaleLowerCase().includes('damage') && i.toLocaleLowerCase().includes(y)) {
diff --git a/src/views/home/device/device/components/addDialog.vue b/src/views/home/device/device/components/addDialog.vue
index b8faf5e..add49c5 100644
--- a/src/views/home/device/device/components/addDialog.vue
+++ b/src/views/home/device/device/components/addDialog.vue
@@ -282,24 +282,28 @@
 const inputRef = ref()
 const isClear = ref(false) // 是否点击清空
 const selectPosition = () => {
-  if (isClear.value) {
-    return
-  }
-  if (!dataForm.value.watchObject) {
-    ElMessage.warning('请先选择产品')
-    return
-  }
-  // 失去焦点，避免再次触发
-  inputRef.value.blur()
-  if (dataForm.value.watchObject === '1') {
-    wellRef.value.initDialog(dataForm.value)
-  }
-  else if (dataForm.value.watchObject === '2') {
-    stationRef.value.initDialog()
-  }
-  else if (dataForm.value.watchObject === '3') {
-    piepleRef.value.initDialog(dataForm.value)
-  }
+
+  setTimeout(() => {
+    console.log(isClear.value, 'isClear.value')
+    if (isClear.value) {
+      return
+    }
+    if (!dataForm.value.watchObject) {
+      ElMessage.warning('请先选择产品')
+      return
+    }
+    // 失去焦点，避免再次触发
+    inputRef.value.blur()
+    if (dataForm.value.watchObject === '1') {
+      wellRef.value.initDialog(dataForm.value)
+    }
+    else if (dataForm.value.watchObject === '2') {
+      stationRef.value.initDialog()
+    }
+    else if (dataForm.value.watchObject === '3') {
+      piepleRef.value.initDialog(dataForm.value)
+    }
+  })
 }
 // 确认安装位置
 const comfirmLocation = (data: any, type: 'single' | 'multi') => {
@@ -329,9 +333,16 @@
 }
 // 清空安装位置
 const clearPosition = () => {
+  dataForm.value.tagNumber = ''
+  dataForm.value.position = ''
+  dataForm.value.deptName = ''
+  dataForm.value.deptid = ''
+  dataForm.value.lat = ''
+  dataForm.value.lng = ''
+  dataForm.value.ledgerIds = ''
+  isClear.value = true
   inputRef.value.blur()
   // 设置标识
-  isClear.value = true
   setTimeout(() => {
     isClear.value = false
   })
@@ -353,7 +364,8 @@
       <el-row :gutter="24">
         <el-col :span="24">
           <el-form-item label="产品" prop="productId">
-            <el-select v-model.trim="dataForm.productId" placeholder="产品" :disabled="dialogStatus !== 'add'" style="width: 100%;" clearable filterable>
+            <el-select v-model.trim="dataForm.productId" placeholder="产品" :disabled="dialogStatus !== 'add'"
+              style="width: 100%;" clearable filterable>
               <el-option v-for="item in productList" :key="item.id" :label="item.productName" :value="item.id" />
             </el-select>
           </el-form-item>
@@ -432,12 +444,14 @@
       <el-row :gutter="24">
         <el-col :span="12">
           <el-form-item label="质保年限" prop="warrantyPeriod">
-            <el-input v-model="dataForm.warrantyPeriod" placeholder="质保年限" style="width: 100%;" type="number" clearable />
+            <el-input v-model="dataForm.warrantyPeriod" placeholder="质保年限" style="width: 100%;" type="number"
+              clearable />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="监测类型" prop="monitorType">
-            <el-select v-model.trim="dataForm.monitorType" type="text" placeholder="监测类型" style="width: 100%;" clearable filterable>
+            <el-select v-model.trim="dataForm.monitorType" type="text" placeholder="监测类型" style="width: 100%;" clearable
+              filterable>
               <el-option label="临时" value="0" />
               <el-option label="长期" value="1" />
             </el-select>
@@ -479,7 +493,7 @@
     </el-form>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" v-loading="disabledBtn" :disabled="disabledBtn" @click="saveData">
+        <el-button type="primary" :loading="disabledBtn" :disabled="disabledBtn" @click="saveData">
           确认
         </el-button>
         <el-button @click="cancel">
diff --git a/src/views/home/device/device/components/localtionForStation.vue b/src/views/home/device/device/components/localtionForStation.vue
index a1607f1..5372915 100644
--- a/src/views/home/device/device/components/localtionForStation.vue
+++ b/src/views/home/device/device/components/localtionForStation.vue
@@ -7,6 +7,7 @@
 import { ElMessage } from 'element-plus'
 import { getDictByCode } from '@/api/system/dict'
 import { getStationListPage } from '@/api/home/station/station'
+import { getWellListPage } from '@/api/home/ledger/ledger'
 const emits = defineEmits(['confirm'])
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表格数据
@@ -16,13 +17,20 @@
 const select = ref(-1)
 // 初始展示列
 const columns = ref<any>([
-  { text: '场站位号', value: 'tagNumber', align: 'center', isRequired: true, width: '110' },
+  {
+    text: '场站位号',
+    value: 'tagNumber',
+    align: 'center',
+    isRequired: true,
+    width: '110'
+  },
   { text: '场站编号', value: 'ledgerCode', isRequired: true, align: 'center' },
   { text: '场站名称', value: 'ledgerName', isRequired: true, align: 'center' },
   { text: '管理单位', value: 'deptName', isRequired: true, align: 'center' },
-  { text: '场站类型', value: 'wellTypeName', isRequired: true, align: 'center' },
+  { text: '管理方式', value: 'manageTypeName', align: 'center', width: '110' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '感知设备', value: 'device', align: 'center', width: '90' },
+  // { text: '感知设备', value: 'device', align: 'center', width: '90' }
+  { text: '使用状态', value: 'onStateName', align: 'center', width: '110' },
 ])
 const loadingTable = ref(true)
 //  查询条件
@@ -31,21 +39,24 @@
   offset: 1,
   tagNumber: '', // 闸井位号
   ledgerName: '', // 闸井名称
-  ledgerCode: '', // 闸井编号
+  // ledgerCode: '', // 闸井编号
   deptid: '', // 管理单位
-  onState: '', // 使用状态
-  monitorState: '', // 监控状态
+  // onState: '', // 使用状态
+  // monitorState: '', // 监控状态
+  type: '2'
 } as { [key: string]: string | number })
 // 查询数据
 const fetchData = () => {
   loadingTable.value = true
-  getStationListPage(listQuery.value).then((res) => {
-    list.value = res.data.rows
-    total.value = res.data.total
-    loadingTable.value = false
-  }).catch(() => {
-    loadingTable.value = false
-  })
+  getWellListPage(listQuery.value)
+    .then(res => {
+      list.value = res.data.rows
+      total.value = res.data.total
+      loadingTable.value = false
+    })
+    .catch(() => {
+      loadingTable.value = false
+    })
 }
 fetchData()
 // 重置查询条件f
@@ -55,10 +66,11 @@
     offset: 1,
     tagNumber: '', // 闸井位号
     ledgerName: '', // 闸井名称
-    ledgerCode: '', // 闸井编号
+    // ledgerCode: '', // 闸井编号
     deptid: '', // 管理单位
-    onState: '', // 使用状态态
-    monitorState: '', // 监控状态
+    // onState: '', // 使用状态
+    // monitorState: '', // 监控状态
+    type: '2'
   }
   fetchData()
 }
@@ -81,13 +93,13 @@
 const wellTypeList = ref<{ id: string; name: string; value: string }[]>([]) // 场站类型
 const fetchDict = () => {
   // 场站类型
-  getDictByCode('wellType').then((res) => {
+  getDictByCode('wellType').then(res => {
     wellTypeList.value = res.data
   })
 }
 fetchDict()
 defineExpose({
-  initDialog,
+  initDialog
 })
 
 // 保存数据
@@ -105,30 +117,70 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="选择安装位置" append-to-body width="70%">
+  <el-dialog
+    v-model="dialogFormVisible"
+    title="选择安装位置"
+    append-to-body
+    width="70%"
+  >
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
-        <el-input v-model.trim="listQuery.tagNumber" placeholder="场站位号" clearable style="width: 162px;" />
+        <el-input
+          v-model.trim="listQuery.tagNumber"
+          placeholder="场站位号"
+          clearable
+          style="width: 162px"
+        />
+      </search-item>
+     <!-- <search-item>
+        <el-input
+          v-model.trim="listQuery.ledgerCode"
+          placeholder="场站编号"
+          clearable
+          style="width: 162px"
+        />
+      </search-item> -->
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.ledgerName"
+          placeholder="闸井名称"
+          clearable
+          style="width: 162px"
+        />
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.ledgerCode" placeholder="场站编号" clearable style="width: 162px;" />
+        <dept-select
+          v-model="listQuery.deptid"
+          placeholder="管理单位"
+          :clearable="true"
+          style="width: 162px"
+        />
       </search-item>
-      <search-item>
-        <el-input v-model.trim="listQuery.ledgerName" placeholder="闸井名称" clearable style="width: 162px;" />
-      </search-item>
-      <search-item>
-        <dept-select v-model="listQuery.deptid" placeholder="管理单位" :clearable="true" style="width: 162px;" />
-      </search-item>
-      <search-item>
-        <el-select v-model="listQuery.wellType" placeholder="场站类型" clearable class="select" style="width: 162px;">
-          <el-option v-for="item in wellTypeList" :key="item.id" :label="item.name" :value="item.value" />
+      <!-- <search-item>
+        <el-select
+          v-model="listQuery.wellType"
+          placeholder="场站类型"
+          clearable
+          class="select"
+          style="width: 162px"
+        >
+          <el-option
+            v-for="item in wellTypeList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
         </el-select>
-      </search-item>
+      </search-item> -->
     </search-area>
     <table-container>
       <!-- 查询结果Table显示 -->
       <normal-table
-        :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :list-loading="loadingTable"
         @change="changePage"
       >
         <template #preColumns>
@@ -139,7 +191,12 @@
           </el-table-column>
           <el-table-column label="序号" width="75" align="center">
             <template #default="scope">
-              {{ (listQuery.offset as number - 1) * (listQuery.limit as number) + scope.$index + 1 }}
+              {{
+                ((listQuery.offset as number) - 1) *
+                  (listQuery.limit as number) +
+                scope.$index +
+                1
+              }}
             </template>
           </el-table-column>
         </template>
@@ -147,12 +204,8 @@
     </table-container>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          确认
-        </el-button>
-        <el-button @click="cancel">
-          取消
-        </el-button>
+        <el-button type="primary" @click="saveData"> 确认 </el-button>
+        <el-button @click="cancel"> 取消 </el-button>
       </div>
     </template>
   </el-dialog>
diff --git a/src/views/home/ledger/ledger/components/gridList.vue b/src/views/home/ledger/ledger/components/gridList.vue
index 5580e8b..4053d98 100644
--- a/src/views/home/ledger/ledger/components/gridList.vue
+++ b/src/views/home/ledger/ledger/components/gridList.vue
@@ -1,5 +1,5 @@
 <!--
-  Description: 台账管理-闸井/场站列表
+  Description: 台账管理-网格列表
   Author: 李亚光
   Date: 2024-08-20
  -->
diff --git a/src/views/home/pipeline/components/detailInfoDialog.vue b/src/views/home/pipeline/components/detailInfoDialog.vue
index 51e8129..12b2e16 100644
--- a/src/views/home/pipeline/components/detailInfoDialog.vue
+++ b/src/views/home/pipeline/components/detailInfoDialog.vue
@@ -144,6 +144,10 @@
   // 获取详细信息
   detailInfo.value = e.info.row
   rowData.value = e.info.row
+  // 控制 管径pipeDiameter 材质material 建设年代constructEra 显示隐藏
+  // if() {
+
+  // }
   loading.value = true
   gasData.value = []
   if (

diff --git a/src/App.vue b/src/App.vue
index dd26c6b..eaee8ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,16 @@
 const settingsStore = useSettingsStore()
 const $router = useRouter()
 const buttonConfig = ref({
-  autoInsertSpace: true,
+  autoInsertSpace: true
 })
 
 // 侧边栏主导航当前实际宽度
 const mainSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-main-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-main-sidebar-width'
+    )
+  )
   if (['head', 'single', 'top'].includes(settingsStore.menu.menuMode)) {
     actualWidth = 0
   }
@@ -22,63 +26,81 @@
 
 // 侧边栏次导航当前实际宽度
 const subSidebarActualWidth = computed(() => {
-  let actualWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-width'))
+  let actualWidth = parseInt(
+    getComputedStyle(document.documentElement).getPropertyValue(
+      '--g-sub-sidebar-width'
+    )
+  )
   if (settingsStore.menu.menuMode === 'top') {
     actualWidth = 0
-  }
-  else if (settingsStore.menu.subMenuCollapse) {
+  } else if (settingsStore.menu.subMenuCollapse) {
     actualWidth = 55
   }
   return `${actualWidth}px`
 })
 
-watch(() => settingsStore.app.colorScheme, () => {
-  if (settingsStore.app.colorScheme === 'dark') {
-    document.documentElement.classList.add('dark')
+watch(
+  () => settingsStore.app.colorScheme,
+  () => {
+    if (settingsStore.app.colorScheme === 'dark') {
+      document.documentElement.classList.add('dark')
+    } else {
+      document.documentElement.classList.remove('dark')
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.documentElement.classList.remove('dark')
-  }
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.mode, () => {
-  if (settingsStore.mode === 'pc') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
-    })
+watch(
+  () => settingsStore.mode,
+  () => {
+    if (settingsStore.mode === 'pc') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = settingsStore.subMenuCollapseLastStatus
+      })
+    } else if (settingsStore.mode === 'mobile') {
+      settingsStore.$patch(state => {
+        state.menu.subMenuCollapse = true
+      })
+    }
+    document.body.setAttribute('data-mode', settingsStore.mode)
+  },
+  {
+    immediate: true
   }
-  else if (settingsStore.mode === 'mobile') {
-    settingsStore.$patch((state) => {
-      state.menu.subMenuCollapse = true
-    })
-  }
-  document.body.setAttribute('data-mode', settingsStore.mode)
-}, {
-  immediate: true,
-})
+)
 
-watch(() => settingsStore.menu.menuMode, () => {
-  document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
-}, {
-  immediate: true,
-})
+watch(
+  () => settingsStore.menu.menuMode,
+  () => {
+    document.body.setAttribute('data-menu-mode', settingsStore.menu.menuMode)
+  },
+  {
+    immediate: true
+  }
+)
 
-watch([
-  () => settingsStore.app.enableDynamicTitle,
-  () => settingsStore.title,
-], () => {
-  if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
-    const title = settingsStore.title
-    document.title = `${title} - ${window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE}`
+watch(
+  [() => settingsStore.app.enableDynamicTitle, () => settingsStore.title],
+  () => {
+    if (settingsStore.app.enableDynamicTitle && settingsStore.title) {
+      const title = settingsStore.title
+      document.title = `${title} - ${
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+      }`
+    } else {
+      document.title =
+        window.localStorage.getItem('project-name') ||
+        import.meta.env.VITE_APP_TITLE
+    }
+  },
+  {
+    immediate: true
   }
-  else {
-    document.title = window.localStorage.getItem('project-name') || import.meta.env.VITE_APP_TITLE
-  }
-}, {
-  immediate: true,
-})
+)
 
 onMounted(() => {
   // // 浏览器访问当前位置
@@ -99,11 +121,24 @@
     settingsStore.setMode(document.documentElement.clientWidth)
     // 监听浏览器类型变化 刷新浏览器
     const userAgent = navigator.userAgent || navigator.vendor || window.opera
-    const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
-    if (`${isMobile ? 'mobile' : 'pc'}` !== window.localStorage.getItem('browser-type-bj-well')) {
+    const isMobile =
+      /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
+        userAgent
+      )
+    if (
+      `${isMobile ? 'mobile' : 'pc'}` !==
+      window.localStorage.getItem('browser-type-bj-well')
+    ) {
       // if (!window.localStorage.getItem('browser-type-bj-well')) { return }
-      console.log(`浏览器类型发生变化，由${window.localStorage.getItem('browser-type-bj-well')}变为${isMobile ? 'mobile' : 'pc'}`)
-      window.localStorage.setItem('browser-type-bj-well', `${isMobile ? 'mobile' : 'pc'}`)
+      console.log(
+        `浏览器类型发生变化，由${window.localStorage.getItem(
+          'browser-type-bj-well'
+        )}变为${isMobile ? 'mobile' : 'pc'}`
+      )
+      window.localStorage.setItem(
+        'browser-type-bj-well',
+        `${isMobile ? 'mobile' : 'pc'}`
+      )
       $router.push('/')
       setTimeout(() => {
         window.location.reload()
@@ -116,29 +151,33 @@
 })
 const browserType = window.localStorage.getItem('browser-type-bj-well') // mobile || pc
 
-
 window.addEventListener('beforeunload', function (e) {
   console.log(1111)
   // var confirmationMessage = '确定要离开此页面吗？';
   // e.returnValue = confirmationMessage;
   console.log(e.type, 'type')
   if (e.type === 'unload') {
-    console.log('页面被关闭');
+    console.log('页面被关闭')
     // 删除所有缓存数据
     indexDB.deleteAll()
   } else if (e.type === 'beforeunload') {
-    console.log('页面被刷新');
+    console.log('页面被刷新')
   }
   // return confirmationMessage;
 })
 </script>
 
 <template>
-  <el-config-provider :locale="zhCn" :size="settingsStore.app.elementSize" :button="buttonConfig">
+  <el-config-provider
+    :locale="zhCn"
+    :size="settingsStore.app.elementSize"
+    :button="buttonConfig"
+  >
     <router-view
+      v-no-contextmenu
       :style="{
         '--g-main-sidebar-actual-width': mainSidebarActualWidth,
-        '--g-sub-sidebar-actual-width': subSidebarActualWidth,
+        '--g-sub-sidebar-actual-width': subSidebarActualWidth
       }"
     />
     <!-- <system-info v-if="browserType !== 'mobile'" /> -->
diff --git a/src/directives/no-contextmenu.ts b/src/directives/no-contextmenu.ts
new file mode 100644
index 0000000..8250f0b
--- /dev/null
+++ b/src/directives/no-contextmenu.ts
@@ -0,0 +1,34 @@
+import { Directive } from 'vue';
+// 禁止右键菜单
+export const noContextmenu: Directive = {
+  mounted(el) {
+    el.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  },
+  unmounted(el) {
+    el.removeEventListener('contextmenu', (e) => {
+      e.preventDefault();
+    });
+  }
+};
+
+// 在 main.js 中注册：
+// import { noContextmenu } from './directives/no-contextmenu';
+// app.directive('no-contextmenu', noContextmenu);
+
+// 在组件中使用：
+//  <div v-no-contextmenu>
+// 右键菜单被禁用
+// </div>
+
+// 其余方式
+// <div id="protected-element">
+//   右键菜单在此元素上被禁用
+// </div>
+// <script>
+// const element = document.getElementById('protected-element');
+// element.addEventListener('contextmenu', function(e) {
+//   e.preventDefault();
+// });
+// </script>
diff --git a/src/main.ts b/src/main.ts
index 5fa903b..eeac221 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -16,6 +16,8 @@
 import { dragWidth } from '@/directives/drag-width/index'
 import tableAutoScroll from '@/directives/table-scroll/index'
 import loadMore from './directives/load-more'
+import { noContextmenu } from './directives/no-contextmenu';
+
 // 引入音频文件
 import alarmAudio from '@/assets/audio/alarm.mp3'
 import otherAudio from '@/assets/audio/other.mp3'
@@ -144,6 +146,7 @@
   })
   app.directive('tableAutoScroll', tableAutoScroll)
   app.directive('loadmore', loadMore)
+  app.directive('no-contextmenu', noContextmenu)
   directive(app)
 
   app.mount('#app')
diff --git a/src/views/home/dashboard/index.vue b/src/views/home/dashboard/index.vue
index b83d4af..9640ced 100644
--- a/src/views/home/dashboard/index.vue
+++ b/src/views/home/dashboard/index.vue
@@ -86,8 +86,8 @@
           leakageData.value[y] = data[i]
         }
       }
-      leakageData.value.off = '958'
-      leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
+      // leakageData.value.off = '958'
+      // leakageData.value.total = Number(leakageData.value.off) + Number(leakageData.value.normal) + Number(leakageData.value.alarm) + Number(leakageData.value.exception)
       // 防外力破坏监测概况数据
       for (const y in forceData.value) {
         if (i.toLocaleLowerCase().includes('damage') && i.toLocaleLowerCase().includes(y)) {
diff --git a/src/views/home/device/device/components/addDialog.vue b/src/views/home/device/device/components/addDialog.vue
index b8faf5e..add49c5 100644
--- a/src/views/home/device/device/components/addDialog.vue
+++ b/src/views/home/device/device/components/addDialog.vue
@@ -282,24 +282,28 @@
 const inputRef = ref()
 const isClear = ref(false) // 是否点击清空
 const selectPosition = () => {
-  if (isClear.value) {
-    return
-  }
-  if (!dataForm.value.watchObject) {
-    ElMessage.warning('请先选择产品')
-    return
-  }
-  // 失去焦点，避免再次触发
-  inputRef.value.blur()
-  if (dataForm.value.watchObject === '1') {
-    wellRef.value.initDialog(dataForm.value)
-  }
-  else if (dataForm.value.watchObject === '2') {
-    stationRef.value.initDialog()
-  }
-  else if (dataForm.value.watchObject === '3') {
-    piepleRef.value.initDialog(dataForm.value)
-  }
+
+  setTimeout(() => {
+    console.log(isClear.value, 'isClear.value')
+    if (isClear.value) {
+      return
+    }
+    if (!dataForm.value.watchObject) {
+      ElMessage.warning('请先选择产品')
+      return
+    }
+    // 失去焦点，避免再次触发
+    inputRef.value.blur()
+    if (dataForm.value.watchObject === '1') {
+      wellRef.value.initDialog(dataForm.value)
+    }
+    else if (dataForm.value.watchObject === '2') {
+      stationRef.value.initDialog()
+    }
+    else if (dataForm.value.watchObject === '3') {
+      piepleRef.value.initDialog(dataForm.value)
+    }
+  })
 }
 // 确认安装位置
 const comfirmLocation = (data: any, type: 'single' | 'multi') => {
@@ -329,9 +333,16 @@
 }
 // 清空安装位置
 const clearPosition = () => {
+  dataForm.value.tagNumber = ''
+  dataForm.value.position = ''
+  dataForm.value.deptName = ''
+  dataForm.value.deptid = ''
+  dataForm.value.lat = ''
+  dataForm.value.lng = ''
+  dataForm.value.ledgerIds = ''
+  isClear.value = true
   inputRef.value.blur()
   // 设置标识
-  isClear.value = true
   setTimeout(() => {
     isClear.value = false
   })
@@ -353,7 +364,8 @@
       <el-row :gutter="24">
         <el-col :span="24">
           <el-form-item label="产品" prop="productId">
-            <el-select v-model.trim="dataForm.productId" placeholder="产品" :disabled="dialogStatus !== 'add'" style="width: 100%;" clearable filterable>
+            <el-select v-model.trim="dataForm.productId" placeholder="产品" :disabled="dialogStatus !== 'add'"
+              style="width: 100%;" clearable filterable>
               <el-option v-for="item in productList" :key="item.id" :label="item.productName" :value="item.id" />
             </el-select>
           </el-form-item>
@@ -432,12 +444,14 @@
       <el-row :gutter="24">
         <el-col :span="12">
           <el-form-item label="质保年限" prop="warrantyPeriod">
-            <el-input v-model="dataForm.warrantyPeriod" placeholder="质保年限" style="width: 100%;" type="number" clearable />
+            <el-input v-model="dataForm.warrantyPeriod" placeholder="质保年限" style="width: 100%;" type="number"
+              clearable />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="监测类型" prop="monitorType">
-            <el-select v-model.trim="dataForm.monitorType" type="text" placeholder="监测类型" style="width: 100%;" clearable filterable>
+            <el-select v-model.trim="dataForm.monitorType" type="text" placeholder="监测类型" style="width: 100%;" clearable
+              filterable>
               <el-option label="临时" value="0" />
               <el-option label="长期" value="1" />
             </el-select>
@@ -479,7 +493,7 @@
     </el-form>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" v-loading="disabledBtn" :disabled="disabledBtn" @click="saveData">
+        <el-button type="primary" :loading="disabledBtn" :disabled="disabledBtn" @click="saveData">
           确认
         </el-button>
         <el-button @click="cancel">
diff --git a/src/views/home/device/device/components/localtionForStation.vue b/src/views/home/device/device/components/localtionForStation.vue
index a1607f1..5372915 100644
--- a/src/views/home/device/device/components/localtionForStation.vue
+++ b/src/views/home/device/device/components/localtionForStation.vue
@@ -7,6 +7,7 @@
 import { ElMessage } from 'element-plus'
 import { getDictByCode } from '@/api/system/dict'
 import { getStationListPage } from '@/api/home/station/station'
+import { getWellListPage } from '@/api/home/ledger/ledger'
 const emits = defineEmits(['confirm'])
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表格数据
@@ -16,13 +17,20 @@
 const select = ref(-1)
 // 初始展示列
 const columns = ref<any>([
-  { text: '场站位号', value: 'tagNumber', align: 'center', isRequired: true, width: '110' },
+  {
+    text: '场站位号',
+    value: 'tagNumber',
+    align: 'center',
+    isRequired: true,
+    width: '110'
+  },
   { text: '场站编号', value: 'ledgerCode', isRequired: true, align: 'center' },
   { text: '场站名称', value: 'ledgerName', isRequired: true, align: 'center' },
   { text: '管理单位', value: 'deptName', isRequired: true, align: 'center' },
-  { text: '场站类型', value: 'wellTypeName', isRequired: true, align: 'center' },
+  { text: '管理方式', value: 'manageTypeName', align: 'center', width: '110' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '感知设备', value: 'device', align: 'center', width: '90' },
+  // { text: '感知设备', value: 'device', align: 'center', width: '90' }
+  { text: '使用状态', value: 'onStateName', align: 'center', width: '110' },
 ])
 const loadingTable = ref(true)
 //  查询条件
@@ -31,21 +39,24 @@
   offset: 1,
   tagNumber: '', // 闸井位号
   ledgerName: '', // 闸井名称
-  ledgerCode: '', // 闸井编号
+  // ledgerCode: '', // 闸井编号
   deptid: '', // 管理单位
-  onState: '', // 使用状态
-  monitorState: '', // 监控状态
+  // onState: '', // 使用状态
+  // monitorState: '', // 监控状态
+  type: '2'
 } as { [key: string]: string | number })
 // 查询数据
 const fetchData = () => {
   loadingTable.value = true
-  getStationListPage(listQuery.value).then((res) => {
-    list.value = res.data.rows
-    total.value = res.data.total
-    loadingTable.value = false
-  }).catch(() => {
-    loadingTable.value = false
-  })
+  getWellListPage(listQuery.value)
+    .then(res => {
+      list.value = res.data.rows
+      total.value = res.data.total
+      loadingTable.value = false
+    })
+    .catch(() => {
+      loadingTable.value = false
+    })
 }
 fetchData()
 // 重置查询条件f
@@ -55,10 +66,11 @@
     offset: 1,
     tagNumber: '', // 闸井位号
     ledgerName: '', // 闸井名称
-    ledgerCode: '', // 闸井编号
+    // ledgerCode: '', // 闸井编号
     deptid: '', // 管理单位
-    onState: '', // 使用状态态
-    monitorState: '', // 监控状态
+    // onState: '', // 使用状态
+    // monitorState: '', // 监控状态
+    type: '2'
   }
   fetchData()
 }
@@ -81,13 +93,13 @@
 const wellTypeList = ref<{ id: string; name: string; value: string }[]>([]) // 场站类型
 const fetchDict = () => {
   // 场站类型
-  getDictByCode('wellType').then((res) => {
+  getDictByCode('wellType').then(res => {
     wellTypeList.value = res.data
   })
 }
 fetchDict()
 defineExpose({
-  initDialog,
+  initDialog
 })
 
 // 保存数据
@@ -105,30 +117,70 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="选择安装位置" append-to-body width="70%">
+  <el-dialog
+    v-model="dialogFormVisible"
+    title="选择安装位置"
+    append-to-body
+    width="70%"
+  >
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
-        <el-input v-model.trim="listQuery.tagNumber" placeholder="场站位号" clearable style="width: 162px;" />
+        <el-input
+          v-model.trim="listQuery.tagNumber"
+          placeholder="场站位号"
+          clearable
+          style="width: 162px"
+        />
+      </search-item>
+     <!-- <search-item>
+        <el-input
+          v-model.trim="listQuery.ledgerCode"
+          placeholder="场站编号"
+          clearable
+          style="width: 162px"
+        />
+      </search-item> -->
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.ledgerName"
+          placeholder="闸井名称"
+          clearable
+          style="width: 162px"
+        />
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.ledgerCode" placeholder="场站编号" clearable style="width: 162px;" />
+        <dept-select
+          v-model="listQuery.deptid"
+          placeholder="管理单位"
+          :clearable="true"
+          style="width: 162px"
+        />
       </search-item>
-      <search-item>
-        <el-input v-model.trim="listQuery.ledgerName" placeholder="闸井名称" clearable style="width: 162px;" />
-      </search-item>
-      <search-item>
-        <dept-select v-model="listQuery.deptid" placeholder="管理单位" :clearable="true" style="width: 162px;" />
-      </search-item>
-      <search-item>
-        <el-select v-model="listQuery.wellType" placeholder="场站类型" clearable class="select" style="width: 162px;">
-          <el-option v-for="item in wellTypeList" :key="item.id" :label="item.name" :value="item.value" />
+      <!-- <search-item>
+        <el-select
+          v-model="listQuery.wellType"
+          placeholder="场站类型"
+          clearable
+          class="select"
+          style="width: 162px"
+        >
+          <el-option
+            v-for="item in wellTypeList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
         </el-select>
-      </search-item>
+      </search-item> -->
     </search-area>
     <table-container>
       <!-- 查询结果Table显示 -->
       <normal-table
-        :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :list-loading="loadingTable"
         @change="changePage"
       >
         <template #preColumns>
@@ -139,7 +191,12 @@
           </el-table-column>
           <el-table-column label="序号" width="75" align="center">
             <template #default="scope">
-              {{ (listQuery.offset as number - 1) * (listQuery.limit as number) + scope.$index + 1 }}
+              {{
+                ((listQuery.offset as number) - 1) *
+                  (listQuery.limit as number) +
+                scope.$index +
+                1
+              }}
             </template>
           </el-table-column>
         </template>
@@ -147,12 +204,8 @@
     </table-container>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          确认
-        </el-button>
-        <el-button @click="cancel">
-          取消
-        </el-button>
+        <el-button type="primary" @click="saveData"> 确认 </el-button>
+        <el-button @click="cancel"> 取消 </el-button>
       </div>
     </template>
   </el-dialog>
diff --git a/src/views/home/ledger/ledger/components/gridList.vue b/src/views/home/ledger/ledger/components/gridList.vue
index 5580e8b..4053d98 100644
--- a/src/views/home/ledger/ledger/components/gridList.vue
+++ b/src/views/home/ledger/ledger/components/gridList.vue
@@ -1,5 +1,5 @@
 <!--
-  Description: 台账管理-闸井/场站列表
+  Description: 台账管理-网格列表
   Author: 李亚光
   Date: 2024-08-20
  -->
diff --git a/src/views/home/pipeline/components/detailInfoDialog.vue b/src/views/home/pipeline/components/detailInfoDialog.vue
index 51e8129..12b2e16 100644
--- a/src/views/home/pipeline/components/detailInfoDialog.vue
+++ b/src/views/home/pipeline/components/detailInfoDialog.vue
@@ -144,6 +144,10 @@
   // 获取详细信息
   detailInfo.value = e.info.row
   rowData.value = e.info.row
+  // 控制 管径pipeDiameter 材质material 建设年代constructEra 显示隐藏
+  // if() {
+
+  // }
   loading.value = true
   gasData.value = []
   if (
diff --git a/src/views/system/user/listUser.vue b/src/views/system/user/listUser.vue
index ee3fb53..43096f1 100644
--- a/src/views/system/user/listUser.vue
+++ b/src/views/system/user/listUser.vue
@@ -2,15 +2,32 @@
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Delete, EditPen, Key, MagicStick, Plus } from '@element-plus/icons-vue'
 import type { Ref } from 'vue'
-import type { IlistQueryType, TreeStructure, changePageType, userType } from './user-interface'
+import type {
+  IlistQueryType,
+  TreeStructure,
+  changePageType,
+  userType
+} from './user-interface'
 import AddUser from './userAdd.vue'
 import RoleAssignment from './roleAssignment.vue'
 import { getDeptTreeList } from '@/api/system/dept'
-import { delUser, freezeUserApi, getUserList, resetPwdApi, unfreezeUser, updateUser } from '@/api/system/user'
+import {
+  delUser,
+  freezeUserApi,
+  getUserList,
+  resetPwdApi,
+  unfreezeUser,
+  updateUser
+} from '@/api/system/user'
 import { toTreeList } from '@/utils/structure'
 import { RSAencrypt } from '@/utils/security'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
-import { encryptNoCodedString, encrypt, decrypt, isEncrypt } from '@/utils/security1'
+import {
+  encryptNoCodedString,
+  encrypt,
+  decrypt,
+  isEncrypt
+} from '@/utils/security1'
 import { result } from 'lodash-es'
 // 逻辑代码
 interface Tree {
@@ -30,7 +47,7 @@
   { text: '真实姓名', value: 'name', align: 'center' },
   { text: '角色', value: 'roleName', align: 'center' },
   { text: '手机号', value: 'phone', align: 'center' },
-  { text: '注册时间', value: 'createtime', align: 'center' },
+  { text: '注册时间', value: 'createtime', align: 'center' }
 ]
 const list = ref([])
 const total = ref(0)
@@ -39,7 +56,7 @@
 const resetPwdFlag = ref<string>('111111')
 const defaultProps = {
   children: 'children',
-  label: 'name',
+  label: 'name'
 }
 // 查询参数
 const listQuery: IlistQueryType = reactive({
@@ -50,51 +67,83 @@
   offset: 1,
   limit: 20,
   sort: 'id',
-  deptType: '',
+  deptType: ''
 })
 const treeData = ref<TreeStructure[]>([])
 // 获取列表数据
 const fetchData = (flag: string) => {
   loadingTable.value = true
   select.value = ''
-  var reg = new RegExp("[\\u4E00-\\u9FFF]+", "g")
+  var reg = new RegExp('[\\u4E00-\\u9FFF]+', 'g')
   getUserList({
     ...listQuery,
-    keywords: reg.test(listQuery.keywords) ? encryptNoCodedString(listQuery.keywords) : listQuery.keywords
-  }).then((res) => {
-    list.value = JSON.parse(JSON.stringify(res.data.rows || [])).map((item: any) => ({
-      ...item,
-      name: isEncrypt(item.name) ? decrypt(item.name) : item.name,
-      phone: isEncrypt(item.phone) ? decrypt(item.phone) : item.phone,
-      email: isEncrypt(item.email) ? decrypt(item.email) : item.email,
-      isEncrypt: isEncrypt(item.name) && isEncrypt(item.email) && isEncrypt(item.phone)
-    }))
-    total.value = res.data.total
-    loadingTable.value = false
-    calcTableHeight()
-
-    // if (JSON.parse(JSON.stringify(res.data.rows || [])).some((item: any) => !isEncrypt(item.name))) {
-    //   // console.log('需要加密')
-    //   list.value.forEach((item: any) => {
-    //     // if (!isEncrypt(item.name) && !isEncrypt(item.phone) && !isEncrypt(item.email)) {
-    //     updateUser({
-    //       ...item,
-    //       name: encrypt(item.name),
-    //       phone: encrypt(item.phone),
-    //       email: encrypt(item.email)
-    //     }).then(res => {
-    //       // console.log('更新成功')
-    //     })
-    //     // }
-    //   })
-    // }
-    // else {
-    //   // console.log('不需要加密')
-    // }
-
-  }).catch(() => {
-    loadingTable.value = false
+    keywords: reg.test(listQuery.keywords)
+      ? encryptNoCodedString(listQuery.keywords)
+      : listQuery.keywords
   })
+    .then(res => {
+      if (reg.test(listQuery.keywords) && !res.data.rows.length) {
+        // 从新获取
+        getUserList({
+          ...listQuery,
+          keywords: listQuery.keywords
+        }).then(res => {
+          list.value = JSON.parse(JSON.stringify(res.data.rows || [])).map(
+            (item: any) => ({
+              ...item,
+              name: isEncrypt(item.name) ? decrypt(item.name) : item.name,
+              phone: isEncrypt(item.phone) ? decrypt(item.phone) : item.phone,
+              email: isEncrypt(item.email) ? decrypt(item.email) : item.email,
+              isEncrypt:
+                isEncrypt(item.name) &&
+                isEncrypt(item.email) &&
+                isEncrypt(item.phone)
+            })
+          )
+          total.value = res.data.total
+          loadingTable.value = false
+          calcTableHeight()
+        })
+        return
+      }
+      list.value = JSON.parse(JSON.stringify(res.data.rows || [])).map(
+        (item: any) => ({
+          ...item,
+          name: isEncrypt(item.name) ? decrypt(item.name) : item.name,
+          phone: isEncrypt(item.phone) ? decrypt(item.phone) : item.phone,
+          email: isEncrypt(item.email) ? decrypt(item.email) : item.email,
+          isEncrypt:
+            isEncrypt(item.name) &&
+            isEncrypt(item.email) &&
+            isEncrypt(item.phone)
+        })
+      )
+      total.value = res.data.total
+      loadingTable.value = false
+      calcTableHeight()
+
+      // if (JSON.parse(JSON.stringify(res.data.rows || [])).some((item: any) => !isEncrypt(item.name))) {
+      //   // console.log('需要加密')
+      //   list.value.forEach((item: any) => {
+      //     // if (!isEncrypt(item.name) && !isEncrypt(item.phone) && !isEncrypt(item.email)) {
+      //     updateUser({
+      //       ...item,
+      //       name: encrypt(item.name),
+      //       phone: encrypt(item.phone),
+      //       email: encrypt(item.email)
+      //     }).then(res => {
+      //       // console.log('更新成功')
+      //     })
+      //     // }
+      //   })
+      // }
+      // else {
+      //   // console.log('不需要加密')
+      // }
+    })
+    .catch(() => {
+      loadingTable.value = false
+    })
 }
 // 点击树形结构
 const handleNodeClick = (data: Tree) => {
@@ -105,12 +154,14 @@
 // 获取组织列表树数据
 const fetchTreeData = () => {
   loadingTree.value = true
-  getDeptTreeList(listQuery).then((res) => {
-    treeData.value = toTreeList<TreeStructure>(res.data, '0', true)
-    loadingTree.value = false
-  }).catch(() => {
-    loadingTree.value = false
-  })
+  getDeptTreeList(listQuery)
+    .then(res => {
+      treeData.value = toTreeList<TreeStructure>(res.data, '0', true)
+      loadingTree.value = false
+    })
+    .catch(() => {
+      loadingTree.value = false
+    })
 }
 // 查询数据
 const search = () => {
@@ -126,8 +177,7 @@
   if (select.value) {
     const user: userType = list.value[select.value - 1]
     addUserRef.value.initDialog('update', user)
-  }
-  else {
+  } else {
     ElMessage.error('必须选中用户')
   }
 }
@@ -141,19 +191,20 @@
       {
         confirmButtonText: '确认',
         cancelButtonText: '取消',
-        type: 'warning',
-      },
-    ).then(async () => {
-      const params = {
-        id: String(user.id),
-        newPwd: await RSAencrypt(resetPwdFlag.value),
+        type: 'warning'
       }
-      resetPwdApi(params).then(() => {
-        ElMessage.success('操作成功')
+    )
+      .then(async () => {
+        const params = {
+          id: String(user.id),
+          newPwd: await RSAencrypt(resetPwdFlag.value)
+        }
+        resetPwdApi(params).then(() => {
+          ElMessage.success('操作成功')
+        })
       })
-    }).catch(() => { })
-  }
-  else {
+      .catch(() => {})
+  } else {
     ElMessage.error('必须选中用户')
   }
 }
@@ -188,50 +239,50 @@
 const deleteUser = () => {
   if (select.value) {
     const user: userType = list.value[select.value - 1]
-    ElMessageBox.confirm(
-      `确定要删除${user.name}吗？`,
-      'Warning',
-      {
-        confirmButtonText: '确认',
-        cancelButtonText: '取消',
-        type: 'warning',
-      },
-    ).then(() => {
-      delUser({ id: user.id }).then(() => {
-        ElMessage.success('操作成功')
-        fetchData('')
+    ElMessageBox.confirm(`确定要删除${user.name}吗？`, 'Warning', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning'
+    })
+      .then(() => {
+        delUser({ id: user.id }).then(() => {
+          ElMessage.success('操作成功')
+          fetchData('')
+        })
       })
-    }).catch(() => { })
-  }
-  else {
+      .catch(() => {})
+  } else {
     ElMessage.error('必须选中用户')
   }
 }
 // 冻结/解冻用户
 const frozenUser = (row: userType) => {
   ElMessageBox.confirm(
-    `确定要${(btnNames as { [key: string]: string })[row.statusName]}${row.name}吗？`,
+    `确定要${(btnNames as { [key: string]: string })[row.statusName]}${
+      row.name
+    }吗？`,
     'Warning',
     {
       confirmButtonText: '确认',
       cancelButtonText: '取消',
-      type: 'warning',
-    },
-  ).then(() => {
-    if ((btnNames as any)[row.statusName] === '冻结') {
-      // 发送请求
-      freezeUserApi({ id: row.id }).then((res) => {
-        ElMessage.success('操作成功')
-        fetchData('')
-      })
+      type: 'warning'
     }
-    else {
-      unfreezeUser({ id: row.id }).then((res) => {
-        ElMessage.success('操作成功')
-        fetchData('')
-      })
-    }
-  }).catch(() => { })
+  )
+    .then(() => {
+      if ((btnNames as any)[row.statusName] === '冻结') {
+        // 发送请求
+        freezeUserApi({ id: row.id }).then(res => {
+          ElMessage.success('操作成功')
+          fetchData('')
+        })
+      } else {
+        unfreezeUser({ id: row.id }).then(res => {
+          ElMessage.success('操作成功')
+          fetchData('')
+        })
+      }
+    })
+    .catch(() => {})
 }
 const roleAssignmentRef = ref() // 角色分配弹窗
 // 角色分配
@@ -239,8 +290,7 @@
   if (select.value) {
     const user: userType = list.value[select.value - 1]
     roleAssignmentRef.value.initDialog(user)
-  }
-  else {
+  } else {
     ElMessage.error('必须选中用户')
   }
 }
@@ -285,11 +335,17 @@
   // 分页器的高度
   const tablePaginationHeight = 40
   // 判断数据长度
-  const height = window.innerHeight - topHeight - appPadding - searchHeight - tableTopHeight - tableHeaderHeight - tablePaginationHeight
+  const height =
+    window.innerHeight -
+    topHeight -
+    appPadding -
+    searchHeight -
+    tableTopHeight -
+    tableHeaderHeight -
+    tablePaginationHeight
   if (list.value.length * 50 >= height) {
     tableHeight.value = height
-  }
-  else {
+  } else {
     tableHeight.value = list.value.length ? (list.value.length + 1) * 50 : 100
   }
 }
@@ -322,51 +378,60 @@
           name: isEncrypt(item.name) ? item.name : encrypt(item.name),
           phone: isEncrypt(item.phone) ? item.phone : encrypt(item.phone),
           email: isEncrypt(item.email) ? item.email : encrypt(item.email),
-          isEncrypt: undefined,
+          isEncrypt: undefined
         })
           .then(() => ({ index, success: true }))
           .catch(error => ({ index, success: false, error }))
       )
-    );
+    )
 
     const failedRequests = results
       .filter(r => r.status === 'rejected' || !r.value.success)
       .map(r => ({
         index: r.value?.index ?? results.indexOf(r),
         error: r.reason || r.value.error
-      }));
+      }))
 
     if (failedRequests.length > 0) {
-      console.error('以下请求失败：');
+      console.error('以下请求失败：')
       failedRequests.forEach(req => {
-        const item = arr[req.index];
-        console.error(`- 数据 ${item.id} (索引 ${req.index}) 失败：${req.error.message}`);
-      });
-      return { success: false, failedRequests };
+        const item = arr[req.index]
+        console.error(
+          `- 数据 ${item.id} (索引 ${req.index}) 失败：${req.error.message}`
+        )
+      })
+      return { success: false, failedRequests }
     } else {
-      console.log('所有请求成功！');
-      return { success: true };
+      console.log('所有请求成功！')
+      return { success: true }
     }
   }
-  updateArrayItems(multiSelectData.value).then(result => {
-    loadingBtn.value = false
-    if (result.success) {
-      // 显示成功提示
-      ElMessage.success('加密成功')
-      clearSelect()
-      fetchData('')
-    } else {
-      console.log(result.failedRequests, '加密失败')
-      const fail = (result.failedRequests || []).map((item) => multiSelectData.value[item.index]?.name || '')
-      // 显示失败详情
-      ElMessage.warning(`${(result.failedRequests || []).length}个加密失败,分别是:${fail.join(',')}`)
-      clearSelect()
-      fetchData('')
-    }
-  }).catch(() => {
-    loadingBtn.value = false
-  })
-
+  updateArrayItems(multiSelectData.value)
+    .then(result => {
+      loadingBtn.value = false
+      if (result.success) {
+        // 显示成功提示
+        ElMessage.success('加密成功')
+        clearSelect()
+        fetchData('')
+      } else {
+        console.log(result.failedRequests, '加密失败')
+        const fail = (result.failedRequests || []).map(
+          item => multiSelectData.value[item.index]?.name || ''
+        )
+        // 显示失败详情
+        ElMessage.warning(
+          `${(result.failedRequests || []).length}个加密失败,分别是:${fail.join(
+            ','
+          )}`
+        )
+        clearSelect()
+        fetchData('')
+      }
+    })
+    .catch(() => {
+      loadingBtn.value = false
+    })
 }
 </script>
 
@@ -384,8 +449,14 @@
               </div>
             </template>
             <el-scrollbar height="100%" class="user-dept-scroll">
-              <el-tree v-loading="loadingTree" :data="treeData" :props="defaultProps" default-expand-all
-                :expand-on-click-node="false" @node-click="handleNodeClick" />
+              <el-tree
+                v-loading="loadingTree"
+                :data="treeData"
+                :props="defaultProps"
+                default-expand-all
+                :expand-on-click-node="false"
+                @node-click="handleNodeClick"
+              />
             </el-scrollbar>
           </el-card>
         </div>
@@ -395,15 +466,30 @@
         <!-- 筛选条件 -->
         <search-area @search="search">
           <search-item>
-            <el-input v-model.trim="listQuery.keywords" placeholder="账户/真实姓名/手机号" clearable style="width: 162px;" />
+            <el-input
+              v-model.trim="listQuery.keywords"
+              placeholder="账户/真实姓名/手机号"
+              clearable
+              style="width: 162px"
+            />
           </search-item>
           <search-item>
-            <el-date-picker v-model="listQuery.beginTime" type="datetime" format="YYYY-MM-DD HH:mm:ss"
-              value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择开始时间" />
+            <el-date-picker
+              v-model="listQuery.beginTime"
+              type="datetime"
+              format="YYYY-MM-DD HH:mm:ss"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="选择开始时间"
+            />
           </search-item>
           <search-item>
-            <el-date-picker v-model="listQuery.endTime" type="datetime" format="YYYY-MM-DD HH:mm:ss"
-              value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择结束时间" />
+            <el-date-picker
+              v-model="listQuery.endTime"
+              type="datetime"
+              format="YYYY-MM-DD HH:mm:ss"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="选择结束时间"
+            />
           </search-item>
         </search-area>
         <!-- 表头标题 -->
@@ -411,46 +497,96 @@
           <template #btns-right>
             <!-- 操作 -->
             <div>
-              <el-button v-if="proxy.hasPerm('/sys/mgr/add')" type="primary" :icon="Plus" @click="add">
+              <el-button
+                v-if="proxy.hasPerm('/sys/mgr/add')"
+                type="primary"
+                :icon="Plus"
+                @click="add"
+              >
                 新增
               </el-button>
-              <el-button v-if="proxy.hasPerm('/sys/mgr/update')" type="primary" :icon="EditPen" @click="edit">
+              <el-button
+                v-if="proxy.hasPerm('/sys/mgr/update')"
+                type="primary"
+                :icon="EditPen"
+                @click="edit"
+              >
                 修改
               </el-button>
-              <el-button v-if="proxy.hasPerm('/sys/mgr/delete')" type="primary" :icon="Delete" @click="deleteUser">
+              <el-button
+                v-if="proxy.hasPerm('/sys/mgr/delete')"
+                type="primary"
+                :icon="Delete"
+                @click="deleteUser"
+              >
                 删除
               </el-button>
-              <el-button v-if="proxy.hasPerm('/sys/mgr/reset')" type="primary" :icon="Key" @click="resetPwd">
+              <el-button
+                v-if="proxy.hasPerm('/sys/mgr/reset')"
+                type="primary"
+                :icon="Key"
+                @click="resetPwd"
+              >
                 重置密码
               </el-button>
-              <el-button v-if="proxy.hasPerm('/sys/mgr/roleAssign')" type="primary" :icon="MagicStick"
-                @click="assignmentRole">
+              <el-button
+                v-if="proxy.hasPerm('/sys/mgr/roleAssign')"
+                type="primary"
+                :icon="MagicStick"
+                @click="assignmentRole"
+              >
                 角色分配
               </el-button>
               <!-- v-if="proxy.hasPerm('/sys/mgr/encrypt')" -->
-              <el-button v-if="proxy.hasPerm('/sys/mgr/encrypt')" type="primary" :icon="Key" @click="encryptUser" :disabled="loadingBtn">
+              <el-button
+                v-if="proxy.hasPerm('/sys/mgr/encrypt')"
+                type="primary"
+                :icon="Key"
+                @click="encryptUser"
+                :disabled="loadingBtn"
+              >
                 加密
               </el-button>
             </div>
           </template>
           <!-- 查询结果Table显示 -->
-          <normal-table ref="tableRef" :data="list" :total="total" :columns="columns" :query="listQuery"
-            :list-loading="loadingTable" :height="tableHeight" @change="changePage" :is-showmulti-select="proxy.hasPerm('/sys/mgr/encrypt')"
-            @multi-select="multiSelect">
+          <normal-table
+            ref="tableRef"
+            :data="list"
+            :total="total"
+            :columns="columns"
+            :query="listQuery"
+            :list-loading="loadingTable"
+            :height="tableHeight"
+            @change="changePage"
+            :is-showmulti-select="proxy.hasPerm('/sys/mgr/encrypt')"
+            @multi-select="multiSelect"
+          >
             <template #preColumns>
               <el-table-column label="选择" width="55" align="center">
                 <template #default="scope">
-                  <el-radio v-model="select" :label="scope.$index + 1" class="radio" />
+                  <el-radio
+                    v-model="select"
+                    :label="scope.$index + 1"
+                    class="radio"
+                  />
                 </template>
               </el-table-column>
               <el-table-column label="#" width="80" align="center">
                 <template #default="scope">
-                  {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+                  {{
+                    (listQuery.offset - 1) * listQuery.limit + scope.$index + 1
+                  }}
                 </template>
               </el-table-column>
             </template>
             <template #columns>
-              <el-table-column v-if="proxy.hasPerm('/sys/mgr/encrypt')" label="是否加密" align="center" width="85">
+              <el-table-column
+                v-if="proxy.hasPerm('/sys/mgr/encrypt')"
+                label="是否加密"
+                align="center"
+                width="85"
+              >
                 <template #default="scope">
                   {{ scope.row.isEncrypt ? '是' : '否' }}
                 </template>
@@ -464,8 +600,12 @@
               </el-table-column>
               <el-table-column label="操作" align="center" width="60">
                 <template #default="scope">
-                  <el-button :type="(btnStatus as any)[scope.row.statusName]" link size="small"
-                    @click="frozenUser(scope.row)">
+                  <el-button
+                    :type="(btnStatus as any)[scope.row.statusName]"
+                    link
+                    size="small"
+                    @click="frozenUser(scope.row)"
+                  >
                     {{ (btnNames as any)[scope.row.statusName] }}
                   </el-button>
                 </template>