Merge branch 'master' of http://36.137.93.232:3000/yzc/xmhjc-web

src/components/index/indexFooter.vue

@@ -1,105 +1,110 @@
 <template>
-    <div class="footer">
-      <div class="flex footerBox">
+  <div class="footer">
+    <div class="flex footerBox">
 
-          <div class="foot_box">
-            <h3>相关链接</h3>
-            <hr>
-            <div  class="foot_box_item">
-              <div @click="handleClick(item)" v-for="item in list" :key="item" style="cursor: pointer;width: 30%;text-align: left;line-height: 50px;margin-left:10px">
-                >{{item.title}}
-              </div>
-            </div>
-            <hr>
-            <div style="margin-top: 5px;">
-              <phone-outlined />
-              Tel：{{footInfo.mobileOne}} Tel：{{footInfo.mobileTwo}}
-            </div>
-          </div>
-
-
-          <div class="foot_box">
-            <h3>联系方式</h3>
-            <hr>
-            <div class="foot_box_item2">
-              <home-filled />
-              {{ footInfo.address }}
-            </div>
-            <div class="foot_box_item2">
-              <mail-filled />
-              {{ footInfo.email }}
-            </div>
-            <div class="foot_box_item2">
-              备案号：{{ footInfo.filingNumber }}
-            </div>
+      <div class="foot_box">
+        <h3>相关链接</h3>
+        <hr>
+        <div class="foot_box_item">
+          <div @click="handleClick(item)" v-for="item in list" :key="item"
+               style="cursor: pointer;width: 30%;text-align: left;line-height: 50px;margin-left:10px">
+            >{{item.title}}
           </div>
+        </div>
+        <hr>
+        <div style="margin-top: 5px;">
+          <phone-outlined />
+          Tel：{{footInfo.mobileOne}} Tel：{{footInfo.mobileTwo}}
+        </div>
+      </div>
 
+      <div class="foot_box">
+        <h3>联系方式</h3>
+        <hr>
+        <div class="foot_box_item2">
+          <home-filled />
+          {{ footInfo.address }}
+        </div>
+        <div class="foot_box_item2">
+          <mail-filled />
+          {{ footInfo.email }}
+        </div>
+        <div class="foot_box_item2">
+          备案号：
+          <a href="https://beian.miit.gov.cn/#/Integrated/index" target='_blank' style="color:#fff">{{ footInfo.filingNumber }}</a>
+        </div>
+      </div>
 
-          <div class="foot_box3">
-            <div style="display: flex;flex-direction: column;align-items: center;">
-              <div class="qrcodeback">
-                <img style="width: 120px; height: 120px;" :src="footInfo.gzhQrCodeList[0].fileUrl" alt="">
-              </div>
-              <div>关注企业公众号</div> 
-            </div>
+      <div class="foot_box3">
+        <div style="display: flex;flex-direction: column;align-items: center;">
+          <div class="qrcodeback">
+            <img style="width: 120px; height: 120px;" :src="footInfo.gzhQrCodeList[0].fileUrl" alt="">
           </div>
+          <div>关注企业公众号</div>
+        </div>
       </div>
     </div>
+  </div>
 </template>
 
 <script setup>
-import {ref,reactive,watch} from 'vue'
-import { PhoneOutlined,MailFilled,HomeFilled } from '@ant-design/icons-vue';
-import {detailBootInfoByOpen} from '../../http/api/common.js'
-const list = ref([])
+import { ref, reactive, watch } from "vue";
+import { PhoneOutlined, MailFilled, HomeFilled } from "@ant-design/icons-vue";
+import { detailBootInfoByOpen } from "../../http/api/common.js";
+const list = ref([]);
 const footInfo = ref({
-    "mobileOne": "0591-0000000",
-    "mobileTwo": "13067250000",
-    "address": "厦门火炬高新区（翔安）产业园翔安北路3701号之7号厂房101B室",
-    "email": "181306520@qq.com",
-    "filingNumber": "备案号@ Copyright xxxxxxxxxxxX",
-    "gzhQrCodeList": [
-        {
-            "id": "1726605350318178306",
-            "fileUrl": "https://os.winfaster.cn/xmhjc/dev/2023/11/20/641fbd92564d4ce4aa167224d3f6b72f.png",
-            "fileName": "img_gzhewm@3x.png",
-            "businessId": "1723716964718211073",
-            "businessType": "2",
-            "remark": null
-        }
-    ]
-})
+  mobileOne: "0591-0000000",
+  mobileTwo: "13067250000",
+  address: "厦门火炬高新区（翔安）产业园翔安北路3701号之7号厂房101B室",
+  email: "181306520@qq.com",
+  filingNumber: "闽ICP备2024030732号-1",
+  gzhQrCodeList: [
+    {
+      id: "1726605350318178306",
+      fileUrl:
+        "https://os.winfaster.cn/xmhjc/dev/2023/11/20/641fbd92564d4ce4aa167224d3f6b72f.png",
+      fileName: "img_gzhewm@3x.png",
+      businessId: "1723716964718211073",
+      businessType: "2",
+      remark: null,
+    },
+  ],
+});
 //使用pinia缓存数据
-import { useCounterStore } from '@/stores/counter'
-const counter = useCounterStore()
+import { useCounterStore } from "@/stores/counter";
+const counter = useCounterStore();
+
+onMounted(async () => {
+  //获取首页轮播图
 
-onMounted(async() => {
-    //获取首页轮播图
-    
-    let res = await detailBootInfoByOpen()
-    if (res?.data) {
-      footInfo.value = res?.data
-    }
+  let res = await detailBootInfoByOpen();
+  if (res?.data) {
+    footInfo.value = res?.data;
+  }
 });
 
-watch(()=>counter.menulist,(newVal,old)=>{
-    console.log('RouterViewTop',newVal,old);
-    list.value = newVal
-},{
-    immediate:true,
-    deep:true
-})
+watch(
+  () => counter.menulist,
+  (newVal, old) => {
+    console.log("RouterViewTop", newVal, old);
+    list.value = newVal;
+  },
+  {
+    immediate: true,
+    deep: true,
+  }
+);
 
-const emits = defineEmits(['changeMeun'])
+const emits = defineEmits(["changeMeun"]);
 const handleClick = (e) => {
-  counter.indexMeunKey = e.key
-  localStorage.setItem('indexMeunKey',e.key)
-  emits('changeMeun',e)
+  counter.indexMeunKey = e.key;
+  localStorage.setItem("indexMeunKey", e.key);
+  emits("changeMeun", e);
 };
 </script>
 
 <style scoped>
-.footer{
+.footer {
   min-width: 1200px;
   width: 100vw;
   max-width: 1920px;
@@ -108,27 +113,27 @@ const handleClick = (e) => {
   color: #fff;
   padding-top: 60px;
 }
-.footerBox{
-   width: 1200px;
-   margin: 0 auto;
+.footerBox {
+  width: 1200px;
+  margin: 0 auto;
 }
-.flex{
-  display:flex;
+.flex {
+  display: flex;
   justify-content: space-between;
 }
-.foot_box_item{
+.foot_box_item {
   display: flex;
   justify-content: flex-start;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.foot_box_item2{
+.foot_box_item2 {
   margin: 10px 0;
 }
-.foot_box{
+.foot_box {
   width: 360px;
 }
-.qrcodeback{
+.qrcodeback {
   width: 140px;
   height: 140px;
   background-color: white;
@@ -136,7 +141,7 @@ const handleClick = (e) => {
   line-height: 140px;
 }
 @media (max-width: 500px) {
-  .flex{
+  .flex {
     display: flex;
     flex-direction: column;
     align-items: center;