diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 89cec22..544d6a4 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -16,6 +16,11 @@
     type: Boolean,
     default: true,
   },
+  // 是否展示全选
+  disabledAll: {
+    type: Boolean,
+    default: false,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -216,7 +221,6 @@
   })
   return result
 }
-
 const handleClickFollowLink = (row: any, title: string) => {
   emit('handleClickFollowLink', row, title)
 }
@@ -314,7 +318,8 @@
 <template>
   <div id="normal-table-com">
     <el-table
-      id="print" ref="table" v-loading="listLoading" :data="data" :height="height" border stripe :size="size"
+      id="print"
+      ref="table" v-loading="listLoading" :class="`${disabledAll ? 'selectAllbtnDis' : ''}`" :data="data" :height="height" border stripe :size="size"
       style="width: 100%;" :row-key="(row) => { return row.id || row.index }" :span-method="mergeTableRow"
       @selection-change="handleSelectionChange" @select="selectClick" @row-click="rowClick" @row-dblclick="rowDbClick"
       @filter-change="filterChange" @row-contextmenu="contextmenu"
@@ -328,7 +333,7 @@
       </el-table-column>
       <el-table-column
         v-if="isShowmultiSelect && isMulti" :reserve-selection="true" type="selection" width="38"
-        :selectable="selectable" fixed="left"
+        :selectable="selectable" fixed="left" header-cell-class-name="all-select" class="all-select"
       />
       <template v-for="column of columns" :key="column.value">
         <el-table-column
@@ -405,6 +410,12 @@
 </template>
 
 <style lang="scss" scoped>
+::v-deep .selectAllbtnDis .el-table__header-wrapper .cell .el-checkbox__inner {
+  display: none;
+}
+</style>
+
+<style lang="scss" scoped>
 #custom-menu {
   display: none;
   position: fixed;

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 89cec22..544d6a4 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -16,6 +16,11 @@
     type: Boolean,
     default: true,
   },
+  // 是否展示全选
+  disabledAll: {
+    type: Boolean,
+    default: false,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -216,7 +221,6 @@
   })
   return result
 }
-
 const handleClickFollowLink = (row: any, title: string) => {
   emit('handleClickFollowLink', row, title)
 }
@@ -314,7 +318,8 @@
 <template>
   <div id="normal-table-com">
     <el-table
-      id="print" ref="table" v-loading="listLoading" :data="data" :height="height" border stripe :size="size"
+      id="print"
+      ref="table" v-loading="listLoading" :class="`${disabledAll ? 'selectAllbtnDis' : ''}`" :data="data" :height="height" border stripe :size="size"
       style="width: 100%;" :row-key="(row) => { return row.id || row.index }" :span-method="mergeTableRow"
       @selection-change="handleSelectionChange" @select="selectClick" @row-click="rowClick" @row-dblclick="rowDbClick"
       @filter-change="filterChange" @row-contextmenu="contextmenu"
@@ -328,7 +333,7 @@
       </el-table-column>
       <el-table-column
         v-if="isShowmultiSelect && isMulti" :reserve-selection="true" type="selection" width="38"
-        :selectable="selectable" fixed="left"
+        :selectable="selectable" fixed="left" header-cell-class-name="all-select" class="all-select"
       />
       <template v-for="column of columns" :key="column.value">
         <el-table-column
@@ -405,6 +410,12 @@
 </template>
 
 <style lang="scss" scoped>
+::v-deep .selectAllbtnDis .el-table__header-wrapper .cell .el-checkbox__inner {
+  display: none;
+}
+</style>
+
+<style lang="scss" scoped>
 #custom-menu {
   display: none;
   position: fixed;
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 0b3c3d0..1402d02 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -22,7 +22,7 @@
     default: 9,
   },
 })
-const $emits = defineEmits(['complete', 'marke', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
 const loading = ref(true)
 // 设置安全密钥
 window._AMapSecurityConfig = {
@@ -31,6 +31,27 @@
 // 地图实例
 const map = shallowRef()
 const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
 // 地图缩放等级
 const zoom = ref(0)
 // 图层
@@ -44,11 +65,12 @@
   AMapLoader.load({
     key: localStorage.getItem('JsKey')!, // 后期需替换
     version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
   })
     .then((AMap1: any) => {
       AMap.value = AMap1
       // 初始化地图
+      console.log($props.center, '中心')
       map.value = new AMap1.Map('map', {
         viewMode: '3D', //  是否为3D地图模式
         zoom: $props.zoom, // 初始化地图级别
@@ -73,9 +95,25 @@
         console.log('地图加载完成')
         $emits('complete', AMap.value)
         loading.value = false
+
+        // AMap.value.reGeocode({
+        //   location: $props.center,
+        //   success: (res: any) => {
+        //     // 获取到详细地址信息
+        //     const formattedAddress = res.regeocode.formattedAddress
+        //     console.log('地址:', formattedAddress)
+        //   },
+        //   error: (err: any) => {
+        //     console.error('获取地址失败:', err)
+        //   },
+        // })
       })
       // 地图绑定右击事件
       map.value.on('mousedown', clickHandler)
+      // 地图绑定点击击事件
+      map.value.on('click', (e: any) => {
+        $emits('mapClick', e)
+      })
       // 地图zoom
       map.value.on('zoomend', () => {
         zoom.value = map.value.getZoom() // 获取当前缩放级别
@@ -224,7 +262,7 @@
     // 将 html 传给 content
     content: data.content,
     // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(-13, -30),
+    offset: new AMap.value.Pixel(0, 0),
   })
   markerAllList.value.push(marker)
   // markers的信息窗体
@@ -383,6 +421,7 @@
   removeMassMarks, // 移除点标记(海量点)
   addMassLine, // 添加折线(海量线)
   removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
 })
 </script>
 

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 89cec22..544d6a4 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -16,6 +16,11 @@
     type: Boolean,
     default: true,
   },
+  // 是否展示全选
+  disabledAll: {
+    type: Boolean,
+    default: false,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -216,7 +221,6 @@
   })
   return result
 }
-
 const handleClickFollowLink = (row: any, title: string) => {
   emit('handleClickFollowLink', row, title)
 }
@@ -314,7 +318,8 @@
 <template>
   <div id="normal-table-com">
     <el-table
-      id="print" ref="table" v-loading="listLoading" :data="data" :height="height" border stripe :size="size"
+      id="print"
+      ref="table" v-loading="listLoading" :class="`${disabledAll ? 'selectAllbtnDis' : ''}`" :data="data" :height="height" border stripe :size="size"
       style="width: 100%;" :row-key="(row) => { return row.id || row.index }" :span-method="mergeTableRow"
       @selection-change="handleSelectionChange" @select="selectClick" @row-click="rowClick" @row-dblclick="rowDbClick"
       @filter-change="filterChange" @row-contextmenu="contextmenu"
@@ -328,7 +333,7 @@
       </el-table-column>
       <el-table-column
         v-if="isShowmultiSelect && isMulti" :reserve-selection="true" type="selection" width="38"
-        :selectable="selectable" fixed="left"
+        :selectable="selectable" fixed="left" header-cell-class-name="all-select" class="all-select"
       />
       <template v-for="column of columns" :key="column.value">
         <el-table-column
@@ -405,6 +410,12 @@
 </template>
 
 <style lang="scss" scoped>
+::v-deep .selectAllbtnDis .el-table__header-wrapper .cell .el-checkbox__inner {
+  display: none;
+}
+</style>
+
+<style lang="scss" scoped>
 #custom-menu {
   display: none;
   position: fixed;
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 0b3c3d0..1402d02 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -22,7 +22,7 @@
     default: 9,
   },
 })
-const $emits = defineEmits(['complete', 'marke', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
 const loading = ref(true)
 // 设置安全密钥
 window._AMapSecurityConfig = {
@@ -31,6 +31,27 @@
 // 地图实例
 const map = shallowRef()
 const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
 // 地图缩放等级
 const zoom = ref(0)
 // 图层
@@ -44,11 +65,12 @@
   AMapLoader.load({
     key: localStorage.getItem('JsKey')!, // 后期需替换
     version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
   })
     .then((AMap1: any) => {
       AMap.value = AMap1
       // 初始化地图
+      console.log($props.center, '中心')
       map.value = new AMap1.Map('map', {
         viewMode: '3D', //  是否为3D地图模式
         zoom: $props.zoom, // 初始化地图级别
@@ -73,9 +95,25 @@
         console.log('地图加载完成')
         $emits('complete', AMap.value)
         loading.value = false
+
+        // AMap.value.reGeocode({
+        //   location: $props.center,
+        //   success: (res: any) => {
+        //     // 获取到详细地址信息
+        //     const formattedAddress = res.regeocode.formattedAddress
+        //     console.log('地址:', formattedAddress)
+        //   },
+        //   error: (err: any) => {
+        //     console.error('获取地址失败:', err)
+        //   },
+        // })
       })
       // 地图绑定右击事件
       map.value.on('mousedown', clickHandler)
+      // 地图绑定点击击事件
+      map.value.on('click', (e: any) => {
+        $emits('mapClick', e)
+      })
       // 地图zoom
       map.value.on('zoomend', () => {
         zoom.value = map.value.getZoom() // 获取当前缩放级别
@@ -224,7 +262,7 @@
     // 将 html 传给 content
     content: data.content,
     // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(-13, -30),
+    offset: new AMap.value.Pixel(0, 0),
   })
   markerAllList.value.push(marker)
   // markers的信息窗体
@@ -383,6 +421,7 @@
   removeMassMarks, // 移除点标记(海量点)
   addMassLine, // 添加折线(海量线)
   removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
 })
 </script>
 
diff --git a/src/main.ts b/src/main.ts
index 4317af5..80ad79e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,6 +9,7 @@
 import router from './router'
 import useSettingsStore from './store/modules/settings'
 import request from '@/api/index'
+import '@/utils/getLocation'
 // 自定义指令
 import directive from '@/utils/directive'
 // 加载 svg 图标

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 89cec22..544d6a4 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -16,6 +16,11 @@
     type: Boolean,
     default: true,
   },
+  // 是否展示全选
+  disabledAll: {
+    type: Boolean,
+    default: false,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -216,7 +221,6 @@
   })
   return result
 }
-
 const handleClickFollowLink = (row: any, title: string) => {
   emit('handleClickFollowLink', row, title)
 }
@@ -314,7 +318,8 @@
 <template>
   <div id="normal-table-com">
     <el-table
-      id="print" ref="table" v-loading="listLoading" :data="data" :height="height" border stripe :size="size"
+      id="print"
+      ref="table" v-loading="listLoading" :class="`${disabledAll ? 'selectAllbtnDis' : ''}`" :data="data" :height="height" border stripe :size="size"
       style="width: 100%;" :row-key="(row) => { return row.id || row.index }" :span-method="mergeTableRow"
       @selection-change="handleSelectionChange" @select="selectClick" @row-click="rowClick" @row-dblclick="rowDbClick"
       @filter-change="filterChange" @row-contextmenu="contextmenu"
@@ -328,7 +333,7 @@
       </el-table-column>
       <el-table-column
         v-if="isShowmultiSelect && isMulti" :reserve-selection="true" type="selection" width="38"
-        :selectable="selectable" fixed="left"
+        :selectable="selectable" fixed="left" header-cell-class-name="all-select" class="all-select"
       />
       <template v-for="column of columns" :key="column.value">
         <el-table-column
@@ -405,6 +410,12 @@
 </template>
 
 <style lang="scss" scoped>
+::v-deep .selectAllbtnDis .el-table__header-wrapper .cell .el-checkbox__inner {
+  display: none;
+}
+</style>
+
+<style lang="scss" scoped>
 #custom-menu {
   display: none;
   position: fixed;
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 0b3c3d0..1402d02 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -22,7 +22,7 @@
     default: 9,
   },
 })
-const $emits = defineEmits(['complete', 'marke', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
 const loading = ref(true)
 // 设置安全密钥
 window._AMapSecurityConfig = {
@@ -31,6 +31,27 @@
 // 地图实例
 const map = shallowRef()
 const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
 // 地图缩放等级
 const zoom = ref(0)
 // 图层
@@ -44,11 +65,12 @@
   AMapLoader.load({
     key: localStorage.getItem('JsKey')!, // 后期需替换
     version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
   })
     .then((AMap1: any) => {
       AMap.value = AMap1
       // 初始化地图
+      console.log($props.center, '中心')
       map.value = new AMap1.Map('map', {
         viewMode: '3D', //  是否为3D地图模式
         zoom: $props.zoom, // 初始化地图级别
@@ -73,9 +95,25 @@
         console.log('地图加载完成')
         $emits('complete', AMap.value)
         loading.value = false
+
+        // AMap.value.reGeocode({
+        //   location: $props.center,
+        //   success: (res: any) => {
+        //     // 获取到详细地址信息
+        //     const formattedAddress = res.regeocode.formattedAddress
+        //     console.log('地址:', formattedAddress)
+        //   },
+        //   error: (err: any) => {
+        //     console.error('获取地址失败:', err)
+        //   },
+        // })
       })
       // 地图绑定右击事件
       map.value.on('mousedown', clickHandler)
+      // 地图绑定点击击事件
+      map.value.on('click', (e: any) => {
+        $emits('mapClick', e)
+      })
       // 地图zoom
       map.value.on('zoomend', () => {
         zoom.value = map.value.getZoom() // 获取当前缩放级别
@@ -224,7 +262,7 @@
     // 将 html 传给 content
     content: data.content,
     // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(-13, -30),
+    offset: new AMap.value.Pixel(0, 0),
   })
   markerAllList.value.push(marker)
   // markers的信息窗体
@@ -383,6 +421,7 @@
   removeMassMarks, // 移除点标记(海量点)
   addMassLine, // 添加折线(海量线)
   removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
 })
 </script>
 
diff --git a/src/main.ts b/src/main.ts
index 4317af5..80ad79e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,6 +9,7 @@
 import router from './router'
 import useSettingsStore from './store/modules/settings'
 import request from '@/api/index'
+import '@/utils/getLocation'
 // 自定义指令
 import directive from '@/utils/directive'
 // 加载 svg 图标
diff --git a/src/utils/getLocation.ts b/src/utils/getLocation.ts
new file mode 100644
index 0000000..85700ad
--- /dev/null
+++ b/src/utils/getLocation.ts
@@ -0,0 +1,70 @@
+// 浏览器获取当前位置
+
+// 1.首先获取浏览器类型
+export function myBrowser() {
+  var userAgent = navigator.userAgent as string // 取得浏览器的userAgent字符串
+  var isOpera = userAgent.includes('Opera')
+  if (isOpera) {
+    return 'Opera'
+  } // 判断是否Opera浏览器
+  if (userAgent.includes('Firefox')) {
+    return 'FF'
+  } // 判断是否Firefox浏览器
+  if (userAgent.includes('Chrome')) {
+    return 'Chrome'
+  }
+  if (userAgent.includes('Safari')) {
+    return 'Safari'
+  } // 判断是否Safari浏览器
+  if (userAgent.includes('compatible') && userAgent.includes('MSIE') && !isOpera) {
+    return 'IE'
+  } // 判断是否IE浏览器
+}
+console.log(myBrowser(), '当前浏览器')
+
+export const getLocation = () => {
+  const browserType = myBrowser()
+  if (browserType === 'FF') {
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
+    }
+    else {
+      console.log('Geolocation is not supported by this browser.')
+    }
+
+    function successCallback(position: any) {
+      var latitude = position.coords.latitude
+      var longitude = position.coords.longitude
+      console.log(`Latitude11: ${latitude}`)
+      console.log(`Longitude11: ${longitude}`)
+      sessionStorage.setItem('latitude', latitude)
+      sessionStorage.setItem('longitude', longitude)
+    }
+
+    function errorCallback(error: any) {
+      console.log(`Error: ${error.message}`)
+    }
+  }
+  else {
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
+    }
+    else {
+      console.log('Geolocation is not supported by this browser.')
+    }
+
+    function successCallback(position: any) {
+      var latitude = position.coords.latitude
+      var longitude = position.coords.longitude
+      console.log(`Latitude22: ${latitude}`)
+      console.log(`Longitude22: ${longitude}`)
+      sessionStorage.setItem('latitude', latitude)
+      sessionStorage.setItem('longitude', longitude)
+    }
+
+    function errorCallback(error: any) {
+      console.log(`Error: ${error.message}`)
+    }
+  }
+}
+getLocation()

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 89cec22..544d6a4 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -16,6 +16,11 @@
     type: Boolean,
     default: true,
   },
+  // 是否展示全选
+  disabledAll: {
+    type: Boolean,
+    default: false,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -216,7 +221,6 @@
   })
   return result
 }
-
 const handleClickFollowLink = (row: any, title: string) => {
   emit('handleClickFollowLink', row, title)
 }
@@ -314,7 +318,8 @@
 <template>
   <div id="normal-table-com">
     <el-table
-      id="print" ref="table" v-loading="listLoading" :data="data" :height="height" border stripe :size="size"
+      id="print"
+      ref="table" v-loading="listLoading" :class="`${disabledAll ? 'selectAllbtnDis' : ''}`" :data="data" :height="height" border stripe :size="size"
       style="width: 100%;" :row-key="(row) => { return row.id || row.index }" :span-method="mergeTableRow"
       @selection-change="handleSelectionChange" @select="selectClick" @row-click="rowClick" @row-dblclick="rowDbClick"
       @filter-change="filterChange" @row-contextmenu="contextmenu"
@@ -328,7 +333,7 @@
       </el-table-column>
       <el-table-column
         v-if="isShowmultiSelect && isMulti" :reserve-selection="true" type="selection" width="38"
-        :selectable="selectable" fixed="left"
+        :selectable="selectable" fixed="left" header-cell-class-name="all-select" class="all-select"
       />
       <template v-for="column of columns" :key="column.value">
         <el-table-column
@@ -405,6 +410,12 @@
 </template>
 
 <style lang="scss" scoped>
+::v-deep .selectAllbtnDis .el-table__header-wrapper .cell .el-checkbox__inner {
+  display: none;
+}
+</style>
+
+<style lang="scss" scoped>
 #custom-menu {
   display: none;
   position: fixed;
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 0b3c3d0..1402d02 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -22,7 +22,7 @@
     default: 9,
   },
 })
-const $emits = defineEmits(['complete', 'marke', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
 const loading = ref(true)
 // 设置安全密钥
 window._AMapSecurityConfig = {
@@ -31,6 +31,27 @@
 // 地图实例
 const map = shallowRef()
 const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
 // 地图缩放等级
 const zoom = ref(0)
 // 图层
@@ -44,11 +65,12 @@
   AMapLoader.load({
     key: localStorage.getItem('JsKey')!, // 后期需替换
     version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
   })
     .then((AMap1: any) => {
       AMap.value = AMap1
       // 初始化地图
+      console.log($props.center, '中心')
       map.value = new AMap1.Map('map', {
         viewMode: '3D', //  是否为3D地图模式
         zoom: $props.zoom, // 初始化地图级别
@@ -73,9 +95,25 @@
         console.log('地图加载完成')
         $emits('complete', AMap.value)
         loading.value = false
+
+        // AMap.value.reGeocode({
+        //   location: $props.center,
+        //   success: (res: any) => {
+        //     // 获取到详细地址信息
+        //     const formattedAddress = res.regeocode.formattedAddress
+        //     console.log('地址:', formattedAddress)
+        //   },
+        //   error: (err: any) => {
+        //     console.error('获取地址失败:', err)
+        //   },
+        // })
       })
       // 地图绑定右击事件
       map.value.on('mousedown', clickHandler)
+      // 地图绑定点击击事件
+      map.value.on('click', (e: any) => {
+        $emits('mapClick', e)
+      })
       // 地图zoom
       map.value.on('zoomend', () => {
         zoom.value = map.value.getZoom() // 获取当前缩放级别
@@ -224,7 +262,7 @@
     // 将 html 传给 content
     content: data.content,
     // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(-13, -30),
+    offset: new AMap.value.Pixel(0, 0),
   })
   markerAllList.value.push(marker)
   // markers的信息窗体
@@ -383,6 +421,7 @@
   removeMassMarks, // 移除点标记(海量点)
   addMassLine, // 添加折线(海量线)
   removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
 })
 </script>
 
diff --git a/src/main.ts b/src/main.ts
index 4317af5..80ad79e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,6 +9,7 @@
 import router from './router'
 import useSettingsStore from './store/modules/settings'
 import request from '@/api/index'
+import '@/utils/getLocation'
 // 自定义指令
 import directive from '@/utils/directive'
 // 加载 svg 图标
diff --git a/src/utils/getLocation.ts b/src/utils/getLocation.ts
new file mode 100644
index 0000000..85700ad
--- /dev/null
+++ b/src/utils/getLocation.ts
@@ -0,0 +1,70 @@
+// 浏览器获取当前位置
+
+// 1.首先获取浏览器类型
+export function myBrowser() {
+  var userAgent = navigator.userAgent as string // 取得浏览器的userAgent字符串
+  var isOpera = userAgent.includes('Opera')
+  if (isOpera) {
+    return 'Opera'
+  } // 判断是否Opera浏览器
+  if (userAgent.includes('Firefox')) {
+    return 'FF'
+  } // 判断是否Firefox浏览器
+  if (userAgent.includes('Chrome')) {
+    return 'Chrome'
+  }
+  if (userAgent.includes('Safari')) {
+    return 'Safari'
+  } // 判断是否Safari浏览器
+  if (userAgent.includes('compatible') && userAgent.includes('MSIE') && !isOpera) {
+    return 'IE'
+  } // 判断是否IE浏览器
+}
+console.log(myBrowser(), '当前浏览器')
+
+export const getLocation = () => {
+  const browserType = myBrowser()
+  if (browserType === 'FF') {
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
+    }
+    else {
+      console.log('Geolocation is not supported by this browser.')
+    }
+
+    function successCallback(position: any) {
+      var latitude = position.coords.latitude
+      var longitude = position.coords.longitude
+      console.log(`Latitude11: ${latitude}`)
+      console.log(`Longitude11: ${longitude}`)
+      sessionStorage.setItem('latitude', latitude)
+      sessionStorage.setItem('longitude', longitude)
+    }
+
+    function errorCallback(error: any) {
+      console.log(`Error: ${error.message}`)
+    }
+  }
+  else {
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
+    }
+    else {
+      console.log('Geolocation is not supported by this browser.')
+    }
+
+    function successCallback(position: any) {
+      var latitude = position.coords.latitude
+      var longitude = position.coords.longitude
+      console.log(`Latitude22: ${latitude}`)
+      console.log(`Longitude22: ${longitude}`)
+      sessionStorage.setItem('latitude', latitude)
+      sessionStorage.setItem('longitude', longitude)
+    }
+
+    function errorCallback(error: any) {
+      console.log(`Error: ${error.message}`)
+    }
+  }
+}
+getLocation()
diff --git a/src/views/home/device/device/components/addDialog.vue b/src/views/home/device/device/components/addDialog.vue
index a50bbb2..ef299f5 100644
--- a/src/views/home/device/device/components/addDialog.vue
+++ b/src/views/home/device/device/components/addDialog.vue
@@ -5,23 +5,31 @@
  -->
 <script lang="ts" setup name="EditProduct">
 import type { FormRules } from 'element-plus'
+import dayjs from 'dayjs'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import localtionForPieple from './localtionForPieple.vue'
+import localtionForStation from './localtionForStation.vue'
+import localtionForWell from './localtionForWell.vue'
 import { getDictByCode } from '@/api/system/dict'
 import { getProductListPage } from '@/api/home/device/product'
+import { getDeviceTypeListPage } from '@/api/home/device/type'
+import { addDevice, editDevice } from '@/api/home/device/device'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
 const dialogStatus = ref('') // 对话框类型：create,update
 const dataForm = ref({
   productId: '', // 产品
-  typeName: '', // 设备类型名称
+  deviceType: '', // 设备类型
   devcode: '', // 设备编号
   valid: '', // 在用情况
   installDate: '', // 安装日期
   leftLength: '', // 左侧指示带长度
   rightLength: '', // 右侧指示带长度
   position: '', // 详细位置
+  watchObject: '',
   tagNumber: '', // 安装位号
+  deptName: '',
 }) // 表单
 const textMap: { [key: string]: string } = {
   edit: '编辑',
@@ -38,7 +46,7 @@
 const resetForm = () => {
   dataForm.value = {
     productId: '', // 产品
-    typeName: '', // 设备类型名称
+    deviceType: '', // 设备类型
     devcode: '', // 设备编号
     valid: '', // 在用情况
     installDate: '', // 安装日期
@@ -46,6 +54,8 @@
     rightLength: '', // 右侧指示带长度
     position: '', // 详细位置
     tagNumber: '', // 安装位号
+    watchObject: '',
+    deptName: '',
   }
 }
 
@@ -55,7 +65,8 @@
   dialogFormVisible.value = true
   if (dialogStatus.value === 'add') { // 如果是新增，清除验证
     resetForm()
-    dataFormRef.value.resetFields()
+    dataFormRef.value?.resetFields()
+    dataForm.value.installDate = dayjs().format('YYYY-MM-DD')
   }
   else if (dialogStatus.value === 'edit') { // 如果是修改，将row中数据填写到输入框中
     dataForm.value = {
@@ -71,20 +82,20 @@
 const createData = () => {
   dataFormRef.value.validate((valid: any) => {
     if (valid) {
-      // addDeviceType(dataForm.value).then((response) => {
-      //   if (response.code === 200) {
-      //     ElMessage({
-      //       message: '添加成功',
-      //       type: 'success',
-      //     })
-      //     // 通知父组件刷新状态
-      //     dialogFormVisible.value = false
-      //     setTimeout(() => {
-      //       emits('refresh')
-      //     })
-      //   }
-      // }).catch((_) => { // 异常情况，loading置为false
-      // })
+      addDevice(dataForm.value).then((response) => {
+        if (response.code === 200) {
+          ElMessage({
+            message: '添加成功',
+            type: 'success',
+          })
+          // 通知父组件刷新状态
+          dialogFormVisible.value = false
+          setTimeout(() => {
+            emits('refresh')
+          })
+        }
+      }).catch((_) => { // 异常情况，loading置为false
+      })
     }
   })
 }
@@ -93,20 +104,20 @@
 const updateData = () => {
   dataFormRef.value.validate((valid: any) => {
     if (valid) {
-      // editDeviceType(dataForm.value).then((response) => {
-      //   if (response.code === 200) {
-      //     ElMessage({
-      //       message: '修改成功',
-      //       type: 'success',
-      //     })
-      //     // dataFormRef.value.clearValidate()
-      //     setTimeout(() => {
-      //       emits('refresh')
-      //     })
-      //     dialogFormVisible.value = false
-      //   }
-      // }).catch((_) => { // 异常情况，loading置为false
-      // })
+      editDevice(dataForm.value).then((response) => {
+        if (response.code === 200) {
+          ElMessage({
+            message: '修改成功',
+            type: 'success',
+          })
+          // dataFormRef.value.clearValidate()
+          setTimeout(() => {
+            emits('refresh')
+          })
+          dialogFormVisible.value = false
+        }
+      }).catch((_) => { // 异常情况，loading置为false
+      })
     }
   })
 }
@@ -124,7 +135,8 @@
   dialogFormVisible.value = false
 }
 const productList = ref<any[]>([]) // 产品列表
-const isUsed = ref<{ id: string; name: string; value: string }[]>([]) // 是否启用
+const deviceTypeList = ref<any[]>([]) // 设备类型列表
+
 const watchObject = ref<{ id: string; name: string; value: string }[]>([]) // 监测对象
 const useStatusList = ref<{ id: string; name: string; value: string }[]>([]) // 设备在用情况
 // 获取字典
@@ -132,6 +144,9 @@
   getProductListPage({ limit: 9999, offset: 1 }).then((res) => {
     productList.value = res.data.rows
   })
+  getDeviceTypeListPage({ limit: 9999, offset: 1 }).then((res) => {
+    deviceTypeList.value = res.data.rows
+  })
   // 监测对象
   getDictByCode('watchObject').then((res) => {
     watchObject.value = res.data
@@ -145,9 +160,50 @@
   // isUsed.value = res1.data
 }
 fetchDict()
+
+watch(() => dataForm.value.productId, (newVal) => {
+  if (dialogStatus.value === 'detail') { return }
+  if (newVal) {
+    dataForm.value.deviceType = productList.value.filter((item: any) => item.id === newVal)[0].deviceType
+    dataForm.value.watchObject = deviceTypeList.value.filter((item: any) => item.id === dataForm.value.deviceType)[0].watchObject
+  }
+}, {
+  deep: true,
+})
+
+// 选择安装位置
+const wellRef = ref()
+const stationRef = ref()
+const piepleRef = ref()
+const selectPosition = () => {
+  if (!dataForm.value.watchObject) {
+    ElMessage.warning('请先选择产品')
+    return
+  }
+  if (dataForm.value.watchObject === '1') {
+    wellRef.value.initDialog()
+  }
+  else if (dataForm.value.watchObject === '2') {
+    stationRef.value.initDialog()
+  }
+  else if (dataForm.value.watchObject === '3') {
+    piepleRef.value.initDialog()
+  }
+}
+// 确认安装位置
+const comfirmLocation = (data: any) => {
+  console.log(data, '确认安装位置')
+  dataForm.value.tagNumber = data.tagNumber
+  dataForm.value.position = data.position
+  dataForm.value.deptName = data.deptName
+}
 </script>
 
 <template>
+  <!-- 选择位置弹窗 -->
+  <localtion-for-pieple ref="piepleRef" @confirm="comfirmLocation" />
+  <localtion-for-station ref="stationRef" @confirm="comfirmLocation" />
+  <localtion-for-well ref="wellRef" @confirm="comfirmLocation" />
   <el-dialog v-model="dialogFormVisible" :title="`${textMap[dialogStatus]}设备`" append-to-body>
     <el-form ref="dataFormRef" :rules="rules" :model="dataForm" label-position="right" label-width="120px">
       <el-row :gutter="24">
@@ -161,11 +217,13 @@
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="设备类型" prop="typeName">
-            <el-input
-              v-model.trim="dataForm.typeName" type="text" placeholder="设备类型" style="width: 100%;" clearable
+          <el-form-item label="设备类型" prop="deviceType">
+            <el-select
+              v-model.trim="dataForm.deviceType" placeholder="设备类型" style="width: 100%;" clearable filterable
               disabled
-            />
+            >
+              <el-option v-for="item in deviceTypeList" :key="item.id" :label="item.typeName" :value="item.id" />
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -187,7 +245,10 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="安装位置" prop="position">
-            <el-input v-model="dataForm.position" placeholder="安装位置" style="width: 100%;" clearable @focus="selectPosition">
+            <el-input
+              v-model="dataForm.position" placeholder="安装位置" style="width: 100%;" clearable
+              @focus="selectPosition"
+            >
               <template #append>
                 <el-button type="primary" @click="selectPosition">
                   选择

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 89cec22..544d6a4 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -16,6 +16,11 @@
     type: Boolean,
     default: true,
   },
+  // 是否展示全选
+  disabledAll: {
+    type: Boolean,
+    default: false,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -216,7 +221,6 @@
   })
   return result
 }
-
 const handleClickFollowLink = (row: any, title: string) => {
   emit('handleClickFollowLink', row, title)
 }
@@ -314,7 +318,8 @@
 <template>
   <div id="normal-table-com">
     <el-table
-      id="print" ref="table" v-loading="listLoading" :data="data" :height="height" border stripe :size="size"
+      id="print"
+      ref="table" v-loading="listLoading" :class="`${disabledAll ? 'selectAllbtnDis' : ''}`" :data="data" :height="height" border stripe :size="size"
       style="width: 100%;" :row-key="(row) => { return row.id || row.index }" :span-method="mergeTableRow"
       @selection-change="handleSelectionChange" @select="selectClick" @row-click="rowClick" @row-dblclick="rowDbClick"
       @filter-change="filterChange" @row-contextmenu="contextmenu"
@@ -328,7 +333,7 @@
       </el-table-column>
       <el-table-column
         v-if="isShowmultiSelect && isMulti" :reserve-selection="true" type="selection" width="38"
-        :selectable="selectable" fixed="left"
+        :selectable="selectable" fixed="left" header-cell-class-name="all-select" class="all-select"
       />
       <template v-for="column of columns" :key="column.value">
         <el-table-column
@@ -405,6 +410,12 @@
 </template>
 
 <style lang="scss" scoped>
+::v-deep .selectAllbtnDis .el-table__header-wrapper .cell .el-checkbox__inner {
+  display: none;
+}
+</style>
+
+<style lang="scss" scoped>
 #custom-menu {
   display: none;
   position: fixed;
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 0b3c3d0..1402d02 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -22,7 +22,7 @@
     default: 9,
   },
 })
-const $emits = defineEmits(['complete', 'marke', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
 const loading = ref(true)
 // 设置安全密钥
 window._AMapSecurityConfig = {
@@ -31,6 +31,27 @@
 // 地图实例
 const map = shallowRef()
 const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
 // 地图缩放等级
 const zoom = ref(0)
 // 图层
@@ -44,11 +65,12 @@
   AMapLoader.load({
     key: localStorage.getItem('JsKey')!, // 后期需替换
     version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
   })
     .then((AMap1: any) => {
       AMap.value = AMap1
       // 初始化地图
+      console.log($props.center, '中心')
       map.value = new AMap1.Map('map', {
         viewMode: '3D', //  是否为3D地图模式
         zoom: $props.zoom, // 初始化地图级别
@@ -73,9 +95,25 @@
         console.log('地图加载完成')
         $emits('complete', AMap.value)
         loading.value = false
+
+        // AMap.value.reGeocode({
+        //   location: $props.center,
+        //   success: (res: any) => {
+        //     // 获取到详细地址信息
+        //     const formattedAddress = res.regeocode.formattedAddress
+        //     console.log('地址:', formattedAddress)
+        //   },
+        //   error: (err: any) => {
+        //     console.error('获取地址失败:', err)
+        //   },
+        // })
       })
       // 地图绑定右击事件
       map.value.on('mousedown', clickHandler)
+      // 地图绑定点击击事件
+      map.value.on('click', (e: any) => {
+        $emits('mapClick', e)
+      })
       // 地图zoom
       map.value.on('zoomend', () => {
         zoom.value = map.value.getZoom() // 获取当前缩放级别
@@ -224,7 +262,7 @@
     // 将 html 传给 content
     content: data.content,
     // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(-13, -30),
+    offset: new AMap.value.Pixel(0, 0),
   })
   markerAllList.value.push(marker)
   // markers的信息窗体
@@ -383,6 +421,7 @@
   removeMassMarks, // 移除点标记(海量点)
   addMassLine, // 添加折线(海量线)
   removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
 })
 </script>
 
diff --git a/src/main.ts b/src/main.ts
index 4317af5..80ad79e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,6 +9,7 @@
 import router from './router'
 import useSettingsStore from './store/modules/settings'
 import request from '@/api/index'
+import '@/utils/getLocation'
 // 自定义指令
 import directive from '@/utils/directive'
 // 加载 svg 图标
diff --git a/src/utils/getLocation.ts b/src/utils/getLocation.ts
new file mode 100644
index 0000000..85700ad
--- /dev/null
+++ b/src/utils/getLocation.ts
@@ -0,0 +1,70 @@
+// 浏览器获取当前位置
+
+// 1.首先获取浏览器类型
+export function myBrowser() {
+  var userAgent = navigator.userAgent as string // 取得浏览器的userAgent字符串
+  var isOpera = userAgent.includes('Opera')
+  if (isOpera) {
+    return 'Opera'
+  } // 判断是否Opera浏览器
+  if (userAgent.includes('Firefox')) {
+    return 'FF'
+  } // 判断是否Firefox浏览器
+  if (userAgent.includes('Chrome')) {
+    return 'Chrome'
+  }
+  if (userAgent.includes('Safari')) {
+    return 'Safari'
+  } // 判断是否Safari浏览器
+  if (userAgent.includes('compatible') && userAgent.includes('MSIE') && !isOpera) {
+    return 'IE'
+  } // 判断是否IE浏览器
+}
+console.log(myBrowser(), '当前浏览器')
+
+export const getLocation = () => {
+  const browserType = myBrowser()
+  if (browserType === 'FF') {
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
+    }
+    else {
+      console.log('Geolocation is not supported by this browser.')
+    }
+
+    function successCallback(position: any) {
+      var latitude = position.coords.latitude
+      var longitude = position.coords.longitude
+      console.log(`Latitude11: ${latitude}`)
+      console.log(`Longitude11: ${longitude}`)
+      sessionStorage.setItem('latitude', latitude)
+      sessionStorage.setItem('longitude', longitude)
+    }
+
+    function errorCallback(error: any) {
+      console.log(`Error: ${error.message}`)
+    }
+  }
+  else {
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
+    }
+    else {
+      console.log('Geolocation is not supported by this browser.')
+    }
+
+    function successCallback(position: any) {
+      var latitude = position.coords.latitude
+      var longitude = position.coords.longitude
+      console.log(`Latitude22: ${latitude}`)
+      console.log(`Longitude22: ${longitude}`)
+      sessionStorage.setItem('latitude', latitude)
+      sessionStorage.setItem('longitude', longitude)
+    }
+
+    function errorCallback(error: any) {
+      console.log(`Error: ${error.message}`)
+    }
+  }
+}
+getLocation()
diff --git a/src/views/home/device/device/components/addDialog.vue b/src/views/home/device/device/components/addDialog.vue
index a50bbb2..ef299f5 100644
--- a/src/views/home/device/device/components/addDialog.vue
+++ b/src/views/home/device/device/components/addDialog.vue
@@ -5,23 +5,31 @@
  -->
 <script lang="ts" setup name="EditProduct">
 import type { FormRules } from 'element-plus'
+import dayjs from 'dayjs'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import localtionForPieple from './localtionForPieple.vue'
+import localtionForStation from './localtionForStation.vue'
+import localtionForWell from './localtionForWell.vue'
 import { getDictByCode } from '@/api/system/dict'
 import { getProductListPage } from '@/api/home/device/product'
+import { getDeviceTypeListPage } from '@/api/home/device/type'
+import { addDevice, editDevice } from '@/api/home/device/device'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
 const dialogStatus = ref('') // 对话框类型：create,update
 const dataForm = ref({
   productId: '', // 产品
-  typeName: '', // 设备类型名称
+  deviceType: '', // 设备类型
   devcode: '', // 设备编号
   valid: '', // 在用情况
   installDate: '', // 安装日期
   leftLength: '', // 左侧指示带长度
   rightLength: '', // 右侧指示带长度
   position: '', // 详细位置
+  watchObject: '',
   tagNumber: '', // 安装位号
+  deptName: '',
 }) // 表单
 const textMap: { [key: string]: string } = {
   edit: '编辑',
@@ -38,7 +46,7 @@
 const resetForm = () => {
   dataForm.value = {
     productId: '', // 产品
-    typeName: '', // 设备类型名称
+    deviceType: '', // 设备类型
     devcode: '', // 设备编号
     valid: '', // 在用情况
     installDate: '', // 安装日期
@@ -46,6 +54,8 @@
     rightLength: '', // 右侧指示带长度
     position: '', // 详细位置
     tagNumber: '', // 安装位号
+    watchObject: '',
+    deptName: '',
   }
 }
 
@@ -55,7 +65,8 @@
   dialogFormVisible.value = true
   if (dialogStatus.value === 'add') { // 如果是新增，清除验证
     resetForm()
-    dataFormRef.value.resetFields()
+    dataFormRef.value?.resetFields()
+    dataForm.value.installDate = dayjs().format('YYYY-MM-DD')
   }
   else if (dialogStatus.value === 'edit') { // 如果是修改，将row中数据填写到输入框中
     dataForm.value = {
@@ -71,20 +82,20 @@
 const createData = () => {
   dataFormRef.value.validate((valid: any) => {
     if (valid) {
-      // addDeviceType(dataForm.value).then((response) => {
-      //   if (response.code === 200) {
-      //     ElMessage({
-      //       message: '添加成功',
-      //       type: 'success',
-      //     })
-      //     // 通知父组件刷新状态
-      //     dialogFormVisible.value = false
-      //     setTimeout(() => {
-      //       emits('refresh')
-      //     })
-      //   }
-      // }).catch((_) => { // 异常情况，loading置为false
-      // })
+      addDevice(dataForm.value).then((response) => {
+        if (response.code === 200) {
+          ElMessage({
+            message: '添加成功',
+            type: 'success',
+          })
+          // 通知父组件刷新状态
+          dialogFormVisible.value = false
+          setTimeout(() => {
+            emits('refresh')
+          })
+        }
+      }).catch((_) => { // 异常情况，loading置为false
+      })
     }
   })
 }
@@ -93,20 +104,20 @@
 const updateData = () => {
   dataFormRef.value.validate((valid: any) => {
     if (valid) {
-      // editDeviceType(dataForm.value).then((response) => {
-      //   if (response.code === 200) {
-      //     ElMessage({
-      //       message: '修改成功',
-      //       type: 'success',
-      //     })
-      //     // dataFormRef.value.clearValidate()
-      //     setTimeout(() => {
-      //       emits('refresh')
-      //     })
-      //     dialogFormVisible.value = false
-      //   }
-      // }).catch((_) => { // 异常情况，loading置为false
-      // })
+      editDevice(dataForm.value).then((response) => {
+        if (response.code === 200) {
+          ElMessage({
+            message: '修改成功',
+            type: 'success',
+          })
+          // dataFormRef.value.clearValidate()
+          setTimeout(() => {
+            emits('refresh')
+          })
+          dialogFormVisible.value = false
+        }
+      }).catch((_) => { // 异常情况，loading置为false
+      })
     }
   })
 }
@@ -124,7 +135,8 @@
   dialogFormVisible.value = false
 }
 const productList = ref<any[]>([]) // 产品列表
-const isUsed = ref<{ id: string; name: string; value: string }[]>([]) // 是否启用
+const deviceTypeList = ref<any[]>([]) // 设备类型列表
+
 const watchObject = ref<{ id: string; name: string; value: string }[]>([]) // 监测对象
 const useStatusList = ref<{ id: string; name: string; value: string }[]>([]) // 设备在用情况
 // 获取字典
@@ -132,6 +144,9 @@
   getProductListPage({ limit: 9999, offset: 1 }).then((res) => {
     productList.value = res.data.rows
   })
+  getDeviceTypeListPage({ limit: 9999, offset: 1 }).then((res) => {
+    deviceTypeList.value = res.data.rows
+  })
   // 监测对象
   getDictByCode('watchObject').then((res) => {
     watchObject.value = res.data
@@ -145,9 +160,50 @@
   // isUsed.value = res1.data
 }
 fetchDict()
+
+watch(() => dataForm.value.productId, (newVal) => {
+  if (dialogStatus.value === 'detail') { return }
+  if (newVal) {
+    dataForm.value.deviceType = productList.value.filter((item: any) => item.id === newVal)[0].deviceType
+    dataForm.value.watchObject = deviceTypeList.value.filter((item: any) => item.id === dataForm.value.deviceType)[0].watchObject
+  }
+}, {
+  deep: true,
+})
+
+// 选择安装位置
+const wellRef = ref()
+const stationRef = ref()
+const piepleRef = ref()
+const selectPosition = () => {
+  if (!dataForm.value.watchObject) {
+    ElMessage.warning('请先选择产品')
+    return
+  }
+  if (dataForm.value.watchObject === '1') {
+    wellRef.value.initDialog()
+  }
+  else if (dataForm.value.watchObject === '2') {
+    stationRef.value.initDialog()
+  }
+  else if (dataForm.value.watchObject === '3') {
+    piepleRef.value.initDialog()
+  }
+}
+// 确认安装位置
+const comfirmLocation = (data: any) => {
+  console.log(data, '确认安装位置')
+  dataForm.value.tagNumber = data.tagNumber
+  dataForm.value.position = data.position
+  dataForm.value.deptName = data.deptName
+}
 </script>
 
 <template>
+  <!-- 选择位置弹窗 -->
+  <localtion-for-pieple ref="piepleRef" @confirm="comfirmLocation" />
+  <localtion-for-station ref="stationRef" @confirm="comfirmLocation" />
+  <localtion-for-well ref="wellRef" @confirm="comfirmLocation" />
   <el-dialog v-model="dialogFormVisible" :title="`${textMap[dialogStatus]}设备`" append-to-body>
     <el-form ref="dataFormRef" :rules="rules" :model="dataForm" label-position="right" label-width="120px">
       <el-row :gutter="24">
@@ -161,11 +217,13 @@
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="设备类型" prop="typeName">
-            <el-input
-              v-model.trim="dataForm.typeName" type="text" placeholder="设备类型" style="width: 100%;" clearable
+          <el-form-item label="设备类型" prop="deviceType">
+            <el-select
+              v-model.trim="dataForm.deviceType" placeholder="设备类型" style="width: 100%;" clearable filterable
               disabled
-            />
+            >
+              <el-option v-for="item in deviceTypeList" :key="item.id" :label="item.typeName" :value="item.id" />
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -187,7 +245,10 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="安装位置" prop="position">
-            <el-input v-model="dataForm.position" placeholder="安装位置" style="width: 100%;" clearable @focus="selectPosition">
+            <el-input
+              v-model="dataForm.position" placeholder="安装位置" style="width: 100%;" clearable
+              @focus="selectPosition"
+            >
               <template #append>
                 <el-button type="primary" @click="selectPosition">
                   选择
diff --git a/src/views/home/device/device/components/localtionForPieple.vue b/src/views/home/device/device/components/localtionForPieple.vue
new file mode 100644
index 0000000..d5494fe
--- /dev/null
+++ b/src/views/home/device/device/components/localtionForPieple.vue
@@ -0,0 +1,301 @@
+<!--
+  Description: 安装位置-管线
+  Author: 李亚光
+  Date: 2024-09-22
+ -->
+<script lang="ts" setup name="LocaltionForWell">
+import { ElMessage } from 'element-plus'
+import type { FormRules, TabsPaneContext } from 'element-plus'
+import { getDictByCode } from '@/api/system/dict'
+import AMap from '@/components/map/index.vue'
+import { getLocation } from '@/utils/getLocation'
+const emits = defineEmits(['confirm'])
+const dialogFormVisible = ref(false) // 对话框是否显示
+const activeName = ref('新建点位')
+const handleClick = (tab: TabsPaneContext, event: Event) => {
+  // console.log(tab, event)
+}
+// 新建点位
+const dataFormRef = ref()
+const dataForm = ref({
+  tagNumber: '', // 安装位号
+  longitude: '', // 经度
+  latitude: '', // 纬度
+  position: '', // 详细位置
+  deptid: '', // 管理单位
+}) // 表单
+const rules: FormRules = {
+  tagNumber: [{ required: true, message: '安装位号不能为空', trigger: ['blur', 'change'] }],
+  longitude: [{ required: true, message: '经度不能为空', trigger: ['blur', 'change'] }],
+  latitude: [{ required: true, message: '纬度不能为空', trigger: ['blur', 'change'] }],
+  position: [{ required: true, message: '详细位置不能为空', trigger: ['blur', 'change'] }],
+  deptid: [{ required: true, message: '管理单位不能为空', trigger: ['blur', 'change'] }],
+} // 前端校验规则
+
+const mapRef = ref()
+// 地图中心点
+const mapCenter = ref<string[]>([])
+if (sessionStorage.getItem('longitude')) {
+  mapCenter.value = [sessionStorage.getItem('longitude') as string, sessionStorage.getItem('latitude') as string]
+}
+else {
+  mapCenter.value = ['116.397428', '39.90923']
+}
+
+// 地图加载完成
+const completeMap = () => {
+  // 加载中心点marker
+  mapRef.value.addMarker({
+    position: mapCenter.value,
+    content: '',
+    label: '',
+  })
+  mapRef.value.getPosition(mapCenter.value, (data: string) => {
+    dataForm.value.position = data
+  })
+  dataForm.value.longitude = mapCenter.value[0]
+  dataForm.value.latitude = mapCenter.value[1]
+}
+// 点击地图
+const mapClick = (e: any) => {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  console.log(location, e, 'location')
+  mapRef.value.removeMarker()
+  mapRef.value.addMarker({
+    position: location,
+    content: '',
+    label: '',
+  })
+  // 填充坐标信息
+  dataForm.value.longitude = e.lnglat.getLng()
+  dataForm.value.latitude = e.lnglat.getLat()
+  // console.log(mapRef.value.getPosition)
+  mapRef.value.getPosition(location, (data: string) => {
+    dataForm.value.position = data
+  })
+}
+// 既有位置 -- 管线列表
+// 表格数据
+const list = ref([])
+const total = ref(0)
+const select = ref(-1) // 单选选中
+// 初始展示列
+const columns = ref<any>([
+  { text: '安装位号', value: 'tagNumber', align: 'center' },
+  { text: '管线编号', value: 'ledgerCode', isRequired: true, align: 'center' },
+  { text: '管理单位', value: 'deptName', isRequired: true, align: 'center' },
+  { text: '详细位置', value: 'position', align: 'center' },
+])
+const loadingTable = ref(true)
+//  查询条件
+const listQuery = ref({
+  limit: 5,
+  offset: 1,
+  tagNumber: '', // 位号
+  ledgerCode: '', // 编号
+  deptid: '', // 管理单位
+  position: '', // 详细位置
+} as { [key: string]: string | number })
+// 查询数据
+const fetchData = () => {
+  loadingTable.value = true
+  setTimeout(() => {
+    list.value = []
+    total.value = 0
+    loadingTable.value = false
+  }, 1000)
+  // getStationListPage(listQuery.value).then((res) => {
+  //   list.value = res.data.rows
+  //   total.value = res.data.total
+  //   loadingTable.value = false
+  // }).catch(() => {
+  //   loadingTable.value = false
+  // })
+}
+fetchData()
+// 重置查询条件f
+const reset = () => {
+  listQuery.value = {
+    limit: 5,
+    offset: 1,
+    tagNumber: '', // 位号
+    ledgerCode: '', // 编号
+    deptid: '', // 管理单位
+    position: '', // 详细位置
+  }
+  fetchData()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size: number; page: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData()
+}
+// 初始化对话框
+const initDialog = () => {
+  dialogFormVisible.value = true
+  // 判断是否同意获取当前位置
+  if (!sessionStorage.getItem('longitude')) {
+    getLocation()
+    setTimeout(() => {
+      if (sessionStorage.getItem('longitude')) {
+        mapRef.value.map.setCenter([sessionStorage.getItem('longitude') as string, sessionStorage.getItem('latitude') as string])
+      }
+      else {
+        mapRef.value.map.setCenter(['116.397428', '39.90923'])
+      }
+    })
+  }
+}
+defineExpose({
+  initDialog,
+})
+// 保存数据
+const deptRef = ref()
+const saveData = () => {
+  if (activeName.value === '新建点位') {
+    dataFormRef.value.validate((valid: any) => {
+      if (valid) {
+        emits('confirm', {
+          ...dataForm.value,
+          deptName: deptRef.value.fetchDeptTree().length ? deptRef.value.fetchDeptTree().filter((item: any) => item.id === dataForm.value.deptid).name : '',
+        })
+        dialogFormVisible.value = false
+      }
+    })
+  }
+  else {
+    if (select.value === -1) {
+      ElMessage.warning('请选择数据')
+      return
+    }
+    emits('confirm', list.value[select.value])
+    dialogFormVisible.value = false
+  }
+}
+const cancel = () => {
+  dialogFormVisible.value = false
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="选择安装位置" append-to-body width="70%">
+    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+      <el-tab-pane label="新建点位" name="新建点位">
+        <el-form ref="dataFormRef" :rules="rules" :model="dataForm" label-position="right" label-width="80px">
+          <el-row :gutter="24">
+            <el-col :span="8">
+              <el-form-item label="安装位号" prop="tagNumber">
+                <el-input
+                  v-model.trim="dataForm.tagNumber" type="text" placeholder="安装位号" style="width: 100%;"
+                  clearable
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="关联管线" prop="deviceType">
+                <el-select v-model="dataForm.deviceType" placeholder="关联管线" style="width: 100%;" clearable filterable>
+                  <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="管理单位" prop="deptid">
+                <dept-select
+                  ref="deptRef" v-model="dataForm.deptid" placeholder="管理单位" :clearable="true"
+                  style="width: 100%;"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24">
+            <el-col :span="8">
+              <el-form-item label="详细位置" prop="position">
+                <el-input
+                  v-model.trim="dataForm.position" type="textarea" :rows="6" placeholder="详细位置"
+                  style="width: 100%;" clearable
+                />
+              </el-form-item>
+              <el-form-item label="经度" prop="longitude">
+                <el-input
+                  v-model.trim="dataForm.longitude" type="text" placeholder="经度" style="width: 100%;"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item label="纬度" prop="latitude">
+                <el-input
+                  v-model.trim="dataForm.latitude" type="text" placeholder="纬度" style="width: 100%;"
+                  clearable
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <!-- 地图 -->
+              <a-map ref="mapRef" :center="mapCenter" :zoom="14" @complete="completeMap" @map-click="mapClick" />
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-tab-pane>
+      <el-tab-pane label="既有位置" name="既有位置">
+        <search-area :need-clear="true" @search="fetchData" @clear="reset">
+          <search-item>
+            <el-input v-model.trim="listQuery.tagNumber" placeholder="安装位号" clearable />
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.ledgerCode" placeholder="管线编号" clearable />
+          </search-item>
+          <search-item>
+            <dept-select v-model="listQuery.deptid" placeholder="管理单位" :clearable="true" style="width: 175px;" />
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.ledgerName" placeholder="详细位置" clearable />
+          </search-item>
+        </search-area>
+        <table-container>
+          <!-- 查询结果Table显示 -->
+          <normal-table
+            :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+            @change="changePage"
+          >
+            <template #preColumns>
+              <el-table-column label="选择" width="55" align="center">
+                <template #default="scope">
+                  <el-radio v-model="select" :label="scope.$index" class="radio" />
+                </template>
+              </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 }}
+                </template>
+              </el-table-column>
+            </template>
+          </normal-table>
+        </table-container>
+      </el-tab-pane>
+    </el-tabs>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          确认
+        </el-button>
+        <el-button @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 89cec22..544d6a4 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -16,6 +16,11 @@
     type: Boolean,
     default: true,
   },
+  // 是否展示全选
+  disabledAll: {
+    type: Boolean,
+    default: false,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -216,7 +221,6 @@
   })
   return result
 }
-
 const handleClickFollowLink = (row: any, title: string) => {
   emit('handleClickFollowLink', row, title)
 }
@@ -314,7 +318,8 @@
 <template>
   <div id="normal-table-com">
     <el-table
-      id="print" ref="table" v-loading="listLoading" :data="data" :height="height" border stripe :size="size"
+      id="print"
+      ref="table" v-loading="listLoading" :class="`${disabledAll ? 'selectAllbtnDis' : ''}`" :data="data" :height="height" border stripe :size="size"
       style="width: 100%;" :row-key="(row) => { return row.id || row.index }" :span-method="mergeTableRow"
       @selection-change="handleSelectionChange" @select="selectClick" @row-click="rowClick" @row-dblclick="rowDbClick"
       @filter-change="filterChange" @row-contextmenu="contextmenu"
@@ -328,7 +333,7 @@
       </el-table-column>
       <el-table-column
         v-if="isShowmultiSelect && isMulti" :reserve-selection="true" type="selection" width="38"
-        :selectable="selectable" fixed="left"
+        :selectable="selectable" fixed="left" header-cell-class-name="all-select" class="all-select"
       />
       <template v-for="column of columns" :key="column.value">
         <el-table-column
@@ -405,6 +410,12 @@
 </template>
 
 <style lang="scss" scoped>
+::v-deep .selectAllbtnDis .el-table__header-wrapper .cell .el-checkbox__inner {
+  display: none;
+}
+</style>
+
+<style lang="scss" scoped>
 #custom-menu {
   display: none;
   position: fixed;
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 0b3c3d0..1402d02 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -22,7 +22,7 @@
     default: 9,
   },
 })
-const $emits = defineEmits(['complete', 'marke', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
 const loading = ref(true)
 // 设置安全密钥
 window._AMapSecurityConfig = {
@@ -31,6 +31,27 @@
 // 地图实例
 const map = shallowRef()
 const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
 // 地图缩放等级
 const zoom = ref(0)
 // 图层
@@ -44,11 +65,12 @@
   AMapLoader.load({
     key: localStorage.getItem('JsKey')!, // 后期需替换
     version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
   })
     .then((AMap1: any) => {
       AMap.value = AMap1
       // 初始化地图
+      console.log($props.center, '中心')
       map.value = new AMap1.Map('map', {
         viewMode: '3D', //  是否为3D地图模式
         zoom: $props.zoom, // 初始化地图级别
@@ -73,9 +95,25 @@
         console.log('地图加载完成')
         $emits('complete', AMap.value)
         loading.value = false
+
+        // AMap.value.reGeocode({
+        //   location: $props.center,
+        //   success: (res: any) => {
+        //     // 获取到详细地址信息
+        //     const formattedAddress = res.regeocode.formattedAddress
+        //     console.log('地址:', formattedAddress)
+        //   },
+        //   error: (err: any) => {
+        //     console.error('获取地址失败:', err)
+        //   },
+        // })
       })
       // 地图绑定右击事件
       map.value.on('mousedown', clickHandler)
+      // 地图绑定点击击事件
+      map.value.on('click', (e: any) => {
+        $emits('mapClick', e)
+      })
       // 地图zoom
       map.value.on('zoomend', () => {
         zoom.value = map.value.getZoom() // 获取当前缩放级别
@@ -224,7 +262,7 @@
     // 将 html 传给 content
     content: data.content,
     // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(-13, -30),
+    offset: new AMap.value.Pixel(0, 0),
   })
   markerAllList.value.push(marker)
   // markers的信息窗体
@@ -383,6 +421,7 @@
   removeMassMarks, // 移除点标记(海量点)
   addMassLine, // 添加折线(海量线)
   removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
 })
 </script>
 
diff --git a/src/main.ts b/src/main.ts
index 4317af5..80ad79e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,6 +9,7 @@
 import router from './router'
 import useSettingsStore from './store/modules/settings'
 import request from '@/api/index'
+import '@/utils/getLocation'
 // 自定义指令
 import directive from '@/utils/directive'
 // 加载 svg 图标
diff --git a/src/utils/getLocation.ts b/src/utils/getLocation.ts
new file mode 100644
index 0000000..85700ad
--- /dev/null
+++ b/src/utils/getLocation.ts
@@ -0,0 +1,70 @@
+// 浏览器获取当前位置
+
+// 1.首先获取浏览器类型
+export function myBrowser() {
+  var userAgent = navigator.userAgent as string // 取得浏览器的userAgent字符串
+  var isOpera = userAgent.includes('Opera')
+  if (isOpera) {
+    return 'Opera'
+  } // 判断是否Opera浏览器
+  if (userAgent.includes('Firefox')) {
+    return 'FF'
+  } // 判断是否Firefox浏览器
+  if (userAgent.includes('Chrome')) {
+    return 'Chrome'
+  }
+  if (userAgent.includes('Safari')) {
+    return 'Safari'
+  } // 判断是否Safari浏览器
+  if (userAgent.includes('compatible') && userAgent.includes('MSIE') && !isOpera) {
+    return 'IE'
+  } // 判断是否IE浏览器
+}
+console.log(myBrowser(), '当前浏览器')
+
+export const getLocation = () => {
+  const browserType = myBrowser()
+  if (browserType === 'FF') {
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
+    }
+    else {
+      console.log('Geolocation is not supported by this browser.')
+    }
+
+    function successCallback(position: any) {
+      var latitude = position.coords.latitude
+      var longitude = position.coords.longitude
+      console.log(`Latitude11: ${latitude}`)
+      console.log(`Longitude11: ${longitude}`)
+      sessionStorage.setItem('latitude', latitude)
+      sessionStorage.setItem('longitude', longitude)
+    }
+
+    function errorCallback(error: any) {
+      console.log(`Error: ${error.message}`)
+    }
+  }
+  else {
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
+    }
+    else {
+      console.log('Geolocation is not supported by this browser.')
+    }
+
+    function successCallback(position: any) {
+      var latitude = position.coords.latitude
+      var longitude = position.coords.longitude
+      console.log(`Latitude22: ${latitude}`)
+      console.log(`Longitude22: ${longitude}`)
+      sessionStorage.setItem('latitude', latitude)
+      sessionStorage.setItem('longitude', longitude)
+    }
+
+    function errorCallback(error: any) {
+      console.log(`Error: ${error.message}`)
+    }
+  }
+}
+getLocation()
diff --git a/src/views/home/device/device/components/addDialog.vue b/src/views/home/device/device/components/addDialog.vue
index a50bbb2..ef299f5 100644
--- a/src/views/home/device/device/components/addDialog.vue
+++ b/src/views/home/device/device/components/addDialog.vue
@@ -5,23 +5,31 @@
  -->
 <script lang="ts" setup name="EditProduct">
 import type { FormRules } from 'element-plus'
+import dayjs from 'dayjs'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import localtionForPieple from './localtionForPieple.vue'
+import localtionForStation from './localtionForStation.vue'
+import localtionForWell from './localtionForWell.vue'
 import { getDictByCode } from '@/api/system/dict'
 import { getProductListPage } from '@/api/home/device/product'
+import { getDeviceTypeListPage } from '@/api/home/device/type'
+import { addDevice, editDevice } from '@/api/home/device/device'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
 const dialogStatus = ref('') // 对话框类型：create,update
 const dataForm = ref({
   productId: '', // 产品
-  typeName: '', // 设备类型名称
+  deviceType: '', // 设备类型
   devcode: '', // 设备编号
   valid: '', // 在用情况
   installDate: '', // 安装日期
   leftLength: '', // 左侧指示带长度
   rightLength: '', // 右侧指示带长度
   position: '', // 详细位置
+  watchObject: '',
   tagNumber: '', // 安装位号
+  deptName: '',
 }) // 表单
 const textMap: { [key: string]: string } = {
   edit: '编辑',
@@ -38,7 +46,7 @@
 const resetForm = () => {
   dataForm.value = {
     productId: '', // 产品
-    typeName: '', // 设备类型名称
+    deviceType: '', // 设备类型
     devcode: '', // 设备编号
     valid: '', // 在用情况
     installDate: '', // 安装日期
@@ -46,6 +54,8 @@
     rightLength: '', // 右侧指示带长度
     position: '', // 详细位置
     tagNumber: '', // 安装位号
+    watchObject: '',
+    deptName: '',
   }
 }
 
@@ -55,7 +65,8 @@
   dialogFormVisible.value = true
   if (dialogStatus.value === 'add') { // 如果是新增，清除验证
     resetForm()
-    dataFormRef.value.resetFields()
+    dataFormRef.value?.resetFields()
+    dataForm.value.installDate = dayjs().format('YYYY-MM-DD')
   }
   else if (dialogStatus.value === 'edit') { // 如果是修改，将row中数据填写到输入框中
     dataForm.value = {
@@ -71,20 +82,20 @@
 const createData = () => {
   dataFormRef.value.validate((valid: any) => {
     if (valid) {
-      // addDeviceType(dataForm.value).then((response) => {
-      //   if (response.code === 200) {
-      //     ElMessage({
-      //       message: '添加成功',
-      //       type: 'success',
-      //     })
-      //     // 通知父组件刷新状态
-      //     dialogFormVisible.value = false
-      //     setTimeout(() => {
-      //       emits('refresh')
-      //     })
-      //   }
-      // }).catch((_) => { // 异常情况，loading置为false
-      // })
+      addDevice(dataForm.value).then((response) => {
+        if (response.code === 200) {
+          ElMessage({
+            message: '添加成功',
+            type: 'success',
+          })
+          // 通知父组件刷新状态
+          dialogFormVisible.value = false
+          setTimeout(() => {
+            emits('refresh')
+          })
+        }
+      }).catch((_) => { // 异常情况，loading置为false
+      })
     }
   })
 }
@@ -93,20 +104,20 @@
 const updateData = () => {
   dataFormRef.value.validate((valid: any) => {
     if (valid) {
-      // editDeviceType(dataForm.value).then((response) => {
-      //   if (response.code === 200) {
-      //     ElMessage({
-      //       message: '修改成功',
-      //       type: 'success',
-      //     })
-      //     // dataFormRef.value.clearValidate()
-      //     setTimeout(() => {
-      //       emits('refresh')
-      //     })
-      //     dialogFormVisible.value = false
-      //   }
-      // }).catch((_) => { // 异常情况，loading置为false
-      // })
+      editDevice(dataForm.value).then((response) => {
+        if (response.code === 200) {
+          ElMessage({
+            message: '修改成功',
+            type: 'success',
+          })
+          // dataFormRef.value.clearValidate()
+          setTimeout(() => {
+            emits('refresh')
+          })
+          dialogFormVisible.value = false
+        }
+      }).catch((_) => { // 异常情况，loading置为false
+      })
     }
   })
 }
@@ -124,7 +135,8 @@
   dialogFormVisible.value = false
 }
 const productList = ref<any[]>([]) // 产品列表
-const isUsed = ref<{ id: string; name: string; value: string }[]>([]) // 是否启用
+const deviceTypeList = ref<any[]>([]) // 设备类型列表
+
 const watchObject = ref<{ id: string; name: string; value: string }[]>([]) // 监测对象
 const useStatusList = ref<{ id: string; name: string; value: string }[]>([]) // 设备在用情况
 // 获取字典
@@ -132,6 +144,9 @@
   getProductListPage({ limit: 9999, offset: 1 }).then((res) => {
     productList.value = res.data.rows
   })
+  getDeviceTypeListPage({ limit: 9999, offset: 1 }).then((res) => {
+    deviceTypeList.value = res.data.rows
+  })
   // 监测对象
   getDictByCode('watchObject').then((res) => {
     watchObject.value = res.data
@@ -145,9 +160,50 @@
   // isUsed.value = res1.data
 }
 fetchDict()
+
+watch(() => dataForm.value.productId, (newVal) => {
+  if (dialogStatus.value === 'detail') { return }
+  if (newVal) {
+    dataForm.value.deviceType = productList.value.filter((item: any) => item.id === newVal)[0].deviceType
+    dataForm.value.watchObject = deviceTypeList.value.filter((item: any) => item.id === dataForm.value.deviceType)[0].watchObject
+  }
+}, {
+  deep: true,
+})
+
+// 选择安装位置
+const wellRef = ref()
+const stationRef = ref()
+const piepleRef = ref()
+const selectPosition = () => {
+  if (!dataForm.value.watchObject) {
+    ElMessage.warning('请先选择产品')
+    return
+  }
+  if (dataForm.value.watchObject === '1') {
+    wellRef.value.initDialog()
+  }
+  else if (dataForm.value.watchObject === '2') {
+    stationRef.value.initDialog()
+  }
+  else if (dataForm.value.watchObject === '3') {
+    piepleRef.value.initDialog()
+  }
+}
+// 确认安装位置
+const comfirmLocation = (data: any) => {
+  console.log(data, '确认安装位置')
+  dataForm.value.tagNumber = data.tagNumber
+  dataForm.value.position = data.position
+  dataForm.value.deptName = data.deptName
+}
 </script>
 
 <template>
+  <!-- 选择位置弹窗 -->
+  <localtion-for-pieple ref="piepleRef" @confirm="comfirmLocation" />
+  <localtion-for-station ref="stationRef" @confirm="comfirmLocation" />
+  <localtion-for-well ref="wellRef" @confirm="comfirmLocation" />
   <el-dialog v-model="dialogFormVisible" :title="`${textMap[dialogStatus]}设备`" append-to-body>
     <el-form ref="dataFormRef" :rules="rules" :model="dataForm" label-position="right" label-width="120px">
       <el-row :gutter="24">
@@ -161,11 +217,13 @@
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="设备类型" prop="typeName">
-            <el-input
-              v-model.trim="dataForm.typeName" type="text" placeholder="设备类型" style="width: 100%;" clearable
+          <el-form-item label="设备类型" prop="deviceType">
+            <el-select
+              v-model.trim="dataForm.deviceType" placeholder="设备类型" style="width: 100%;" clearable filterable
               disabled
-            />
+            >
+              <el-option v-for="item in deviceTypeList" :key="item.id" :label="item.typeName" :value="item.id" />
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -187,7 +245,10 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="安装位置" prop="position">
-            <el-input v-model="dataForm.position" placeholder="安装位置" style="width: 100%;" clearable @focus="selectPosition">
+            <el-input
+              v-model="dataForm.position" placeholder="安装位置" style="width: 100%;" clearable
+              @focus="selectPosition"
+            >
               <template #append>
                 <el-button type="primary" @click="selectPosition">
                   选择
diff --git a/src/views/home/device/device/components/localtionForPieple.vue b/src/views/home/device/device/components/localtionForPieple.vue
new file mode 100644
index 0000000..d5494fe
--- /dev/null
+++ b/src/views/home/device/device/components/localtionForPieple.vue
@@ -0,0 +1,301 @@
+<!--
+  Description: 安装位置-管线
+  Author: 李亚光
+  Date: 2024-09-22
+ -->
+<script lang="ts" setup name="LocaltionForWell">
+import { ElMessage } from 'element-plus'
+import type { FormRules, TabsPaneContext } from 'element-plus'
+import { getDictByCode } from '@/api/system/dict'
+import AMap from '@/components/map/index.vue'
+import { getLocation } from '@/utils/getLocation'
+const emits = defineEmits(['confirm'])
+const dialogFormVisible = ref(false) // 对话框是否显示
+const activeName = ref('新建点位')
+const handleClick = (tab: TabsPaneContext, event: Event) => {
+  // console.log(tab, event)
+}
+// 新建点位
+const dataFormRef = ref()
+const dataForm = ref({
+  tagNumber: '', // 安装位号
+  longitude: '', // 经度
+  latitude: '', // 纬度
+  position: '', // 详细位置
+  deptid: '', // 管理单位
+}) // 表单
+const rules: FormRules = {
+  tagNumber: [{ required: true, message: '安装位号不能为空', trigger: ['blur', 'change'] }],
+  longitude: [{ required: true, message: '经度不能为空', trigger: ['blur', 'change'] }],
+  latitude: [{ required: true, message: '纬度不能为空', trigger: ['blur', 'change'] }],
+  position: [{ required: true, message: '详细位置不能为空', trigger: ['blur', 'change'] }],
+  deptid: [{ required: true, message: '管理单位不能为空', trigger: ['blur', 'change'] }],
+} // 前端校验规则
+
+const mapRef = ref()
+// 地图中心点
+const mapCenter = ref<string[]>([])
+if (sessionStorage.getItem('longitude')) {
+  mapCenter.value = [sessionStorage.getItem('longitude') as string, sessionStorage.getItem('latitude') as string]
+}
+else {
+  mapCenter.value = ['116.397428', '39.90923']
+}
+
+// 地图加载完成
+const completeMap = () => {
+  // 加载中心点marker
+  mapRef.value.addMarker({
+    position: mapCenter.value,
+    content: '',
+    label: '',
+  })
+  mapRef.value.getPosition(mapCenter.value, (data: string) => {
+    dataForm.value.position = data
+  })
+  dataForm.value.longitude = mapCenter.value[0]
+  dataForm.value.latitude = mapCenter.value[1]
+}
+// 点击地图
+const mapClick = (e: any) => {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  console.log(location, e, 'location')
+  mapRef.value.removeMarker()
+  mapRef.value.addMarker({
+    position: location,
+    content: '',
+    label: '',
+  })
+  // 填充坐标信息
+  dataForm.value.longitude = e.lnglat.getLng()
+  dataForm.value.latitude = e.lnglat.getLat()
+  // console.log(mapRef.value.getPosition)
+  mapRef.value.getPosition(location, (data: string) => {
+    dataForm.value.position = data
+  })
+}
+// 既有位置 -- 管线列表
+// 表格数据
+const list = ref([])
+const total = ref(0)
+const select = ref(-1) // 单选选中
+// 初始展示列
+const columns = ref<any>([
+  { text: '安装位号', value: 'tagNumber', align: 'center' },
+  { text: '管线编号', value: 'ledgerCode', isRequired: true, align: 'center' },
+  { text: '管理单位', value: 'deptName', isRequired: true, align: 'center' },
+  { text: '详细位置', value: 'position', align: 'center' },
+])
+const loadingTable = ref(true)
+//  查询条件
+const listQuery = ref({
+  limit: 5,
+  offset: 1,
+  tagNumber: '', // 位号
+  ledgerCode: '', // 编号
+  deptid: '', // 管理单位
+  position: '', // 详细位置
+} as { [key: string]: string | number })
+// 查询数据
+const fetchData = () => {
+  loadingTable.value = true
+  setTimeout(() => {
+    list.value = []
+    total.value = 0
+    loadingTable.value = false
+  }, 1000)
+  // getStationListPage(listQuery.value).then((res) => {
+  //   list.value = res.data.rows
+  //   total.value = res.data.total
+  //   loadingTable.value = false
+  // }).catch(() => {
+  //   loadingTable.value = false
+  // })
+}
+fetchData()
+// 重置查询条件f
+const reset = () => {
+  listQuery.value = {
+    limit: 5,
+    offset: 1,
+    tagNumber: '', // 位号
+    ledgerCode: '', // 编号
+    deptid: '', // 管理单位
+    position: '', // 详细位置
+  }
+  fetchData()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size: number; page: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData()
+}
+// 初始化对话框
+const initDialog = () => {
+  dialogFormVisible.value = true
+  // 判断是否同意获取当前位置
+  if (!sessionStorage.getItem('longitude')) {
+    getLocation()
+    setTimeout(() => {
+      if (sessionStorage.getItem('longitude')) {
+        mapRef.value.map.setCenter([sessionStorage.getItem('longitude') as string, sessionStorage.getItem('latitude') as string])
+      }
+      else {
+        mapRef.value.map.setCenter(['116.397428', '39.90923'])
+      }
+    })
+  }
+}
+defineExpose({
+  initDialog,
+})
+// 保存数据
+const deptRef = ref()
+const saveData = () => {
+  if (activeName.value === '新建点位') {
+    dataFormRef.value.validate((valid: any) => {
+      if (valid) {
+        emits('confirm', {
+          ...dataForm.value,
+          deptName: deptRef.value.fetchDeptTree().length ? deptRef.value.fetchDeptTree().filter((item: any) => item.id === dataForm.value.deptid).name : '',
+        })
+        dialogFormVisible.value = false
+      }
+    })
+  }
+  else {
+    if (select.value === -1) {
+      ElMessage.warning('请选择数据')
+      return
+    }
+    emits('confirm', list.value[select.value])
+    dialogFormVisible.value = false
+  }
+}
+const cancel = () => {
+  dialogFormVisible.value = false
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="选择安装位置" append-to-body width="70%">
+    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+      <el-tab-pane label="新建点位" name="新建点位">
+        <el-form ref="dataFormRef" :rules="rules" :model="dataForm" label-position="right" label-width="80px">
+          <el-row :gutter="24">
+            <el-col :span="8">
+              <el-form-item label="安装位号" prop="tagNumber">
+                <el-input
+                  v-model.trim="dataForm.tagNumber" type="text" placeholder="安装位号" style="width: 100%;"
+                  clearable
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="关联管线" prop="deviceType">
+                <el-select v-model="dataForm.deviceType" placeholder="关联管线" style="width: 100%;" clearable filterable>
+                  <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="管理单位" prop="deptid">
+                <dept-select
+                  ref="deptRef" v-model="dataForm.deptid" placeholder="管理单位" :clearable="true"
+                  style="width: 100%;"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24">
+            <el-col :span="8">
+              <el-form-item label="详细位置" prop="position">
+                <el-input
+                  v-model.trim="dataForm.position" type="textarea" :rows="6" placeholder="详细位置"
+                  style="width: 100%;" clearable
+                />
+              </el-form-item>
+              <el-form-item label="经度" prop="longitude">
+                <el-input
+                  v-model.trim="dataForm.longitude" type="text" placeholder="经度" style="width: 100%;"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item label="纬度" prop="latitude">
+                <el-input
+                  v-model.trim="dataForm.latitude" type="text" placeholder="纬度" style="width: 100%;"
+                  clearable
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <!-- 地图 -->
+              <a-map ref="mapRef" :center="mapCenter" :zoom="14" @complete="completeMap" @map-click="mapClick" />
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-tab-pane>
+      <el-tab-pane label="既有位置" name="既有位置">
+        <search-area :need-clear="true" @search="fetchData" @clear="reset">
+          <search-item>
+            <el-input v-model.trim="listQuery.tagNumber" placeholder="安装位号" clearable />
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.ledgerCode" placeholder="管线编号" clearable />
+          </search-item>
+          <search-item>
+            <dept-select v-model="listQuery.deptid" placeholder="管理单位" :clearable="true" style="width: 175px;" />
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.ledgerName" placeholder="详细位置" clearable />
+          </search-item>
+        </search-area>
+        <table-container>
+          <!-- 查询结果Table显示 -->
+          <normal-table
+            :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+            @change="changePage"
+          >
+            <template #preColumns>
+              <el-table-column label="选择" width="55" align="center">
+                <template #default="scope">
+                  <el-radio v-model="select" :label="scope.$index" class="radio" />
+                </template>
+              </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 }}
+                </template>
+              </el-table-column>
+            </template>
+          </normal-table>
+        </table-container>
+      </el-tab-pane>
+    </el-tabs>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          确认
+        </el-button>
+        <el-button @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/home/device/device/components/localtionForStation.vue b/src/views/home/device/device/components/localtionForStation.vue
new file mode 100644
index 0000000..e08434e
--- /dev/null
+++ b/src/views/home/device/device/components/localtionForStation.vue
@@ -0,0 +1,167 @@
+<!--
+  Description: 安装位置-场站
+  Author: 李亚光
+  Date: 2024-09-22
+ -->
+<script lang="ts" setup name="LocaltionForWell">
+import { ElMessage } from 'element-plus'
+import { getDictByCode } from '@/api/system/dict'
+import { getStationListPage } from '@/api/home/station/station'
+const emits = defineEmits(['confirm'])
+const dialogFormVisible = ref(false) // 对话框是否显示
+// 表格数据
+const list = ref([])
+const total = ref(0)
+// 初始展示列
+const columns = ref<any>([
+  { 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: 'responsibleDeptName', isRequired: true, align: 'center' },
+  { text: '场站类型', value: 'wellTypeName', isRequired: true, align: 'center' },
+  { text: '详细位置', value: 'position', align: 'center' },
+  { text: '感知设备', value: 'device', align: 'center', width: '90' },
+])
+const loadingTable = ref(true)
+//  查询条件
+const listQuery = ref({
+  limit: 5,
+  offset: 1,
+  tagNumber: '', // 闸井位号
+  ledgerName: '', // 闸井名称
+  ledgerCode: '', // 闸井编号
+  responsibleDept: '', // 管理单位
+  onState: '', // 使用状态
+  monitorState: '', // 监控状态
+} 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
+  })
+}
+fetchData()
+// 重置查询条件f
+const reset = () => {
+  listQuery.value = {
+    limit: 5,
+    offset: 1,
+    tagNumber: '', // 闸井位号
+    ledgerName: '', // 闸井名称
+    ledgerCode: '', // 闸井编号
+    responsibleDept: '', // 管理单位
+    onState: '', // 使用状态态
+    monitorState: '', // 监控状态
+  }
+  fetchData()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size: number; page: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData()
+}
+// 初始化对话框
+const initDialog = () => {
+  dialogFormVisible.value = true
+}
+// 获取字典
+const wellTypeList = ref<{ id: string; name: string; value: string }[]>([]) // 场站类型
+const fetchDict = () => {
+  // 场站类型
+  getDictByCode('wellType').then((res) => {
+    wellTypeList.value = res.data
+  })
+}
+fetchDict()
+defineExpose({
+  initDialog,
+})
+// 单选
+const select = ref(-1)
+// 保存数据
+const saveData = () => {
+  if (select.value === -1) {
+    ElMessage.warning('请选择数据')
+    return
+  }
+  emits('confirm', list.value[select.value])
+  dialogFormVisible.value = false
+}
+const cancel = () => {
+  dialogFormVisible.value = false
+}
+</script>
+
+<template>
+  <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 />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.ledgerCode" placeholder="场站编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.ledgerName" placeholder="闸井名称" clearable />
+      </search-item>
+      <search-item>
+        <dept-select v-model="listQuery.responsibleDept" placeholder="管理单位" :clearable="true" style="width: 175px;" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.wellType" placeholder="场站类型" clearable class="select" style="width: 175px;">
+          <el-option v-for="item in wellTypeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <!-- 查询结果Table显示 -->
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+        @change="changePage"
+      >
+        <template #preColumns>
+          <el-table-column label="选择" width="55" align="center">
+            <template #default="scope">
+              <el-radio v-model="select" :label="scope.$index" class="radio" />
+            </template>
+          </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 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          确认
+        </el-button>
+        <el-button @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 89cec22..544d6a4 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -16,6 +16,11 @@
     type: Boolean,
     default: true,
   },
+  // 是否展示全选
+  disabledAll: {
+    type: Boolean,
+    default: false,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -216,7 +221,6 @@
   })
   return result
 }
-
 const handleClickFollowLink = (row: any, title: string) => {
   emit('handleClickFollowLink', row, title)
 }
@@ -314,7 +318,8 @@
 <template>
   <div id="normal-table-com">
     <el-table
-      id="print" ref="table" v-loading="listLoading" :data="data" :height="height" border stripe :size="size"
+      id="print"
+      ref="table" v-loading="listLoading" :class="`${disabledAll ? 'selectAllbtnDis' : ''}`" :data="data" :height="height" border stripe :size="size"
       style="width: 100%;" :row-key="(row) => { return row.id || row.index }" :span-method="mergeTableRow"
       @selection-change="handleSelectionChange" @select="selectClick" @row-click="rowClick" @row-dblclick="rowDbClick"
       @filter-change="filterChange" @row-contextmenu="contextmenu"
@@ -328,7 +333,7 @@
       </el-table-column>
       <el-table-column
         v-if="isShowmultiSelect && isMulti" :reserve-selection="true" type="selection" width="38"
-        :selectable="selectable" fixed="left"
+        :selectable="selectable" fixed="left" header-cell-class-name="all-select" class="all-select"
       />
       <template v-for="column of columns" :key="column.value">
         <el-table-column
@@ -405,6 +410,12 @@
 </template>
 
 <style lang="scss" scoped>
+::v-deep .selectAllbtnDis .el-table__header-wrapper .cell .el-checkbox__inner {
+  display: none;
+}
+</style>
+
+<style lang="scss" scoped>
 #custom-menu {
   display: none;
   position: fixed;
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 0b3c3d0..1402d02 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -22,7 +22,7 @@
     default: 9,
   },
 })
-const $emits = defineEmits(['complete', 'marke', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
 const loading = ref(true)
 // 设置安全密钥
 window._AMapSecurityConfig = {
@@ -31,6 +31,27 @@
 // 地图实例
 const map = shallowRef()
 const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
 // 地图缩放等级
 const zoom = ref(0)
 // 图层
@@ -44,11 +65,12 @@
   AMapLoader.load({
     key: localStorage.getItem('JsKey')!, // 后期需替换
     version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
   })
     .then((AMap1: any) => {
       AMap.value = AMap1
       // 初始化地图
+      console.log($props.center, '中心')
       map.value = new AMap1.Map('map', {
         viewMode: '3D', //  是否为3D地图模式
         zoom: $props.zoom, // 初始化地图级别
@@ -73,9 +95,25 @@
         console.log('地图加载完成')
         $emits('complete', AMap.value)
         loading.value = false
+
+        // AMap.value.reGeocode({
+        //   location: $props.center,
+        //   success: (res: any) => {
+        //     // 获取到详细地址信息
+        //     const formattedAddress = res.regeocode.formattedAddress
+        //     console.log('地址:', formattedAddress)
+        //   },
+        //   error: (err: any) => {
+        //     console.error('获取地址失败:', err)
+        //   },
+        // })
       })
       // 地图绑定右击事件
       map.value.on('mousedown', clickHandler)
+      // 地图绑定点击击事件
+      map.value.on('click', (e: any) => {
+        $emits('mapClick', e)
+      })
       // 地图zoom
       map.value.on('zoomend', () => {
         zoom.value = map.value.getZoom() // 获取当前缩放级别
@@ -224,7 +262,7 @@
     // 将 html 传给 content
     content: data.content,
     // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(-13, -30),
+    offset: new AMap.value.Pixel(0, 0),
   })
   markerAllList.value.push(marker)
   // markers的信息窗体
@@ -383,6 +421,7 @@
   removeMassMarks, // 移除点标记(海量点)
   addMassLine, // 添加折线(海量线)
   removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
 })
 </script>
 
diff --git a/src/main.ts b/src/main.ts
index 4317af5..80ad79e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,6 +9,7 @@
 import router from './router'
 import useSettingsStore from './store/modules/settings'
 import request from '@/api/index'
+import '@/utils/getLocation'
 // 自定义指令
 import directive from '@/utils/directive'
 // 加载 svg 图标
diff --git a/src/utils/getLocation.ts b/src/utils/getLocation.ts
new file mode 100644
index 0000000..85700ad
--- /dev/null
+++ b/src/utils/getLocation.ts
@@ -0,0 +1,70 @@
+// 浏览器获取当前位置
+
+// 1.首先获取浏览器类型
+export function myBrowser() {
+  var userAgent = navigator.userAgent as string // 取得浏览器的userAgent字符串
+  var isOpera = userAgent.includes('Opera')
+  if (isOpera) {
+    return 'Opera'
+  } // 判断是否Opera浏览器
+  if (userAgent.includes('Firefox')) {
+    return 'FF'
+  } // 判断是否Firefox浏览器
+  if (userAgent.includes('Chrome')) {
+    return 'Chrome'
+  }
+  if (userAgent.includes('Safari')) {
+    return 'Safari'
+  } // 判断是否Safari浏览器
+  if (userAgent.includes('compatible') && userAgent.includes('MSIE') && !isOpera) {
+    return 'IE'
+  } // 判断是否IE浏览器
+}
+console.log(myBrowser(), '当前浏览器')
+
+export const getLocation = () => {
+  const browserType = myBrowser()
+  if (browserType === 'FF') {
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
+    }
+    else {
+      console.log('Geolocation is not supported by this browser.')
+    }
+
+    function successCallback(position: any) {
+      var latitude = position.coords.latitude
+      var longitude = position.coords.longitude
+      console.log(`Latitude11: ${latitude}`)
+      console.log(`Longitude11: ${longitude}`)
+      sessionStorage.setItem('latitude', latitude)
+      sessionStorage.setItem('longitude', longitude)
+    }
+
+    function errorCallback(error: any) {
+      console.log(`Error: ${error.message}`)
+    }
+  }
+  else {
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
+    }
+    else {
+      console.log('Geolocation is not supported by this browser.')
+    }
+
+    function successCallback(position: any) {
+      var latitude = position.coords.latitude
+      var longitude = position.coords.longitude
+      console.log(`Latitude22: ${latitude}`)
+      console.log(`Longitude22: ${longitude}`)
+      sessionStorage.setItem('latitude', latitude)
+      sessionStorage.setItem('longitude', longitude)
+    }
+
+    function errorCallback(error: any) {
+      console.log(`Error: ${error.message}`)
+    }
+  }
+}
+getLocation()
diff --git a/src/views/home/device/device/components/addDialog.vue b/src/views/home/device/device/components/addDialog.vue
index a50bbb2..ef299f5 100644
--- a/src/views/home/device/device/components/addDialog.vue
+++ b/src/views/home/device/device/components/addDialog.vue
@@ -5,23 +5,31 @@
  -->
 <script lang="ts" setup name="EditProduct">
 import type { FormRules } from 'element-plus'
+import dayjs from 'dayjs'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import localtionForPieple from './localtionForPieple.vue'
+import localtionForStation from './localtionForStation.vue'
+import localtionForWell from './localtionForWell.vue'
 import { getDictByCode } from '@/api/system/dict'
 import { getProductListPage } from '@/api/home/device/product'
+import { getDeviceTypeListPage } from '@/api/home/device/type'
+import { addDevice, editDevice } from '@/api/home/device/device'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
 const dialogStatus = ref('') // 对话框类型：create,update
 const dataForm = ref({
   productId: '', // 产品
-  typeName: '', // 设备类型名称
+  deviceType: '', // 设备类型
   devcode: '', // 设备编号
   valid: '', // 在用情况
   installDate: '', // 安装日期
   leftLength: '', // 左侧指示带长度
   rightLength: '', // 右侧指示带长度
   position: '', // 详细位置
+  watchObject: '',
   tagNumber: '', // 安装位号
+  deptName: '',
 }) // 表单
 const textMap: { [key: string]: string } = {
   edit: '编辑',
@@ -38,7 +46,7 @@
 const resetForm = () => {
   dataForm.value = {
     productId: '', // 产品
-    typeName: '', // 设备类型名称
+    deviceType: '', // 设备类型
     devcode: '', // 设备编号
     valid: '', // 在用情况
     installDate: '', // 安装日期
@@ -46,6 +54,8 @@
     rightLength: '', // 右侧指示带长度
     position: '', // 详细位置
     tagNumber: '', // 安装位号
+    watchObject: '',
+    deptName: '',
   }
 }
 
@@ -55,7 +65,8 @@
   dialogFormVisible.value = true
   if (dialogStatus.value === 'add') { // 如果是新增，清除验证
     resetForm()
-    dataFormRef.value.resetFields()
+    dataFormRef.value?.resetFields()
+    dataForm.value.installDate = dayjs().format('YYYY-MM-DD')
   }
   else if (dialogStatus.value === 'edit') { // 如果是修改，将row中数据填写到输入框中
     dataForm.value = {
@@ -71,20 +82,20 @@
 const createData = () => {
   dataFormRef.value.validate((valid: any) => {
     if (valid) {
-      // addDeviceType(dataForm.value).then((response) => {
-      //   if (response.code === 200) {
-      //     ElMessage({
-      //       message: '添加成功',
-      //       type: 'success',
-      //     })
-      //     // 通知父组件刷新状态
-      //     dialogFormVisible.value = false
-      //     setTimeout(() => {
-      //       emits('refresh')
-      //     })
-      //   }
-      // }).catch((_) => { // 异常情况，loading置为false
-      // })
+      addDevice(dataForm.value).then((response) => {
+        if (response.code === 200) {
+          ElMessage({
+            message: '添加成功',
+            type: 'success',
+          })
+          // 通知父组件刷新状态
+          dialogFormVisible.value = false
+          setTimeout(() => {
+            emits('refresh')
+          })
+        }
+      }).catch((_) => { // 异常情况，loading置为false
+      })
     }
   })
 }
@@ -93,20 +104,20 @@
 const updateData = () => {
   dataFormRef.value.validate((valid: any) => {
     if (valid) {
-      // editDeviceType(dataForm.value).then((response) => {
-      //   if (response.code === 200) {
-      //     ElMessage({
-      //       message: '修改成功',
-      //       type: 'success',
-      //     })
-      //     // dataFormRef.value.clearValidate()
-      //     setTimeout(() => {
-      //       emits('refresh')
-      //     })
-      //     dialogFormVisible.value = false
-      //   }
-      // }).catch((_) => { // 异常情况，loading置为false
-      // })
+      editDevice(dataForm.value).then((response) => {
+        if (response.code === 200) {
+          ElMessage({
+            message: '修改成功',
+            type: 'success',
+          })
+          // dataFormRef.value.clearValidate()
+          setTimeout(() => {
+            emits('refresh')
+          })
+          dialogFormVisible.value = false
+        }
+      }).catch((_) => { // 异常情况，loading置为false
+      })
     }
   })
 }
@@ -124,7 +135,8 @@
   dialogFormVisible.value = false
 }
 const productList = ref<any[]>([]) // 产品列表
-const isUsed = ref<{ id: string; name: string; value: string }[]>([]) // 是否启用
+const deviceTypeList = ref<any[]>([]) // 设备类型列表
+
 const watchObject = ref<{ id: string; name: string; value: string }[]>([]) // 监测对象
 const useStatusList = ref<{ id: string; name: string; value: string }[]>([]) // 设备在用情况
 // 获取字典
@@ -132,6 +144,9 @@
   getProductListPage({ limit: 9999, offset: 1 }).then((res) => {
     productList.value = res.data.rows
   })
+  getDeviceTypeListPage({ limit: 9999, offset: 1 }).then((res) => {
+    deviceTypeList.value = res.data.rows
+  })
   // 监测对象
   getDictByCode('watchObject').then((res) => {
     watchObject.value = res.data
@@ -145,9 +160,50 @@
   // isUsed.value = res1.data
 }
 fetchDict()
+
+watch(() => dataForm.value.productId, (newVal) => {
+  if (dialogStatus.value === 'detail') { return }
+  if (newVal) {
+    dataForm.value.deviceType = productList.value.filter((item: any) => item.id === newVal)[0].deviceType
+    dataForm.value.watchObject = deviceTypeList.value.filter((item: any) => item.id === dataForm.value.deviceType)[0].watchObject
+  }
+}, {
+  deep: true,
+})
+
+// 选择安装位置
+const wellRef = ref()
+const stationRef = ref()
+const piepleRef = ref()
+const selectPosition = () => {
+  if (!dataForm.value.watchObject) {
+    ElMessage.warning('请先选择产品')
+    return
+  }
+  if (dataForm.value.watchObject === '1') {
+    wellRef.value.initDialog()
+  }
+  else if (dataForm.value.watchObject === '2') {
+    stationRef.value.initDialog()
+  }
+  else if (dataForm.value.watchObject === '3') {
+    piepleRef.value.initDialog()
+  }
+}
+// 确认安装位置
+const comfirmLocation = (data: any) => {
+  console.log(data, '确认安装位置')
+  dataForm.value.tagNumber = data.tagNumber
+  dataForm.value.position = data.position
+  dataForm.value.deptName = data.deptName
+}
 </script>
 
 <template>
+  <!-- 选择位置弹窗 -->
+  <localtion-for-pieple ref="piepleRef" @confirm="comfirmLocation" />
+  <localtion-for-station ref="stationRef" @confirm="comfirmLocation" />
+  <localtion-for-well ref="wellRef" @confirm="comfirmLocation" />
   <el-dialog v-model="dialogFormVisible" :title="`${textMap[dialogStatus]}设备`" append-to-body>
     <el-form ref="dataFormRef" :rules="rules" :model="dataForm" label-position="right" label-width="120px">
       <el-row :gutter="24">
@@ -161,11 +217,13 @@
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="设备类型" prop="typeName">
-            <el-input
-              v-model.trim="dataForm.typeName" type="text" placeholder="设备类型" style="width: 100%;" clearable
+          <el-form-item label="设备类型" prop="deviceType">
+            <el-select
+              v-model.trim="dataForm.deviceType" placeholder="设备类型" style="width: 100%;" clearable filterable
               disabled
-            />
+            >
+              <el-option v-for="item in deviceTypeList" :key="item.id" :label="item.typeName" :value="item.id" />
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -187,7 +245,10 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="安装位置" prop="position">
-            <el-input v-model="dataForm.position" placeholder="安装位置" style="width: 100%;" clearable @focus="selectPosition">
+            <el-input
+              v-model="dataForm.position" placeholder="安装位置" style="width: 100%;" clearable
+              @focus="selectPosition"
+            >
               <template #append>
                 <el-button type="primary" @click="selectPosition">
                   选择
diff --git a/src/views/home/device/device/components/localtionForPieple.vue b/src/views/home/device/device/components/localtionForPieple.vue
new file mode 100644
index 0000000..d5494fe
--- /dev/null
+++ b/src/views/home/device/device/components/localtionForPieple.vue
@@ -0,0 +1,301 @@
+<!--
+  Description: 安装位置-管线
+  Author: 李亚光
+  Date: 2024-09-22
+ -->
+<script lang="ts" setup name="LocaltionForWell">
+import { ElMessage } from 'element-plus'
+import type { FormRules, TabsPaneContext } from 'element-plus'
+import { getDictByCode } from '@/api/system/dict'
+import AMap from '@/components/map/index.vue'
+import { getLocation } from '@/utils/getLocation'
+const emits = defineEmits(['confirm'])
+const dialogFormVisible = ref(false) // 对话框是否显示
+const activeName = ref('新建点位')
+const handleClick = (tab: TabsPaneContext, event: Event) => {
+  // console.log(tab, event)
+}
+// 新建点位
+const dataFormRef = ref()
+const dataForm = ref({
+  tagNumber: '', // 安装位号
+  longitude: '', // 经度
+  latitude: '', // 纬度
+  position: '', // 详细位置
+  deptid: '', // 管理单位
+}) // 表单
+const rules: FormRules = {
+  tagNumber: [{ required: true, message: '安装位号不能为空', trigger: ['blur', 'change'] }],
+  longitude: [{ required: true, message: '经度不能为空', trigger: ['blur', 'change'] }],
+  latitude: [{ required: true, message: '纬度不能为空', trigger: ['blur', 'change'] }],
+  position: [{ required: true, message: '详细位置不能为空', trigger: ['blur', 'change'] }],
+  deptid: [{ required: true, message: '管理单位不能为空', trigger: ['blur', 'change'] }],
+} // 前端校验规则
+
+const mapRef = ref()
+// 地图中心点
+const mapCenter = ref<string[]>([])
+if (sessionStorage.getItem('longitude')) {
+  mapCenter.value = [sessionStorage.getItem('longitude') as string, sessionStorage.getItem('latitude') as string]
+}
+else {
+  mapCenter.value = ['116.397428', '39.90923']
+}
+
+// 地图加载完成
+const completeMap = () => {
+  // 加载中心点marker
+  mapRef.value.addMarker({
+    position: mapCenter.value,
+    content: '',
+    label: '',
+  })
+  mapRef.value.getPosition(mapCenter.value, (data: string) => {
+    dataForm.value.position = data
+  })
+  dataForm.value.longitude = mapCenter.value[0]
+  dataForm.value.latitude = mapCenter.value[1]
+}
+// 点击地图
+const mapClick = (e: any) => {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  console.log(location, e, 'location')
+  mapRef.value.removeMarker()
+  mapRef.value.addMarker({
+    position: location,
+    content: '',
+    label: '',
+  })
+  // 填充坐标信息
+  dataForm.value.longitude = e.lnglat.getLng()
+  dataForm.value.latitude = e.lnglat.getLat()
+  // console.log(mapRef.value.getPosition)
+  mapRef.value.getPosition(location, (data: string) => {
+    dataForm.value.position = data
+  })
+}
+// 既有位置 -- 管线列表
+// 表格数据
+const list = ref([])
+const total = ref(0)
+const select = ref(-1) // 单选选中
+// 初始展示列
+const columns = ref<any>([
+  { text: '安装位号', value: 'tagNumber', align: 'center' },
+  { text: '管线编号', value: 'ledgerCode', isRequired: true, align: 'center' },
+  { text: '管理单位', value: 'deptName', isRequired: true, align: 'center' },
+  { text: '详细位置', value: 'position', align: 'center' },
+])
+const loadingTable = ref(true)
+//  查询条件
+const listQuery = ref({
+  limit: 5,
+  offset: 1,
+  tagNumber: '', // 位号
+  ledgerCode: '', // 编号
+  deptid: '', // 管理单位
+  position: '', // 详细位置
+} as { [key: string]: string | number })
+// 查询数据
+const fetchData = () => {
+  loadingTable.value = true
+  setTimeout(() => {
+    list.value = []
+    total.value = 0
+    loadingTable.value = false
+  }, 1000)
+  // getStationListPage(listQuery.value).then((res) => {
+  //   list.value = res.data.rows
+  //   total.value = res.data.total
+  //   loadingTable.value = false
+  // }).catch(() => {
+  //   loadingTable.value = false
+  // })
+}
+fetchData()
+// 重置查询条件f
+const reset = () => {
+  listQuery.value = {
+    limit: 5,
+    offset: 1,
+    tagNumber: '', // 位号
+    ledgerCode: '', // 编号
+    deptid: '', // 管理单位
+    position: '', // 详细位置
+  }
+  fetchData()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size: number; page: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData()
+}
+// 初始化对话框
+const initDialog = () => {
+  dialogFormVisible.value = true
+  // 判断是否同意获取当前位置
+  if (!sessionStorage.getItem('longitude')) {
+    getLocation()
+    setTimeout(() => {
+      if (sessionStorage.getItem('longitude')) {
+        mapRef.value.map.setCenter([sessionStorage.getItem('longitude') as string, sessionStorage.getItem('latitude') as string])
+      }
+      else {
+        mapRef.value.map.setCenter(['116.397428', '39.90923'])
+      }
+    })
+  }
+}
+defineExpose({
+  initDialog,
+})
+// 保存数据
+const deptRef = ref()
+const saveData = () => {
+  if (activeName.value === '新建点位') {
+    dataFormRef.value.validate((valid: any) => {
+      if (valid) {
+        emits('confirm', {
+          ...dataForm.value,
+          deptName: deptRef.value.fetchDeptTree().length ? deptRef.value.fetchDeptTree().filter((item: any) => item.id === dataForm.value.deptid).name : '',
+        })
+        dialogFormVisible.value = false
+      }
+    })
+  }
+  else {
+    if (select.value === -1) {
+      ElMessage.warning('请选择数据')
+      return
+    }
+    emits('confirm', list.value[select.value])
+    dialogFormVisible.value = false
+  }
+}
+const cancel = () => {
+  dialogFormVisible.value = false
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="选择安装位置" append-to-body width="70%">
+    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+      <el-tab-pane label="新建点位" name="新建点位">
+        <el-form ref="dataFormRef" :rules="rules" :model="dataForm" label-position="right" label-width="80px">
+          <el-row :gutter="24">
+            <el-col :span="8">
+              <el-form-item label="安装位号" prop="tagNumber">
+                <el-input
+                  v-model.trim="dataForm.tagNumber" type="text" placeholder="安装位号" style="width: 100%;"
+                  clearable
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="关联管线" prop="deviceType">
+                <el-select v-model="dataForm.deviceType" placeholder="关联管线" style="width: 100%;" clearable filterable>
+                  <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="管理单位" prop="deptid">
+                <dept-select
+                  ref="deptRef" v-model="dataForm.deptid" placeholder="管理单位" :clearable="true"
+                  style="width: 100%;"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24">
+            <el-col :span="8">
+              <el-form-item label="详细位置" prop="position">
+                <el-input
+                  v-model.trim="dataForm.position" type="textarea" :rows="6" placeholder="详细位置"
+                  style="width: 100%;" clearable
+                />
+              </el-form-item>
+              <el-form-item label="经度" prop="longitude">
+                <el-input
+                  v-model.trim="dataForm.longitude" type="text" placeholder="经度" style="width: 100%;"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item label="纬度" prop="latitude">
+                <el-input
+                  v-model.trim="dataForm.latitude" type="text" placeholder="纬度" style="width: 100%;"
+                  clearable
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <!-- 地图 -->
+              <a-map ref="mapRef" :center="mapCenter" :zoom="14" @complete="completeMap" @map-click="mapClick" />
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-tab-pane>
+      <el-tab-pane label="既有位置" name="既有位置">
+        <search-area :need-clear="true" @search="fetchData" @clear="reset">
+          <search-item>
+            <el-input v-model.trim="listQuery.tagNumber" placeholder="安装位号" clearable />
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.ledgerCode" placeholder="管线编号" clearable />
+          </search-item>
+          <search-item>
+            <dept-select v-model="listQuery.deptid" placeholder="管理单位" :clearable="true" style="width: 175px;" />
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.ledgerName" placeholder="详细位置" clearable />
+          </search-item>
+        </search-area>
+        <table-container>
+          <!-- 查询结果Table显示 -->
+          <normal-table
+            :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+            @change="changePage"
+          >
+            <template #preColumns>
+              <el-table-column label="选择" width="55" align="center">
+                <template #default="scope">
+                  <el-radio v-model="select" :label="scope.$index" class="radio" />
+                </template>
+              </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 }}
+                </template>
+              </el-table-column>
+            </template>
+          </normal-table>
+        </table-container>
+      </el-tab-pane>
+    </el-tabs>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          确认
+        </el-button>
+        <el-button @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/home/device/device/components/localtionForStation.vue b/src/views/home/device/device/components/localtionForStation.vue
new file mode 100644
index 0000000..e08434e
--- /dev/null
+++ b/src/views/home/device/device/components/localtionForStation.vue
@@ -0,0 +1,167 @@
+<!--
+  Description: 安装位置-场站
+  Author: 李亚光
+  Date: 2024-09-22
+ -->
+<script lang="ts" setup name="LocaltionForWell">
+import { ElMessage } from 'element-plus'
+import { getDictByCode } from '@/api/system/dict'
+import { getStationListPage } from '@/api/home/station/station'
+const emits = defineEmits(['confirm'])
+const dialogFormVisible = ref(false) // 对话框是否显示
+// 表格数据
+const list = ref([])
+const total = ref(0)
+// 初始展示列
+const columns = ref<any>([
+  { 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: 'responsibleDeptName', isRequired: true, align: 'center' },
+  { text: '场站类型', value: 'wellTypeName', isRequired: true, align: 'center' },
+  { text: '详细位置', value: 'position', align: 'center' },
+  { text: '感知设备', value: 'device', align: 'center', width: '90' },
+])
+const loadingTable = ref(true)
+//  查询条件
+const listQuery = ref({
+  limit: 5,
+  offset: 1,
+  tagNumber: '', // 闸井位号
+  ledgerName: '', // 闸井名称
+  ledgerCode: '', // 闸井编号
+  responsibleDept: '', // 管理单位
+  onState: '', // 使用状态
+  monitorState: '', // 监控状态
+} 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
+  })
+}
+fetchData()
+// 重置查询条件f
+const reset = () => {
+  listQuery.value = {
+    limit: 5,
+    offset: 1,
+    tagNumber: '', // 闸井位号
+    ledgerName: '', // 闸井名称
+    ledgerCode: '', // 闸井编号
+    responsibleDept: '', // 管理单位
+    onState: '', // 使用状态态
+    monitorState: '', // 监控状态
+  }
+  fetchData()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size: number; page: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData()
+}
+// 初始化对话框
+const initDialog = () => {
+  dialogFormVisible.value = true
+}
+// 获取字典
+const wellTypeList = ref<{ id: string; name: string; value: string }[]>([]) // 场站类型
+const fetchDict = () => {
+  // 场站类型
+  getDictByCode('wellType').then((res) => {
+    wellTypeList.value = res.data
+  })
+}
+fetchDict()
+defineExpose({
+  initDialog,
+})
+// 单选
+const select = ref(-1)
+// 保存数据
+const saveData = () => {
+  if (select.value === -1) {
+    ElMessage.warning('请选择数据')
+    return
+  }
+  emits('confirm', list.value[select.value])
+  dialogFormVisible.value = false
+}
+const cancel = () => {
+  dialogFormVisible.value = false
+}
+</script>
+
+<template>
+  <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 />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.ledgerCode" placeholder="场站编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.ledgerName" placeholder="闸井名称" clearable />
+      </search-item>
+      <search-item>
+        <dept-select v-model="listQuery.responsibleDept" placeholder="管理单位" :clearable="true" style="width: 175px;" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.wellType" placeholder="场站类型" clearable class="select" style="width: 175px;">
+          <el-option v-for="item in wellTypeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <!-- 查询结果Table显示 -->
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+        @change="changePage"
+      >
+        <template #preColumns>
+          <el-table-column label="选择" width="55" align="center">
+            <template #default="scope">
+              <el-radio v-model="select" :label="scope.$index" class="radio" />
+            </template>
+          </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 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          确认
+        </el-button>
+        <el-button @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/home/device/device/components/localtionForWell.vue b/src/views/home/device/device/components/localtionForWell.vue
new file mode 100644
index 0000000..b061b8c
--- /dev/null
+++ b/src/views/home/device/device/components/localtionForWell.vue
@@ -0,0 +1,220 @@
+<!--
+  Description: 安装位置-闸井
+  Author: 李亚光
+  Date: 2024-09-22
+ -->
+<script lang="ts" setup name="LocaltionForWell">
+import { ElMessage } from 'element-plus'
+import { getDictByCode } from '@/api/system/dict'
+import { getWellListPage } from '@/api/home/well/well'
+
+const emits = defineEmits(['confirm'])
+const dialogFormVisible = ref(false) // 对话框是否显示
+// 表格数据
+const list = ref([])
+const total = ref(0)
+const currentTagNum = ref() // 当前选中的位号
+// 初始展示列
+const columns = ref<any>([
+  { text: '闸井位号', value: 'tagNumber', align: 'center', width: '110' },
+  { text: '闸井编号', value: 'ledgerCode', align: 'center' },
+  { text: '闸井名称', value: 'ledgerName', align: 'center' },
+  { text: '管理单位', value: 'responsibleDeptName', align: 'center' },
+  { text: '产权单位', value: 'propertyOwner', align: 'center' },
+  { text: '管理方式', value: 'manageTypeName', align: 'center', width: '90' },
+  { text: '使用状态', value: 'onStateName', align: 'center', width: '90' },
+  { text: '感知设备', value: 'device', align: 'center', width: '90' },
+  { text: '标签', value: 'marker', align: 'center' },
+])
+const loadingTable = ref(true)
+//  查询条件
+const listQuery = ref({
+  limit: 5,
+  offset: 1,
+  tagNumber: '', // 闸井位号
+  ledgerName: '', // 闸井名称
+  ledgerCode: '', // 闸井编号
+  responsibleDept: '', // 管理单位
+  propertyOwner: '', // 产权单位
+  manageType: '', // 管理方式
+  onState: '', // 使用状态
+  bfzt: '', // 布防状态
+  monitorState: '', // 监控状态
+  marker: '',
+} as { [key: string]: string | number })
+// 查询数据
+const fetchData = () => {
+  loadingTable.value = true
+  getWellListPage(listQuery.value).then((res) => {
+    list.value = res.data.rows
+    total.value = res.data.total
+    loadingTable.value = false
+  }).catch(() => {
+    loadingTable.value = false
+  })
+}
+fetchData()
+// 重置查询条件f
+const reset = () => {
+  listQuery.value = {
+    limit: 5,
+    offset: 1,
+    tagNumber: '', // 闸井位号
+    ledgerName: '', // 闸井名称
+    ledgerCode: '', // 闸井编号
+    responsibleDept: '', // 管理单位
+    propertyOwner: '', // 产权单位
+    manageType: '', // 管理方式
+    onState: '', // 使用状态
+    bfzt: '', // 布防状态
+    monitorState: '', // 监控状态
+    marker: '',
+  }
+  fetchData()
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size: number; page: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData()
+}
+// 获取字典
+const manageTypeList = ref<{ id: string; name: string; value: string }[]>([]) // 管理方式
+const onStateList = ref<{ id: string; name: string; value: string }[]>([]) // 使用状态
+const fetchDict = () => {
+  // 管理方式
+  getDictByCode('manageType').then((res) => {
+    manageTypeList.value = res.data
+  })
+  // 使用状态
+  getDictByCode('onState').then((res) => {
+    onStateList.value = res.data
+  })
+}
+fetchDict()
+// 初始化对话框
+const initDialog = () => {
+  dialogFormVisible.value = true
+}
+defineExpose({
+  initDialog,
+})
+// 多选逻辑
+const multiSelectData = ref([])
+const multiSelect = (data: any) => {
+  if (!multiSelectData.value.length && data.length === 1) {
+    // 禁用其他的位号
+    currentTagNum.value = data[0].tagNumber
+  }
+  else if (!data.length) {
+    currentTagNum.value = ''
+  }
+  multiSelectData.value = data
+}
+// 表格禁用
+const rowDisabled = (row: any, index: number, fun: any) => {
+  if (!currentTagNum.value) {
+    fun('false')
+    return
+  }
+  if (row.tagNumber === currentTagNum.value) {
+    fun('false')
+  }
+  else {
+    fun('true')
+  }
+}
+// 保存数据
+const saveData = () => {
+  if (!multiSelectData.value.length) {
+    ElMessage.warning('请先选择数据')
+    return
+  }
+  emits('confirm', multiSelectData.value[multiSelectData.value.length - 1])
+  dialogFormVisible.value = false
+}
+const cancel = () => {
+  dialogFormVisible.value = false
+}
+</script>
+
+<template>
+  <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 />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.ledgerCode" placeholder="闸井编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.ledgerName" placeholder="闸井名称" clearable />
+      </search-item>
+      <search-item>
+        <dept-select v-model="listQuery.responsibleDept" placeholder="管理单位" :clearable="true" style="width: 175px;" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.propertyOwner" placeholder="产权单位" clearable />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.manageType" placeholder="管理方式" clearable class="select" style="width: 175px;">
+          <el-option v-for="item in manageTypeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.onState" placeholder="使用状态" clearable class="select" style="width: 175px;">
+          <el-option v-for="item in onStateList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.marker" placeholder="标签" clearable class="select" />
+      </search-item>
+    </search-area>
+    <table-container>
+      <!-- 查询结果Table显示 -->
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
+        :is-showmulti-select="true" :disabled-all="true" @change="changePage" @multiSelect="multiSelect"
+        @rowDisabled="rowDisabled"
+      >
+        <template #preColumns>
+          <!-- <el-table-column label="选择" type="selection" width="55" /> -->
+          <!-- <el-table-column label="选择" width="55" align="center">
+            <template #default="scope">
+              <el-radio v-model="select" :label="scope.$index" class="radio" />
+            </template>
+</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 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          确认
+        </el-button>
+        <el-button @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>