Changes

package.json

@@ -17,6 +17,7 @@
     "ant-design-vue": "^1.7.8",
     "axios": "0.18.1",
     "core-js": "3.6.5",
+    "dayjs": "^1.11.7",
     "echarts": "^5.4.1",
     "echarts-gl": "^2.0.9",
     "element-ui": "2.13.2",

src/views/dashboard-screen/index.vue

@@ -1,13 +1,20 @@
 <template>
   <div class="dashboard-container">
-    <div class="header"/>
+    <div class="header">
+      <div class="title">
+        变电配电大数据可视化系统
+      </div>
+      <div class="r-title">
+        {{ dateTitle }}
+      </div>
+    </div>
     <div class="content-wrap">
       <div class="coner left">
         <div class="o-item map">
           <ChartMap/>
           <div class="jryl-wrap">
             <CardWrap>
-              <span slot="title">今日遗留</span>
+              <span slot="title">今日遗留 中国制造</span>
               <div slot="content">
                 <Jryl/>
               </div>
@@ -99,13 +106,16 @@ import Zydbsx from '@/views/dashboard-screen/zydbsx/index.vue'
 import Jxdxqk from '@/views/dashboard-screen/jxdxqk/index.vue'
 import QbDlsbxjdx from '@/views/dashboard-screen/qb-dlsbxjdx/index.vue'
 import Jryl from '@/views/dashboard-screen/jryl/index.vue'
-import ChartMap from "@/views/dashboard-screen/chart-map/chartMap.vue";
-
+import ChartMap from '@/views/dashboard-screen/chart-map/chartMap.vue'
+import dayjs from 'dayjs'
+require('dayjs/locale/zh-cn')
 export default {
   name: 'Dashboard',
-  components: {ChartMap, Jryl, QbDlsbxjdx, Jxdxqk, Zydbsx, Dlbpds, Dlsdxl, CardWrap, SyjhdxqkChart, Dlydtssx },
+  components: {ChartMap, Jryl, QbDlsbxjdx, Jxdxqk, Zydbsx, Dlbpds, Dlsdxl, CardWrap, SyjhdxqkChart, Dlydtssx},
   data() {
-    return {}
+    return {
+      dateTitle: dayjs().locale('zh-cn').format('YYYY年MM月DD日  d')
+    }
   },
   watch: {
     $route: {
@@ -116,12 +126,32 @@ export default {
     }
   },
   created() {
+    setInterval(() => {
+      this.dateTitle = dayjs().locale('zh-cn').format('YYYY年MM月DD日  星期dd')
+    }, 1000)
   },
   methods: {}
 }
 </script>
 
 <style lang="scss" scoped>
+@font-face {
+  font-family: "hxb";
+  src: url("hxb.woff2") format('woff2'),;
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "shr";
+  src: url("shr.woff2") format('woff2'),;
+  font-weight: 400;
+  font-style: normal;
+}
+
+*{
+  font: 400 auto shr;
+}
+
 .dashboard-container {
   width: 100%;
   height: 100%;
@@ -142,7 +172,35 @@ export default {
     flex-shrink: 0;
     background-image: url("/static/images/header@2x.png");
     background-repeat: no-repeat;
-    background-size: cover;
+    background-size: 100% 100%;
+    display: flex;
+
+    .title {
+      width: 30%;
+      height: 100%;
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 36px;
+      font-weight: bold;
+      color: white;
+    }
+
+    .r-title {
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: auto;
+      width: fit-content;
+      padding-right: 3vw;
+      font-size: 36px;
+      font-weight: bold;
+      color: white;
+      font: 400 auto hxb;
+
+    }
   }
 
   .content-wrap {