缺陷问题

src/router/index.js

@@ -128,6 +128,13 @@ export const constantRoutes = [
         hidden: true, //不在导航栏展示
         meta: { title: '总排名' },
       },
+      {
+        path: '/defectProblem',
+        name: 'DefectProblem',
+        component: () => import('@/views/data/frontHome/defectProblem'),
+        hidden: true, //不在导航栏展示
+        meta: { title: '缺陷问题' },
+      },
       {
         path: '/codeList',
         name: 'codeList',

src/views/data/frontHome/defectProblem.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    123
+  </div>
+</template>
+
+<script>
+  export default {
+    
+  }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/data/frontHome/index.vue

@@ -139,7 +139,12 @@
       </div>
     </div>
     <div class="cardBox">
-      <Title :title="'缺陷问题'" />
+      <div style="margin-bottom: 13px;">
+        <el-button-group>
+          <el-button style="background-color: #409EFF;color:#fff;">缺陷问题（前十）</el-button>
+          <el-button @click="toPage">缺陷问题</el-button>
+        </el-button-group>
+      </div>
       <el-select v-model="formData.problem" filterable placeholder="请选择" style="margin-right: 20px">
         <el-option v-for="(item, index) in departmentList" :label="item.name" :value="item.id" :key="index"></el-option>
       </el-select>
@@ -558,6 +563,10 @@ export default {
     this.chart1.resize()
   },
   methods: {
+    // 缺陷问题
+    toPage() {
+      this.$router.push({ path: '/defectProblem' })
+    },
     // 点击缺陷病案
     funGototo(){
       this.storageSet('endTime', this.formData.endTime || '');
@@ -1589,7 +1598,7 @@ export default {
             margin: 0 11px 0 0;
             .icon {
               width: 18px;
-              margin: 12px;
+              margin: 12px 0;
             }
             .con {
               font-size: 12px;
@@ -1601,7 +1610,7 @@ export default {
               font-size: 16px;
               font-weight: bold;
               color: #185da6;
-              margin: 0 0 0 15px;
+              margin: 0 0 0 8px;
             }
           }
         }