天地图点线面绘制功能

public/config.js

@@ -1,3 +1,4 @@
-var BASE_URL = 'http://192.168.4.194:8081/YH-server'
+var BASE_URL = 'http://192.168.4.194:8080/JKC-server'
+// var BASE_URL = 'https://dev.lqkj.top/JKC-server'
 // var BASE_URL = 'http://182.140.29.12:89/ywtb-server'
 

src/views/info/areaInfo/index.vue

@@ -190,25 +190,20 @@ export default {
   methods: {
 
     openPolygonTool() {
-
       if (  JSON.parse(this.form.location).coordinates[0].length > 0 || this.geoJson.coordinates[0].length > 0 ) {
-
         this.$notify({
           title: '警告',
           message: '请先清空地图',
           type: 'warning'
         });
         return
-      }else{
-  
       }
-
       if (this.handler) this.handler.close();
       this.handler = new T.PolygonTool(this.map);
       this.handler.open();
 
       this.handler.on("draw", (yu) => {
-        // console.log("参数？？99", yu.currentLnglats);
+        console.log("参数？？99", yu.currentLnglats);
         let drawData = yu.currentLnglats.map((item) => {
           return [item.lng, item.lat];
         });
@@ -237,7 +232,7 @@ export default {
     this.geoJson.coordinates[0]=[]
     // 直接将节点给删掉
     console.log('1qsad');
-    
+
     const parentEl = document.getElementById('mainMap');
     const cahildrenEl = document.getElementById('mapDiv');
     if(cahildrenEl) parentEl.removeChild(cahildrenEl);
@@ -251,7 +246,7 @@ export default {
 
 
     clearmian() {
-   
+
       this.geoJson.coordinates[0] = []
       this.$set(this.form, 'location', JSON.stringify(this.geoJson))
       this.map.clearOverLays()
@@ -260,6 +255,9 @@ export default {
     },
 
     openditu() {
+      if (this.form.location == null){
+        this.$set(this.form, 'location', JSON.stringify(this.geoJson))
+      }
       console.log('sdasd11');
       this.dialogVisible = true;
 
@@ -269,7 +267,7 @@ export default {
         var zoom = 12;
 
         this.map = new T.Map('mapDiv');
-        this.map.centerAndZoom(new T.LngLat(103.959050, 30.654104), zoom);
+        this.map.centerAndZoom(new T.LngLat(103.96,30.66), zoom);
 
 
         var config = {
@@ -359,6 +357,7 @@ export default {
       this.reset();
       this.open = true;
       this.title = "添加区域对象";
+      this.clearmian();
     },
     /** 修改按钮操作 */
     handleUpdate(row) {

src/views/info/buildingInfo/index.vue

@@ -130,8 +130,8 @@
         <el-form-item label="大楼名称" prop="buildingName">
           <el-input v-model="form.buildingName" placeholder="请输入大楼名称" />
         </el-form-item>
-        <el-form-item label="地图编码" prop="mapCode">
-          <el-input-number v-model="form.mapCode" controls-position="right"   :min="0" placeholder="请输入地图编码" />
+        <el-form-item label="楼栋号" prop="mapCode">
+          <el-input-number v-model="form.mapCode" controls-position="right"   :min="0" placeholder="请输入楼栋号" />
         </el-form-item>
 
         <el-form-item label="英文名称" prop="enName">
@@ -153,8 +153,8 @@
         <el-form-item label="二维坐标" prop="lngLat">
           <el-input v-model="form.lngLat" placeholder="请输入二维坐标" />
         </el-form-item>
-        <el-form-item label="备注" prop="memo">
-          <el-input v-model="form.memo" placeholder="请输入备注" />
+        <el-form-item label="招商简介" prop="memo">
+          <wang-editor v-model="form.memo" :min-height="140" />
         </el-form-item>
         <el-form-item label="三维坐标" prop="rasterLngLat">
           <el-input v-model="form.rasterLngLat" placeholder="请输入三维坐标" />

src/views/info/elevatorInfo/index.vue

@@ -32,6 +32,16 @@
           />
         </el-select>
       </el-form-item>
+      <el-form-item label="电梯类型" prop="status">
+        <el-select v-model="queryParams.type" placeholder="请选择电梯类型" clearable size="small">
+          <el-option
+            v-for="dict in dict.type.elevator_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item label="电梯名字" prop="elevatorName">
         <el-input
           v-model="queryParams.elevatorName"
@@ -108,6 +118,11 @@
           <dict-tag :options="dict.type.elevator_info_status" :value="scope.row.status"/>
         </template>
       </el-table-column>
+      <el-table-column label="电梯类型" align="center" prop="type">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.elevator_type" :value="scope.row.type"/>
+        </template>
+      </el-table-column>
       <el-table-column label="电梯名字" align="center" prop="elevatorName" />
       <el-table-column label="保养次数" align="center" prop="upkeepNum" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="140">
@@ -166,12 +181,28 @@
             ></el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="电梯类型" prop="status">
+          <el-select v-model="form.type" placeholder="请选择电梯类型">
+            <el-option
+              v-for="dict in dict.type.elevator_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="电梯名字" prop="elevatorName">
           <el-input v-model="form.elevatorName" placeholder="请输入电梯名字" />
         </el-form-item>
         <el-form-item label="保养次数" prop="upkeepNum">
           <el-input-number v-model="form.upkeepNum" controls-position="right"   :min="0" placeholder="请输入保养次数" />
         </el-form-item>
+        <el-form-item label="运行楼层" prop="runFloor">
+          <el-input v-model="form.runFloor" placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="运行时间" prop="runTime">
+          <el-input v-model="form.runTime" placeholder="请输入" />
+        </el-form-item>
 
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -187,7 +218,7 @@ import { listElevatorInfo, getElevatorInfo, delElevatorInfo, addElevatorInfo, up
 import { listBuildingInfo, getBuildingInfo } from "@/api/info/buildingInfo";
 export default {
   name: "ElevatorInfo",
-  dicts: ['elevator_info_status'],
+  dicts: ['elevator_info_status', 'elevator_type'],
   data() {
     return {
       buildingList: [],
@@ -274,7 +305,10 @@ export default {
         buildingId: null,
         status: null,
         elevatorName: null,
-        upkeepNum: null
+        upkeepNum: null,
+        type: null,
+        runFloor: null,
+        runTime: null
       };
       this.resetForm("form");
     },

src/views/info/equipmentInfo/index.vue

@@ -46,24 +46,24 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="二维坐标" prop="lngLat">
-        <el-input
-          v-model="queryParams.lngLat"
-          placeholder="请输入二维坐标"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="三维坐标" prop="rasterLngLat">
-        <el-input
-          v-model="queryParams.rasterLngLat"
-          placeholder="请输入三维坐标"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+<!--      <el-form-item label="二维坐标" prop="lngLat">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.lngLat"-->
+<!--          placeholder="请输入二维坐标"-->
+<!--          clearable-->
+<!--          size="small"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="三维坐标" prop="rasterLngLat">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.rasterLngLat"-->
+<!--          placeholder="请输入三维坐标"-->
+<!--          clearable-->
+<!--          size="small"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
       <el-form-item label="类型" prop="typeName">
         <template>
           <el-select v-model="queryParams.typeId" filterable placeholder="请选择">
@@ -249,6 +249,9 @@
             </el-select>
           </template>
         </el-form-item>
+        <el-form-item label="设备编号" prop="equipCode">
+          <el-input v-model="form.equipCode" placeholder="请输入" />
+        </el-form-item>
         <el-form-item label="名称" prop="equipmentName">
           <el-input v-model="form.equipmentName" placeholder="请输入名称" />
         </el-form-item>
@@ -268,6 +271,26 @@
             ></el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="使用状态" prop="status">
+          <el-select v-model="form.deviceStatus" placeholder="请选择">
+            <el-option
+              v-for="dict in dict.type.device_status"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="品牌" prop="status">
+          <el-select v-model="form.brand" placeholder="请选择">
+            <el-option
+              v-for="dict in dict.type.equip_brand"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -285,7 +308,7 @@ import { listRoomInfo, getRoomInfo } from "@/api/info/roomInfo";
 import { listEquipmentType, getEquipmentType } from "@/api/type/equipmentType";
 export default {
   name: "EquipmentInfo",
-  dicts: ['equipment_info_type'],
+  dicts: ['equipment_info_type', 'device_status', 'equip_brand'],
   data() {
     return {
       equipmentTypeList: [],
@@ -418,7 +441,10 @@ export default {
         lngLat: null,
         rasterLngLat: null,
         typeName: null,
-        status: null
+        status: null,
+        brand: null,
+        equipCode: null,
+
       };
       this.resetForm("form");
     },

src/views/info/organizationInfo/index.vue

@@ -49,6 +49,28 @@
           </el-select>
         </template>
       </el-form-item>
+      <el-form-item label="户型" prop="houseTypeId">
+        <template>
+          <el-select v-model="queryParams.houseTypeId" filterable placeholder="请选择">
+            <el-option
+              v-for="item in houseTypeList"
+              :key="item.typeId"
+              :label="item.typeName"
+              :value="item.typeId">
+            </el-option>
+          </el-select>
+        </template>
+      </el-form-item>
+      <el-form-item label="产业类型" prop="typeId">
+        <el-select v-model="queryParams.industryType" placeholder="请选择类型" clearable size="small">
+          <el-option
+            v-for="dict in dict.type.industry_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item label="名称" prop="organizationName">
         <el-input
           v-model="queryParams.organizationName"
@@ -58,6 +80,15 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="楼层" prop="floor">
+        <el-input
+          v-model="queryParams.floor"
+          placeholder="请输入楼层"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item label="是否重要" prop="important">
         <el-select v-model="queryParams.important" placeholder="请选择是否重要" clearable size="small">
           <el-option
@@ -144,6 +175,11 @@
           {{ getAreaName(scope.row.areaId) }}
         </template>
       </el-table-column>
+      <el-table-column label="产业类型" align="center">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.industry_type" :value="scope.row.industryType"/>
+        </template>
+      </el-table-column>
       <el-table-column label="名称" align="center" prop="organizationName" />
       <el-table-column label="是否重要" align="center" prop="important">
         <template slot-scope="scope">
@@ -234,9 +270,34 @@
             </el-select>
           </template>
         </el-form-item>
+        <el-form-item label="户型" prop="houseTypeId">
+          <template>
+            <el-select v-model="form.houseTypeId" filterable placeholder="请选择">
+              <el-option
+                v-for="item in houseTypeList"
+                :key="item.typeId"
+                :label="item.typeName"
+                :value="item.typeId">
+              </el-option>
+            </el-select>
+          </template>
+        </el-form-item>
+        <el-form-item label="产业类型" prop="typeId">
+          <el-select v-model="form.industryType" placeholder="请选择类型" clearable size="small">
+            <el-option
+              v-for="dict in dict.type.industry_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            />
+          </el-select>
+        </el-form-item>
         <el-form-item label="名称" prop="organizationName">
           <el-input v-model="form.organizationName" placeholder="请输入名称" />
         </el-form-item>
+        <el-form-item label="楼层" prop="floor">
+          <el-input v-model="form.floor" placeholder="请输入楼层" />
+        </el-form-item>
         <el-form-item label="简介" prop="intro">
           <el-input v-model="form.intro" placeholder="请输入简介" />
         </el-form-item>
@@ -244,7 +305,9 @@
           <el-input v-model="form.lngLat" placeholder="请输入二维坐标" />
         </el-form-item>
         <el-form-item label="三维坐标" prop="rasterLngLat">
-          <el-input v-model="form.rasterLngLat" placeholder="请输入三维坐标" />
+          <el-input v-model="form.rasterLngLat" @focus="openditu">
+            {{ form.rasterLngLat}}
+          </el-input>
         </el-form-item>
         <el-form-item label="是否重要">
           <el-switch v-model="form.important"></el-switch>
@@ -282,6 +345,19 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog title="地图" :visible.sync="dialogVisible" width="80%">
+      <div id='mainMap'>
+        <div id="mapDiv" style="width:100%; height:700px">
+        </div>
+      </div>
+      <input type="button" value="清除" @click='clearmian()' />
+      <input type="button" value="标点工具" @click='openMarkTool()' />
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click='tijiao'>确定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -291,11 +367,17 @@ import { listBuildingInfo, getBuildingInfo } from "@/api/info/buildingInfo";
 import { listAreaInfo, getAreaInfo } from "@/api/info/areaInfo";
 import { listRoomInfo, getRoomInfo } from "@/api/info/roomInfo";
 import { listOrganizationType, getOrganizationType } from "@/api/type/organizationType";
+import { listHouseType, getHouseType } from "@/api/type/houseType";
 export default {
   name: "OrganizationInfo",
-  dicts: ['sys_yes_no'],
+  dicts: ['sys_yes_no', 'industry_type'],
   data() {
     return {
+      dialogVisible: false,
+      map: null,
+      handler: null,
+      markPoints: [], // 保存标记点的坐标
+      houseTypeList: [],
       organizationTypeList: [],
       areaList: [],
       roomList: [],
@@ -331,6 +413,8 @@ export default {
         areaId: null,
         organizationName: null,
         important: null,
+        industryType: null,
+        houseTypeId: null,
       },
       queryBuildingParams: {
         pageNum: 1,
@@ -352,9 +436,97 @@ export default {
     this.getRoomList();
     this.getAreaList();
     this.getOrganizationTypeList();
+    this.getHouseTypeLst();
   },
   methods: {
 
+
+    // 销毁天地图
+    destructionTMap ()  {
+      if (this.map) {
+        this.map = null;
+        // 直接将节点给删掉
+        console.log('1qsad');
+
+        const parentEl = document.getElementById('mainMap');
+        const cahildrenEl1 = document.getElementById('mapDiv');
+        if(cahildrenEl1) parentEl.removeChild(cahildrenEl1);
+        // 然后再手动将节点加进来
+        const newCahildrenEl = document.createElement("div");
+        newCahildrenEl.id = 'mapDiv'
+        newCahildrenEl.style = 'height: 700px;width: 100%;'
+        parentEl.appendChild(newCahildrenEl)
+      }
+    },
+
+    tijiao() {
+      console.log('多边形数据:', this.form.rasterLngLat);
+      console.log('多边形数据:', this.markPoints);
+      this.form.rasterLngLat = JSON.stringify(this.markPoints)
+      this.destructionTMap()
+      this.dialogVisible = false;
+    },
+
+    clearmian() {
+      if (this.handler) this.handler.close();
+      this.map.clearOverLays(); // 清除所有覆盖物
+      this.markPoints = []; // 清除保存的标记点坐标
+    },
+
+    openMarkTool() {
+      console.log("1111111111")
+      if (this.handler) this.handler.close(); // 关闭之前的工具
+
+      this.handler = new T.MarkTool(this.map); // 创建标点工具
+      this.handler.open(); // 打开标点工具
+
+      this.handler.on("mouseup", (e) => {
+        let drawData1 = [e.currentLnglat.lat, e.currentLnglat.lng]
+        this.markPoints = drawData1;
+      });
+
+      this.handler.on("close", () => {
+        // 标点工具关闭时的处理
+        this.handler = null;
+      });
+    },
+
+
+    openditu() {
+      console.log('打开地图对话框');
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        const T = window.T;
+        const zoom = 12;
+        this.map = new T.Map('mapDiv');
+        this.map.centerAndZoom(new T.LngLat(103.96, 30.66), zoom);
+        // 创建标注工具对象
+        this.handler = new T.MarkTool(this.map);
+        console.log('handler 初始化完成:', this.handler);
+        console.log('kanknak1', this.form.rasterLngLat);
+        let points = null;
+        if (this.form.rasterLngLat) {
+          const coordinates = JSON.parse(this.form.rasterLngLat);
+          points =  new T.LngLat(coordinates[1], coordinates[0]);
+        }
+        // 创建面对象
+        console.log('kanknak2', points);
+        const marker = new T.Marker(points);
+        // 向地图上添加面
+        this.map.addOverLay(marker);
+      });
+    },
+    getHouseTypeName(typeId) {
+      const houseType = this.houseTypeList.find(b => b.typeId === typeId);
+      return houseType ? houseType.typeName : '未知';
+    },
+
+    getHouseTypeLst() {
+      listHouseType(this.queryBuildingParams).then(response => {
+        this.houseTypeList = response.data.list;
+      });
+    },
+
     getOrganizationTypeName(typeId) {
       const type = this.organizationTypeList.find(b => b.typeId === typeId);
       return type ? type.typeName : '未知';
@@ -432,7 +604,10 @@ export default {
         product: null,
         enterTime: null,
         employeNum: null,
-        audio: null
+        audio: null,
+        industryType: null,
+        houseTypeId: null,
+        floor: null,
       };
       this.resetForm("form");
     },

src/views/info/planInfo/index.vue

@@ -176,6 +176,18 @@
         <el-form-item label="面积" prop="acreage">
           <el-input-number v-model="form.acreage" controls-position="right"   :min="0" placeholder="请输入面积" />
         </el-form-item>
+        <el-form-item label="成本" prop="cost">
+          <el-input v-model="form.cost" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="收益" prop="earnings">
+          <el-input v-model="form.earnings" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="总占比" prop="totalPct">
+          <el-input v-model="form.totalPct" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="风险" prop="risk">
+          <el-input v-model="form.risk" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
 
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -292,7 +304,11 @@ export default {
         planName: null,
         content: null,
         colour: null,
-        acreage: null
+        acreage: null,
+        cost: null,
+        earnings: null,
+        totalPct: null,
+        risk: null
       };
       this.resetForm("form");
     },

src/views/info/policyInfo/index.vue

@@ -27,6 +27,16 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="类型" prop="typeId">
+        <el-select v-model="queryParams.typeId" placeholder="请选择类型id" clearable size="small">
+          <el-option
+            v-for="dict in dict.type.policy_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -90,6 +100,11 @@
         </template>
       </el-table-column>
       <el-table-column label="文件名" align="center" prop="fileName" />
+      <el-table-column label="类型" align="center" prop="typeId">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.policy_type" :value="scope.row.typeId"/>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="140">
         <template slot-scope="scope">
           <el-button
@@ -121,6 +136,16 @@
     <!-- 添加或修改政策信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="类型" prop="typeId">
+          <el-select v-model="form.typeId" placeholder="请选择类型id">
+            <el-option
+              v-for="dict in dict.type.policy_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="政策名称" prop="policyName">
           <el-input v-model="form.policyName" placeholder="请输入政策名称" />
         </el-form-item>
@@ -144,6 +169,7 @@ import fileUpload from "../../../components/FileUpload";
 
 export default {
   name: "PolicyInfo",
+  dicts: ['policy_type'],
   components: {
     fileUpload
   },

src/views/info/stationInfo/index.vue

@@ -136,7 +136,9 @@
           <el-input v-model="form.lngLat" placeholder="请输入二维坐标" />
         </el-form-item>
         <el-form-item label="三维坐标" prop="rasterLngLat">
-          <el-input v-model="form.rasterLngLat" placeholder="请输入三维坐标" />
+          <el-input v-model="form.rasterLngLat" @focus="openditu">
+            {{ form.rasterLngLat}}
+          </el-input>
         </el-form-item>
         <el-form-item label="车辆" prop="trafficId">
           <template>
@@ -156,6 +158,19 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog title="地图" :visible.sync="dialogVisible" width="80%">
+      <div id='mainMap'>
+        <div id="mapDiv" style="width:100%; height:700px">
+        </div>
+      </div>
+      <input type="button" value="清除" @click='clearmian()' />
+      <input type="button" value="标点工具" @click='openMarkTool()' />
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click='tijiao'>确定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -167,6 +182,10 @@ export default {
   name: "StationInfo",
   data() {
     return {
+      dialogVisible: false,
+      map: null,
+      handler: null,
+      markPoints: [], // 保存标记点的坐标
       trafficList: [],
       // 遮罩层
       loading: true,
@@ -215,6 +234,81 @@ export default {
     this.getTrafficList();
   },
   methods: {
+    // 销毁天地图
+    destructionTMap ()  {
+      if (this.map) {
+        this.map = null;
+        // 直接将节点给删掉
+        console.log('1qsad');
+
+        const parentEl = document.getElementById('mainMap');
+        const cahildrenEl1 = document.getElementById('mapDiv');
+        if(cahildrenEl1) parentEl.removeChild(cahildrenEl1);
+        // 然后再手动将节点加进来
+        const newCahildrenEl = document.createElement("div");
+        newCahildrenEl.id = 'mapDiv'
+        newCahildrenEl.style = 'height: 700px;width: 100%;'
+        parentEl.appendChild(newCahildrenEl)
+      }
+    },
+
+    tijiao() {
+      console.log('多边形数据:', this.form.rasterLngLat);
+      console.log('多边形数据:', this.markPoints);
+      this.form.rasterLngLat = JSON.stringify(this.markPoints)
+      this.destructionTMap()
+      this.dialogVisible = false;
+    },
+
+    clearmian() {
+      if (this.handler) this.handler.close();
+      this.map.clearOverLays(); // 清除所有覆盖物
+      this.markPoints = []; // 清除保存的标记点坐标
+    },
+
+    openMarkTool() {
+      console.log("1111111111")
+      if (this.handler) this.handler.close(); // 关闭之前的工具
+
+      this.handler = new T.MarkTool(this.map); // 创建标点工具
+      this.handler.open(); // 打开标点工具
+
+      this.handler.on("mouseup", (e) => {
+        let drawData1 = [e.currentLnglat.lat, e.currentLnglat.lng]
+        this.markPoints = drawData1;
+      });
+
+      this.handler.on("close", () => {
+        // 标点工具关闭时的处理
+        this.handler = null;
+      });
+    },
+
+
+    openditu() {
+      console.log('打开地图对话框');
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        const T = window.T;
+        const zoom = 12;
+        this.map = new T.Map('mapDiv');
+        this.map.centerAndZoom(new T.LngLat(103.96, 30.66), zoom);
+        // 创建标注工具对象
+        this.handler = new T.MarkTool(this.map);
+        console.log('handler 初始化完成:', this.handler);
+        console.log('kanknak1', this.form.rasterLngLat);
+        let points = [];
+        if (this.form.rasterLngLat) {
+          const coordinates = JSON.parse(this.form.rasterLngLat);
+          points =  new T.LngLat(coordinates[1], coordinates[0]);
+        }
+        // 创建面对象
+        console.log('kanknak2', points);
+        const marker = new T.Marker(points);
+        // 向地图上添加面
+        this.map.addOverLay(marker);
+      });
+    },
 
     getTrafficName(trafficId) {
       const trafficName = this.trafficList.find(item => item.trafficId === trafficId);

src/views/info/trafficInfo/index.vue

@@ -147,7 +147,9 @@
           <el-color-picker v-model="form.colour"></el-color-picker>
         </el-form-item>
         <el-form-item label="坐标" prop="location">
-          <el-input v-model="form.location" placeholder="请输入坐标" />
+          <el-input v-model="form.location" @focus="openditu">
+            {{ form.location}}
+          </el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -155,6 +157,20 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+
+    <el-dialog title="地图" :visible.sync="dialogVisible" width="80%">
+      <div id='mainMap'>
+        <div id="mapDiv" style="width:100%; height:700px">
+        </div>
+      </div>
+      <input type="button" value="清除" @click='clearmian()' />
+      <input type="button" value="划线工具" @click='openPolylineTool()' />
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click='tijiao'>确定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -165,6 +181,14 @@ export default {
   name: "TrafficInfo",
   data() {
     return {
+      polylineTool: null,
+      handler: null,
+      geoJson: {
+        type: "Polyline",
+        coordinates: [[]],
+      },
+      map: null,
+      dialogVisible: false,
       trafficTypeList: [],
       // 遮罩层
       loading: true,
@@ -216,6 +240,105 @@ export default {
   },
   methods: {
 
+    // 销毁天地图
+    destructionTMap ()  {
+      if (this.map) {
+        this.map = null;
+        this.geoJson.coordinates[0]=[]
+        // 直接将节点给删掉
+        console.log('1qsad');
+
+        const parentEl = document.getElementById('mainMap');
+        const cahildrenEl = document.getElementById('mapDiv');
+        if(cahildrenEl) parentEl.removeChild(cahildrenEl);
+        // 然后再手动将节点加进来
+        const newCahildrenEl = document.createElement("div");
+        newCahildrenEl.id = 'mapDiv'
+        newCahildrenEl.style = 'height: 700px;width: 100%;'
+        parentEl.appendChild(newCahildrenEl)
+      }
+    },
+
+    tijiao() {
+      console.log('多边形数据:', this.form.location);
+
+      if (this.geoJson.coordinates[0].length > 0) {
+        this.form.location = JSON.stringify(this.geoJson)
+      }
+
+      this.destructionTMap()
+      this.dialogVisible = false;
+
+    },
+
+    openPolylineTool(){
+      console.log(this.form.location);
+      if (JSON.parse(this.form.location).coordinates[0].length > 0 || this.geoJson.coordinates[0].length > 0 ) {
+        this.$notify({
+          title: '警告',
+          message: '请先清空地图',
+          type: 'warning'
+        });
+        return
+      }
+      // if (this.handler) this.handler.close();
+      this.handler = new T.PolylineTool(this.map);
+      this.handler.open();
+      this.handler.on("draw", (yu) => {
+        console.log("参数？？99", yu.currentLnglats);
+        let drawData = yu.currentLnglats.map((item) => {
+          return [item.lng, item.lat];
+        });
+        this.geoJson.coordinates[0] = drawData;
+        console.log("区域之后处理数据", this.geoJson.coordinates[0]);
+
+      });
+    },
+
+    showPolyLine() {
+      var config = {
+      showLabel: true,
+      color: "red", weight: 3.5, opacity: 0.8, fillColor: "red", fillOpacity: 0.5
+      };
+      //创建标注工具对象
+      this.polygonTool = new T.PolylineTool(this.map, config);
+      console.log('kanknak1', this.form.location);
+      var points = [];
+      JSON.parse(this.form.location).coordinates[0].map((item) => {
+        points.push(new T.LngLat(item[0], item[1]));
+      })
+      console.log('kanknak2', points);
+      //创建面对象
+      var polyline = new T.Polyline(points, {
+        color: "red", weight: 3.5, opacity: 0.8, fillColor: "red", fillOpacity: 0.5
+      });
+      //向地图上添加面
+      this.map.addOverLay(polyline);;
+    },
+
+    clearmian(){
+      this.geoJson.coordinates[0] = []
+      this.$set(this.form, 'location', JSON.stringify(this.geoJson))
+      this.map.clearOverLays()
+
+    },
+
+    openditu(){
+      if (this.form.location == null){
+        this.$set(this.form, 'location', JSON.stringify(this.geoJson))
+      }
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        const T = window.T;
+        const zoom = 12;
+        this.map = new T.Map('mapDiv');
+        this.map.centerAndZoom(new T.LngLat(103.96, 30.66), zoom);
+        this.showPolyLine();
+      });
+
+
+    },
+
     getTrafficTypeName(typeId) {
       const type = this.trafficTypeList.find(b => b.typeId === typeId);
       return type ? type.typeName : '未知';
@@ -248,6 +371,7 @@ export default {
         trafficName: null,
         amount: null,
         memo: null,
+        location: null,
         colour: null
       };
       this.resetForm("form");
@@ -289,6 +413,7 @@ export default {
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.trafficId != null) {
+            this.form.location=JSON.parse(this.form.location)
             updateTrafficInfo(this.form).then(response => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;