增加名称

src/views/mapControl/index.vue

@@ -3,6 +3,7 @@
     <div class="zoom-level" @click="soundAndMenu">
       <img :src="zoomLevelImage" alt="" />
     </div>
+    <div class="zoom-text1">账号：{{ userNames }}</div>
     <div class="zoom-text">版本号：V1.0</div>
     <div class="btn-container" v-if="closeBtnVisible">
       <el-button @click="handleClickClose()">返回</el-button>
@@ -90,7 +91,8 @@ export default {
       dialogQueryVisible: false,
       closeBtnVisible: false,
       zoomControl: 0,
-      toggleMap: false
+      toggleMap: false,
+      userNames: localStorage.getItem("userName")
     };
   },
   created() {
@@ -377,7 +379,7 @@ export default {
       this.dialogQueryVisible = false;
     },
     userOpen() {
-      this.$confirm("是否退出登录?", "提示", {
+      this.$confirm(`确定要退出账号 ${this.userNames} 吗？`, "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning"
@@ -486,6 +488,17 @@ export default {
       height: 48px;
     }
   }
+  .zoom-text1 {
+    position: absolute;
+    top: 18px;
+    right: 295px;
+    z-index: 1000;
+    color: #fff;
+    img {
+      width: 48px;
+      height: 48px;
+    }
+  }
   .btn-container {
     position: absolute;
     top: 70px;