update
This commit is contained in:
parent
26ee0e00b0
commit
d5faa38c7e
@ -152,7 +152,7 @@ export default {
|
|||||||
label: '项目名称',
|
label: '项目名称',
|
||||||
show: true, width: '90px'
|
show: true, width: '90px'
|
||||||
},
|
},
|
||||||
{ prop: 'createAt', label: '创建时间', show: false }
|
{ prop: 'projectDescription', label: '项目描述', show: true }
|
||||||
],
|
],
|
||||||
// 默认选择中表格头
|
// 默认选择中表格头
|
||||||
checkedTableColumns: [],
|
checkedTableColumns: [],
|
||||||
|
|||||||
@ -110,20 +110,17 @@
|
|||||||
<el-divider content-position="left"><h3>用例类型统计分析</h3></el-divider>
|
<el-divider content-position="left"><h3>用例类型统计分析</h3></el-divider>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<h5>唯一性分析</h5>
|
<h5>表字段标准检测分析</h5>
|
||||||
<el-table
|
<el-table
|
||||||
:data="uniqueTableData"
|
:data="table_key"
|
||||||
border
|
border
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
:max-height="250"
|
:max-height="250"
|
||||||
style="width: 100%; margin: 15px 0;"
|
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="ruleSourceName" label="数据源" align="center" />
|
||||||
<el-table-column prop="ruleTableName" 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="checkTotalCount" label="核查数" align="center" />
|
||||||
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -131,20 +128,17 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<h5>完整性分析</h5>
|
<h5>长度标准检测分析</h5>
|
||||||
<el-table
|
<el-table
|
||||||
:data="integrityTableData"
|
:data="length_key"
|
||||||
border
|
border
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
:max-height="250"
|
:max-height="250"
|
||||||
style="width: 100%; margin: 15px 0;"
|
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="ruleSourceName" label="数据源" align="center" />
|
||||||
<el-table-column prop="ruleTableName" 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="checkTotalCount" label="核查数" align="center" />
|
||||||
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -152,20 +146,17 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<h5>一致性分析</h5>
|
<h5>空值标准检测分析</h5>
|
||||||
<el-table
|
<el-table
|
||||||
:data="consistentTableData"
|
:data="null_key"
|
||||||
border
|
border
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
:max-height="250"
|
:max-height="250"
|
||||||
style="width: 100%; margin: 15px 0;"
|
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="ruleSourceName" label="数据源" align="center" />
|
||||||
<el-table-column prop="ruleTableName" 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="checkTotalCount" label="核查数" align="center" />
|
||||||
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -173,20 +164,17 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<h5>关联性分析</h5>
|
<h5>主键标准检测分析</h5>
|
||||||
<el-table
|
<el-table
|
||||||
:data="relevanceTableData"
|
:data="pk_key"
|
||||||
border
|
border
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
:max-height="250"
|
:max-height="250"
|
||||||
style="width: 100%; margin: 15px 0;"
|
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="ruleSourceName" label="数据源" align="center" />
|
||||||
<el-table-column prop="ruleTableName" 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="checkTotalCount" label="核查数" align="center" />
|
||||||
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -194,20 +182,17 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<h5>及时性分析</h5>
|
<h5>外键标准检测分析</h5>
|
||||||
<el-table
|
<el-table
|
||||||
:data="timelinessTableData"
|
:data="fk_key"
|
||||||
border
|
border
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
:max-height="250"
|
:max-height="250"
|
||||||
style="width: 100%; margin: 15px 0;"
|
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="ruleSourceName" label="数据源" align="center" />
|
||||||
<el-table-column prop="ruleTableName" 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="checkTotalCount" label="核查数" align="center" />
|
||||||
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -215,20 +200,71 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<h5>准确性分析</h5>
|
<h5>完整性标准检测分析</h5>
|
||||||
<el-table
|
<el-table
|
||||||
:data="accuracyTableData"
|
:data="integrity"
|
||||||
border
|
border
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
:max-height="250"
|
:max-height="250"
|
||||||
style="width: 100%; margin: 15px 0;"
|
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="ruleSourceName" label="数据源" align="center" />
|
||||||
<el-table-column prop="ruleTableName" label="数据表(英文)" align="center" />
|
<el-table-column prop="ruleTableName" label="数据表" align="center" />
|
||||||
<el-table-column prop="ruleTableComment" label="数据表(中文)" align="center" />
|
<el-table-column prop="checkTotalCount" label="核查数" align="center" />
|
||||||
<el-table-column prop="ruleColumnName" label="核查字段(英文)" align="center" />
|
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
||||||
<el-table-column prop="ruleColumnComment" 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="checkTotalCount" label="核查数" align="center" />
|
||||||
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
<el-table-column prop="checkErrorCount" label="不合规数" align="center" />
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -242,7 +278,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import { getReportBySource, getReportByType, getReportDetail } from '@/api/quality/checkreport'
|
import { getReportBySource, getReportByType, getReportDetail } from '@/api/quality/checkreport'
|
||||||
import moment from 'moment'
|
import moment from 'moment'
|
||||||
|
import dataJson from './Data.json'
|
||||||
export default {
|
export default {
|
||||||
name: 'CheckReportStructure',
|
name: 'CheckReportStructure',
|
||||||
props: {
|
props: {
|
||||||
@ -288,6 +324,26 @@
|
|||||||
relevanceTableData: [],
|
relevanceTableData: [],
|
||||||
// 及时性核查数据
|
// 及时性核查数据
|
||||||
timelinessTableData: [],
|
timelinessTableData: [],
|
||||||
|
|
||||||
|
// 表字段标准检测
|
||||||
|
table_key: [],
|
||||||
|
// 长度标准检测
|
||||||
|
length_key: [],
|
||||||
|
// 空值标准检测
|
||||||
|
null_key: [],
|
||||||
|
// 主键标准检测
|
||||||
|
pk_key: [],
|
||||||
|
// 外键标准检测
|
||||||
|
fk_key: [],
|
||||||
|
// 完整性标准检测
|
||||||
|
integrity: [],
|
||||||
|
// 准确性标准检测
|
||||||
|
accuracy: [],
|
||||||
|
// 一致性标准检测
|
||||||
|
consistent: [],
|
||||||
|
// 正则表达式标准检测
|
||||||
|
regular: [],
|
||||||
|
|
||||||
like: true,
|
like: true,
|
||||||
value1: 4154.564,
|
value1: 4154.564,
|
||||||
totalTables: 1314,
|
totalTables: 1314,
|
||||||
@ -298,6 +354,34 @@
|
|||||||
this.queryParams.checkDate = moment(this.data.checkDate).format('YYYY-MM-DD')
|
this.queryParams.checkDate = moment(this.data.checkDate).format('YYYY-MM-DD')
|
||||||
this.handleQuery()
|
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: {
|
methods: {
|
||||||
showCard() {
|
showCard() {
|
||||||
this.$emit('showCard', this.showOptions)
|
this.$emit('showCard', this.showOptions)
|
||||||
@ -305,27 +389,29 @@
|
|||||||
handleQuery() {
|
handleQuery() {
|
||||||
this.spanArr1 = []
|
this.spanArr1 = []
|
||||||
this.spanArr2 = []
|
this.spanArr2 = []
|
||||||
this.getReportData1()
|
// this.getReportData1()
|
||||||
this.getReportData2()
|
this.getReportData2()
|
||||||
this.getReportData3()
|
this.getReportData3()
|
||||||
this.date = moment(this.queryParams.checkDate).format('YYYY年MM月DD日')
|
this.date = moment(this.queryParams.checkDate).format('YYYY年MM月DD日')
|
||||||
},
|
},
|
||||||
getReportData1() {
|
// getReportData1() {
|
||||||
getReportBySource({ checkDate: this.queryParams.checkDate }).then(response => {
|
// getReportBySource({ checkDate: this.queryParams.checkDate }).then(response => {
|
||||||
if (response.success) {
|
// if (response.success) {
|
||||||
this.reportTableData1 = response.data
|
// this.reportTableData1 = response.data
|
||||||
this.rowspan1()
|
// console.log('reportTableData1==', this.reportTableData1)
|
||||||
}
|
// this.rowspan1()
|
||||||
})
|
// }
|
||||||
},
|
// })
|
||||||
getReportData2() {
|
// },
|
||||||
getReportByType({ checkDate: this.queryParams.checkDate }).then(response => {
|
// getReportData2() {
|
||||||
if (response.success) {
|
// getReportByType({ checkDate: this.queryParams.checkDate }).then(response => {
|
||||||
this.reportTableData2 = response.data
|
// if (response.success) {
|
||||||
this.rowspan2()
|
// this.reportTableData2 = response.data
|
||||||
}
|
// console.log('this.reportTableData2===', this.reportTableData2)
|
||||||
})
|
// this.rowspan2()
|
||||||
},
|
// }
|
||||||
|
// })
|
||||||
|
// },
|
||||||
rowspan1() {
|
rowspan1() {
|
||||||
this.reportTableData1.forEach((item, index) => {
|
this.reportTableData1.forEach((item, index) => {
|
||||||
if (index === 0) {
|
if (index === 0) {
|
||||||
|
|||||||
435
src/views/quality/checkreport/CheckReportStructure_bak.vue
Normal file
435
src/views/quality/checkreport/CheckReportStructure_bak.vue
Normal file
@ -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>
|
||||||
132
src/views/quality/checkreport/Data.json
Normal file
132
src/views/quality/checkreport/Data.json
Normal file
@ -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": "空值标准检测分析"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -26,7 +26,6 @@
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
showCard(data) {
|
showCard(data) {
|
||||||
console.log('ffffffffff', data)
|
|
||||||
Object.assign(this.options, data)
|
Object.assign(this.options, data)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user