From 4bd697b68db9dac9a723b7a6b6f4fa998b6c9689 Mon Sep 17 00:00:00 2001
From: wangting <2940883238@qq.com>
Date: Thu, 30 May 2024 17:49:35 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue             | 20 ++++++++-
 src/views/pages/home.vue        | 26 ++++++++++--
 src/views/pages/honor.vue       | 74 ++++++++++++++++++++++++---------
 src/views/pages/information.vue | 15 ++++---
 src/views/pages/introduce.vue   |  8 ++--
 5 files changed, 107 insertions(+), 36 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 5cb4c50..05dcd9e 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -5,7 +5,7 @@
             <div class="left">
                 <img src="@/assets/images/组 12.png" alt="">
             </div>
-            <div class="right">
+            <div class="right" style="display: flex;">
                 <!-- <img src="@/assets/images/组 12.png" alt=""> -->
                 <el-input
                     v-model="searchValue"
@@ -15,6 +15,7 @@
                         <el-button @click="toSearch()">搜索</el-button>
                     </template>
                     </el-input>
+                <span class="houtai" @click="openUrl">后台管理系统</span>
             </div>
         </div>
         <div class="menu" >
@@ -116,6 +117,9 @@ export default {
     },
     
     methods:{
+        openUrl(){
+            window.open('http://admin.jszyxiaofang.com/')
+        },
         getImgs(){
             this.$http.get(`zy/website/resources/selectByCategory?category=轮播图`).then(res=>{
                 this.imgList = res.data.data
@@ -153,13 +157,25 @@ export default {
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
-                padding: 0 4.5rem;
+                padding: 0 2rem 0 4.5rem;
                 .left{
                     img{
                         width: 3.125rem;
                         height: auto;
                     }
                 }
+                .right{
+                    display: flex;
+                    align-items: center;
+                    .houtai{
+                        display: inline-block;
+                        font-size: .225rem;
+                        width: 2.5rem;
+                        color: #189eef;
+                        margin-left: .375rem;
+                        cursor: pointer;
+                    }
+                }
             }
             .menu{
                 position: fixed;
diff --git a/src/views/pages/home.vue b/src/views/pages/home.vue
index 62dc267..edb9125 100644
--- a/src/views/pages/home.vue
+++ b/src/views/pages/home.vue
@@ -49,6 +49,9 @@
                     <div class="title">{{item.tittle}}</div>
                 </div>
             </div>
+            <div class="more" @click="$router.push('/cases')">
+                查看更多
+            </div>
         </div>
         <div class="information">
             <div class="title">
@@ -67,8 +70,8 @@
                 <div class="list">
                     <div class="left">
                         <div class="item" v-for="(item,i) in information" @click="jumpToArticle(item.id)">
-                            <span class="title" v-if="item.tittle.length<=35">{{item.tittle}}</span>
-                            <span class="title" v-else>{{item.tittle.slice(0,35)}}...</span>
+                            <span class="title" v-if="item.tittle.length<=35">（测试）{{item.tittle}}</span>
+                            <span class="title" v-else>（测试）{{item.tittle.slice(0,35)}}...</span>
                             <span class="time">{{item.submitTime}}</span>
                         </div>
                     </div>
@@ -244,7 +247,7 @@
             }
         }
         .case{
-            margin-top: 3.55rem;
+            margin-top: 2.55rem;
             .list{
                 display: flex;
                 margin-top: .85rem;
@@ -276,6 +279,23 @@
 
                 }
             }
+            .more{
+                width: 1.7rem;
+                height: .55rem;
+                line-height: .55rem;
+                background-color: #E60012;
+                font-size: .23rem;
+                color: #fff;
+                text-align: center;
+                margin: 0 auto;
+                border-radius: .05rem;
+                cursor: pointer;
+                &:hover{
+                    background-color: #fff;
+                    border: 1px solid #E60012;
+                    color: #E60012;
+                }
+            }
         }
         .information{
             margin-top: 1.6rem;
diff --git a/src/views/pages/honor.vue b/src/views/pages/honor.vue
index 07e4184..1271593 100644
--- a/src/views/pages/honor.vue
+++ b/src/views/pages/honor.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="page">
-        <div class="list">
+        <!-- <div class="list">
             <div class="item" v-for="(item,i) in certificate" @click="showImg(item)">
                 <img :id="item.id" :src="getUrl(item.id,$baseUrl+item.img)">
                 <div class="title">{{item.tittle}}</div>
@@ -11,7 +11,24 @@
             <el-icon class="icon" :size="48" color="#fff" @click="bigImgShow=false">
                 <CircleClose />
             </el-icon>
-        </div>
+        </div> -->
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" tab-position="left" >
+            <el-tab-pane :label="item.tittle" :name="i" v-for="(item,i) in certificate">
+                <div class="item">
+                    <div class="title">{{item.tittle}}</div>
+                    <el-watermark
+                        class="watermark"
+                        content="中业消防"
+                        :font="font"
+                        :z-index="1"
+                        >
+                        <div class="demo">
+                            <img :id="item.id" :src="getUrl(item.id,$baseUrl+item.img)">
+                        </div>
+                        </el-watermark>
+                </div>
+            </el-tab-pane>
+        </el-tabs>
     </div>
   </template>
   
@@ -24,9 +41,14 @@
       },
       data(){
           return{
+            activeName:0,
             certificate:[],
             bigImgShow: false,
-            bigImg:''
+            bigImg:'',
+            font: {
+                fontSize: 26,
+                color: 'rgba(0, 0, 0, 0.15)',
+            },
           }
       },
       created(){
@@ -80,31 +102,45 @@
   }
   </script>
   <style lang="scss" scoped>
+    ::v-deep .el-tabs{
+        --el-tabs-header-height: 1.1rem
+    }
+    ::v-deep .el-tabs__header{
+        margin-bottom: 0;
+    }
+    ::v-deep .el-tabs__nav-scroll{
+        display: flex;
+        justify-content: center;
+    }
+    ::v-deep .el-tabs__item{
+        font-size: .3rem;
+    }
+    ::v-deep .el-tabs__item:hover{
+        color: #1D2088;
+    }
+    ::v-deep .el-tabs__item.is-active{
+        color: #1D2088;
+    }
+    ::v-deep .el-tabs__active-bar{
+        background-color: #1D2088;
+    }
     .page{
-        .list{
-            display: flex;
-            flex-wrap: wrap;
-            padding: 1rem 2.475rem;
-            background-color: #fff;
-            /* justify-content: space-between; */
+        padding: 1rem 1rem;
+       
             .item{
-                width: 33.3%;
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                align-items: center;
-                margin-bottom: .375rem;
                 img{
-                    width: auto;
-                    height: 3.75rem;
+                    width: calc(100vw - 8rem);
+                    height: auto;
                 }
                 .title{
                     margin-top: .125rem;
-                    font-size: .25rem;
+                    font-size: .5rem;
+                    text-align: center;
                     color: #333333;
+                    font-weight: bold;
+                    margin-bottom: .375rem;
                 }
             }
-        }
         .preview{
             position: fixed;
             z-index: 999;
diff --git a/src/views/pages/information.vue b/src/views/pages/information.vue
index 4aef7e7..c931416 100644
--- a/src/views/pages/information.vue
+++ b/src/views/pages/information.vue
@@ -4,8 +4,8 @@
             <el-tab-pane label="公司新闻" name="1">
                 <div class="item-1">
                    <div class="item" v-for="(item,i) in news" @click="jumpToArticle(item.id)">
-                        <div class="title" v-if="item.tittle.length>18">{{item.tittle.slice(0,18)}}...</div>
-                        <div class="title" v-else>{{item.tittle}}.</div>
+                        <div class="title" v-if="item.tittle.length>18">（测试）{{item.tittle.slice(0,18)}}...</div>
+                        <div class="title" v-else>（测试）{{item.tittle}}.</div>
                         <div class="time">{{item.submitTime}}</div>
                    </div>
                 </div>
@@ -14,8 +14,8 @@
             <el-tab-pane label="行业动态" name="2">
                 <div class="item-1">
                     <div class="item" v-for="(item,i) in dynamic" @click="jumpToArticle(item.id)">
-                     <div class="title" v-if="item.tittle.length>18">{{item.tittle.slice(0,18)}}...</div>
-                        <div class="title" v-else>{{item.tittle}}.</div>
+                     <div class="title" v-if="item.tittle.length>18">（测试）{{item.tittle.slice(0,18)}}...</div>
+                        <div class="title" v-else>（测试）{{item.tittle}}.</div>
                         <div class="time">{{item.submitTime}}</div>
                     </div>
                  </div>
@@ -24,12 +24,11 @@
             <el-tab-pane label="法规标准" name="3">
                 <div class="item-1">
                     <div class="item" v-for="(item,i) in statute" @click="jumpToArticle(item.id)">
-                        <div class="title" v-if="item.tittle.length>18">{{item.tittle.slice(0,18)}}...</div>
-                        <div class="title" v-else>{{item.tittle}}.</div>
+                        <div class="title" v-if="item.tittle.length>18">（测试）{{item.tittle.slice(0,18)}}...</div>
+                        <div class="title" v-else>（测试）{{item.tittle}}.</div>
                         <div class="time">{{item.submitTime}}</div>
                     </div>
                  </div>
-                
             </el-tab-pane>
         </el-tabs>
         <div class="page-toggle" v-if="show">
@@ -123,7 +122,7 @@
         justify-content: center;
     }
     ::v-deep .el-tabs__item{
-        font-size: .25rem;
+        font-size: .3rem;
     }
     ::v-deep .el-tabs__item:hover{
         color: #1D2088;
diff --git a/src/views/pages/introduce.vue b/src/views/pages/introduce.vue
index e645bee..1a48880 100644
--- a/src/views/pages/introduce.vue
+++ b/src/views/pages/introduce.vue
@@ -27,13 +27,13 @@
                             <span class="icon">
                                 <img src="@/assets/images/电话.png" alt="">
                             </span>
-                            <span class="value">电话：0518-90876754</span>
+                            <span class="value">电话：18912177843</span>
                         </div>
                         <div class="address">
                             <span class="icon">
                                 <img src="@/assets/images/地址.png" alt="">
                             </span>
-                            <span class="value">地址：连云港海宁中路西大街</span>
+                            <span class="value">地址：连云港市海州区海连东路42号（杰瑞科技创意产业园A1房屋的西三层）</span>
                         </div>
                     </div>
                     <div class="content">
@@ -219,14 +219,14 @@
                 }
                 .value{
                     display: inline-block;
-                    width: 4.875rem;
+                    /* width: 4.875rem; */
                     height: .575rem;
                     background: #A11715;
                     border-radius: .05rem;
                     margin-left: .0375rem;
                     line-height: .575rem;
                     color: #fff;
-                    padding-left: .375rem;
+                    padding:0 .375rem;
                     font-size: .25rem;
                 }