6.21首页优化

src/layout/components/Footer/index.vue

@@ -2,53 +2,55 @@
   <div class="footer">
     <div class="container">
       <ul>
-        <span> 地址 ：</span><span>马边彝族自治县民建镇东光大道435号</span> <span> 电话 ：</span><span>4521369</span>
-        
+        <span> 地址 ：</span
+        ><span>马边彝族自治县民建镇东光大道435号&nbsp;&nbsp;&nbsp;</span>
+        <span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;服务电话 ：</span
+        ><span>028-2565458</span>
       </ul>
       <ul>
-        <span> 版权所有 ：</span> <span>马边彝族自治县自来水有限责任公司&nbsp;&nbsp; </span>
-        <span>  蜀ICP备19016077号-1&nbsp;&nbsp;&nbsp;&nbsp;  </span>                
-        <span>&nbsp;&nbsp;  技术支持 ：</span> <span>同飞科技</span>
+        <span> 版权所有 ：</span>
+        <span>马边彝族自治县自来水有限责任公司 </span>
+        <span> （备案号申请中）&nbsp;&nbsp;&nbsp;&nbsp; </span>
+        <span>&nbsp;&nbsp; 技术支持 ：</span>
+        <span>成都同飞科技责任有限公司</span>
       </ul>
     </div>
   </div>
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
+import { mapGetters } from "vuex";
 
 export default {
-  components: {  },
-  name:'Footer',
+  components: {},
+  name: "Footer",
   computed: {
-    ...mapGetters([
-      'footer'
-    ]),
+    ...mapGetters(["footer"]),
     routes() {
-      return this.$store.state.permission.routes
-    }
-  }
-}
+      return this.$store.state.permission.routes;
+    },
+  },
+};
 </script>
 <style lang='scss' scoped>
 .footer {
-    width: 100%;
-    min-width: 1200px;
-    height: 100px;
-    background: #01254d;
-    position: relative;
-    padding: 10px 0;
-    color: #eff0f1;
-    font-size: 14px;
-  .container{
+  width: 100%;
+  min-width: 1200px;
+  height: 100px;
+  background: #01254d;
+  position: relative;
+  padding: 10px 0;
+  color: #eff0f1;
+  font-size: 14px;
+  .container {
     width: 900px;
     margin: 0 auto;
     position: relative;
-    .foot_top{
+    .foot_top {
       font-size: 20px;
       margin: 10px 0 20px;
     }
-    .foot_bottom{
+    .foot_bottom {
       margin: 25px 0 0;
       text-align: center;
       font-size: 12px;

src/layout/components/Header/index.vue

@@ -4,7 +4,14 @@
       <!-- <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> -->
       <div class="title">
         <img :src="logo" alt class="logo" />
-        <span class="title_text">{{ sysTitle }}</span>
+        <!-- <span class="title_text">{{ sysTitle }}</span> -->
+        <span>
+          <img
+            style="padding: 40px 0 0; height: 93px"
+            src="@/assets/images/title2.png"
+            alt=""
+          />
+        </span>
       </div>
       <div class="sysNav">
         <i class="el-icon-caret-left" @click="scrollPrev" />
@@ -526,16 +533,17 @@ export default {
   .title {
     float: left;
     height: 100%;
+    overflow: hidden;
     // margin-left: 50px;
 
     .logo {
       vertical-align: text-bottom;
       width: 76px;
-      height: 76px;
+      height: 70px;
       border-radius: 8px;
       margin-right: 10px;
       position: relative;
-      top: 20px;
+      top: 3px;
     }
     .title_text {
       color: #000;

src/views/currentSystem/dashboard/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <!-- 首页 -->
-    <div class="block">
+    <!-- <div class="block">
       <el-carousel
         height="400px"
         trigger="click"
@@ -13,12 +13,17 @@
           <img :src="item.bannerUrl" alt="" width="100%" height="100%" />
         </el-carousel-item>
       </el-carousel>
+    </div> -->
+    <div class="welcome">
+      <div class="text">
+        <span> 欢迎访问马边彝族自治县自来水有限责任公司官网</span>
+      </div>
     </div>
 
     <div class="announce banxin">
       <div class="announceL">
         <div class="box">
-          <img src="./images/map.png" alt="" width="420px" height="260px" />
+          <img src="./images/map.png" alt="" width="100%" height="320px" />
         </div>
       </div>
       <div class="announceR">
@@ -148,13 +153,16 @@ export default {
   },
   mounted() {
     this.getCurrentPage(0, 0);
-    getCurrentPage({ moduleType: 1, moduleFunction: 2, isRelease: 1 }).then(
-      (res) => {
-        if (res.code === 1) {
-          this.records1 = res.result.records;
-        }
+    getCurrentPage({
+      moduleType: 1,
+      moduleFunction: 2,
+      isRelease: 1,
+      size: 5,
+    }).then((res) => {
+      if (res.code === 1) {
+        this.records1 = res.result.records;
       }
-    );
+    });
   },
   methods: {
     // 获取数据
@@ -163,6 +171,7 @@ export default {
         moduleType: moduleType,
         moduleFunction: moduleFunction,
         isRelease: 1,
+        size: 7,
       };
       getCurrentPage(data).then((res) => {
         if (res.code === 1) {
@@ -234,6 +243,20 @@ export default {
   background: #e4f1fb;
 
   // margin: 90px 0 180px;
+  .welcome {
+    background-color: #005fb6;
+    width: 100%;
+    height: 46px;
+    .text {
+      margin: 0 auto;
+      width: 1200px;
+      span {
+        color: #fff;
+        line-height: 46px;
+        font-size: 18px;
+      }
+    }
+  }
 }
 .announce {
   display: flex;
@@ -245,14 +268,15 @@ export default {
 }
 .announceL {
   width: 50%;
-  height: 264px;
+  height: 320px;
 }
 .announceR {
   width: 50%;
-  font-size: 14px;
+  font-size: 18px;
   margin-left: 30px;
+  overflow: hidden;
   p {
-    margin: 0;
+    margin: 26px 0 0;
     height: 50px;
     line-height: 50px;
     .iconfont {
@@ -270,7 +294,7 @@ export default {
   }
 }
 .el-tabs .el-tab-pane {
-  padding: 14px;
+  padding: 14px 14px 14px 0;
 }
 /deep/.el-tabs__item {
   font-size: 16px;
@@ -282,17 +306,18 @@ export default {
 // }
 .outLink {
   font-size: 18px;
-  height: 110px;
-  width: 910px;
+  height: 120px;
+  width: 1210px;
   text-align: center;
   margin: 20px auto;
   background: url("./images/outlink.png") no-repeat;
   background-size: cover;
   color: #fff;
+  overflow: hidden;
   p {
     height: 60px;
     line-height: 60px;
-    margin: 0;
+    margin: 5px 0 0;
   }
   span {
     padding: 6px 12px;
@@ -356,7 +381,7 @@ span {
   li {
     height: 30px;
     line-height: 30px;
-    font-size: 14px;
+    font-size: 16px;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -408,6 +433,6 @@ span {
   }
 }
 .banxin {
-  width: 900px;
+  width: 1200px;
 }
 </style>