fix(首页样式修改)

src/components/mapTitle/index.vue

 <template>
   <div class="title">
     {{ this.text }}
-    <span v-if="detailsHandle" @click="detailsHandle && detailsHandle()">{{textRight || "详情"}}</span>
+    <span
+      v-if="detailsHandle"
+      @click="detailsHandle && detailsHandle()"
+    >{{textRight || "更多"}}</span>
   </div>
 </template>
 <script lang="ts">
@@ -18,7 +21,7 @@ export default defineComponent({
     },
     textRight: {
       type: String,
-    }
+    },
   },
 });
 </script>
@@ -26,8 +29,8 @@ export default defineComponent({
 .title {
   position: relative;
   margin-left: 8px;
-  color: #333;
-  font-weight: bold;
+  color: #00daf6;
+  // font-weight: bold;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -40,14 +43,14 @@ export default defineComponent({
     left: -10px;
     width: 5px;
     height: 80%;
-    background: #4197ff;
+    background: #19ecff;
   }
   span {
     font-weight: 400;
     color: #666;
     cursor: pointer;
     font-size: 14px;
-    color: #4197ff;
+    color: #19ecff;
     &:hover {
       color: #62b3ef;
     }

src/layout/head.vue

@@ -288,13 +288,13 @@ export default defineComponent({
     .nav-history {
       padding-left: 10px;
       width: 100%;
-      background: #fff;
+      background: rgba(25, 125, 237, 10%);
       display: flex;
       align-items: center;
       height: 40px;
       border-radius: 5px;
       overflow: hidden;
-      box-shadow: 2px 2px 10px #eee;
+      // box-shadow: 2px 2px 10px #eee;
       .nav-history-item {
         display: flex;
         height: 100%;

src/route/navigation.tsx

@@ -5,16 +5,17 @@ const whiteRoutes = ["/login", "/sso"]
 
 export default (router: Router) => {
     router.beforeEach((to, from, next) => {
-        const token = localStorage.getItem(TOKEN_KEY)
-        if (whiteRoutes.includes(to.path)) {
-            return next()
-        }
+        // const token = localStorage.getItem(TOKEN_KEY)
+        // if (whiteRoutes.includes(to.path)) {
+        //     return next()
+        // }
 
-        if (!token) {
-            router.replace(BaseRouteRouter.LOGIN);
-        } else {
+        // if (!token) {
+        //     router.replace(BaseRouteRouter.LOGIN);
+        // } else {
+        //     next()
+        // }
         next()
-        }
     })
     return router
 }
\ No newline at end of file

src/views/dataCenter/army/index.vue

@@ -78,13 +78,13 @@ export default defineComponent({
 </script>
 <style lang="scss" scoped>
 .card-item {
-  background: #fff;
+  background: rgba(25, 125, 237, 10%);
   border-radius: 5px;
   padding: 15px 20px;
   overflow: hidden;
   cursor: pointer;
   transition: all 0.2s;
-  box-shadow: 2px 2px 10px #eee;
+  // box-shadow: 2px 2px 10px #eee;
   flex: 1;
   height: 100%;
   box-sizing: border-box;

src/views/dataCenter/index.vue

@@ -25,5 +25,8 @@ export default defineComponent({
   flex: 1;
   box-sizing: border-box;
   padding: 20px; 
+  background-image: url(../../assets/img/content_bg.png);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
 }
 </style>

src/views/dataCenter/map/index.vue

@@ -86,7 +86,8 @@ export default defineComponent({
 </script>
 <style lang="scss" scoped>
 .card-item {
-  background: #fff;
+  // background: #fff;
+  background-color: rgba(25, 125, 237, 10%);
   border-radius: 5px;
   padding: 16px;
   overflow: hidden;

src/views/dataCenter/map/model/CardList/common.css

@@ -8,10 +8,10 @@
     font-size: 12px;
 }
 .color-999{
-    color: #999;
+    color: #d4f7ff;
 }
 .color-666{
-    color: #666;
+    color: #d4f7ff;
 }
 .color-pramiry{
     color: #4198ff;
@@ -19,7 +19,7 @@
 }
 .item-bg {
     padding:  8px;
-    background: #f8f9fb;
+    background: rgba(25, 125, 237, 0.2);
     border-radius: 5px;
 }
 .flex-row {

src/views/dataCenter/map/model/CardList/index.vue

 <template>
-  <MapTitle :text="title" textRight="详情 >>" :detailsHandle="detailsHandle" />
+  <MapTitle :text="title" textRight="更多" :detailsHandle="detailsHandle" />
 
   <div class="info">
     <el-row

src/views/dataCenter/map/model/CardList/industrial.vue

 <template>
   <MapTitle
     text="产业融合发展"
-    textRight="详情 >>"
+    textRight="更多"
     :detailsHandle="detailsHandle"
   />
 
@@ -84,6 +84,7 @@ export default defineComponent({
 
     .year {
       margin: 10px 0;
+      color: #ffffff;
     }
     .item-row {
       padding: 3px 0 3px 0;

src/views/dataCenter/map/model/CardList/strongArmy.vue

 <template>
   <MapTitle
     text="服务强军兴军"
-    textRight="详情 >>"
+    textRight="更多"
     :detailsHandle="detailsHandle"
   />
   <div class="info">
@@ -111,6 +111,7 @@ export default defineComponent({
 @import url("./common.css");
 .item-bg {
   padding: 12px 8px;
+  background-color: rgba(25, 125, 237, 20%);
 }
 .info {
   padding: 10px 0;

src/views/dataCenter/map/model/CardList/systemConstruct.vue

 
 <template>
-  <MapTitle
-    text="五大体系建设"
-    textRight="详情 >>"
-    :detailsHandle="detailsHandle"
-  />
+  <MapTitle text="五大体系建设" textRight="更多" :detailsHandle="detailsHandle" />
 
   <div class="info">
-    <el-row class="year" align="middle">
-      组织管理体系
-    </el-row>
+    <el-row class="year" align="middle">组织管理体系</el-row>
 
-    <el-row
-      class="item-bg margin-bottom12"
-      align="middle"
-      justify="space-between"
-    >
-      <el-col class="item-text font-size14 color-666" :span="16">
-        各地召开融委全体会议次数
-      </el-col>
+    <el-row class="item-bg margin-bottom12" align="middle" justify="space-between">
+      <el-col class="item-text font-size14 color-666" :span="16">各地召开融委全体会议次数</el-col>
       <el-col class="jf-end flex-row font-size20 color-pramiry" :span="5">
         {{ pageData.meetingCount || "--" }}
         <span class="margin-left5 font-size12 color-999">次</span>
       </el-col>
     </el-row>
 
-    <el-row
-      class="item-bg margin-bottom12 flex-one"
-      align="middle"
-      justify="space-between"
-    >
-      <el-col class="item-text font-size14 color-666" :span="18">
-        与当地军分区（警备区）建立并落实军地协作工作机制
-      </el-col>
+    <el-row class="item-bg margin-bottom12 flex-one" align="middle" justify="space-between">
+      <el-col class="item-text font-size14 color-666" :span="18">与当地军分区（警备区）建立并落实军地协作工作机制</el-col>
       <el-col class="jf-end flex-row font-size20 color-pramiry" :span="5">
         {{ pageData.workeCount || "--"
-        }}<span class="margin-left5 font-size12 color-999">次</span>
+        }}
+        <span class="margin-left5 font-size12 color-999">次</span>
       </el-col>
     </el-row>
 
     <el-row class="info-item font-size14 color-666 item-bg margin-bottom12">
-      <el-row class="item-text title"> 各地军民融合办工作人员 </el-row>
+      <el-row class="item-text title">各地军民融合办工作人员</el-row>
 
       <el-col :span="24">
         <el-row justify="space-between">
@@ -111,6 +94,7 @@ export default defineComponent({
 
   .year {
     margin: 10px 0;
+    color: #ffffff;
   }
 
   .info-item {
@@ -121,7 +105,7 @@ export default defineComponent({
     }
     .title {
       margin-bottom: 5px;
-      color: #333;
+      color: #d4f7ff;
     }
     .item-row {
       padding: 0 20px;
@@ -135,7 +119,7 @@ export default defineComponent({
 
   .item-text {
     margin-left: 15px;
-    color: #333;
+    color: #d4f7ff;
   }
   .flex-one {
     flex-wrap: nowrap;

src/views/dataCenter/map/model/RankList/index.vue

@@ -17,18 +17,14 @@
               v-else
               class="tab-index"
               :style="{ background: `${colors[scope.$index + 1]}` }"
-            >
-              {{ scope.$index + 1 }}
-            </div>
+            >{{ scope.$index + 1 }}</div>
           </div>
         </template>
       </el-table-column>
       <el-table-column prop="name" label="地区" align="center" />
       <el-table-column prop="score" label="分数" width="120" align="center">
         <template #default="scope">
-          <div>
-            {{ scope.row.score }}
-          </div>
+          <div>{{ scope.row.score }}</div>
         </template>
       </el-table-column>
     </el-table>
@@ -38,7 +34,7 @@
 import { defineComponent } from "vue";
 import MapTitle from "@/components/mapTitle/index.vue";
 import { Bottom, Top } from "@element-plus/icons";
-import Mock from "./mock"
+import Mock from "./mock";
 import { mapState } from "vuex";
 
 export default defineComponent({
@@ -48,12 +44,12 @@ export default defineComponent({
     Top,
   },
   setup() {},
-  computed:{
+  computed: {
     ...mapState({
       curDataType: (state) => state.curDataType,
     }),
     tableData() {
-      return Mock[this.curDataType]
+      return Mock[this.curDataType];
     },
   },
   data() {
@@ -74,11 +70,20 @@ export default defineComponent({
 .tabs-header {
 }
 .tabs-header .el-table__cell {
-  background-color: #e3f0ff !important;
-  color: #333;
+  background-color: #0e4780 !important;
+  color: #d4f7ff;
   font-weight: bold;
   font-size: 14px;
 }
+.el-table tr {
+  background: #0e4780 !important;
+}
+.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
+  border-bottom: 1px dashed #197ded;
+}
+.el-table .cell {
+  color: #d4f7ff;
+}
 </style>
 <style lang="scss" scoped>
 .el-scrollbar {