修改底部导航

src/layout/index.vue

@@ -4,7 +4,8 @@
       <div class="w_1200">
         <el-row :gutter="20" align="middle">
           <el-col :span="12" class="top_1">
-            <el-image
+            <el-image class="images" :src="logoUrl" fit="fill" />
+            <!-- <el-image
               class="image"
               v-if="configInfo && configInfo.logoUrl && configInfo.logoUrl.length > 0"
               :src="configInfo.logoUrl[0].url"
@@ -14,7 +15,7 @@
             <div class="content">
               <text class="title">{{ configInfo.zhTitle || siteInfo.zhTitle }}</text>
               <text class="english">{{ siteInfo.zhBrief }}</text>
-            </div>
+            </div> -->
           </el-col>
           <el-col :span="12" v-if="user && user.id" class="top_2">
             <el-dropdown>
@@ -67,58 +68,43 @@
     </div>
     <div class="bottom">
       <div class="w_1200 footflex">
-        <el-image
-          class="image"
-          v-if="foot && foot.Unit && foot.Unit.length > 0"
-          :src="foot.Unit[0].url"
-          fit="fill"
-        />
-        <el-image class="image" v-else :src="footInfo.Unit" fit="fill" />
-        <el-col :span="12" class="foot_1">
-          <div class="footTitle">
-            <span>业务洽谈：{{ foot.Phone || footInfo.Phone }}</span>
-            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-            <span>企业邮箱：{{ foot.Email || footInfo.Email }}</span>
-          </div>
-          <div class="footTitle">地 址：{{ foot.Address || footInfo.Address }}</div>
-          <div class="footTitle">版权所有：{{ foot.Copyright || footInfo.Copyright }}</div>
-          <div class="footTitle">技术支持：{{ foot.Company || footInfo.Company }}</div>
-        </el-col>
-        <el-col :span="3" class="foot_2">
-          <div class="footTop">关于我们</div>
-          <div class="footTitle footflex1">
-            <span class="footSpan" @click="toHelp('1')">关于我们</span>
-            <span class="footSpan" @click="toHelp('3')">联系我们</span>
-            <!-- <span class="footSpan" @click="toHelp('2')">意见反馈</span> -->
-          </div>
-          <!-- <div class="footTitle footflex1">
-            <span class="footSpan" @click="toHelp('3')">联系我们</span>
-            <span class="footSpan" @click="toHelp('4')">法律条款</span>
-          </div> -->
-        </el-col>
-        <el-col :span="4" class="foot_3 footflex">
-          <el-image
-            class="image"
-            v-if="foot && foot.Code && foot.Code.length > 0"
-            :src="foot.Code[0].url"
-            fit="fill"
-          />
-          <el-image class="image" v-else :src="footInfo.Code" fit="fill" />
-          <el-image
-            class="image"
-            v-if="foot && foot.Code && foot.Code.length > 0"
-            :src="foot.Code[0].url"
-            fit="fill"
-          />
-          <el-image class="image" v-else :src="footInfo.Code" fit="fill" />
-        </el-col>
+        <el-row :span="24" class="footflex_1">
+          <el-col :span="2" class="left"> 友情链接</el-col>
+          <el-col :span="22" class="right">
+            <span v-for="(item, index) in footInfo.linkList" :key="index" @click="toLink(item)">{{
+              item.name
+            }}</span>
+          </el-col>
+        </el-row>
+        <el-row :span="24" class="footflex_2">
+          <el-col :span="21" class="left">
+            <el-col :span="24" class="left_1">
+              <el-image class="images" :src="logoBottom" fit="fill" />
+            </el-col>
+            <el-col :span="24" class="left_2"> 电话：{{ footInfo.Phone }} </el-col>
+            <el-col :span="24" class="left_2"> 邮箱：{{ footInfo.Email }} </el-col>
+            <el-col :span="24" class="left_2"> 地址：{{ footInfo.Address }} </el-col>
+          </el-col>
+          <el-col :span="3" class="right">
+            <el-col :span="24" class="right_1">
+              <el-image class="images" :src="footInfo.Code" fit="fill" />
+            </el-col>
+            <el-col :span="24" class="right_2" @click="toHelp('1')">关于我们</el-col>
+          </el-col>
+        </el-row>
+        <el-row :span="24" class="footflex_3">
+          {{ footInfo.Copyright }}
+        </el-row>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { siteInfo, footInfo, menuList } from '@/layout/site'
+// 图片引入
+import logoUrl from '/images/logo-jilin.png'
+import logoBottom from '/images/logo-jilinbai.png'
+import { footInfo, menuList } from '@/layout/site'
 // 接口
 import { TagsStore } from '@/store/api/system/tags'
 const store = TagsStore()
@@ -178,6 +164,9 @@ const toLogout = () => {
   userStore.logOut()
   router.push('/login')
 }
+const toLink = (item) => {
+  window.open(item.href, '_blank') // 在新标签页中打开URL
+}
 watch(
   route,
   (newVal) => {
@@ -220,6 +209,10 @@ provide('selectMenu', selectMenu)
         width: 40px;
         margin: 0 5px 0 0;
       }
+      .images {
+        height: auto;
+        width: 335px;
+      }
 
       .content {
         margin: 0 0 0 5px;
@@ -271,7 +264,7 @@ provide('selectMenu', selectMenu)
   .bottom {
     width: 100%;
     padding: 7px 0;
-    font-size: 14px;
+    font-size: 18px;
     background-color: #2e3546;
     color: #f0f2f5;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
@@ -301,15 +294,69 @@ provide('selectMenu', selectMenu)
   }
 
   .footflex {
-    display: flex;
-    align-items: center;
-    justify-content: space-evenly;
-  }
+    .footflex_1 {
+      display: flex;
+      align-items: flex-end;
+      padding: 30px 0;
+      border-bottom: 1px solid #444444;
+      .left {
+        font-size: 18px;
+        font-family: 'Microsoft YaHei';
+        color: rgb(255, 255, 255);
+      }
+      .right {
+        color: #cccccc;
+        font-family: microsoft yahei;
+        font-size: 15px;
+        font-weight: normal;
+        text-decoration: none;
+        span {
+          margin-right: 50px;
+        }
+        span:hover {
+          color: rgb(255, 255, 255);
+          cursor: pointer;
+        }
+      }
+    }
+    .footflex_2 {
+      display: flex;
+      padding: 30px 0;
+      border-bottom: 1px solid #444444;
+      .left {
+        font-family: 'Microsoft YaHei';
+        color: rgb(204, 204, 204);
+        font-size: 18px;
+        .left_2 {
+          margin: 5px 0 0 0;
+        }
+      }
+      .right {
+        text-align: center;
 
-  .footflex1 {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+        .right_1 {
+          .image {
+            width: 130px;
+            height: 130px;
+          }
+        }
+        .right_2 {
+          font-family: 'Microsoft YaHei';
+          font-size: 18px;
+          color: rgb(204, 204, 204);
+        }
+        .right_2:hover {
+          color: rgb(255, 255, 255);
+          cursor: pointer;
+        }
+      }
+    }
+    .footflex_3 {
+      padding: 20px 0;
+      font-family: 'Microsoft YaHei';
+      font-size: 18px;
+      color: rgb(204, 204, 204);
+    }
   }
 }
 </style>

src/layout/site.js

@@ -1,8 +1,7 @@
 // 图片引入
-import logo from '/images/logo.png'
+import logo from '/images/logo.jpg'
 import home from '/images/home.jpg'
-import Code from '/images/code.png'
-import Unit from '/images/unit.png'
+import Code from '/images/code.jpg'
 // 网站基本设置
 export const siteInfo = {
   display: false,
@@ -14,13 +13,20 @@ export const siteInfo = {
 }
 // 网站底部信息
 export const footInfo = {
-  Phone: '0431-81165166',
-  Email: 'jlpstm@126.com',
-  Address: '吉林省长春市硅谷西街156号',
-  Copyright: 'Copyright©2007-2024 吉林省华欣数字科技股份有限公司 │ 吉ICP备14005689号',
-  Company: '吉林省华欣数字科技股份有限公司',
-  Code,
-  Unit
+  linkList: [
+    { name: '吉林省人民政府', href: 'https://www.jl.gov.cn/' },
+    { name: '长春市人民政府', href: 'http://www.changchun.gov.cn/' },
+    { name: '吉林省工信厅', href: 'http://gxt.jl.gov.cn/' },
+    { name: '吉林省国资委', href: 'http://gzw.jl.gov.cn/' },
+    { name: '吉林省财政厅', href: 'http://czt.jl.gov.cn/' },
+    { name: '吉林省金融监管局', href: 'http://jr.jl.gov.cn/' }
+  ],
+  Phone: '0431-81509921',
+  Email: 'gyyzhglb@jlitri.com',
+  Address: '吉林省长春市汽车经济技术开发区兴顺路1366号',
+  Copyright: 'Copyright ©2022  吉林省工业技术研究院集团有限公司  All Rights Reserved ',
+  Company: '吉林省工业技术研究院集团有限公司',
+  Code
 }
 // 菜单设置
 export const menuList = [