feat: 更新首页

package.json

@@ -20,6 +20,7 @@
     "@icon-park/vue": "^1.4.2",
     "@riophae/vue-treeselect": "0.4.0",
     "apollo-boost": "^0.4.9",
+    "autoprefixer": "8.0.0",
     "axios": "0.24.0",
     "clipboard": "2.0.8",
     "core-js": "3.25.3",
@@ -38,6 +39,7 @@
     "jsencrypt": "3.0.0-rc.1",
     "lodash": "4.17.21",
     "nprogress": "0.2.0",
+    "postcss-px-to-viewport": "^1.1.1",
     "quill": "1.3.7",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
@@ -70,7 +72,7 @@
     "husky": "^8.0.0",
     "lint-staged": "^10.5.3",
     "mockjs": "1.0.1-beta3",
-    "postcss": "^8.4.12",
+    "postcss": "^8.4.45",
     "postcss-html": "^1.3.0",
     "prettier": "^2.8.8",
     "prettier-eslint-cli": "^8.0.1",
@@ -88,7 +90,8 @@
     "stylelint-config-standard-scss": "^4.0.0",
     "stylelint-order": "^5.0.0",
     "vue-cli-plugin-commitlint": "~1.0.12",
-    "vue-template-compiler": "2.6.12"
+    "vue-template-compiler": "2.6.12",
+    "webpack": "4.47.0"
   },
   "browserslist": [
     "> 1%",

src/assets/styles/home.scss

@@ -109,9 +109,10 @@
   display: flex;
   align-items: center;
   justify-content: flex-start;
+  height: 5rem;
   &-img {
-    width: 60px;
-    height: 60px;
+    width: 80px;
+    height: 80px;
   }
   &-body {
     margin-left: 10px;
@@ -136,10 +137,12 @@
 }
 .bottom-card {
   width: 14%;
-  margin: 1%;
-  padding: 10px;
+  margin: 0 1%;
+  padding: 0 10px;
+  cursor: pointer;
   &-img {
-    width: 50px;
+    width: 40px;
+    height: 40px;
   }
   &-title {
     font-size: 14px;

src/views/index.vue

@@ -54,7 +54,7 @@
     </div>
     <div class="home-page-bottom">
       <div class="bottom-list">
-        <div v-for="(item, key) in bottom" :key="key" class="bottom-card">
+        <div v-for="(item, key) in bottom" :key="key" class="bottom-card" @click="$router.push(item.link)">
           <el-image :src="item.img" class="bottomd-card-img" />
           <div class="bottom-card-title">
             {{ item.title }}
@@ -83,78 +83,78 @@ export default {
     return {
       info: [
         {
-          title: '软件升级',
-          number: '100',
+          title: '审查要点（条）',
+          number: '22',
           img: require('@/assets/images/home/card1.png')
         },
         {
-          title: '软件升级',
-          number: '100',
-          img: require('@/assets/images/home/card1.png')
+          title: '审查细则（条）',
+          number: '73',
+          img: require('@/assets/images/home/card2.png')
         },
         {
-          title: '软件升级',
-          number: '100',
-          img: require('@/assets/images/home/card1.png')
+          title: '审查场景（条）',
+          number: '22',
+          img: require('@/assets/images/home/card3.png')
         },
         {
-          title: '软件升级',
-          number: '100',
-          img: require('@/assets/images/home/card1.png')
+          title: '测试用例（条）',
+          number: '73',
+          img: require('@/assets/images/home/card4.png')
         }
       ],
       soft: [
         {
-          title: '软件升级',
-          number: '100',
+          title: '审查要点（条）',
+          number: '142',
           img: require('@/assets/images/home/card5.png')
         },
         {
-          title: '软件升级',
-          number: '100',
+          title: '审查细则（条）',
+          number: '345',
           img: require('@/assets/images/home/card6.png')
         },
         {
-          title: '软件升级',
-          number: '100',
+          title: '审查场景（条）',
+          number: '545',
           img: require('@/assets/images/home/card7.png')
         },
         {
-          title: '软件升级',
-          number: '100',
+          title: '测试用例（条）',
+          number: '556',
           img: require('@/assets/images/home/card8.png')
         }
       ],
       bottom: [
         {
-          title: '软件升级',
-          link: '',
-          img: require('@/assets/images/home/bottom2.png')
+          title: '标准文本',
+          link:'/setting/standard',
+          img: require('@/assets/images/home/bottom1.png')
         },
         {
-          title: '软件升级',
-          link: '',
+          title: '检测要点',
+          link: '/setting/standardPoint',
           img: require('@/assets/images/home/bottom2.png')
         },
         {
-          title: '软件升级',
-          link: '',
-          img: require('@/assets/images/home/bottom2.png')
+          title: '实施细则',
+          link: '/setting/standardTerms',
+          img: require('@/assets/images/home/bottom3.png')
         },
         {
-          title: '软件升级',
-          link: '',
-          img: require('@/assets/images/home/bottom2.png')
+          title: '测试用例',
+          link: '/setting/standardTerms',
+          img: require('@/assets/images/home/bottom4.png')
         },
         {
-          title: '软件升级',
-          link: '',
-          img: require('@/assets/images/home/bottom2.png')
+          title: '检测方案',
+          link: '/plan/customized',
+          img: require('@/assets/images/home/bottom5.png')
         },
         {
-          title: '软件升级',
-          link: '',
-          img: require('@/assets/images/home/bottom2.png')
+          title: '内容评审',
+          link: '/review/review/createReview',
+          img: require('@/assets/images/home/bottom6.png')
         }
       ]
     }