diff --git a/src/components.d.ts b/src/components.d.ts
index f6461ac..481c1e9 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -44,6 +44,7 @@
     InfoDialog: typeof import('./components/map/infoDialog.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/Map.vue')['default']
+    MarkerMap: typeof import('./components/map/markerMap.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']

diff --git a/src/components.d.ts b/src/components.d.ts
index f6461ac..481c1e9 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -44,6 +44,7 @@
     InfoDialog: typeof import('./components/map/infoDialog.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/Map.vue')['default']
+    MarkerMap: typeof import('./components/map/markerMap.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
diff --git a/src/components/map/markerMap.vue b/src/components/map/markerMap.vue
new file mode 100644
index 0000000..470a26d
--- /dev/null
+++ b/src/components/map/markerMap.vue
@@ -0,0 +1,225 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import useMapStore from '@/store/modules/map'
+const $props = defineProps({
+  init: {
+    type: Array,
+    default: () => [],
+  },
+})
+const $emit = defineEmits(['confirm'])
+const mapStore = useMapStore()
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: mapStore.amapSecurityCode, // 后期需替换
+}
+// 地图实例
+const map = ref()
+const AMap1 = ref()
+const remarkRef = ref()
+const placeSearchRef = ref()
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  $emit('confirm', location)
+  // 在该点添加标记点
+  if (remarkRef.value) {
+    map.value.remove(remarkRef.value)
+  }
+  const AMap = AMap1.value
+  const marker = new AMap.Marker({
+    position: location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  })
+  remarkRef.value = marker
+  map.value.add(marker)
+}
+// 初始化地图
+const initMap = () => {
+  AMapLoader.load({
+    key: mapStore.amapKey, // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar', 'AMap.PlaceSearch', 'AMap.AutoComplete'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  })
+    .then((AMap) => {
+      AMap1.value = AMap
+      // 初始化地图
+      map.value = new AMap.Map('map-location', {
+        viewMode: '3D', //  是否为3D地图模式
+        zoom: 17, // 初始化地图级别
+        center: [116.26755900, 39.91547100],
+        resizeEnable: true,
+      })
+      map.value.clearMap()
+      if ($props.init.length) {
+        const marker = new AMap.Marker({
+          position: $props.init, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+        })
+        remarkRef.value = marker
+        map.value.add(marker)
+        map.value.setFitView()
+      }
+      // 创建引入搜索组件
+      const placeSearch = new AMap.PlaceSearch({
+        pageSize: 5, // 单页显示结果条数
+        pageIndex: 1, // 页码
+        // city: "010", // 兴趣点城市
+        citylimit: false, // 是否强制限制在设置的城市内搜索
+        map: map.value, // 展现结果的地图实例
+        panel: 'result', // 结果列表将在此容器中进行展示。
+        autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
+      })
+      placeSearchRef.value = placeSearch
+      // 绑定事件
+      map.value.on('click', clickHandler)
+      // 搜索标记点点击事件
+      AMap.Event.addListener(placeSearch, 'markerClick', (e) => {
+    	  console.log(e.data.location)// 当前marker的经纬度信息
+        const data = e.data.location
+        const location = [data.lng, data.lat]
+        $emit('confirm', location)
+        if (remarkRef.value) {
+          map.value.remove(remarkRef.value)
+        }
+        const AMap = AMap1.value
+        const marker = new AMap.Marker({
+          position: location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+        })
+        remarkRef.value = marker
+        map.value.add(marker)
+      })
+    })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+onMounted(async () => {
+  initMap()
+})
+onBeforeUnmount(() => {
+  // 解绑事件
+  map.value.clearMap()
+  map.value.off('click', clickHandler)
+  map.value.destroy()
+  map.value = []
+})
+const search = ref('')
+watch(() => search.value, (newVal) => {
+  if (newVal) {
+    placeSearchRef.value.search(newVal, (a, b) => {
+      // console.log(a, b, 'assss')
+    })
+  }
+  else {
+    placeSearchRef.value.clear()
+    // map.value.add(remarkRef.value)
+    map.value.setFitView()
+  }
+}, {
+  deep: true,
+  // immediate: true,
+})
+</script>
+
+<template>
+  <div class="box" style="position: relative;">
+    <div id="map-location" style="width: 100%; height: 500px;" />
+    <div class="info">
+      <div class="input-item">
+        <el-input v-model="search" placeholder="请输入关键字" clearable />
+      </div>
+    </div>
+    <div id="result" />
+  </div>
+</template>
+
+ <style lang="scss" scoped>
+  .box {
+    position: relative;
+  }
+
+  #result {
+    width: 270px;
+    position: absolute;
+    top: 34px;
+    right: 0;
+    height: 100px;
+  }
+
+  #map {
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    font-family: "微软雅黑";
+  }
+
+  .info {
+    // padding: 0.5rem 0.7rem;
+    margin-bottom: 1rem;
+    border-radius: 0.25rem;
+    position: absolute;
+    top: 0;
+    background-color: #fff;
+    width: auto;
+    min-width: 270px;
+    border-width: 0;
+    right: 0;
+    // box-shadow: 0 2px 6px 0 rgb(240 131 0 / 50%);
+
+    .input-item {
+      position: relative;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      width: 100%;
+      height: 2.2rem;
+      border: 1px solid #ccc;
+      border-radius: 0.2rem;
+
+      .input-item-prepend {
+        margin-right: -1px;
+        width: 35%;
+        font-size: 13px;
+        border-right: 1px solid #666;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        background: #b2cefe;
+
+        span {
+          text-align: center;
+        }
+      }
+
+      input {
+        width: 60%;
+        background: #fff;
+        padding: 0.2rem 0.6rem;
+        margin-left: 0.3rem;
+        border: none;
+      }
+    }
+  }
+ </style>
+
+ <style>
+  /* 隐藏高德logo  */
+  .amap-logo {
+    display: none !important;
+  }
+
+  /* 隐藏高德版权  */
+  .amap-copyright {
+    display: none !important;
+  }
+
+  .amap-marker-label {
+    border: 0;
+    background-color: transparent;
+  }
+ </style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f6461ac..481c1e9 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -44,6 +44,7 @@
     InfoDialog: typeof import('./components/map/infoDialog.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/Map.vue')['default']
+    MarkerMap: typeof import('./components/map/markerMap.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
diff --git a/src/components/map/markerMap.vue b/src/components/map/markerMap.vue
new file mode 100644
index 0000000..470a26d
--- /dev/null
+++ b/src/components/map/markerMap.vue
@@ -0,0 +1,225 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import useMapStore from '@/store/modules/map'
+const $props = defineProps({
+  init: {
+    type: Array,
+    default: () => [],
+  },
+})
+const $emit = defineEmits(['confirm'])
+const mapStore = useMapStore()
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: mapStore.amapSecurityCode, // 后期需替换
+}
+// 地图实例
+const map = ref()
+const AMap1 = ref()
+const remarkRef = ref()
+const placeSearchRef = ref()
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  $emit('confirm', location)
+  // 在该点添加标记点
+  if (remarkRef.value) {
+    map.value.remove(remarkRef.value)
+  }
+  const AMap = AMap1.value
+  const marker = new AMap.Marker({
+    position: location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  })
+  remarkRef.value = marker
+  map.value.add(marker)
+}
+// 初始化地图
+const initMap = () => {
+  AMapLoader.load({
+    key: mapStore.amapKey, // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar', 'AMap.PlaceSearch', 'AMap.AutoComplete'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  })
+    .then((AMap) => {
+      AMap1.value = AMap
+      // 初始化地图
+      map.value = new AMap.Map('map-location', {
+        viewMode: '3D', //  是否为3D地图模式
+        zoom: 17, // 初始化地图级别
+        center: [116.26755900, 39.91547100],
+        resizeEnable: true,
+      })
+      map.value.clearMap()
+      if ($props.init.length) {
+        const marker = new AMap.Marker({
+          position: $props.init, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+        })
+        remarkRef.value = marker
+        map.value.add(marker)
+        map.value.setFitView()
+      }
+      // 创建引入搜索组件
+      const placeSearch = new AMap.PlaceSearch({
+        pageSize: 5, // 单页显示结果条数
+        pageIndex: 1, // 页码
+        // city: "010", // 兴趣点城市
+        citylimit: false, // 是否强制限制在设置的城市内搜索
+        map: map.value, // 展现结果的地图实例
+        panel: 'result', // 结果列表将在此容器中进行展示。
+        autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
+      })
+      placeSearchRef.value = placeSearch
+      // 绑定事件
+      map.value.on('click', clickHandler)
+      // 搜索标记点点击事件
+      AMap.Event.addListener(placeSearch, 'markerClick', (e) => {
+    	  console.log(e.data.location)// 当前marker的经纬度信息
+        const data = e.data.location
+        const location = [data.lng, data.lat]
+        $emit('confirm', location)
+        if (remarkRef.value) {
+          map.value.remove(remarkRef.value)
+        }
+        const AMap = AMap1.value
+        const marker = new AMap.Marker({
+          position: location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+        })
+        remarkRef.value = marker
+        map.value.add(marker)
+      })
+    })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+onMounted(async () => {
+  initMap()
+})
+onBeforeUnmount(() => {
+  // 解绑事件
+  map.value.clearMap()
+  map.value.off('click', clickHandler)
+  map.value.destroy()
+  map.value = []
+})
+const search = ref('')
+watch(() => search.value, (newVal) => {
+  if (newVal) {
+    placeSearchRef.value.search(newVal, (a, b) => {
+      // console.log(a, b, 'assss')
+    })
+  }
+  else {
+    placeSearchRef.value.clear()
+    // map.value.add(remarkRef.value)
+    map.value.setFitView()
+  }
+}, {
+  deep: true,
+  // immediate: true,
+})
+</script>
+
+<template>
+  <div class="box" style="position: relative;">
+    <div id="map-location" style="width: 100%; height: 500px;" />
+    <div class="info">
+      <div class="input-item">
+        <el-input v-model="search" placeholder="请输入关键字" clearable />
+      </div>
+    </div>
+    <div id="result" />
+  </div>
+</template>
+
+ <style lang="scss" scoped>
+  .box {
+    position: relative;
+  }
+
+  #result {
+    width: 270px;
+    position: absolute;
+    top: 34px;
+    right: 0;
+    height: 100px;
+  }
+
+  #map {
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    font-family: "微软雅黑";
+  }
+
+  .info {
+    // padding: 0.5rem 0.7rem;
+    margin-bottom: 1rem;
+    border-radius: 0.25rem;
+    position: absolute;
+    top: 0;
+    background-color: #fff;
+    width: auto;
+    min-width: 270px;
+    border-width: 0;
+    right: 0;
+    // box-shadow: 0 2px 6px 0 rgb(240 131 0 / 50%);
+
+    .input-item {
+      position: relative;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      width: 100%;
+      height: 2.2rem;
+      border: 1px solid #ccc;
+      border-radius: 0.2rem;
+
+      .input-item-prepend {
+        margin-right: -1px;
+        width: 35%;
+        font-size: 13px;
+        border-right: 1px solid #666;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        background: #b2cefe;
+
+        span {
+          text-align: center;
+        }
+      }
+
+      input {
+        width: 60%;
+        background: #fff;
+        padding: 0.2rem 0.6rem;
+        margin-left: 0.3rem;
+        border: none;
+      }
+    }
+  }
+ </style>
+
+ <style>
+  /* 隐藏高德logo  */
+  .amap-logo {
+    display: none !important;
+  }
+
+  /* 隐藏高德版权  */
+  .amap-copyright {
+    display: none !important;
+  }
+
+  .amap-marker-label {
+    border: 0;
+    background-color: transparent;
+  }
+ </style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 2f63cb0..77248f0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -370,7 +370,14 @@
       <!-- 主菜单 -->
       <div class="menu">
         <div v-for="(item, index) in menu" :id="`menu-item${index}`" :key="index" class="menu-item" @click="change(index)">
-          <img :src="select === index ? item.check : item.icon" width="70" height="70">
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            :content="item.name"
+            placement="right"
+          >
+            <img :src="select === index ? item.check : item.icon" width="70" height="70">
+          </el-tooltip>
         </div>
       </div>
       <!-- 时间查询 -->

diff --git a/src/components.d.ts b/src/components.d.ts
index f6461ac..481c1e9 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -44,6 +44,7 @@
     InfoDialog: typeof import('./components/map/infoDialog.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/Map.vue')['default']
+    MarkerMap: typeof import('./components/map/markerMap.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
diff --git a/src/components/map/markerMap.vue b/src/components/map/markerMap.vue
new file mode 100644
index 0000000..470a26d
--- /dev/null
+++ b/src/components/map/markerMap.vue
@@ -0,0 +1,225 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import useMapStore from '@/store/modules/map'
+const $props = defineProps({
+  init: {
+    type: Array,
+    default: () => [],
+  },
+})
+const $emit = defineEmits(['confirm'])
+const mapStore = useMapStore()
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: mapStore.amapSecurityCode, // 后期需替换
+}
+// 地图实例
+const map = ref()
+const AMap1 = ref()
+const remarkRef = ref()
+const placeSearchRef = ref()
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  $emit('confirm', location)
+  // 在该点添加标记点
+  if (remarkRef.value) {
+    map.value.remove(remarkRef.value)
+  }
+  const AMap = AMap1.value
+  const marker = new AMap.Marker({
+    position: location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  })
+  remarkRef.value = marker
+  map.value.add(marker)
+}
+// 初始化地图
+const initMap = () => {
+  AMapLoader.load({
+    key: mapStore.amapKey, // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar', 'AMap.PlaceSearch', 'AMap.AutoComplete'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  })
+    .then((AMap) => {
+      AMap1.value = AMap
+      // 初始化地图
+      map.value = new AMap.Map('map-location', {
+        viewMode: '3D', //  是否为3D地图模式
+        zoom: 17, // 初始化地图级别
+        center: [116.26755900, 39.91547100],
+        resizeEnable: true,
+      })
+      map.value.clearMap()
+      if ($props.init.length) {
+        const marker = new AMap.Marker({
+          position: $props.init, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+        })
+        remarkRef.value = marker
+        map.value.add(marker)
+        map.value.setFitView()
+      }
+      // 创建引入搜索组件
+      const placeSearch = new AMap.PlaceSearch({
+        pageSize: 5, // 单页显示结果条数
+        pageIndex: 1, // 页码
+        // city: "010", // 兴趣点城市
+        citylimit: false, // 是否强制限制在设置的城市内搜索
+        map: map.value, // 展现结果的地图实例
+        panel: 'result', // 结果列表将在此容器中进行展示。
+        autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
+      })
+      placeSearchRef.value = placeSearch
+      // 绑定事件
+      map.value.on('click', clickHandler)
+      // 搜索标记点点击事件
+      AMap.Event.addListener(placeSearch, 'markerClick', (e) => {
+    	  console.log(e.data.location)// 当前marker的经纬度信息
+        const data = e.data.location
+        const location = [data.lng, data.lat]
+        $emit('confirm', location)
+        if (remarkRef.value) {
+          map.value.remove(remarkRef.value)
+        }
+        const AMap = AMap1.value
+        const marker = new AMap.Marker({
+          position: location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+        })
+        remarkRef.value = marker
+        map.value.add(marker)
+      })
+    })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+onMounted(async () => {
+  initMap()
+})
+onBeforeUnmount(() => {
+  // 解绑事件
+  map.value.clearMap()
+  map.value.off('click', clickHandler)
+  map.value.destroy()
+  map.value = []
+})
+const search = ref('')
+watch(() => search.value, (newVal) => {
+  if (newVal) {
+    placeSearchRef.value.search(newVal, (a, b) => {
+      // console.log(a, b, 'assss')
+    })
+  }
+  else {
+    placeSearchRef.value.clear()
+    // map.value.add(remarkRef.value)
+    map.value.setFitView()
+  }
+}, {
+  deep: true,
+  // immediate: true,
+})
+</script>
+
+<template>
+  <div class="box" style="position: relative;">
+    <div id="map-location" style="width: 100%; height: 500px;" />
+    <div class="info">
+      <div class="input-item">
+        <el-input v-model="search" placeholder="请输入关键字" clearable />
+      </div>
+    </div>
+    <div id="result" />
+  </div>
+</template>
+
+ <style lang="scss" scoped>
+  .box {
+    position: relative;
+  }
+
+  #result {
+    width: 270px;
+    position: absolute;
+    top: 34px;
+    right: 0;
+    height: 100px;
+  }
+
+  #map {
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    font-family: "微软雅黑";
+  }
+
+  .info {
+    // padding: 0.5rem 0.7rem;
+    margin-bottom: 1rem;
+    border-radius: 0.25rem;
+    position: absolute;
+    top: 0;
+    background-color: #fff;
+    width: auto;
+    min-width: 270px;
+    border-width: 0;
+    right: 0;
+    // box-shadow: 0 2px 6px 0 rgb(240 131 0 / 50%);
+
+    .input-item {
+      position: relative;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      width: 100%;
+      height: 2.2rem;
+      border: 1px solid #ccc;
+      border-radius: 0.2rem;
+
+      .input-item-prepend {
+        margin-right: -1px;
+        width: 35%;
+        font-size: 13px;
+        border-right: 1px solid #666;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        background: #b2cefe;
+
+        span {
+          text-align: center;
+        }
+      }
+
+      input {
+        width: 60%;
+        background: #fff;
+        padding: 0.2rem 0.6rem;
+        margin-left: 0.3rem;
+        border: none;
+      }
+    }
+  }
+ </style>
+
+ <style>
+  /* 隐藏高德logo  */
+  .amap-logo {
+    display: none !important;
+  }
+
+  /* 隐藏高德版权  */
+  .amap-copyright {
+    display: none !important;
+  }
+
+  .amap-marker-label {
+    border: 0;
+    background-color: transparent;
+  }
+ </style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 2f63cb0..77248f0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -370,7 +370,14 @@
       <!-- 主菜单 -->
       <div class="menu">
         <div v-for="(item, index) in menu" :id="`menu-item${index}`" :key="index" class="menu-item" @click="change(index)">
-          <img :src="select === index ? item.check : item.icon" width="70" height="70">
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            :content="item.name"
+            placement="right"
+          >
+            <img :src="select === index ? item.check : item.icon" width="70" height="70">
+          </el-tooltip>
         </div>
       </div>
       <!-- 时间查询 -->
diff --git a/src/views/main/database/detail.vue b/src/views/main/database/detail.vue
new file mode 100644
index 0000000..31d6a63
--- /dev/null
+++ b/src/views/main/database/detail.vue
@@ -0,0 +1,391 @@
+<!-- 管线占压详情 -->
+<script lang="ts" setup name="GanDetail">
+import type { FormRules } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import mapDialog from './mapDialog.vue'
+import { getDictByCode } from '@/api/system/dict'
+// import { getGasDetail } from '@/api/page/gas'
+const emits = defineEmits(['refresh'])
+const dataFormRef = ref()
+const dialogFormVisible = ref(false) // 对话框是否显示
+const dialogFormTyle = ref('create')
+const typeDict = ref<{ [key: string]: string }>({
+  create: '新建',
+  update: '编辑',
+  detail: '详情',
+})
+const areaForm = ref({
+}) // 表单
+const rules: FormRules = {
+} // 前端校验规则
+// 获取处置原因
+const cancelReasonList = ref<{ name: string;value: string;id: string }[]>()
+const fetchDict = () => {
+  getDictByCode('alarmHandlerReason').then((res) => {
+    cancelReasonList.value = res.data
+  })
+}
+fetchDict()
+// 初始化对话框
+const initDialog = (type: string, row: any) => {
+  dialogFormVisible.value = true
+  dialogFormTyle.value = type
+  areaForm.value = row
+}
+defineExpose({
+  initDialog,
+})
+// 取消
+const cancel = () => {
+  dialogFormVisible.value = false
+}
+// 地图选点
+const mapRef = ref()
+const selectMap = () => {
+  mapRef.value.initDialog()
+}
+const confirmMap = (location: any) => {
+  console.log(location, '选择的位置')
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" :title="typeDict[dialogFormTyle]" append-to-body width="65%" top="10vh">
+    <!-- 地图选点 -->
+    <map-dialog ref="mapRef" @confirm="confirmMap" />
+    <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="序号">
+            <el-input v-model.trim="areaForm.couplingCode" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="隐患编号" disabled>
+            <el-input v-model.trim="areaForm.couplingTime" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="一级分类" disabled>
+            <el-input v-model.trim="areaForm.couplingTime" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="二级分类">
+            <el-input v-model.trim="areaForm.couplingResult" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="隐患描述">
+            <el-input v-model.trim="areaForm.loglat" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="管网类型">
+            <el-input v-model.trim="areaForm.recognitionLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管网、设备编码">
+            <el-input v-model.trim="areaForm.recognitionValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="所在区县">
+            <el-input v-model.trim="areaForm.recognitionValue" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="所在街乡">
+            <el-input v-model.trim="areaForm.holeLeve" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="地点">
+            <el-input v-model.trim="areaForm.holeValue" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="经度">
+            <el-input v-model.trim="areaForm.overstockLeve" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="纬度">
+            <el-input v-model.trim="areaForm.overstockValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <div style="margin-left: 15px;" class="icon-map" @click="selectMap">
+            <el-tooltip
+              class="box-item"
+              effect="dark"
+              content="地图选点"
+              placement="top"
+            >
+              <svg-icon name="icon-xunjian" style="width: 35px;height: 35px;" />
+            </el-tooltip>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="是否在小区内">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="小区内占压类型">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="小区名称">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="发现时间">
+            <el-date-picker
+              v-model="value1"
+              type="datetime"
+              placeholder="发现时间"
+              style="width: 100%;"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="隐患等级">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管理责任企业">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="责任人">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="计划消除时限">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="治理情况">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="消除时间">
+            <el-date-picker
+              v-model="value1"
+              type="datetime"
+              placeholder="消除时间"
+              style="width: 100%;"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="产权性质">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="备注">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="占压企业/个人名称">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压单位性质">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物建成年代">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="有无占压物建设批准文件">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物用途">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物描述">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="有无经常性人员活动">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物面积(m²)">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="是否具备改移条件">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="年代">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="类别">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="有无管线建设批准文件">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="管线埋深(m)">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管径">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管线压力">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="占压管线长度(m)">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="是否纳入技改计划">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="技改项目号">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="防控措施">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="治理计划">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="限购或停气情况">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="改线工程名称">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="改线工程编号">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="改线进展统计">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="与区县对接联系人">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="特级占压分类情况">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="cancel">
+          确认
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.icon-map {
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
+

diff --git a/src/components.d.ts b/src/components.d.ts
index f6461ac..481c1e9 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -44,6 +44,7 @@
     InfoDialog: typeof import('./components/map/infoDialog.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/Map.vue')['default']
+    MarkerMap: typeof import('./components/map/markerMap.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
diff --git a/src/components/map/markerMap.vue b/src/components/map/markerMap.vue
new file mode 100644
index 0000000..470a26d
--- /dev/null
+++ b/src/components/map/markerMap.vue
@@ -0,0 +1,225 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import useMapStore from '@/store/modules/map'
+const $props = defineProps({
+  init: {
+    type: Array,
+    default: () => [],
+  },
+})
+const $emit = defineEmits(['confirm'])
+const mapStore = useMapStore()
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: mapStore.amapSecurityCode, // 后期需替换
+}
+// 地图实例
+const map = ref()
+const AMap1 = ref()
+const remarkRef = ref()
+const placeSearchRef = ref()
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  $emit('confirm', location)
+  // 在该点添加标记点
+  if (remarkRef.value) {
+    map.value.remove(remarkRef.value)
+  }
+  const AMap = AMap1.value
+  const marker = new AMap.Marker({
+    position: location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  })
+  remarkRef.value = marker
+  map.value.add(marker)
+}
+// 初始化地图
+const initMap = () => {
+  AMapLoader.load({
+    key: mapStore.amapKey, // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar', 'AMap.PlaceSearch', 'AMap.AutoComplete'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  })
+    .then((AMap) => {
+      AMap1.value = AMap
+      // 初始化地图
+      map.value = new AMap.Map('map-location', {
+        viewMode: '3D', //  是否为3D地图模式
+        zoom: 17, // 初始化地图级别
+        center: [116.26755900, 39.91547100],
+        resizeEnable: true,
+      })
+      map.value.clearMap()
+      if ($props.init.length) {
+        const marker = new AMap.Marker({
+          position: $props.init, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+        })
+        remarkRef.value = marker
+        map.value.add(marker)
+        map.value.setFitView()
+      }
+      // 创建引入搜索组件
+      const placeSearch = new AMap.PlaceSearch({
+        pageSize: 5, // 单页显示结果条数
+        pageIndex: 1, // 页码
+        // city: "010", // 兴趣点城市
+        citylimit: false, // 是否强制限制在设置的城市内搜索
+        map: map.value, // 展现结果的地图实例
+        panel: 'result', // 结果列表将在此容器中进行展示。
+        autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
+      })
+      placeSearchRef.value = placeSearch
+      // 绑定事件
+      map.value.on('click', clickHandler)
+      // 搜索标记点点击事件
+      AMap.Event.addListener(placeSearch, 'markerClick', (e) => {
+    	  console.log(e.data.location)// 当前marker的经纬度信息
+        const data = e.data.location
+        const location = [data.lng, data.lat]
+        $emit('confirm', location)
+        if (remarkRef.value) {
+          map.value.remove(remarkRef.value)
+        }
+        const AMap = AMap1.value
+        const marker = new AMap.Marker({
+          position: location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+        })
+        remarkRef.value = marker
+        map.value.add(marker)
+      })
+    })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+onMounted(async () => {
+  initMap()
+})
+onBeforeUnmount(() => {
+  // 解绑事件
+  map.value.clearMap()
+  map.value.off('click', clickHandler)
+  map.value.destroy()
+  map.value = []
+})
+const search = ref('')
+watch(() => search.value, (newVal) => {
+  if (newVal) {
+    placeSearchRef.value.search(newVal, (a, b) => {
+      // console.log(a, b, 'assss')
+    })
+  }
+  else {
+    placeSearchRef.value.clear()
+    // map.value.add(remarkRef.value)
+    map.value.setFitView()
+  }
+}, {
+  deep: true,
+  // immediate: true,
+})
+</script>
+
+<template>
+  <div class="box" style="position: relative;">
+    <div id="map-location" style="width: 100%; height: 500px;" />
+    <div class="info">
+      <div class="input-item">
+        <el-input v-model="search" placeholder="请输入关键字" clearable />
+      </div>
+    </div>
+    <div id="result" />
+  </div>
+</template>
+
+ <style lang="scss" scoped>
+  .box {
+    position: relative;
+  }
+
+  #result {
+    width: 270px;
+    position: absolute;
+    top: 34px;
+    right: 0;
+    height: 100px;
+  }
+
+  #map {
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    font-family: "微软雅黑";
+  }
+
+  .info {
+    // padding: 0.5rem 0.7rem;
+    margin-bottom: 1rem;
+    border-radius: 0.25rem;
+    position: absolute;
+    top: 0;
+    background-color: #fff;
+    width: auto;
+    min-width: 270px;
+    border-width: 0;
+    right: 0;
+    // box-shadow: 0 2px 6px 0 rgb(240 131 0 / 50%);
+
+    .input-item {
+      position: relative;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      width: 100%;
+      height: 2.2rem;
+      border: 1px solid #ccc;
+      border-radius: 0.2rem;
+
+      .input-item-prepend {
+        margin-right: -1px;
+        width: 35%;
+        font-size: 13px;
+        border-right: 1px solid #666;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        background: #b2cefe;
+
+        span {
+          text-align: center;
+        }
+      }
+
+      input {
+        width: 60%;
+        background: #fff;
+        padding: 0.2rem 0.6rem;
+        margin-left: 0.3rem;
+        border: none;
+      }
+    }
+  }
+ </style>
+
+ <style>
+  /* 隐藏高德logo  */
+  .amap-logo {
+    display: none !important;
+  }
+
+  /* 隐藏高德版权  */
+  .amap-copyright {
+    display: none !important;
+  }
+
+  .amap-marker-label {
+    border: 0;
+    background-color: transparent;
+  }
+ </style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 2f63cb0..77248f0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -370,7 +370,14 @@
       <!-- 主菜单 -->
       <div class="menu">
         <div v-for="(item, index) in menu" :id="`menu-item${index}`" :key="index" class="menu-item" @click="change(index)">
-          <img :src="select === index ? item.check : item.icon" width="70" height="70">
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            :content="item.name"
+            placement="right"
+          >
+            <img :src="select === index ? item.check : item.icon" width="70" height="70">
+          </el-tooltip>
         </div>
       </div>
       <!-- 时间查询 -->
diff --git a/src/views/main/database/detail.vue b/src/views/main/database/detail.vue
new file mode 100644
index 0000000..31d6a63
--- /dev/null
+++ b/src/views/main/database/detail.vue
@@ -0,0 +1,391 @@
+<!-- 管线占压详情 -->
+<script lang="ts" setup name="GanDetail">
+import type { FormRules } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import mapDialog from './mapDialog.vue'
+import { getDictByCode } from '@/api/system/dict'
+// import { getGasDetail } from '@/api/page/gas'
+const emits = defineEmits(['refresh'])
+const dataFormRef = ref()
+const dialogFormVisible = ref(false) // 对话框是否显示
+const dialogFormTyle = ref('create')
+const typeDict = ref<{ [key: string]: string }>({
+  create: '新建',
+  update: '编辑',
+  detail: '详情',
+})
+const areaForm = ref({
+}) // 表单
+const rules: FormRules = {
+} // 前端校验规则
+// 获取处置原因
+const cancelReasonList = ref<{ name: string;value: string;id: string }[]>()
+const fetchDict = () => {
+  getDictByCode('alarmHandlerReason').then((res) => {
+    cancelReasonList.value = res.data
+  })
+}
+fetchDict()
+// 初始化对话框
+const initDialog = (type: string, row: any) => {
+  dialogFormVisible.value = true
+  dialogFormTyle.value = type
+  areaForm.value = row
+}
+defineExpose({
+  initDialog,
+})
+// 取消
+const cancel = () => {
+  dialogFormVisible.value = false
+}
+// 地图选点
+const mapRef = ref()
+const selectMap = () => {
+  mapRef.value.initDialog()
+}
+const confirmMap = (location: any) => {
+  console.log(location, '选择的位置')
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" :title="typeDict[dialogFormTyle]" append-to-body width="65%" top="10vh">
+    <!-- 地图选点 -->
+    <map-dialog ref="mapRef" @confirm="confirmMap" />
+    <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="序号">
+            <el-input v-model.trim="areaForm.couplingCode" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="隐患编号" disabled>
+            <el-input v-model.trim="areaForm.couplingTime" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="一级分类" disabled>
+            <el-input v-model.trim="areaForm.couplingTime" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="二级分类">
+            <el-input v-model.trim="areaForm.couplingResult" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="隐患描述">
+            <el-input v-model.trim="areaForm.loglat" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="管网类型">
+            <el-input v-model.trim="areaForm.recognitionLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管网、设备编码">
+            <el-input v-model.trim="areaForm.recognitionValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="所在区县">
+            <el-input v-model.trim="areaForm.recognitionValue" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="所在街乡">
+            <el-input v-model.trim="areaForm.holeLeve" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="地点">
+            <el-input v-model.trim="areaForm.holeValue" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="经度">
+            <el-input v-model.trim="areaForm.overstockLeve" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="纬度">
+            <el-input v-model.trim="areaForm.overstockValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <div style="margin-left: 15px;" class="icon-map" @click="selectMap">
+            <el-tooltip
+              class="box-item"
+              effect="dark"
+              content="地图选点"
+              placement="top"
+            >
+              <svg-icon name="icon-xunjian" style="width: 35px;height: 35px;" />
+            </el-tooltip>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="是否在小区内">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="小区内占压类型">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="小区名称">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="发现时间">
+            <el-date-picker
+              v-model="value1"
+              type="datetime"
+              placeholder="发现时间"
+              style="width: 100%;"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="隐患等级">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管理责任企业">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="责任人">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="计划消除时限">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="治理情况">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="消除时间">
+            <el-date-picker
+              v-model="value1"
+              type="datetime"
+              placeholder="消除时间"
+              style="width: 100%;"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="产权性质">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="备注">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="占压企业/个人名称">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压单位性质">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物建成年代">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="有无占压物建设批准文件">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物用途">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物描述">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="有无经常性人员活动">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物面积(m²)">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="是否具备改移条件">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="年代">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="类别">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="有无管线建设批准文件">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="管线埋深(m)">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管径">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管线压力">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="占压管线长度(m)">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="是否纳入技改计划">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="技改项目号">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="防控措施">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="治理计划">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="限购或停气情况">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="改线工程名称">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="改线工程编号">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="改线进展统计">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="与区县对接联系人">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="特级占压分类情况">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="cancel">
+          确认
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.icon-map {
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
+
diff --git a/src/views/main/database/index.vue b/src/views/main/database/index.vue
index 2d4fb82..eece6ad 100644
--- a/src/views/main/database/index.vue
+++ b/src/views/main/database/index.vue
@@ -4,6 +4,7 @@
 import type { Ref } from 'vue'
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { DateModelType } from 'element-plus'
+import detailDialog from './detail.vue'
 import type { dictType } from '@/global'
 import { getDictByCode } from '@/api/system/dict'
 import { exportFile } from '@/utils/exportUtils'
@@ -121,11 +122,10 @@
   fetchData(true)
 }
 
-// 详情
-const detailRef = ref()
+// 编辑
+const handlerRef = ref()
 const handler = (type: string, row: any) => {
-  // $router.push({ path: `/gasAlarm/${pageType}/${row.id}` })
-  detailRef.value.initDialog(row)
+  handlerRef.value.initDialog(type, row)
 }
 // 处置报警
 const alarmRef = ref()
@@ -151,6 +151,8 @@
 <template>
   <!-- 布局 -->
   <app-container>
+    <!-- 编辑操作 -->
+    <detail-dialog ref="handlerRef" />
     <search-area :need-clear="true" @search="searchList" @clear="reset">
       <search-item>
         <el-input

diff --git a/src/components.d.ts b/src/components.d.ts
index f6461ac..481c1e9 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -44,6 +44,7 @@
     InfoDialog: typeof import('./components/map/infoDialog.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/Map.vue')['default']
+    MarkerMap: typeof import('./components/map/markerMap.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
diff --git a/src/components/map/markerMap.vue b/src/components/map/markerMap.vue
new file mode 100644
index 0000000..470a26d
--- /dev/null
+++ b/src/components/map/markerMap.vue
@@ -0,0 +1,225 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import useMapStore from '@/store/modules/map'
+const $props = defineProps({
+  init: {
+    type: Array,
+    default: () => [],
+  },
+})
+const $emit = defineEmits(['confirm'])
+const mapStore = useMapStore()
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: mapStore.amapSecurityCode, // 后期需替换
+}
+// 地图实例
+const map = ref()
+const AMap1 = ref()
+const remarkRef = ref()
+const placeSearchRef = ref()
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  $emit('confirm', location)
+  // 在该点添加标记点
+  if (remarkRef.value) {
+    map.value.remove(remarkRef.value)
+  }
+  const AMap = AMap1.value
+  const marker = new AMap.Marker({
+    position: location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  })
+  remarkRef.value = marker
+  map.value.add(marker)
+}
+// 初始化地图
+const initMap = () => {
+  AMapLoader.load({
+    key: mapStore.amapKey, // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar', 'AMap.PlaceSearch', 'AMap.AutoComplete'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  })
+    .then((AMap) => {
+      AMap1.value = AMap
+      // 初始化地图
+      map.value = new AMap.Map('map-location', {
+        viewMode: '3D', //  是否为3D地图模式
+        zoom: 17, // 初始化地图级别
+        center: [116.26755900, 39.91547100],
+        resizeEnable: true,
+      })
+      map.value.clearMap()
+      if ($props.init.length) {
+        const marker = new AMap.Marker({
+          position: $props.init, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+        })
+        remarkRef.value = marker
+        map.value.add(marker)
+        map.value.setFitView()
+      }
+      // 创建引入搜索组件
+      const placeSearch = new AMap.PlaceSearch({
+        pageSize: 5, // 单页显示结果条数
+        pageIndex: 1, // 页码
+        // city: "010", // 兴趣点城市
+        citylimit: false, // 是否强制限制在设置的城市内搜索
+        map: map.value, // 展现结果的地图实例
+        panel: 'result', // 结果列表将在此容器中进行展示。
+        autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
+      })
+      placeSearchRef.value = placeSearch
+      // 绑定事件
+      map.value.on('click', clickHandler)
+      // 搜索标记点点击事件
+      AMap.Event.addListener(placeSearch, 'markerClick', (e) => {
+    	  console.log(e.data.location)// 当前marker的经纬度信息
+        const data = e.data.location
+        const location = [data.lng, data.lat]
+        $emit('confirm', location)
+        if (remarkRef.value) {
+          map.value.remove(remarkRef.value)
+        }
+        const AMap = AMap1.value
+        const marker = new AMap.Marker({
+          position: location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+        })
+        remarkRef.value = marker
+        map.value.add(marker)
+      })
+    })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+onMounted(async () => {
+  initMap()
+})
+onBeforeUnmount(() => {
+  // 解绑事件
+  map.value.clearMap()
+  map.value.off('click', clickHandler)
+  map.value.destroy()
+  map.value = []
+})
+const search = ref('')
+watch(() => search.value, (newVal) => {
+  if (newVal) {
+    placeSearchRef.value.search(newVal, (a, b) => {
+      // console.log(a, b, 'assss')
+    })
+  }
+  else {
+    placeSearchRef.value.clear()
+    // map.value.add(remarkRef.value)
+    map.value.setFitView()
+  }
+}, {
+  deep: true,
+  // immediate: true,
+})
+</script>
+
+<template>
+  <div class="box" style="position: relative;">
+    <div id="map-location" style="width: 100%; height: 500px;" />
+    <div class="info">
+      <div class="input-item">
+        <el-input v-model="search" placeholder="请输入关键字" clearable />
+      </div>
+    </div>
+    <div id="result" />
+  </div>
+</template>
+
+ <style lang="scss" scoped>
+  .box {
+    position: relative;
+  }
+
+  #result {
+    width: 270px;
+    position: absolute;
+    top: 34px;
+    right: 0;
+    height: 100px;
+  }
+
+  #map {
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    font-family: "微软雅黑";
+  }
+
+  .info {
+    // padding: 0.5rem 0.7rem;
+    margin-bottom: 1rem;
+    border-radius: 0.25rem;
+    position: absolute;
+    top: 0;
+    background-color: #fff;
+    width: auto;
+    min-width: 270px;
+    border-width: 0;
+    right: 0;
+    // box-shadow: 0 2px 6px 0 rgb(240 131 0 / 50%);
+
+    .input-item {
+      position: relative;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      width: 100%;
+      height: 2.2rem;
+      border: 1px solid #ccc;
+      border-radius: 0.2rem;
+
+      .input-item-prepend {
+        margin-right: -1px;
+        width: 35%;
+        font-size: 13px;
+        border-right: 1px solid #666;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        background: #b2cefe;
+
+        span {
+          text-align: center;
+        }
+      }
+
+      input {
+        width: 60%;
+        background: #fff;
+        padding: 0.2rem 0.6rem;
+        margin-left: 0.3rem;
+        border: none;
+      }
+    }
+  }
+ </style>
+
+ <style>
+  /* 隐藏高德logo  */
+  .amap-logo {
+    display: none !important;
+  }
+
+  /* 隐藏高德版权  */
+  .amap-copyright {
+    display: none !important;
+  }
+
+  .amap-marker-label {
+    border: 0;
+    background-color: transparent;
+  }
+ </style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 2f63cb0..77248f0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -370,7 +370,14 @@
       <!-- 主菜单 -->
       <div class="menu">
         <div v-for="(item, index) in menu" :id="`menu-item${index}`" :key="index" class="menu-item" @click="change(index)">
-          <img :src="select === index ? item.check : item.icon" width="70" height="70">
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            :content="item.name"
+            placement="right"
+          >
+            <img :src="select === index ? item.check : item.icon" width="70" height="70">
+          </el-tooltip>
         </div>
       </div>
       <!-- 时间查询 -->
diff --git a/src/views/main/database/detail.vue b/src/views/main/database/detail.vue
new file mode 100644
index 0000000..31d6a63
--- /dev/null
+++ b/src/views/main/database/detail.vue
@@ -0,0 +1,391 @@
+<!-- 管线占压详情 -->
+<script lang="ts" setup name="GanDetail">
+import type { FormRules } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import mapDialog from './mapDialog.vue'
+import { getDictByCode } from '@/api/system/dict'
+// import { getGasDetail } from '@/api/page/gas'
+const emits = defineEmits(['refresh'])
+const dataFormRef = ref()
+const dialogFormVisible = ref(false) // 对话框是否显示
+const dialogFormTyle = ref('create')
+const typeDict = ref<{ [key: string]: string }>({
+  create: '新建',
+  update: '编辑',
+  detail: '详情',
+})
+const areaForm = ref({
+}) // 表单
+const rules: FormRules = {
+} // 前端校验规则
+// 获取处置原因
+const cancelReasonList = ref<{ name: string;value: string;id: string }[]>()
+const fetchDict = () => {
+  getDictByCode('alarmHandlerReason').then((res) => {
+    cancelReasonList.value = res.data
+  })
+}
+fetchDict()
+// 初始化对话框
+const initDialog = (type: string, row: any) => {
+  dialogFormVisible.value = true
+  dialogFormTyle.value = type
+  areaForm.value = row
+}
+defineExpose({
+  initDialog,
+})
+// 取消
+const cancel = () => {
+  dialogFormVisible.value = false
+}
+// 地图选点
+const mapRef = ref()
+const selectMap = () => {
+  mapRef.value.initDialog()
+}
+const confirmMap = (location: any) => {
+  console.log(location, '选择的位置')
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" :title="typeDict[dialogFormTyle]" append-to-body width="65%" top="10vh">
+    <!-- 地图选点 -->
+    <map-dialog ref="mapRef" @confirm="confirmMap" />
+    <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="序号">
+            <el-input v-model.trim="areaForm.couplingCode" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="隐患编号" disabled>
+            <el-input v-model.trim="areaForm.couplingTime" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="一级分类" disabled>
+            <el-input v-model.trim="areaForm.couplingTime" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="二级分类">
+            <el-input v-model.trim="areaForm.couplingResult" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="隐患描述">
+            <el-input v-model.trim="areaForm.loglat" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="管网类型">
+            <el-input v-model.trim="areaForm.recognitionLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管网、设备编码">
+            <el-input v-model.trim="areaForm.recognitionValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="所在区县">
+            <el-input v-model.trim="areaForm.recognitionValue" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="所在街乡">
+            <el-input v-model.trim="areaForm.holeLeve" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="地点">
+            <el-input v-model.trim="areaForm.holeValue" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="经度">
+            <el-input v-model.trim="areaForm.overstockLeve" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="纬度">
+            <el-input v-model.trim="areaForm.overstockValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <div style="margin-left: 15px;" class="icon-map" @click="selectMap">
+            <el-tooltip
+              class="box-item"
+              effect="dark"
+              content="地图选点"
+              placement="top"
+            >
+              <svg-icon name="icon-xunjian" style="width: 35px;height: 35px;" />
+            </el-tooltip>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="是否在小区内">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="小区内占压类型">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="小区名称">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="发现时间">
+            <el-date-picker
+              v-model="value1"
+              type="datetime"
+              placeholder="发现时间"
+              style="width: 100%;"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="隐患等级">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管理责任企业">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="责任人">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="计划消除时限">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="治理情况">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="消除时间">
+            <el-date-picker
+              v-model="value1"
+              type="datetime"
+              placeholder="消除时间"
+              style="width: 100%;"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="产权性质">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="备注">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="占压企业/个人名称">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压单位性质">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物建成年代">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="有无占压物建设批准文件">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物用途">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物描述">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="有无经常性人员活动">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="占压物面积(m²)">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="是否具备改移条件">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="年代">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="类别">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="有无管线建设批准文件">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="管线埋深(m)">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管径">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="管线压力">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="占压管线长度(m)">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="是否纳入技改计划">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="技改项目号">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="防控措施">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="治理计划">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="限购或停气情况">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="改线工程名称">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="改线工程编号">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="改线进展统计">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="与区县对接联系人">
+            <el-input v-model.trim="areaForm.gasLevel" type="text" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="特级占压分类情况">
+            <el-input v-model.trim="areaForm.gasValue" type="text" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="cancel">
+          确认
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.icon-map {
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
+
diff --git a/src/views/main/database/index.vue b/src/views/main/database/index.vue
index 2d4fb82..eece6ad 100644
--- a/src/views/main/database/index.vue
+++ b/src/views/main/database/index.vue
@@ -4,6 +4,7 @@
 import type { Ref } from 'vue'
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { DateModelType } from 'element-plus'
+import detailDialog from './detail.vue'
 import type { dictType } from '@/global'
 import { getDictByCode } from '@/api/system/dict'
 import { exportFile } from '@/utils/exportUtils'
@@ -121,11 +122,10 @@
   fetchData(true)
 }
 
-// 详情
-const detailRef = ref()
+// 编辑
+const handlerRef = ref()
 const handler = (type: string, row: any) => {
-  // $router.push({ path: `/gasAlarm/${pageType}/${row.id}` })
-  detailRef.value.initDialog(row)
+  handlerRef.value.initDialog(type, row)
 }
 // 处置报警
 const alarmRef = ref()
@@ -151,6 +151,8 @@
 <template>
   <!-- 布局 -->
   <app-container>
+    <!-- 编辑操作 -->
+    <detail-dialog ref="handlerRef" />
     <search-area :need-clear="true" @search="searchList" @clear="reset">
       <search-item>
         <el-input
diff --git a/src/views/main/database/mapDialog.vue b/src/views/main/database/mapDialog.vue
new file mode 100644
index 0000000..3ed2919
--- /dev/null
+++ b/src/views/main/database/mapDialog.vue
@@ -0,0 +1,65 @@
+<!-- 地图选点弹窗 -->
+<script lang="ts" setup name="SelectMap">
+// import MapComponent from '@/components/map/Map.vue'
+const $emits = defineEmits(['confirm'])
+const dialogFormVisible = ref(false) // 对话框是否显示
+const location = ref()
+// const mapRef = ref()
+// const zoom = ref(18)
+// 初始化对话框
+const initDialog = (data: any) => {
+  dialogFormVisible.value = true
+}
+defineExpose({
+  initDialog,
+})
+// 取消
+const cancel = () => {
+  dialogFormVisible.value = false
+}
+// 确认
+const confirm = () => {
+  cancel()
+  $emits('confirm', location.value)
+}
+const selectMarker = (data: any) => {
+  // $emits('confirm', data)
+  location.value = data
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="地图选点" append-to-body width="50%">
+    <div class="container">
+      <!-- <map-component ref="mapRef" :zoom="zoom" /> -->
+      <marker-map @confirm="selectMarker" />
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="confirm">
+          确认
+        </el-button>
+        <el-button type="info" @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 100%;
+  height: 500px;
+  overflow: hidden;
+}
+
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
+