From d5faa38c7efe05d92b49c7594e90bad6d5d80394 Mon Sep 17 00:00:00 2001
From: gaochang <gaochang@rzdata.net>
Date: Wed, 3 Jan 2024 14:51:56 +0800
Subject: [PATCH] update

---
 src/views/monitor/project/projectList.vue     |   2 +-
 .../checkreport/CheckReportStructure.vue      | 206 ++++++---
 .../checkreport/CheckReportStructure_bak.vue  | 435 ++++++++++++++++++
 src/views/quality/checkreport/Data.json       | 132 ++++++
 src/views/quality/checkreport/index.vue       |   1 -
 5 files changed, 714 insertions(+), 62 deletions(-)
 create mode 100644 src/views/quality/checkreport/CheckReportStructure_bak.vue
 create mode 100644 src/views/quality/checkreport/Data.json

diff --git a/src/views/monitor/project/projectList.vue b/src/views/monitor/project/projectList.vue
index 0aa9be4..4c7c95c 100644
--- a/src/views/monitor/project/projectList.vue
+++ b/src/views/monitor/project/projectList.vue
@@ -152,7 +152,7 @@ export default {
           label: '项目名称',
           show: true, width: '90px'
         },
-        { prop: 'createAt', label: '创建时间', show: false }
+        { prop: 'projectDescription', label: '项目描述', show: true }
       ],
       // 默认选择中表格头
       checkedTableColumns: [],
diff --git a/src/views/quality/checkreport/CheckReportStructure.vue b/src/views/quality/checkreport/CheckReportStructure.vue
index 70877ef..29cba5a 100644
--- a/src/views/quality/checkreport/CheckReportStructure.vue
+++ b/src/views/quality/checkreport/CheckReportStructure.vue
@@ -110,20 +110,17 @@
         <el-divider content-position="left"><h3>用例类型统计分析</h3></el-divider>
         <el-row>
           <el-col :span="24">
-            <h5>唯一性分析</h5>
+            <h5>表字段标准检测分析</h5>
             <el-table
-              :data="uniqueTableData"
+              :data="table_key"
               border
               tooltip-effect="dark"
               :max-height="250"
               style="width: 100%; margin: 15px 0;"
             >
-              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleName" label="用例名称" align="center" />
               <el-table-column prop="ruleSourceName" label="数据源" align="center" />
-              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
-              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
-              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
-              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表" align="center" />
               <el-table-column prop="checkTotalCount" label="核查数" align="center" />
               <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
             </el-table>
@@ -131,20 +128,17 @@
         </el-row>
         <el-row>
           <el-col :span="24">
-            <h5>完整性分析</h5>
+            <h5>长度标准检测分析</h5>
             <el-table
-              :data="integrityTableData"
+              :data="length_key"
               border
               tooltip-effect="dark"
               :max-height="250"
               style="width: 100%; margin: 15px 0;"
             >
-              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleName" label="用例名称" align="center" />
               <el-table-column prop="ruleSourceName" label="数据源" align="center" />
-              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
-              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
-              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
-              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表" align="center" />
               <el-table-column prop="checkTotalCount" label="核查数" align="center" />
               <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
             </el-table>
@@ -152,20 +146,17 @@
         </el-row>
         <el-row>
           <el-col :span="24">
-            <h5>一致性分析</h5>
+            <h5>空值标准检测分析</h5>
             <el-table
-              :data="consistentTableData"
+              :data="null_key"
               border
               tooltip-effect="dark"
               :max-height="250"
               style="width: 100%; margin: 15px 0;"
             >
-              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleName" label="用例名称" align="center" />
               <el-table-column prop="ruleSourceName" label="数据源" align="center" />
-              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
-              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
-              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
-              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表" align="center" />
               <el-table-column prop="checkTotalCount" label="核查数" align="center" />
               <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
             </el-table>
@@ -173,20 +164,17 @@
         </el-row>
         <el-row>
           <el-col :span="24">
-            <h5>关联性分析</h5>
+            <h5>主键标准检测分析</h5>
             <el-table
-              :data="relevanceTableData"
+              :data="pk_key"
               border
               tooltip-effect="dark"
               :max-height="250"
               style="width: 100%; margin: 15px 0;"
             >
-              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleName" label="用例名称" align="center" />
               <el-table-column prop="ruleSourceName" label="数据源" align="center" />
-              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
-              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
-              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
-              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表" align="center" />
               <el-table-column prop="checkTotalCount" label="核查数" align="center" />
               <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
             </el-table>
@@ -194,20 +182,17 @@
         </el-row>
         <el-row>
           <el-col :span="24">
-            <h5>及时性分析</h5>
+            <h5>外键标准检测分析</h5>
             <el-table
-              :data="timelinessTableData"
+              :data="fk_key"
               border
               tooltip-effect="dark"
               :max-height="250"
               style="width: 100%; margin: 15px 0;"
             >
-              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleName" label="用例名称" align="center" />
               <el-table-column prop="ruleSourceName" label="数据源" align="center" />
-              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
-              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
-              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
-              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表" align="center" />
               <el-table-column prop="checkTotalCount" label="核查数" align="center" />
               <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
             </el-table>
@@ -215,20 +200,71 @@
         </el-row>
         <el-row>
           <el-col :span="24">
-            <h5>准确性分析</h5>
+            <h5>完整性标准检测分析</h5>
             <el-table
-              :data="accuracyTableData"
+              :data="integrity"
               border
               tooltip-effect="dark"
               :max-height="250"
               style="width: 100%; margin: 15px 0;"
             >
-              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleName" label="用例名称" align="center" />
               <el-table-column prop="ruleSourceName" label="数据源" align="center" />
-              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
-              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
-              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
-              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表" align="center" />
+              <el-table-column prop="checkTotalCount" label="核查数" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
+            </el-table>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <h5>准确性标准检测分析</h5>
+            <el-table
+              :data="accuracy"
+              border
+              tooltip-effect="dark"
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleName" label="用例名称" align="center" />
+              <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表" align="center" />
+              <el-table-column prop="checkTotalCount" label="核查数" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
+            </el-table>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <h5>一致性标准检测分析</h5>
+            <el-table
+              :data="consistent"
+              border
+              tooltip-effect="dark"
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleName" label="用例名称" align="center" />
+              <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表" align="center" />
+              <el-table-column prop="checkTotalCount" label="核查数" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
+            </el-table>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <h5>正则表达式标准检测分析</h5>
+            <el-table
+              :data="regular"
+              border
+              tooltip-effect="dark"
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleName" label="用例名称" align="center" />
+              <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表" align="center" />
               <el-table-column prop="checkTotalCount" label="核查数" align="center" />
               <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
             </el-table>
@@ -242,7 +278,7 @@
 <script>
   import { getReportBySource, getReportByType, getReportDetail } from '@/api/quality/checkreport'
   import moment from 'moment'
-
+  import dataJson from './Data.json'
   export default {
     name: 'CheckReportStructure',
     props: {
@@ -288,6 +324,26 @@
         relevanceTableData: [],
         // 及时性核查数据
         timelinessTableData: [],
+
+        // 表字段标准检测
+        table_key: [],
+        // 长度标准检测
+        length_key: [],
+        // 空值标准检测
+        null_key: [],
+        // 主键标准检测
+        pk_key: [],
+        // 外键标准检测
+        fk_key: [],
+        // 完整性标准检测
+        integrity: [],
+        // 准确性标准检测
+        accuracy: [],
+        // 一致性标准检测
+        consistent: [],
+        // 正则表达式标准检测
+        regular: [],
+
         like: true,
         value1: 4154.564,
         totalTables: 1314,
@@ -298,6 +354,34 @@
       this.queryParams.checkDate = moment(this.data.checkDate).format('YYYY-MM-DD')
       this.handleQuery()
     },
+    mounted () {
+      // 表字段标准检测
+      this.table_key = dataJson.caseType.table_key
+        // 长度标准检测
+      this.length_key = dataJson.caseType.length_key
+        // 空值标准检测
+      this.null_key = dataJson.caseType.null_key
+        // 主键标准检测
+      this.pk_key = dataJson.caseType.pk_key
+        // 外键标准检测
+      this.fk_key = dataJson.caseType.fk_key
+        // 完整性标准检测
+      this.integrity = dataJson.caseType.integrity
+        // 准确性标准检测
+      this.accuracy = dataJson.caseType.accuracy
+        // 一致性标准检测
+      this.consistent = dataJson.caseType.consistent
+        // 正则表达式标准检测
+      this.regular = dataJson.caseType.regular
+
+      // 初始化按数据源统计不合规数量
+      this.spanArr1 = []
+      this.spanArr2 = []
+      this.reportTableData1 = dataJson.dataAmount.reportTableData1
+      this.reportTableData2 = dataJson.dataAmount.reportTableData2
+      this.rowspan1()
+      this.rowspan2()
+    },
     methods: {
       showCard() {
         this.$emit('showCard', this.showOptions)
@@ -305,27 +389,29 @@
       handleQuery() {
         this.spanArr1 = []
         this.spanArr2 = []
-        this.getReportData1()
+        // this.getReportData1()
         this.getReportData2()
         this.getReportData3()
         this.date = moment(this.queryParams.checkDate).format('YYYY年MM月DD日')
       },
-      getReportData1() {
-        getReportBySource({ checkDate: this.queryParams.checkDate }).then(response => {
-          if (response.success) {
-            this.reportTableData1 = response.data
-            this.rowspan1()
-          }
-        })
-      },
-      getReportData2() {
-        getReportByType({ checkDate: this.queryParams.checkDate }).then(response => {
-          if (response.success) {
-            this.reportTableData2 = response.data
-            this.rowspan2()
-          }
-        })
-      },
+      // getReportData1() {
+      //   getReportBySource({ checkDate: this.queryParams.checkDate }).then(response => {
+      //     if (response.success) {
+      //       this.reportTableData1 = response.data
+      //       console.log('reportTableData1==', this.reportTableData1)
+      //       this.rowspan1()
+      //     }
+      //   })
+      // },
+      // getReportData2() {
+      //   getReportByType({ checkDate: this.queryParams.checkDate }).then(response => {
+      //     if (response.success) {
+      //       this.reportTableData2 = response.data
+      //       console.log('this.reportTableData2===', this.reportTableData2)
+      //       this.rowspan2()
+      //     }
+      //   })
+      // },
       rowspan1() {
         this.reportTableData1.forEach((item, index) => {
           if (index === 0) {
diff --git a/src/views/quality/checkreport/CheckReportStructure_bak.vue b/src/views/quality/checkreport/CheckReportStructure_bak.vue
new file mode 100644
index 0000000..70877ef
--- /dev/null
+++ b/src/views/quality/checkreport/CheckReportStructure_bak.vue
@@ -0,0 +1,435 @@
+<template>
+  <div class="app-container">
+    <el-card class="box-card" shadow="always">
+      <div slot="header" class="clearfix">
+        <el-button-group style="float: right;">
+          <el-button type="primary" size="mini" icon="el-icon-download">导出</el-button>
+          <el-button size="mini" icon="el-icon-back" @click="showCard">返回</el-button>
+        </el-button-group>
+      </div>
+      <div class="body-wrapper">
+        <h4 style="text-align: center;">{{ date }}{{ data.checkReportType === 'structure' ? '结构符合性' : '内容符合性' }}检测结果报告</h4>
+        <el-divider content-position="left"><h3>检测指标统计分析</h3></el-divider>
+        <el-row :gutter="20">
+          <div>
+            <el-row :gutter="20">
+              <el-col :span="6">
+                <div>
+                  <el-statistic
+                    group-separator=","
+                    :precision="0"
+                    :value="data.checkTotalCount"
+                    title="检测表总数"
+                  ></el-statistic>
+                </div>
+              </el-col>
+              <el-col :span="6">
+                <div>
+                  <el-statistic title="检测总耗时（毫秒）">
+                    <template slot="formatter">
+                      {{ data.checkTimeConsuming }}
+                    </template>
+                  </el-statistic>
+                </div>
+              </el-col>
+              <el-col :span="6">
+                <div>
+                  <el-statistic
+                    group-separator=","
+                    :precision="0"
+                    decimal-separator="."
+                    :value="data.checkErrorCount"
+                    title="不合规总数"
+                  >
+                    <template slot="prefix">
+                      <i class="el-icon-s-flag" style="color: red"></i>
+                    </template>
+                  </el-statistic>
+                </div>
+              </el-col>
+              <el-col :span="6">
+                <div>
+                  <el-statistic title="不合规率">
+                    <template slot="prefix">
+                      <span class="like">
+                        <i class="el-icon-star-on" style="color:red"></i>
+                      </span>
+                    </template>
+                    <template slot="formatter">
+                      {{ (data.checkErrorCount / data.checkTotalCount * 100) + '%' }}
+                    </template>
+                  </el-statistic>
+                </div>
+              </el-col>
+            </el-row>
+          </div>
+        </el-row>
+        <el-divider content-position="left"><h3>不合规统计分析</h3></el-divider>
+        <el-row :gutter="20">
+          <el-col :span="10">
+            <h5>按数据源统计不合规数量</h5>
+            <el-table
+              :data="reportTableData1"
+              :span-method="objectSpanMethod1"
+              border
+              default-expand-all
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+              <el-table-column prop="ruleLevelName" label="规则级别" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center">
+                <template slot-scope="scope">
+                  <el-progress :percentage="scope.row.checkErrorCount" :stroke-width="20" :text-inside="true" :color="colorFormat(scope.row.ruleLevelName)" :format="cellFormat" />
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-col>
+          <el-col :span="10" :offset="4">
+            <h5>按用例类型统计不合规数量</h5>
+            <el-table
+              :data="reportTableData2"
+              :span-method="objectSpanMethod2"
+              border
+              tooltip-effect="dark"
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleTypeName" label="用例类型" align="center" />
+              <el-table-column prop="ruleName" label="用例名称" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center">
+                <template slot-scope="scope">
+                  <el-badge :value="scope.row.ruleLevelName" :type="typeFormat(scope.row.ruleLevelName)">
+                    {{ scope.row.checkErrorCount }}
+                  </el-badge>
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-col>
+        </el-row>
+        <el-divider content-position="left"><h3>用例类型统计分析</h3></el-divider>
+        <el-row>
+          <el-col :span="24">
+            <h5>唯一性分析</h5>
+            <el-table
+              :data="uniqueTableData"
+              border
+              tooltip-effect="dark"
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
+              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
+              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
+              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="checkTotalCount" label="核查数" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
+            </el-table>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <h5>完整性分析</h5>
+            <el-table
+              :data="integrityTableData"
+              border
+              tooltip-effect="dark"
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
+              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
+              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
+              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="checkTotalCount" label="核查数" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
+            </el-table>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <h5>一致性分析</h5>
+            <el-table
+              :data="consistentTableData"
+              border
+              tooltip-effect="dark"
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
+              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
+              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
+              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="checkTotalCount" label="核查数" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
+            </el-table>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <h5>关联性分析</h5>
+            <el-table
+              :data="relevanceTableData"
+              border
+              tooltip-effect="dark"
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
+              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
+              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
+              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="checkTotalCount" label="核查数" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
+            </el-table>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <h5>及时性分析</h5>
+            <el-table
+              :data="timelinessTableData"
+              border
+              tooltip-effect="dark"
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
+              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
+              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
+              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="checkTotalCount" label="核查数" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
+            </el-table>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <h5>准确性分析</h5>
+            <el-table
+              :data="accuracyTableData"
+              border
+              tooltip-effect="dark"
+              :max-height="250"
+              style="width: 100%; margin: 15px 0;"
+            >
+              <el-table-column prop="ruleName" label="规则名称" align="center" />
+              <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+              <el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
+              <el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
+              <el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
+              <el-table-column prop="ruleColumnComment" label="核查字段(中文)" align="center" />
+              <el-table-column prop="checkTotalCount" label="核查数" align="center" />
+              <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
+            </el-table>
+          </el-col>
+        </el-row>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+  import { getReportBySource, getReportByType, getReportDetail } from '@/api/quality/checkreport'
+  import moment from 'moment'
+
+  export default {
+    name: 'CheckReportStructure',
+    props: {
+      data: {
+        type: Object,
+        default: function() {
+          return {}
+        }
+      }
+    },
+    data() {
+      return {
+        queryParams: {
+          checkDate: ''
+        },
+        pickerOption: {
+          disabledDate(date) {
+            return date.getTime() > Date.now()
+          }
+        },
+        date: '',
+        // 展示切换
+        showOptions: {
+          data: {},
+          showList: true,
+          showDetail: false
+        },
+        spanArr1: [],
+        position1: 0,
+        reportTableData1: [],
+        spanArr2: [],
+        position2: 0,
+        reportTableData2: [],
+        // 唯一性核查数据
+        uniqueTableData: [],
+        // 完整性核查数据
+        integrityTableData: [],
+        // 准确性核查数据
+        accuracyTableData: [],
+        // 一致性核查数据
+        consistentTableData: [],
+        // 关联性核查数据
+        relevanceTableData: [],
+        // 及时性核查数据
+        timelinessTableData: [],
+        like: true,
+        value1: 4154.564,
+        totalTables: 1314,
+        title: '增长人数'
+      }
+    },
+    created() {
+      this.queryParams.checkDate = moment(this.data.checkDate).format('YYYY-MM-DD')
+      this.handleQuery()
+    },
+    methods: {
+      showCard() {
+        this.$emit('showCard', this.showOptions)
+      },
+      handleQuery() {
+        this.spanArr1 = []
+        this.spanArr2 = []
+        this.getReportData1()
+        this.getReportData2()
+        this.getReportData3()
+        this.date = moment(this.queryParams.checkDate).format('YYYY年MM月DD日')
+      },
+      getReportData1() {
+        getReportBySource({ checkDate: this.queryParams.checkDate }).then(response => {
+          if (response.success) {
+            this.reportTableData1 = response.data
+            this.rowspan1()
+          }
+        })
+      },
+      getReportData2() {
+        getReportByType({ checkDate: this.queryParams.checkDate }).then(response => {
+          if (response.success) {
+            this.reportTableData2 = response.data
+            this.rowspan2()
+          }
+        })
+      },
+      rowspan1() {
+        this.reportTableData1.forEach((item, index) => {
+          if (index === 0) {
+            this.spanArr1.push(1)
+            this.position1 = 0
+          } else {
+            if (this.reportTableData1[index].ruleSourceId === this.reportTableData1[index - 1].ruleSourceId) {
+              this.spanArr1[this.position1] += 1
+              this.spanArr1.push(0)
+            } else {
+              this.spanArr1.push(1)
+              this.position1 = index
+            }
+          }
+        })
+      },
+      objectSpanMethod1({ row, column, rowIndex, columnIndex }) {
+        if (columnIndex === 0) {
+          const _row = this.spanArr1[rowIndex]
+          const _col = _row > 0 ? 1 : 0
+          return {
+            rowspan: _row,
+            colspan: _col
+          }
+        }
+      },
+      rowspan2() {
+        this.reportTableData2.forEach((item, index) => {
+          if (index === 0) {
+            this.spanArr2.push(1)
+            this.position2 = 0
+          } else {
+            if (this.reportTableData2[index].ruleTypeId === this.reportTableData2[index - 1].ruleTypeId) {
+              this.spanArr2[this.position2] += 1
+              this.spanArr2.push(0)
+            } else {
+              this.spanArr2.push(1)
+              this.position2 = index
+            }
+          }
+        })
+      },
+      objectSpanMethod2({ row, column, rowIndex, columnIndex }) {
+        if (columnIndex === 0) {
+          const _row = this.spanArr2[rowIndex]
+          const _col = _row > 0 ? 1 : 0
+          return {
+            rowspan: _row,
+            colspan: _col
+          }
+        }
+      },
+      colorFormat(level) {
+        if (level === '低') {
+          return '#409eff'
+        } else if (level === '中') {
+          return '#e6a23c'
+        } else {
+          return '#f56c6c'
+        }
+      },
+      cellFormat(percentage) {
+        return `${percentage}`
+      },
+      typeFormat(level) {
+        if (level === '低') {
+          return 'primary'
+        } else if (level === '中') {
+          return 'warning'
+        } else {
+          return 'danger'
+        }
+      },
+      getReportData3() {
+        getReportDetail({ checkDate: this.queryParams.checkDate }).then(response => {
+          if (response.success) {
+            this.uniqueTableData = response.data.unique
+            this.integrityTableData = response.data.integrity
+            this.accuracyTableData = response.data.accuracy
+            this.consistentTableData = response.data.consistent
+            this.relevanceTableData = response.data.relevance
+            this.timelinessTableData = response.data.timeliness
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .el-card ::v-deep .el-card__body {
+    height: calc(100vh - 230px);
+    overflow-y: auto;
+  }
+  .form-inline {
+    ::v-deep .el-form-item {
+      margin-bottom: 0px;
+    }
+  }
+  ::v-deep .el-badge__content {
+    margin-top: 10px;
+    right: 0px;
+  }
+  ::v-deep .el-table__header th {
+    background-color: #f5f5f5 !important;
+  }
+</style>
diff --git a/src/views/quality/checkreport/Data.json b/src/views/quality/checkreport/Data.json
new file mode 100644
index 0000000..9811ed7
--- /dev/null
+++ b/src/views/quality/checkreport/Data.json
@@ -0,0 +1,132 @@
+{
+  "caseType":
+    {
+      "table_key":[
+        {
+          "ruleName":"表字段标准检测分析",
+          "ruleSourceName":"数据平台",
+          "ruleTableName":"全表",
+          "checkTotalCount":"500",
+          "checkErrorCount":"28"
+        }
+      ],
+      "length_key":[
+        {
+          "ruleName":"长度标准检测分析",
+          "ruleSourceName":"数据平台",
+          "ruleTableName":"全表",
+          "checkTotalCount":"500",
+          "checkErrorCount":"28"
+        }
+      ],
+      "pk_key":[
+        {
+          "ruleName":"主键标准检测分析",
+          "ruleSourceName":"数据平台",
+          "ruleTableName":"全表",
+          "checkTotalCount":"500",
+          "checkErrorCount":"28"
+        }
+      ],
+      "null_key":[
+        {
+          "ruleName":"空值标准检测分析",
+          "ruleSourceName":"数据平台",
+          "ruleTableName":"全表",
+          "checkTotalCount":"500",
+          "checkErrorCount":"28"
+        }
+      ],
+      "fk_key":[
+        {
+          "ruleName":"外键标准检测分析",
+          "ruleSourceName":"数据平台",
+          "ruleTableName":"全表",
+          "checkTotalCount":"500",
+          "checkErrorCount":"28"
+        }
+      ],
+      "integrity":[
+        {
+          "ruleName":"完整性标准检测分析",
+          "ruleSourceName":"数据平台",
+          "ruleTableName":"全表",
+          "checkTotalCount":"500",
+          "checkErrorCount":"28"
+        }
+      ],
+      "accuracy":[
+        {
+          "ruleName":"准确性标准检测分析",
+          "ruleSourceName":"数据平台",
+          "ruleTableName":"全表",
+          "checkTotalCount":"500",
+          "checkErrorCount":"28"
+        }
+      ],
+      "consistent":[
+        {
+          "ruleName":"一致性标准检测分析",
+          "ruleSourceName":"数据平台",
+          "ruleTableName":"全表",
+          "checkTotalCount":"500",
+          "checkErrorCount":"28"
+        }
+      ],
+      "regular":[
+        {
+          "ruleName":"正则表达式标准检测分析",
+          "ruleSourceName":"数据平台",
+          "ruleTableName":"全表",
+          "checkTotalCount":"500",
+          "checkErrorCount":"28"
+        }
+      ]
+    },
+  "dataAmount":
+    {
+      "reportTableData1":[
+        {
+          "ruleSourceId":1,
+          "ruleSourceName":"数据平台",
+          "ruleLevelName": "低",
+          "checkErrorCount":9
+        },
+        {
+          "ruleSourceId":1,
+          "ruleSourceName":"数据平台",
+          "ruleLevelName": "高",
+          "checkErrorCount":56
+        },
+        {
+          "ruleSourceId":1,
+          "ruleSourceName":"数据平台",
+          "ruleLevelName": "中",
+          "checkErrorCount":78
+        }
+      ],
+      "reportTableData2":[
+        {
+          "checkErrorCount":7,
+          "ruleTypeId":"1",
+          "ruleTypeName":"数据平台",
+          "ruleLevelName":"中",
+          "ruleName": "表字段标准检测分析"
+        },
+        {
+          "checkErrorCount":20,
+          "ruleTypeId":"1",
+          "ruleTypeName":"数据平台",
+          "ruleLevelName":"高",
+          "ruleName": "长度标准检测分析"
+        },
+        {
+          "checkErrorCount":5,
+          "ruleTypeId":"1",
+          "ruleTypeName":"数据平台",
+          "ruleLevelName":"低",
+          "ruleName": "空值标准检测分析"
+        }
+      ]
+    }
+}
diff --git a/src/views/quality/checkreport/index.vue b/src/views/quality/checkreport/index.vue
index 072c1ca..caf4f67 100644
--- a/src/views/quality/checkreport/index.vue
+++ b/src/views/quality/checkreport/index.vue
@@ -26,7 +26,6 @@
     },
     methods: {
       showCard(data) {
-        console.log('ffffffffff', data)
         Object.assign(this.options, data)
       }
     }