iot地图标点页面完成

sgzb-ui/src/views/warehouseManage/machinery/coding/component/MapDIalog.vue

@@ -176,6 +176,8 @@ export default {
             ],
 
             count: 0,
+
+            trackAni: null, // 轨迹实例
         }
     },
 
@@ -186,6 +188,7 @@ export default {
     },
 
     beforeDestroy() {
+        console.log(this.trackAni, '轨迹实例--')
         this.map.clearOverlays()
         this.map.destroy()
         this.map = null
@@ -209,13 +212,13 @@ export default {
             // 修改线的样式
             polyline.setStrokeColor('#EA3323') // 线颜色  #EA3323
             // polyline.setStrokeWeight(2) // 线宽
-            let trackAni = new BMapGLLib.TrackAnimation(this.map, polyline, {
+            this.trackAni = new BMapGLLib.TrackAnimation(this.map, polyline, {
                 overallView: true, // 动画完成后自动调整视野到总览
                 tilt: 30, // 轨迹播放的角度，默认为55
                 duration: 5000, // 动画持续时长，默认为10000，单位ms
                 delay: 2000, // 动画开始的延迟，默认0，单位ms
             })
-            trackAni.start()
+            this.trackAni.start()
             // 设置起点终点图标
             this.triggerMovement()
         },

sgzb-ui/src/views/warehouseManage/machinery/coding/index.vue

@@ -135,6 +135,7 @@
         <el-table
             v-loading="loading"
             :data="devicesList"
+            border
             @selection-change="handleSelectionChange"
         >
             <el-table-column type="selection" width="55" align="center" />
@@ -151,13 +152,13 @@
                 label="设备类型"
                 align="center"
                 prop="deviceType"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             />
             <el-table-column
                 label="规格型号"
                 align="center"
                 prop="specificationType"
-                :show-overflow-tooltip="true"
+                show-overflow-tooltip
             >
             </el-table-column>
             <el-table-column
@@ -235,14 +236,10 @@
             <!--          <span>{{ parseTime(scope.row.createTime) }}</span>-->
             <!--        </template>-->
             <!--      </el-table-column>-->
-            <el-table-column
+            <el-table-column label="操作" align="center" width="150">
-                label="操作"
-                align="center"
-                width="150"
-                class-name="small-padding fixed-width"
-            >
                 <template slot-scope="scope">
                     <el-button
+                        style="padding: 6px 10px"
                         size="mini"
                         type="primary"
                         icon="el-icon-edit"
@@ -251,6 +248,7 @@
                         >编辑</el-button
                     >
                     <el-button
+                        style="padding: 6px 10px"
                         size="mini"
                         type="danger"
                         icon="el-icon-delete"
@@ -863,8 +861,10 @@ export default {
     margin-top: 15px;
     font-size: 18px;
 }
-::v-deep.el-table .fixed-width .el-button--mini {
+
-    width: 60px !important;
+.location-icon {
-    margin-bottom: 10px;
+    font-size: 20px;
+    cursor: pointer;
+    color: #409eff;
 }
 </style>