测试矩阵图标替换

src/assets/icons/svg/checkMark.svg

+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 8.74547L5.5929 13.7559C5.80445 13.9867 6.17364 13.9685 6.36148 13.718L15 2.20001" stroke="#13BE24" stroke-width="2" stroke-linecap="round"/>
+</svg>

src/views/setting/testMatrix/index.vue

+<!-- 测试矩阵 -->
 <template>
   <page-standard>
     <el-table
+      v-loading="loading"
       height="calc(100vh - 300px)"
       :data="tableData"
-      v-loading="loading"
       border
       :header-cell-style="headerCellStyle"
       :cell-style="tableCellStyle"
@@ -30,7 +31,7 @@
               class="table-span-style"
               @click="viewDetail(scope.row[item.id].id)"
             >
-              {{ '√' }}
+              <svg-icon icon-class="checkMark" />
             </div>
           </template>
         </el-table-column>
@@ -183,11 +184,15 @@ export default {
     /** 点击跳转详情 */
     viewDetail(row) {
       this.$message(row)
+      this.$router.push({
+        path: '/setting/useCaseDetails',
+        query: { id: row }
+      })
     },
     // 表头样式
     headerCellStyle(row, rowIndex) {
       if (row.columnIndex === 0) {
-        return { backgroundColor: '#1A6FD7' }
+        return { backgroundColor: '#1A6FD7', color: '#FFFFFF' }
       } else {
         return { backgroundColor: '#F2F2F2' }
       }

src/views/setting/testMatrix/useCaseDetails/index.vue

+<!-- 测试用例详情 -->
+<template>
+  <page-standard>
+    <div>
+      {{ '测试用例详情' }}
+    </div>
+  </page-standard>
+</template>
+
+<script>
+export default {
+  name: 'Index',
+  data() {
+    return {
+      id: this.$route.query
+    }
+  },
+  mounted() {}
+}
+</script>
+
+<style scoped></style>