页面修改

src/App.vue

@@ -6,39 +6,15 @@
         </keep-alive>
         <router-view v-if="!$route.meta.keepAlive"></router-view>
     </div>
-
-    <div>
-      <div class="footer ng-scope" style="z-index: 10">
-        <div class="footer-bd">
-          <p>技术支持：{{settings.title}}</p>
-          <p>
-              <span> ©2021 </span>
-              <img class="beian" src="./assets/images/beian_hashc9b229c96d.png" alt="">
-              <a href="http://beian.miit.gov.cn/" target="_blank">
-                网站备案：{{settings.beian}}
-              </a>
-           </p>
-        </div>
-      </div>
-    </div>
   </div>
 </template>
 
 <script>
-  import { mapActions } from "vuex";
-  import settings from '@/settings';
   export default {
     name: 'App',
-    methods:{
-      ...mapActions("user", ["loadTypeList"]),
-    },
     data(){
       return {
-        settings
       }
-    },
-    created(){
-      this.loadTypeList()
     }
   }
 </script>

src/containers/certificate/index.css

@@ -1,6 +1,6 @@
 .cert-body {
   width: 100%;
-  min-height: 1024px;
+  overflow-y: hidden;
   max-width: 500px;
   margin: 0px auto;
   background-size: 100% auto;
@@ -59,7 +59,7 @@
 .mess_title {
   color: #000;
   font-weight: 600;
-  margin-top: 2rem;
+  margin-top: 1rem;
 }
 
 .mess_explain {
@@ -107,9 +107,10 @@
 
 .certificate-cards {
   display: flex;
-  margin-top: 0.5rem;
+  margin-top: 0rem;
   flex-direction: column;
   gap: 15px;
+  overflow-y: hidden;
 }
 
 .card {
@@ -197,7 +198,6 @@
   .main-title {
     font-size: 15px;
   }
-
   .info-label, .info-value {
     font-size: 13px;
     padding: 8px 6px;
@@ -206,3 +206,28 @@
 
 
 
+ /* 左上角后退按钮 */
+.back-button {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 40px;
+    height: 40px;
+    background-color: #1E88E5;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color 0.3s ease;
+}
+
+.back-button:hover {
+    background-color: #1565C0;
+}
+
+.back-button svg {
+    width: 30px;
+    height: 30px;
+    fill: white;
+}

src/containers/certificate/index.vue

@@ -1,11 +1,13 @@
 <template>
   <div class="cert-body">
-    <div style="padding-top: 1rem;">
-      <div class="box_title" @click="showTable=false">特种作业操作证及安全生产知识和</div>
-      <div class="box_title">管理能力考核合格信息查询平台</div>
+
+    <div v-if="showTable" class="back-button" @click="showTable=false">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+            <path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.03 0-1.42L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z"/>
+        </svg>
     </div>
 
-    <el-card style="border-radius: 10px; margin: 20px;">
+    <el-card style="border-radius: 10px; padding-top: 2rem;">
       <div class="content_box_title">
         <img
           src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAOCAYAAABaSYBTAAAABHNCSVQICAgIfAhkiAAAANRJREFUWEftmO0NgyAYhOtOMIxr6By6RoeBnVTqR2rL6wlFOJPyy+QC3j0vIlAZY55a6/ohNHbd2S7tUWJXOcFaOyilXs++xq4zZPBx24CyA0T+GAHvZisKwK6zAf5aCtgBIn9MgL3rLArArrMAvu1PDBWYAbAIl8EcAoj00hkO4ZY2l+L9KcZARZR0CLekuXXvGBvufe/56xgx/U/B/QOeyxQK+DTcmME/Ty2h5lL3z50hCG5uc1ccxXNmCIa7mGunu4hOuIpwn08z6T2rvmS42mM7AlIFLwQXiU8MAAAAAElFTkSuQmCC" />
@@ -76,19 +78,17 @@
               src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAATZJREFUSIm1lrtxwzAQRA8czTh36h5UgBKjEVfgBpyJylyDmwEVuhnHzp4DH6QT/hKlneFwCO7eLsATICcdAF5E9mbI630RkaOIiHNu7tWpFgcCOUpjANcZJYWCGvqE44FZLwtfrlpP3xZcaq1ZfVY2fYPzNGiUBzSEagrgHfgFvhocXzSyCRril2Tt3xrcuOTBDg51CPBtuNsO9zwbM72mgQqfgU9gN8CNdcNGzj+uLpxzPyLyMcq3juE0rTHe0NKq5v879z64EfgbTALApM9LT7AG0cQ/qP4xmiwip9323thHk4djEpGDdb0XTGMcJufcog/Zdr4Sr5lrttfkyYZbmNpm2xNrz6eX74TJTOovB8HloVeuwejptlZLfmbPtYbQ5OmRPR6uYIYWm6n/iymGudXsquJ/zhquFSAu+Z8AAAAASUVORK5CYII=" />
             <span>说明</span>
           </div>
-          <div style="margin-top: 4rem;">
-            <div class="mess_title">01、法律依据</div>
+          <div style="margin-top: 3rem;">
+            <div class="mess_title">01、证书依据</div>
             <div class="mess_text">
-              《安全生产法》第三十条规定，生产经营单位的特种作业人员必须按照国家有关规定经专门的安全作业培训，取得相应资格，方可上岗作业。
-            </div>
+              《中华人民共和国安全生产法》《生产经营单位安全培训规定》等，要求工贸企业从业人员经安全培训合格，特种作业人员需持特种作业操作证，以规范安全管理。            </div>
             <div class="mess_title">02、查询范围</div>
             <div class="mess_text">
-              本平台提供由应急管理部门及矿山安全监管部门按照国家有关规定经专门的安全作业培训，取得相应资格的特种作业人员操作证件信息查询。
+              本平台提供由宁德市应急管理部门按照国家有关规定经宁德聚仁教育服务有限公司培训，取得相应其他生产经营单位主要负责人及安全生产管理人员证件的信息查询。
             </div>
             <div class="mess_title">03、相关说明</div>
             <div class="mess_text">
-              平台中数据由各省级应急管理部门及矿山安全监管部门提供，如对查询结果存有疑问，请与原发证部门联系。
-            </div>
+              平台中数据由宁德聚仁教育服务有限公司提供，经宁德市应急管理部门备案，如对查询结果存有疑问，请与原发证部门联系。            </div>
           </div>
         </div>
       </div>
@@ -231,8 +231,6 @@
     },
     created() {
       this.changeCode();
-
-
     }
   }
 </script>

src/containers/main/main.vue

@@ -6,12 +6,27 @@
         <router-view></router-view>
       </div>
     </div>
+    <div>
+      <div class="footer ng-scope" style="z-index: 10">
+        <div class="footer-bd">
+          <p>技术支持：{{settings.title}}</p>
+          <p>
+              <span> ©2021 </span>
+              <img class="beian" src="/assets/images/beian_hashc9b229c96d.png" alt="">
+              <a href="http://beian.miit.gov.cn/" target="_blank">
+                网站备案：{{settings.beian}}
+              </a>
+           </p>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 <script>
 
 import Navbar from "@/components/nav/navbar.vue";
-
+import settings from '@/settings';
+import { mapActions } from "vuex";
 
 export default {
   components: {
@@ -19,10 +34,11 @@ export default {
   },
   data() {
     return {
-    };
+      settings
+    }
   },
   methods: {
-
+    ...mapActions("user", ["loadTypeList"]),
     loadUser(){
       let {uid, token, nickname} = localStorage;
       return {uid, token, nickname}
@@ -38,6 +54,7 @@ export default {
   created() {
     let {token, nickname} = localStorage
     this.info = {token,nickname}
+    this.loadTypeList()
   }
 };
 </script>

src/router/index.js

@@ -78,7 +78,6 @@ export default new Router({
     {
       path: '/certificate',
       name: 'certificate',
-      component: login,
       component: PublicCertificate,
     },
     {
@@ -97,8 +96,6 @@ export default new Router({
       name: 'reset',
       component: Reset,
     },
-
-
     {
       path: '/main',
       name: 'main',