门户页面修改

src/assets/img/Home/bzxxgl.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="22px" viewBox="0 0 20 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>形状结合</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="门户-改动" transform="translate(-1380.000000, -555.000000)" fill="#FFFFFF">
+            <path d="M1400,555 L1400,577 L1380,577 L1380,555 L1400,555 Z M1397.57926,566.264757 L1393.20235,570.64165 L1390.42074,567.860056 L1389.37355,568.907243 L1393.20237,572.735243 L1398.62646,567.311944 L1397.57926,566.264757 Z M1388,570 L1383,570 L1383,571.5 L1388,571.5 L1388,570 Z M1393.5,565 L1383,565 L1383,566.5 L1393.5,566.5 L1393.5,565 Z M1397,560 L1383,560 L1383,561.5 L1397,561.5 L1397,560 Z" id="形状结合"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file

src/assets/img/Home/zljc.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="22px" viewBox="0 0 20 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>安全检查1备份</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="门户-改动" transform="translate(-1484.000000, -448.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="安全检查1备份" transform="translate(1484.000000, 448.000000)">
+                <path d="M10.0511155,0 L10.5467382,0.374324988 C12.4317989,1.79945999 15.3637391,2.71575847 19.2603784,3.09891998 L19.2603784,3.09891998 L20,3.17231222 L20,13.2366225 C20,16.5697104 16.7466817,19.4739813 10.3292855,21.8703976 L10.3292855,21.8703976 L9.9816436,22 L9.64077944,21.8588611 C3.15334651,19.1661757 0,16.3458517 0,13.2366225 L0,13.2366225 L0,3.09474718 L0.833380401,3.09474718 C3.64021463,3.09474718 6.56142333,2.16543937 9.51595594,0.331860579 L9.51595594,0.331860579 L10.0511155,0 Z M14.366319,7.64053442 L9.034616,13.0011044 L5.60670742,9.89186652 C5.21875762,9.54717982 4.54784537,9.51443317 4.10848054,9.81959806 C3.66947525,10.1241983 3.62776795,10.6509677 4.0160773,10.9956544 L7.44434543,14.1051746 C7.86249706,14.476115 8.44496108,14.6666667 9.03245873,14.6666667 C9.6706711,14.6661771 10.2751435,14.4415609 10.6802566,14.0543608 L16.0119596,8.69266166 C16.3815726,8.33583611 16.3132589,7.81104283 15.8591527,7.52055748 C15.4046869,7.22978982 14.7366511,7.28370887 14.366319,7.64053442 Z" id="形状"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file

src/views/Home/Home.vue

@@ -4,17 +4,32 @@
     <div class="header">
       <!-- 头部左侧 -->
       <div class="left">
-        <div><img src="../../assets/img/Home/jh.png" alt="" /></div>
+        <div><img
+            src="../../assets/img/Home/jh.png"
+            alt=""
+          /></div>
 
-        <span><img src="../../assets/img/Home/title.png" alt="" /></span>
+        <span><img
+            src="../../assets/img/Home/title.png"
+            alt=""
+          /></span>
       </div>
       <!-- 头部右侧 -->
       <div class="right">
-        <div @click="toXtgl" style="cursor: pointer">
-          <img src="../../assets/img/Home/setting.svg" alt="" /> 系统管理
+        <div
+          @click="toXtgl"
+          style="cursor: pointer"
+        >
+          <img
+            src="../../assets/img/Home/setting.svg"
+            alt=""
+          /> 系统管理
         </div>
         <div class="role">
-          <img src="../../assets/img/Home/role.svg" alt="" />用户信息
+          <img
+            src="../../assets/img/Home/role.svg"
+            alt=""
+          />用户信息
           <div class="rolelist">
             <ul>
               <li>用户名：{{ userInfo.id }}</li>
@@ -24,8 +39,14 @@
           </div>
         </div>
 
-        <div style="cursor: pointer" @click="logout">
-          <img src="../../assets/img/Home/exit.svg" alt="" />安全退出
+        <div
+          style="cursor: pointer"
+          @click="logout"
+        >
+          <img
+            src="../../assets/img/Home/exit.svg"
+            alt=""
+          />安全退出
         </div>
       </div>
       <!-- 主体 -->
@@ -36,7 +57,10 @@
         <div class="todoview">
           <div class="todo">
             <div>
-              <img src="../../assets/img/Home/todoview.svg" alt="" />
+              <img
+                src="../../assets/img/Home/todoview.svg"
+                alt=""
+              />
             </div>
             <p>待办工作</p>
           </div>
@@ -67,37 +91,108 @@
         <div class="todolist">
           <!-- 第一列 -->
           <div class="list l1">
-            <div class="import_images" @click="goQBAJK">
-              <img src="../../assets/img/Home/import_images.svg" alt="" />
+            <div
+              class="import_images"
+              @click="goQBAJK"
+            >
+              <img
+                src="../../assets/img/Home/import_images.svg"
+                alt=""
+              />
               <div>案件图片导入</div>
             </div>
-            <div @click="godrFPTX" class="import_FTP">
-              <img src="../../assets/img/Home/import_FTP.svg" alt="" />
+            <div
+              @click="godrFPTX"
+              class="import_FTP"
+            >
+              <img
+                src="../../assets/img/Home/import_FTP.svg"
+                alt=""
+              />
               <div>FPTX导入</div>
             </div>
           </div>
           <!-- 第二列 -->
-          <div class="list l2" @click="gosjzygl">
-            <img src="../../assets/img/Home/query.svg" alt="" />
+          <div
+            class="list l2"
+            @click="gosjzygl"
+          >
+            <img
+              src="../../assets/img/Home/query.svg"
+              alt=""
+            />
             <p>发查询</p>
           </div>
           <!-- 第三列 -->
-          <div @click="gobdrd" class="list l2 l3">
-            <img src="../../assets/img/Home/comparison.svg" alt="" />
+          <div
+            @click="gobdrd"
+            class="list l2 l3"
+          >
+            <img
+              src="../../assets/img/Home/comparison.svg"
+              alt=""
+            />
             <p>比对认定</p>
           </div>
           <!-- 第四列 -->
-          <div @click="gozzwcj" class="list l1 l4">
-            <div class="import_images collect">
+          <div class="list l1 l4">
+            <div class=" xz">
+              <div class="xztop">
+                <div
+                  class="xzleft"
+                  @click="gozzwcj"
+                >
+                  <span class='xzimg'>
                     <img
                       src="../../assets/img/Home/collect_new.svg"
                       alt=""
                       style="width: 38px; height: 38px"
                     />
-              <div>活体采集</div>
+                  </span>
+                  <span class='itemTxt'>活体采集</span>
+                </div>
+                <div
+                  class="xzright"
+                  @click="gozljc"
+                >
+                  <span class="xzimg">
+                    <img
+                      src="../../assets/img/Home/zljc.svg"
+                      alt=""
+                      style="width: 38px; height: 38px"
+                    />
+                  </span>
+                  <span class='itemTxt'>质量检查</span>
                 </div>
-            <div @click="gosjzygl" class="import_FTP management">
-              <img src="../../assets/img/Home/management.svg" alt="" />
+              </div>
+              <div
+                class="xzbottom"
+                @click='gobzxxgl'
+              >
+                <span class='xzimg'>
+                  <img
+                    src="../../assets/img/Home/bzxxgl.svg"
+                    alt=""
+                    style="width: 38px; height: 38px"
+                  />
+                </span>
+                <span class="itemTxt">比中信息管理</span>
+              </div>
+              <!-- <img
+                src="../../assets/img/Home/collect_new.svg"
+                alt=""
+                style="width: 38px; height: 38px"
+              />
+              <div>活体采集</div> -->
+            </div>
+            <div
+              @click="gosjzygl"
+              class="import_FTP management"
+            >
+              <img
+                src="../../assets/img/Home/management.svg"
+                alt=""
+              />
               <div>数据资源管理</div>
             </div>
           </div>
@@ -113,13 +208,13 @@ import jwtDecode from "jwt-decode";
 import utils from "@/utils/util.js";
 export default {
   name: "Home",
-  data() {
+  data () {
     return {
       userInfo: {},
     };
   },
   methods: {
-    goQBAJK() {
+    goQBAJK () {
       if (!this.roleArr.includes("F-2-16")) return;
       this.$router.push({
         path: "/qbalk",
@@ -128,26 +223,32 @@ export default {
         },
       });
     },
-    toXtgl() {
+    toXtgl () {
       if (!this.roleArr.includes("H")) return;
       this.$router.push("/UserManage");
     },
-    godrFPTX() {
+    godrFPTX () {
       if (!this.roleArr.includes("B-1")) return;
       this.$router.push("/drFPTX");
     },
-    gobdrd() {
+    gobdrd () {
       if (!this.roleArr.includes("C")) return;
       this.$router.push("/cxyrd");
     },
-    gosjzygl() {
+    gosjzygl () {
       if (!this.roleArr.includes("F-1")) return;
       this.$router.push("/AllPersonnelBaseIndex/");
     },
-    gozzwcj() {
-      // this.$router.push("/AllPersonnelBaseIndex");
+    gozzwcj () {
+      this.$router.push("/zzwcj")
+    },
+    gozljc () {
+      this.$router.push("/zljc")
     },
-    logout() {
+    gobzxxgl () {
+      this.$router.push("/bzxxgl")
+    },
+    logout () {
       this.$axios
         .get("/security/logout")
         .then((res) => {
@@ -158,27 +259,27 @@ export default {
             this.$message.info("退出成功！");
           }
         })
-        .catch((err) => {});
+        .catch((err) => { });
     },
   },
-  mounted() {
+  mounted () {
     // const decode = jwtDecode('Security-ceyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiIxIiwic3ViIjoiYWRtaW4iLCJpYXQiOjE2Mzg5MzYwMTAsImF1dGhvcml0aWVzIjoiXCJST0xFX0EsUk9MRV9CLFJPTEVfQyxST0xFX0QsUk9MRV9FLFJPTEVfRixST0xFX0csUk9MRV9ILFJPTEVfSSxST0xFX0EtMSxST0xFX0EtMixST0xFX0ItMSxST0xFX0ItMixST0xFX0ItMyxST0xFX0ItNCxST0xFX0ItNSxST0xFX0MtMSxST0xFX0MtMixST0xFX0QtMSxST0xFX0QtMixST0xFX0QtMyxST0xFX0QtNCxST0xFX0QtNSxST0xFX0QtNixST0xFX0QtNyxST0xFX0QtOCxST0xFX0QtOSxST0xFX0QtMTAsUk9MRV9ELTExLFJPTEVfRC0xMixST0xFX0QtMTMsUk9MRV9ELTE0LFJPTEVfRC0xNSxST0xFX0QtMTYsUk9MRV9ELTE3LFJPTEVfRC0xOCxST0xFX0UtMSxST0xFX0UtMixST0xFX0UtMyxST0xFX0UtNCxST0xFX0UtNSxST0xFX0YtMSxST0xFX0YtMixST0xFX0YtMyxST0xFX0ctMSxST0xFX0ctMixST0xFX0ctMyxST0xFX0gtMSxST0xFX0gtMixST0xFX0gtMyxST0xFX0gtNCxST0xFX0gtNSxST0xFX0gtNixST0xFX0gtNyxST0xFX0gtOCxST0xFX0gtOSxST0xFX0gtMTAsUk9MRV9ILTExLFJPTEVfSS0xLFJPTEVfSS0yLFJPTEVfSS0zLFJPTEVfSS00LFJPTEVfSS01LFJPTEVfSS02LFJPTEVfSS03LFJPTEVfSS04LFJPTEVfSS05LFJPTEVfSS0xMCxST0xFX0ktMTEsUk9MRV9JLTEyLFJPTEVfSS0xMyxST0xFX0ktMTQsUk9MRV9JLTE1XCIiLCJpc3MiOiJ6Y2ciLCJleHAiOjE2Mzg5Mzk2MTB9.GsTfUvF1V54ow09aQPz9W0Uyu2INrwod2lqqVlL9S3cf8-cbXENa-LFyqUcfma5UFckPtj2ZrV6ZyPP-HhDvhg');
     // console.log(decode);
   },
-  created() {
+  created () {
     sessionStorage.setItem("crumbs", utils.Encrypt("[]"));
     this.userInfo = JSON.parse(localStorage.getItem("userInfo"));
     console.log(this.userInfo);
   },
   computed: {
-    roleArr() {
+    roleArr () {
       return this.$store.state.layout.Menu;
     },
   },
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .page {
   width: 100%;
   height: 100%;
@@ -482,14 +583,90 @@ export default {
   margin: 40px 0 10px 0;
 }
 .main .todolist .l4 .collect {
-  background: url(../../assets/img/Home/collect_bg.svg) no-repeat right
+  /* background: url(../../assets/img/Home/collect_bg.svg) no-repeat right
       bottom/75px 75px,
-    linear-gradient(133deg, #34b6f0 0%, #0390d3 100%);
+    linear-gradient(133deg, #34b6f0 0%, #0390d3 100%); */
+  background-color: #fff;
 }
 .main .todolist .l4 .collect:hover {
-  background: url(../../assets/img/Home/collect_bg.svg) no-repeat right
+  /* background: url(../../assets/img/Home/collect_bg.svg) no-repeat right
       bottom/75px 75px,
-    linear-gradient(133deg, #42bbf2 0%, #12a1e5 100%);
+    linear-gradient(133deg, #42bbf2 0%, #12a1e5 100%); */
+  background-color: #111;
+}
+.main .todolist .l4 .xz {
+  width: 100%;
+  height: 188px;
+  border-radius: 12px;
+  // background-color: #fff;
+  margin-bottom: 24px;
+
+  // transform: scale(102%);
+
+  .xztop {
+    display: flex;
+    height: 82px;
+    justify-content: space-between;
+    margin-bottom: 24px;
+    .xzleft {
+      width: 47%;
+      height: 82px;
+      background: linear-gradient(133deg, #34b6f0 0%, #0390d3 100%);
+      border-radius: 12px;
+      transition: transform 0.15s;
+      text-align: center;
+      line-height: 82px;
+      &:hover {
+        background: linear-gradient(133deg, #42bbf2 0%, #12a1e5 100%);
+        transform: scale(102%);
+      }
+    }
+    .xzright {
+      width: 47%;
+      height: 82px;
+      background: linear-gradient(133deg, #34b6f0 0%, #0390d3 100%);
+      border-radius: 12px;
+      transition: transform 0.15s;
+      text-align: center;
+      line-height: 82px;
+      &:hover {
+        background: linear-gradient(133deg, #42bbf2 0%, #12a1e5 100%);
+        transform: scale(102%);
+      }
+    }
+  }
+  .xzbottom {
+    width: 100%;
+    height: 82px;
+    background: linear-gradient(133deg, #34b6f0 0%, #0390d3 100%);
+    border-radius: 12px;
+    transition: transform 0.15s;
+    text-align: center;
+    line-height: 82px;
+    text-align: center;
+    line-height: 82px;
+    &:hover {
+      background: linear-gradient(133deg, #42bbf2 0%, #12a1e5 100%);
+      transform: scale(102%);
+    }
+  }
+  .xzimg {
+    display: inline-block;
+    width: 22px;
+    height: 22px;
+    // text-align: justify;
+    margin-right: 10px;
+    img {
+      margin: 0;
+      margin-bottom: 10px;
+    }
+  }
+  .itemTxt {
+    font-size: 21px;
+    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
+    font-weight: bold;
+    color: #ffffff;
+  }
 }
 .main .todolist .l4 .management {
   background: url(../../assets/img/Home/management_bg.svg) no-repeat right

src/views/zljc/jcxq.vue

@@ -356,7 +356,6 @@ export default {
       this.$store.commit('layout/delcachePageName', 'zljc');
       this.$store.commit('layout/delcachePageName', 'jcxq');
       this.$router.push('/zljc')
-
     }
   }
 }