Pārlūkot izejas kodu

轨迹定位页优化

谢立 4 gadi atpakaļ
vecāks
revīzija
d8335fa71b

+ 3 - 2
src/apps/mobile/views/personnel/index.vue

@@ -5,7 +5,7 @@
               <el-form class="table-select-main" :model="searchForm" label-position="left">
                   <el-row :gutter="15">
                       <el-col :span="4" style="margin-top:6px">
-                        <el-select placeholder="请选择人员" v-model="searchForm.userId">
+                        <el-select placeholder="请选择人员" v-model="searchForm.userId" filterable>
                           <el-option
                             :label="item.name"
                             :value="item.userId"
@@ -63,7 +63,7 @@ export default {
   data() {
     return {
         searchForm: {},
-        zoom: 15,
+        zoom: 11,
         center: [114.407749, 30.455714],
         userList: [],
         polyline: {
@@ -85,6 +85,7 @@ export default {
               for (let i = 0; i < res.data.length; i++) {
                   this.userList.push(res.data[i]);
               }
+              this.center = [this.userList[0].lon, this.userList[0].lat]
           })
           .catch(err => err);
   },

+ 6 - 3
src/apps/mobile/views/personnel/team.vue

@@ -43,7 +43,7 @@ export default {
   const self = this
     return {
       markers: [],
-      zoom: 3,
+      zoom: 8,
       center: [114.459891,30.463359],
       expandZoomRange: true,
       texts: [],
@@ -102,10 +102,13 @@ export default {
                   offset: [125, 45],  // 窗体偏移
                   showShadow: false,
                   visible: false, // 初始是否显示
-                  content: `<div style="color:white;width:211px;background-color:rgba(7,25,54,0.6);padding: 0 0 10px 0">
+                  content: `<div style="color:white;width:250px;background-color:rgba(7,25,54,0.6);padding: 0 0 10px 0">
                               <h3 style="background-color:#071936;padding:5px;">人员信息</h3>
                               <img src="${item.avatarUrl}" width="100%" height="100%">
-                              <strong>姓名:</strong>${item.name}
+                              <div style="padding: 10px 10px 0;" >
+                                <strong>姓名:</strong>${item.name}<br/>
+                                <strong>时间:</strong>${item.text}
+                              </div>
                             </div>`
                 })
             })