添加网安备

src/components/foots/index.vue

@@ -1,17 +1,23 @@
 <template>
   <div class="foots">
     <div class="main">
-      <el-image @click="signClick" class="sign" :src="url"></el-image>
+      <el-image @click="signClick(dwurl)" class="sign" :src="url"></el-image>
       <div class="info">
         <p class="itemBox itemBox1">
           <span class="item">{{ infos.record && infos.record.name }}{{ infos.record && infos.record.value }}</span>
-          <span class="item">{{ infos.title && infos.title.name }}{{ infos.title && infos.title.value }}</span>
+          <span class="item gwab" @click="signClick(waurl)">
+            <img @click="signClick" class="gwab" :src="gaurl" />
+            {{ infos.jgwa && infos.jgwa.name }}{{ infos.jgwa && infos.jgwa.value }}
+          </span>
         </p>
         <p class="itemBox itemBox2">
           <span class="item item1">{{ infos.phone && infos.phone.name }}{{ infos.phone && infos.phone.value }}</span>
           <span class="item item2">{{ infos.postalCode && infos.postalCode.name }}{{ infos.postalCode && infos.postalCode.value }}</span>
           <span class="item item3">{{ infos.address && infos.address.name }}{{ infos.address && infos.address.value }}</span>
         </p>
+        <p class="itemBox itemBox1">
+          <span class="item">{{ infos.title && infos.title.name }}{{ infos.title && infos.title.value }}</span>
+        </p>
       </div>
     </div>
   </div>
@@ -33,7 +39,10 @@ export default {
   },
   data() {
     return {
-      url: require('../../assets/sign.png')
+      url: require('../../assets/sign.png'),
+      gaurl: require('../../assets/gwab.png'),
+      waurl: 'http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=22010502000421',
+      dwurl: 'https://bszs.conac.cn/sitename?method=show&id=520E0E00E9F106D3E053022819AC70F2'
     };
   },
   async mounted() {
@@ -41,8 +50,8 @@ export default {
   },
   methods: {
     ...mapActions(['websiteQuery']),
-    signClick() {
-      window.open('https://bszs.conac.cn/sitename?method=show&id=520E0E00E9F106D3E053022819AC70F2');
+    signClick(url) {
+      window.open(url);
     }
   }
 };
@@ -51,7 +60,7 @@ export default {
 <style lang="scss" scoped>
 .foots {
   width: 100%;
-  height: 150px;
+  height: 200px;
   background-color: #0063b4;
   color: #fff;
   .main {
@@ -74,6 +83,9 @@ export default {
           display: block;
           width: 50%;
           text-align: left;
+          .gwab {
+            vertical-align: middle;
+          }
         }
         .item1 {
           width: 30%;