添加返回按钮

src/components/Header.vue

@@ -8,6 +8,10 @@
       <span>水利工程质量动态评估系统</span>
     </div>
     <div class="right-nav">
+      <span @click="returnManage">
+        <img src="@/assets/images/return_icon.jpg" alt="" />
+        返回管理端
+      </span>
       <!-- <img :src="userInfo.op_avatar" alt="" />
       {{ userInfo.op_name }} -->
     </div>
@@ -24,6 +28,9 @@ export default {
     };
   },
   methods: {
+    returnManage() {
+      window.location.href = window.location.origin;
+    },
     getTime() {
       let date = new Date();
       let year = date.getFullYear();
@@ -142,14 +149,27 @@ export default {
     text-align: right;
     font-size: 16px;
     color: #fff;
-
+    span {
+      padding: 4px;
+      z-index: 90;
+      cursor: pointer;
+      position: absolute;
+      right: 20px;
+      top: 20px;
+      border: 1px solid #3f78bc;
+      background: #173c68;
+      line-height: 26px;
+      font-size: 14px;
+      &:hover {
+        background: #2862a6;
+      }
+    }
     img {
       width: 26px;
       height: 26px;
       vertical-align: top;
       border-radius: 50%;
-      margin-right: 10px;
-      margin-top: 26px;
+      margin-right: 4px;
       object-fit: cover;
     }
   }

src/views/DataStatis/Index.vue

@@ -163,8 +163,8 @@
       :visible="projectListVisible"
       @change-visible="(val) => (projectListVisible = val)"
     ></ProjectList>
-    <!-- <div class="bottom-area">
-      <Section2 title="工程风险监视" class="bottom-section">
+    <div class="bottom-area">
+      <Section2 title="严重问题预警" class="bottom-section">
         <STable2 :headers="header5" :table-data="data5">
           <template slot-scope="scope">
             <template v-if="scope.header.slot == 'count'">
@@ -177,7 +177,7 @@
           </template>
         </STable2>
       </Section2>
-    </div> -->
+    </div>
     <!-- <img src="@/assets/images/index/lt.png" class="lt" alt="" />
     <img src="@/assets/images/index/rt.png" class="rt" alt="" />
     <img src="@/assets/images/index/btm.png" class="btm" alt="" /> -->
@@ -462,43 +462,32 @@ export default {
         {
           name: "工程名称",
           props: "project_name",
-          width: "20%",
+          width: "45%",
           headerStyle: {},
           style: {},
           align: "left",
         },
         {
-          name: "标段名称",
+          name: "所属区域",
           props: "prname",
-          width: "15%",
+          width: "20%",
           headerStyle: {},
           style: {},
           align: "left",
         },
         {
-          name: "政府监管",
+          name: "当前问题总数",
           props: "zfjg",
           width: "10%",
         },
         {
-          name: "质量管理制度",
+          name: "严重问题数量",
           props: "zlglzd",
           width: "10%",
         },
         {
-          name: "资质资格",
+          name: "最近严重预警时间",
           props: "zzzg",
-          width: "10%",
-        },
-        {
-          name: "实体质量",
-          props: "stzl",
-          width: "10%",
-        },
-        {
-          name: "问题总数/已处理数",
-          props: "label4",
-          slot: "count",
           width: "15%",
         },
       ],
@@ -1144,7 +1133,7 @@ export default {
   transform: translateX(-50%);
   top: 0;
   width: calc(100% - 900px);
-  height: calc(100% - 90px);
+  height: calc(100% - calc(calc(100% - 90px) / 3 - calc(28px / 3)));
   background: transparent !important;
   z-index: 5;
 }
@@ -1161,7 +1150,9 @@ export default {
   right: 10px;
   top: 80px;
   width: 440px;
-  height: calc(100% - 90px);
+  height: calc(
+    calc(100% - 90px) - calc(calc(100% - 90px) / 3 - calc(28px / 3)) - 10px
+  );
   z-index: 999;
 }
 .bottom-area {