更新 header

src/components/Header.vue

@@ -13,8 +13,8 @@
     </div>
     <div class="right">
       <img class="user-icon" src="../assets/user.png" alt="" />
-      <div class="user">{{ userName }}</div>
-      <el-popover placement="bottom" trigger="hover" :width="160">
+      <div class="user">{{ contactName }}</div>
+      <el-popover placement="bottom" trigger="hover" :width="240">
         <el-timeline>
           <el-timeline-item
             v-for="item in timelineData"
@@ -23,14 +23,19 @@
             placement="top"
           >
             <div class="log-card">
-              <p style="margin-bottom: 5px">Version: {{ item.version }}</p>
-              <p>{{ item.remark }}</p>
+              <p style="margin-bottom: 10px">Version: {{ item.version }}</p>
+              <div
+                style="margin-bottom: 5px; font-size: 12px"
+                v-for="(item1, index) in item.remarks"
+              >
+                {{ index + 1 }}. {{ item1 }}
+              </div>
             </div>
           </el-timeline-item>
         </el-timeline>
         <template #reference>
           <el-badge value="new">
-            <div class="log">版本日志</div>
+            <div class="log">新功能日志</div>
           </el-badge>
         </template>
       </el-popover>
@@ -45,23 +50,42 @@ import { ref } from "vue";
 
 export default {
   setup() {
-    let userName = localStorage.userName;
+    let contactName = localStorage.contactName;
     function quit() {
       localStorage.clear();
       store.commit("changeLogin", false);
       router.push({ path: "/login" });
     }
-    let timelineData = ref([
-      { timer: "2022/02/7", version: "1.2.13.1", remark: "版本日志功能更新" },
+    let vs = [
       {
-        timer: "2022/01/24",
         version: "1.2.13.0",
-        remark: "磅单上传;下载卸货记录",
+        timer: "	2022/2/9",
+        remarks: [
+          "优化船舶轨迹测算算法",
+          "优化船舶预计到港时间测算算法",
+          "优化航次状态预测算法",
+        ],
       },
-    ]);
+      {
+        version: "1.2.14.0",
+        timer: "	2022/2/11",
+        remarks: ["更新保险保单上传接口", "更新装卸单据展示方式"],
+      },
+      {
+        version: "1.3.0.0	",
+        timer: "2022/2/11",
+        remarks: [
+          "发布浙江物产货主版管理平台",
+          "发布货损数据采集接口",
+          "发布货损智能分析报告",
+        ],
+      },
+    ];
+    let timelineData = ref([]);
+    timelineData.value = vs.reverse();
     return {
       quit,
-      userName,
+      contactName,
       timelineData,
     };
   },
@@ -137,4 +161,4 @@ export default {
 .quit {
   margin-left: 26px;
 }
-</style>
+</style>