巡检功能测试中

wuxw
1 parent 72de60dc
Showing 6 changed files with 189 additions and 293 deletions
src/components/inspection/AddInspectionItem.vue
src/components/inspection/addInspectionPoint.vue
src/components/inspection/editInspectionPoint.vue
src/components/inspection/selectMapPos.vue
src/views/dev/mappingList.vue
src/views/inspection/inspectionPointList.vue
 <template>
-  <el-dialog
-    :title="$t('inspectionItemManage.addTitle')"
-    :visible.sync="visible"
-    width="50%"
-    @close="handleClose"
-  >
+  <el-dialog :title="$t('inspectionItemManage.addTitle')" :visible.sync="visible" width="40%" @close="handleClose">
     <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
       <el-form-item :label="$t('inspectionItemManage.itemNameLabel')" prop="itemName">
-        <el-input 
-          v-model="formData.itemName" 
-          :placeholder="$t('inspectionItemManage.requiredItem')"
-        />
+        <el-input v-model="formData.itemName" :placeholder="$t('inspectionItemManage.requiredItem')" />
       </el-form-item>
       <el-form-item :label="$t('inspectionItemManage.remarkLabel')" prop="remark">
-        <el-input
-          v-model="formData.remark"
-          type="textarea"
-          :rows="4"
-          :placeholder="$t('inspectionItemManage.requiredRemark')"
-        />
+        <el-input v-model="formData.remark" type="textarea" :rows="4"
+          :placeholder="$t('inspectionItemManage.requiredRemark')" />
       </el-form-item>
     </el-form>
-    
+
     <span slot="footer" class="dialog-footer">
       <el-button @click="visible = false">
         {{ $t('inspectionItemManage.cancel') }}
 <template>
-  <el-dialog
-    :title="$t('addInspectionPoint.title')"
-    :visible.sync="dialogVisible"
-    width="80%"
-    top="5vh"
-    @close="resetForm"
-  >
-    <el-form 
-      ref="addForm" 
-      :model="addInspectionPointInfo" 
-      :rules="rules" 
-      label-width="120px"
-      label-position="right"
-    >
+  <el-dialog :title="$t('addInspectionPoint.title')" :visible.sync="dialogVisible" width="60%" top="5vh"
+    @close="resetForm">
+    <el-form ref="addForm" :model="addInspectionPointInfo" :rules="rules" label-width="120px" label-position="right">
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item :label="$t('addInspectionPoint.inspectionName')" prop="inspectionName">
-            <el-input 
-              v-model="addInspectionPointInfo.inspectionName" 
-              :placeholder="$t('addInspectionPoint.placeholder.inspectionName')"
-              clearable
-            />
+            <el-input v-model="addInspectionPointInfo.inspectionName"
+              :placeholder="$t('addInspectionPoint.placeholder.inspectionName')" clearable />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label="$t('addInspectionPoint.pointObjType')" prop="pointObjType">
-            <el-select 
-              v-model="addInspectionPointInfo.pointObjType" 
-              :placeholder="$t('addInspectionPoint.placeholder.pointObjType')"
-              style="width: 100%;"
-              @change="_pointObjTypeChange"
-            >
-              <el-option 
-                v-for="item in addInspectionPointInfo.pointObjTypes" 
-                :key="item.statusCd" 
-                :label="item.name" 
-                :value="item.statusCd"
-              />
+            <el-select v-model="addInspectionPointInfo.pointObjType"
+              :placeholder="$t('addInspectionPoint.placeholder.pointObjType')" style="width: 100%;"
+              @change="_pointObjTypeChange">
+              <el-option v-for="item in addInspectionPointInfo.pointObjTypes" :key="item.statusCd" :label="item.name"
+                :value="item.statusCd" />
             </el-select>
           </el-form-item>
         </el-col>
@@ -45,11 +24,8 @@
       <el-row :gutter="20" v-if="addInspectionPointInfo.pointObjType === '2002'">
         <el-col :span="12">
           <el-form-item :label="$t('addInspectionPoint.pointObjName')" prop="pointObjName">
-            <el-input 
-              v-model="addInspectionPointInfo.pointObjName" 
-              :placeholder="$t('addInspectionPoint.placeholder.pointObjName')"
-              clearable
-            />
+            <el-input v-model="addInspectionPointInfo.pointObjName"
+              :placeholder="$t('addInspectionPoint.placeholder.pointObjName')" clearable />
           </el-form-item>
         </el-col>
       </el-row>
@@ -57,11 +33,7 @@
       <el-row :gutter="20" v-if="addInspectionPointInfo.pointObjType === '1001'">
         <el-col :span="24">
           <el-form-item :label="$t('addInspectionPoint.machine')" prop="pointObjId">
-            <machine-select2 
-              ref="machineSelect"
-              :parent-modal="true"
-              @notify="handleMachineSelect"
-            />
+            <machine-select2 ref="machineSelect" :parent-modal="true" @notify="handleMachineSelect" />
             <div class="tip-text">{{ $t('addInspectionPoint.tip.addMachine') }}</div>
           </el-form-item>
         </el-col>
@@ -70,27 +42,17 @@
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item :label="$t('addInspectionPoint.itemId')" prop="itemId">
-            <el-select 
-              v-model="addInspectionPointInfo.itemId" 
-              :placeholder="$t('addInspectionPoint.placeholder.itemId')"
-              style="width: 100%;"
-            >
-              <el-option 
-                v-for="item in addInspectionPointInfo.items" 
-                :key="item.itemId" 
-                :label="item.itemName" 
-                :value="item.itemId"
-              />
+            <el-select v-model="addInspectionPointInfo.itemId"
+              :placeholder="$t('addInspectionPoint.placeholder.itemId')" style="width: 100%;">
+              <el-option v-for="item in addInspectionPointInfo.items" :key="item.itemId" :label="item.itemName"
+                :value="item.itemId" />
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label="$t('addInspectionPoint.nfcCode')">
-            <el-input 
-              v-model="addInspectionPointInfo.nfcCode" 
-              :placeholder="$t('addInspectionPoint.placeholder.nfcCode')"
-              clearable
-            />
+            <el-input v-model="addInspectionPointInfo.nfcCode"
+              :placeholder="$t('addInspectionPoint.placeholder.nfcCode')" clearable />
           </el-form-item>
         </el-col>
       </el-row>
@@ -98,20 +60,14 @@
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item :label="$t('addInspectionPoint.lng')">
-            <el-input 
-              v-model="addInspectionPointInfo.lng" 
-              :placeholder="$t('addInspectionPoint.placeholder.lng')"
-              disabled
-            />
+            <el-input v-model="addInspectionPointInfo.lng" :placeholder="$t('addInspectionPoint.placeholder.lng')"
+              disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label="$t('addInspectionPoint.lat')">
-            <el-input 
-              v-model="addInspectionPointInfo.lat" 
-              :placeholder="$t('addInspectionPoint.placeholder.lat')"
-              disabled
-            />
+            <el-input v-model="addInspectionPointInfo.lat" :placeholder="$t('addInspectionPoint.placeholder.lat')"
+              disabled />
           </el-form-item>
         </el-col>
       </el-row>
@@ -119,19 +75,15 @@
       <el-row :gutter="20">
         <el-col :span="24">
           <el-form-item :label="$t('addInspectionPoint.remark')">
-            <el-input 
-              v-model="addInspectionPointInfo.remark" 
-              type="textarea"
-              :rows="3"
-              :placeholder="$t('addInspectionPoint.placeholder.remark')"
-            />
+            <el-input v-model="addInspectionPointInfo.remark" type="textarea" :rows="3"
+              :placeholder="$t('addInspectionPoint.placeholder.remark')" />
           </el-form-item>
         </el-col>
       </el-row>
  
       <el-row :gutter="20">
         <el-col :span="24">
-          <div id="addInspectionPointMap" style="width: 100%; height: 300px;"></div>
+          <select-map-pos ref="selectMapPos" @position-change="handlePositionChange" />
         </el-col>
       </el-row>
     </el-form>
@@ -149,18 +101,21 @@ import { listInspectionItems } from &#39;@/api/inspection/inspectionPointApi&#39;
 import { getDict } from '@/api/community/communityApi'
 import { getCommunityId } from '@/api/community/communityApi'
 import MachineSelect2 from '@/components/inspection/machineSelect2'
+import SelectMapPos from '@/components/inspection/selectMapPos'
+
  
 export default {
   name: 'AddInspectionPoint',
   components: {
-    MachineSelect2
+    MachineSelect2,
+    SelectMapPos
   },
   data() {
     return {
       dialogVisible: false,
       addInspectionPointInfo: {
         inspectionName: '',
-        pointObjId: '',
+        pointObjId: '-1',
         pointObjType: '',
         pointObjTypes: [],
         pointObjName: '',
@@ -208,7 +163,7 @@ export default {
         this._listAddInspectionItems()
       })
     },
-    
+
     async getDictData() {
       try {
         const data = await getDict('inspection_point', 'point_obj_type')
@@ -217,7 +172,7 @@ export default {
         console.error('获取字典数据失败:', error)
       }
     },
-    
+
     async _listAddInspectionItems() {
       try {
         const params = {
@@ -225,55 +180,59 @@ export default {
           page: 1,
           row: 100
         }
-        
+
         const response = await listInspectionItems(params)
         this.addInspectionPointInfo.items = response.data
       } catch (error) {
         console.error('获取巡检项目失败:', error)
       }
     },
-    
+
     initMap() {
       // 这里简化了地图初始化，实际项目中需要根据地图API实现
-      console.log('初始化地图...')
+      setTimeout(() => {
+        this.$refs.selectMapPos.initMap({})
+      }, 1000)
     },
-    
+
     _pointObjTypeChange() {
       this.addInspectionPointInfo.pointObjId = ''
       this.addInspectionPointInfo.pointObjName = ''
-      
+
       if (this.addInspectionPointInfo.pointObjType === '1001') {
         this.$refs.machineSelect.clearMachine()
       }
     },
-    
+
     handleMachineSelect(data) {
       if (data && data.machineId && data.machineName) {
         this.addInspectionPointInfo.pointObjId = data.machineId
         this.addInspectionPointInfo.pointObjName = data.machineName
       }
     },
-    
+
     saveInspectionPointInfo() {
       this.$refs.addForm.validate(async valid => {
         if (!valid) return
-        
+        if (this.addInspectionPointInfo.pointObjType == '2002') {
+          this.addInspectionPointInfo.pointObjId = '-1'
+        }
         // 特殊验证
         if (this.addInspectionPointInfo.pointObjType === '1001' && !this.addInspectionPointInfo.pointObjId) {
           this.$message.error(this.$t('addInspectionPoint.rules.machineRequired'))
           return
         }
-        
+
         if (this.addInspectionPointInfo.pointObjType === '2002' && !this.addInspectionPointInfo.pointObjName) {
           this.$message.error(this.$t('addInspectionPoint.rules.locationRequired'))
           return
         }
-        
+
         try {
           this.addInspectionPointInfo.communityId = this.communityId
-          
+
           const response = await saveInspectionPoint(this.addInspectionPointInfo)
-          
+
           if (response.code === 0) {
             this.$message.success(this.$t('addInspectionPoint.saveSuccess'))
             this.dialogVisible = false
@@ -287,11 +246,11 @@ export default {
         }
       })
     },
-    
+
     resetForm() {
       this.addInspectionPointInfo = {
         inspectionName: '',
-        pointObjId: '',
+        pointObjId: '-1',
         pointObjType: '',
         pointObjName: '',
         remark: '',
@@ -302,14 +261,18 @@ export default {
         lat: '',
         communityId: ''
       }
-      
+
       if (this.$refs.addForm) {
         this.$refs.addForm.resetFields()
       }
-      
+
       if (this.$refs.machineSelect) {
         this.$refs.machineSelect.clearMachine()
       }
+    },
+    handlePositionChange(data) {
+      this.addInspectionPointInfo.lng = data.lng
+      this.addInspectionPointInfo.lat = data.lat
     }
   },
   created() {
 <template>
-  <el-dialog
-    :title="$t('editInspectionPoint.title')"
-    :visible.sync="dialogVisible"
-    width="80%"
-    top="5vh"
-    @close="resetForm"
-  >
-    <el-form 
-      ref="editForm" 
-      :model="editInspectionPointInfo" 
-      :rules="rules" 
-      label-width="120px"
-      label-position="right"
-    >
+  <el-dialog :title="$t('editInspectionPoint.title')" :visible.sync="dialogVisible" width="60%" top="5vh"
+    @close="resetForm">
+    <el-form ref="editForm" :model="editInspectionPointInfo" :rules="rules" label-width="120px" label-position="right">
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item :label="$t('editInspectionPoint.inspectionName')" prop="inspectionName">
-            <el-input 
-              v-model="editInspectionPointInfo.inspectionName" 
-              :placeholder="$t('editInspectionPoint.placeholder.inspectionName')"
-              clearable
-            />
+            <el-input v-model="editInspectionPointInfo.inspectionName"
+              :placeholder="$t('editInspectionPoint.placeholder.inspectionName')" clearable />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label="$t('editInspectionPoint.pointObjType')" prop="pointObjType">
-            <el-select 
-              v-model="editInspectionPointInfo.pointObjType" 
-              :placeholder="$t('editInspectionPoint.placeholder.pointObjType')"
-              style="width: 100%;"
-              @change="_pointObjTypeChange"
-              disabled
-            >
-              <el-option 
-                v-for="item in editInspectionPointInfo.pointObjTypes" 
-                :key="item.statusCd" 
-                :label="item.name" 
-                :value="item.statusCd"
-              />
+            <el-select v-model="editInspectionPointInfo.pointObjType"
+              :placeholder="$t('editInspectionPoint.placeholder.pointObjType')" style="width: 100%;"
+              @change="_pointObjTypeChange" disabled>
+              <el-option v-for="item in editInspectionPointInfo.pointObjTypes" :key="item.statusCd" :label="item.name"
+                :value="item.statusCd" />
             </el-select>
           </el-form-item>
         </el-col>
@@ -46,11 +24,8 @@
       <el-row :gutter="20" v-if="editInspectionPointInfo.pointObjType === '2002'">
         <el-col :span="12">
           <el-form-item :label="$t('editInspectionPoint.pointObjName')" prop="pointObjName">
-            <el-input 
-              v-model="editInspectionPointInfo.pointObjName" 
-              :placeholder="$t('editInspectionPoint.placeholder.pointObjName')"
-              clearable
-            />
+            <el-input v-model="editInspectionPointInfo.pointObjName"
+              :placeholder="$t('editInspectionPoint.placeholder.pointObjName')" clearable />
           </el-form-item>
         </el-col>
       </el-row>
@@ -58,11 +33,7 @@
       <el-row :gutter="20" v-if="editInspectionPointInfo.pointObjType === '1001'">
         <el-col :span="24">
           <el-form-item :label="$t('editInspectionPoint.machine')" prop="pointObjId">
-            <machine-select2 
-              ref="machineSelect"
-              :parent-modal="true"
-              @notify="handleMachineSelect"
-            />
+            <machine-select2 ref="machineSelect" :parent-modal="true" @notify="handleMachineSelect" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -70,27 +41,17 @@
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item :label="$t('editInspectionPoint.itemId')" prop="itemId">
-            <el-select 
-              v-model="editInspectionPointInfo.itemId" 
-              :placeholder="$t('editInspectionPoint.placeholder.itemId')"
-              style="width: 100%;"
-            >
-              <el-option 
-                v-for="item in editInspectionPointInfo.items" 
-                :key="item.itemId" 
-                :label="item.itemName" 
-                :value="item.itemId"
-              />
+            <el-select v-model="editInspectionPointInfo.itemId"
+              :placeholder="$t('editInspectionPoint.placeholder.itemId')" style="width: 100%;">
+              <el-option v-for="item in editInspectionPointInfo.items" :key="item.itemId" :label="item.itemName"
+                :value="item.itemId" />
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label="$t('editInspectionPoint.nfcCode')">
-            <el-input 
-              v-model="editInspectionPointInfo.nfcCode" 
-              :placeholder="$t('editInspectionPoint.placeholder.nfcCode')"
-              clearable
-            />
+            <el-input v-model="editInspectionPointInfo.nfcCode"
+              :placeholder="$t('editInspectionPoint.placeholder.nfcCode')" clearable />
           </el-form-item>
         </el-col>
       </el-row>
@@ -98,20 +59,14 @@
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item :label="$t('editInspectionPoint.lng')">
-            <el-input 
-              v-model="editInspectionPointInfo.lng" 
-              :placeholder="$t('editInspectionPoint.placeholder.lng')"
-              disabled
-            />
+            <el-input v-model="editInspectionPointInfo.lng" :placeholder="$t('editInspectionPoint.placeholder.lng')"
+              disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label="$t('editInspectionPoint.lat')">
-            <el-input 
-              v-model="editInspectionPointInfo.lat" 
-              :placeholder="$t('editInspectionPoint.placeholder.lat')"
-              disabled
-            />
+            <el-input v-model="editInspectionPointInfo.lat" :placeholder="$t('editInspectionPoint.placeholder.lat')"
+              disabled />
           </el-form-item>
         </el-col>
       </el-row>
@@ -119,24 +74,16 @@
       <el-row :gutter="20">
         <el-col :span="24">
           <el-form-item :label="$t('editInspectionPoint.remark')">
-            <el-input 
-              v-model="editInspectionPointInfo.remark" 
-              type="textarea"
-              :rows="3"
-              :placeholder="$t('editInspectionPoint.placeholder.remark')"
-            />
+            <el-input v-model="editInspectionPointInfo.remark" type="textarea" :rows="3"
+              :placeholder="$t('editInspectionPoint.placeholder.remark')" />
           </el-form-item>
         </el-col>
       </el-row>
  
       <el-row :gutter="20">
         <el-col :span="24">
-          <select-map-pos 
-            ref="mapSelector"
-            :element-id="'editInspectionPointMap'"
-            :init-data="editInspectionPointInfo"
-            @position-change="handlePositionChange"
-          />
+          <select-map-pos ref="selectMapPos" @position-change="handlePositionChange" />
+
         </el-col>
       </el-row>
     </el-form>
@@ -208,14 +155,14 @@ export default {
     open(inspectionPoint) {
       this.dialogVisible = true
       this.resetForm()
-      
+
       this.$nextTick(() => {
         this.getDictData()
         this._listEditInspectionItems()
-        
+
         // 填充表单数据
         Object.assign(this.editInspectionPointInfo, inspectionPoint)
-        
+
         // 设置设备选择器（如果是设备类型）
         if (inspectionPoint.pointObjType === '1001') {
           this.$nextTick(() => {
@@ -228,8 +175,11 @@ export default {
           })
         }
       })
+      setTimeout(() => {
+        this.$refs.selectMapPos.initMap({})
+      }, 1000)
     },
-    
+
     async getDictData() {
       try {
         const data = await getDict('inspection_point', 'point_obj_type')
@@ -238,7 +188,7 @@ export default {
         console.error('获取字典数据失败:', error)
       }
     },
-    
+
     async _listEditInspectionItems() {
       try {
         const params = {
@@ -246,55 +196,55 @@ export default {
           page: 1,
           row: 100
         }
-        
+
         const response = await listInspectionItems(params)
         this.editInspectionPointInfo.items = response.data
       } catch (error) {
         console.error('获取巡检项目失败:', error)
       }
     },
-    
+
     _pointObjTypeChange() {
       this.editInspectionPointInfo.pointObjId = ''
       this.editInspectionPointInfo.pointObjName = ''
-      
+
       if (this.editInspectionPointInfo.pointObjType === '1001') {
         this.$refs.machineSelect.clearMachine()
       }
     },
-    
+
     handleMachineSelect(data) {
       if (data && data.machineId && data.machineName) {
         this.editInspectionPointInfo.pointObjId = data.machineId
         this.editInspectionPointInfo.pointObjName = data.machineName
       }
     },
-    
+
     handlePositionChange(position) {
       this.editInspectionPointInfo.lat = position.lat
       this.editInspectionPointInfo.lng = position.lng
     },
-    
+
     updateInspectionPoint() {
       this.$refs.editForm.validate(async valid => {
         if (!valid) return
-        
+
         // 特殊验证
         if (this.editInspectionPointInfo.pointObjType === '1001' && !this.editInspectionPointInfo.pointObjId) {
           this.$message.error(this.$t('editInspectionPoint.rules.machineRequired'))
           return
         }
-        
+
         if (this.editInspectionPointInfo.pointObjType === '2002' && !this.editInspectionPointInfo.pointObjName) {
           this.$message.error(this.$t('editInspectionPoint.rules.locationRequired'))
           return
         }
-        
+
         try {
           this.editInspectionPointInfo.communityId = this.communityId
-          
+
           const response = await updateInspectionPoint(this.editInspectionPointInfo)
-          
+
           if (response.code === 0) {
             this.$message.success(this.$t('editInspectionPoint.updateSuccess'))
             this.dialogVisible = false
@@ -308,7 +258,7 @@ export default {
         }
       })
     },
-    
+
     resetForm() {
       this.editInspectionPointInfo = {
         inspectionId: '',
@@ -324,15 +274,15 @@ export default {
         lat: '',
         communityId: ''
       }
-      
+
       if (this.$refs.editForm) {
         this.$refs.editForm.resetFields()
       }
-      
+
       if (this.$refs.machineSelect) {
         this.$refs.machineSelect.clearMachine()
       }
-      
+
       if (this.$refs.mapSelector) {
         this.$refs.mapSelector.updatePosition(39.916527, 116.397128)
       }
 <template>
   <div class="select-map-pos-container">
-    <div :id="elementId" style="width: 100%; height: 100%;"></div>
+    <div id="selectMap" style="width: 100%; height: 100%;"></div>
   </div>
 </template>
  
@@ -19,76 +19,89 @@ export default {
       default: () => ({})
     }
   },
+
   data() {
     return {
       map: null,
       marker: null,
-      communityId: ''
+      communityId: '',
+      mapData: {
+        lat: 0,
+        lng: 0
+      }
     }
   },
   mounted() {
     this.communityId = getCommunityId()
-    this.$nextTick(() => {
-      this.initMap(this.initData)
-    })
+
   },
   methods: {
-    initMap(data) {
+    initMap(_data) {
       // 清除现有地图
-      if (this.map) {
-        this.map.destroy()
-        this.map = null
-        this.marker = null
-      }
-      
-      // 设置默认中心点
-      let center = new TMap.LatLng(39.916527, 116.397128)
-      let zoom = 13
-      
-      // 如果有初始数据，使用初始位置
-      if (data.lat && data.lng) {
-        center = new TMap.LatLng(data.lat, data.lng)
-        zoom = 16
+      let _lng = 116.397128;
+      let _lat = 39.916527;
+
+      if (_data.lng) {
+        _lng = _data.lng;
       }
  
-      let TMap = window.TMap
-      
-      // 创建地图实例
-      this.map = new TMap.Map(document.getElementById(this.elementId), {
-        center: center,
-        zoom: zoom,
-        baseMap: {
-          type: 'vector',
-          features: ['base', 'building2d', 'point']
+      if (_data.lat) {
+        _lat = _data.lat;
+      }
+      try {
+        if (this.map) {
+          this.map.destroy();
         }
-      })
-      
-      // 添加初始标记（如果有）
-      if (data.lat && data.lng) {
-        this.addMarker(new TMap.LatLng(data.lat, data.lng))
+      } catch (e) {
+        console.log(e)
       }
-      
-      // 添加点击事件
-      this.map.on('click', this.handleMapClick)
-    },
-    
-    handleMapClick(event) {
-      // 更新标记位置
-      this.addMarker(event.latLng)
-      
-      // 通知父组件位置变化
-      this.$emit('position-change', {
-        lat: event.latLng.lat,
-        lng: event.latLng.lng
-      })
+
+
+      let addMap = new window.TMap.Map('selectMap', {
+        center: new window.TMap.LatLng(_lat, _lng),
+        zoom: 13
+      });
+      // $that.addMapInfo.addMap = addMap;
+      let marker;
+      //添加监听事件  获取鼠标点击事件
+      let _this = this
+      addMap.on('click', function (event) {
+        console.log(event)
+        if (!marker) {
+          marker = new window.TMap.MultiMarker({
+            styleId: "marker",
+            position: event.latLng,
+            map: addMap,
+            id: "1",
+          });
+        }
+        console.log(event)
+        //marker.setPosition(event.latLng);
+        _this.$emit('position-change', {
+          lat: event.latLng.lat,
+          lng: event.latLng.lng
+        })
+
+        marker.updateGeometries([
+          {
+            "styleId": "marker",
+            "id": "1",
+            "position": event.latLng,
+          }
+        ])
+      });
+      //为地图注册click事件获取鼠标点击出的经纬度坐标
+
+      this.map = addMap;
     },
-    
+
+
     addMarker(position) {
       // 清除现有标记
       if (this.marker) {
         this.marker.setMap(null)
       }
-      
+
       // 创建新标记
       let TMap = window.TMap
  
@@ -108,34 +121,19 @@ export default {
           position: position
         }]
       })
-      
+
       // 移动地图中心到标记位置
       this.map.setCenter(position)
       this.map.setZoom(16)
     },
-    
+
     updatePosition(lat, lng) {
       if (!this.map) return
-      let TMap = window.TMap
  
-      const position = new TMap.LatLng(lat, lng)
+      const position = new window.TMap.LatLng(lat, lng)
       this.addMarker(position)
     }
   },
-  watch: {
-    initData: {
-      deep: true,
-      handler(newVal) {
-        if (newVal.element && newVal.element !== this.elementId) {
-          this.elementId = newVal.element
-        }
-        
-        if (this.map) {
-          this.initMap(newVal)
-        }
-      }
-    }
-  },
   beforeDestroy() {
     // 组件销毁时清除地图实例
     if (this.map) {
 <template>
-  <div class="mapping-container">
+  <div class="mapping-container ">
     <div class="menu-group-wrapper">
       <div class="group-content">
         <el-menu :default-active="searchForm.domain" class="group-menu" @select="handleDomain">
@@ -179,7 +179,7 @@ export default {
  
 <style lang="scss" scoped>
 .mapping-container {
-  padding: 0;
+  padding: 15px;
   margin: 0;
   display: flex;
   background-color: #f0f2f5;
@@ -8,10 +8,10 @@
               <el-input :placeholder="$t('inspectionPoint.placeholder.inspectionName')"
                 v-model="inspectionPointInfo.conditions.inspectionName" clearable />
             </div>
-            <el-button type="primary" class="margin-left-xs" size="small" @click="_queryInspectionPointMethod()">
+            <el-button type="text" class="margin-left-xs" size="small" @click="_queryInspectionPointMethod()">
               {{ $t('common.search') }}
             </el-button>
-            <el-button type="primary" class="margin-left-xs" size="small" @click="_openAddInspectionPointModal()">
+            <el-button type="text" class="margin-left-xs" size="small" @click="_openAddInspectionPointModal()">
               {{ $t('common.add') }}
             </el-button>
           </div>
@@ -118,10 +118,10 @@
       </el-col>
     </el-row>
     <!-- 模态框组件 -->
-    <add-inspection-point ref="addInspectionPoint" />
-    <edit-inspection-point ref="editInspectionPoint" />
-    <delete-inspection-point ref="deleteInspectionPoint" />
-    <inspection-point-qr-code ref="inspectionPointQrCode" />
+    <add-inspection-point ref="addInspectionPoint" @success="_listInspectionPoints"/>
+    <edit-inspection-point ref="editInspectionPoint" @success="_listInspectionPoints"/>
+    <delete-inspection-point ref="deleteInspectionPoint" @success="_listInspectionPoints"/>
+    <inspection-point-qr-code ref="inspectionPointQrCode" @success="_listInspectionPoints"/>
   </div>
 </template>
  
@@ -257,9 +257,7 @@ export default {
 }
  
 .vc-org {
-  border: 1px solid #ebeef5;
-  border-radius: 4px;
-  padding: 10px;
+  padding: 5px;
   max-height: 600px;
   overflow-y: auto;
 }
@@ -285,8 +283,8 @@ export default {
 }
  
 .point-list li.active {
-  background-color: #ecf5ff;
-  color: #409eff;
+  background-color: #409eff;
+  color: #ecf5ff;
   font-weight: bold;
 }
  
@@ -301,6 +299,5 @@ export default {
 .col-form-label {
   display: inline-block;
   margin-right: 10px;
-  font-weight: bold;
 }
 </style>
 \ No newline at end of file