|
|
@ -1,16 +1,17 @@ |
|
|
|
<template> |
|
|
|
<!--四性检测-档案详情内--> |
|
|
|
<div class="fourTest-container"> |
|
|
|
<el-table :data="tableData" style="min-width: 100%" height="calc(100vh - 440px)"> |
|
|
|
<el-table-column prop="admin" label="检测人" min-width="60" /> |
|
|
|
<el-table-column prop="createTime" label="检测时间" min-width="180"> |
|
|
|
<div class="double-click-btn"><i class="iconfont icon-zhuyi-lan" /><span>双击列表数据查看报告详情</span></div> |
|
|
|
<el-table :data="tableData" style="min-width: 100%" height="calc(100vh - 440px)" @cell-dblclick="tableDoubleClick"> |
|
|
|
<el-table-column prop="create_by" label="检测人" min-width="80" /> |
|
|
|
<el-table-column prop="create_time" label="检测时间" min-width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div>{{ scope.row.createTime | parseTime }}</div> |
|
|
|
<div>{{ scope.row.create_time | parseTime }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="truth" label="真实性" align="center"> |
|
|
|
<el-table-column prop="authenticity" label="真实性" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.truth===1" class="four-icon iconfont icon-zhengque" /> |
|
|
|
<span v-if="scope.row.authenticity===1" class="four-icon iconfont icon-zhengque" /> |
|
|
|
<span v-else class="four-icon iconfont icon-cuowu" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
@ -20,9 +21,9 @@ |
|
|
|
<span v-else class="four-icon iconfont icon-cuowu" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="availability" label="可用性" align="center"> |
|
|
|
<el-table-column prop="usability" label="可用性" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.availability===1" class="four-icon iconfont icon-zhengque" /> |
|
|
|
<span v-if="scope.row.usability===1" class="four-icon iconfont icon-zhengque" /> |
|
|
|
<span v-else class="four-icon iconfont icon-cuowu" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
@ -32,14 +33,15 @@ |
|
|
|
<span v-else class="four-icon iconfont icon-cuowu" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="createDate" label="检测结果" min-width="220"> |
|
|
|
<el-table-column label="检测结果" min-width="250"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div>共检测{{ scope.row.totalNum }}项,<span class="testSuccess">通过{{ scope.row.successNum }}条</span>,<span class="testError">未通过{{ scope.row.errorNum }}条</span></div> |
|
|
|
<div>共检测{{ scope.row.checkNum }}项,<span class="testSuccess">通过{{ scope.row.passNum }}条</span>,<span class="testError">未通过{{ scope.row.failNum }}条</span></div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<!--分页组件--> |
|
|
|
<el-pagination |
|
|
|
v-if="tableData.length !== 0" |
|
|
|
:current-page="page.page" |
|
|
|
:total="page.total" |
|
|
|
:page-size="page.size" |
|
|
@ -52,45 +54,17 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
const data = [ |
|
|
|
{ |
|
|
|
'id': '005E76FEC5A2AAB368CA1F', |
|
|
|
'admin': 'admin', |
|
|
|
'archive_no': 'YXK-2022-JJ-001 ', |
|
|
|
'maintitle': '文书档案001', |
|
|
|
'createTime': 1660706815000, |
|
|
|
'truth': 0, |
|
|
|
'integrity': 1, |
|
|
|
'availability': 0, |
|
|
|
'safety': 0, |
|
|
|
'totalNum': 5, |
|
|
|
'successNum': 1, |
|
|
|
'errorNum': 0 |
|
|
|
}, |
|
|
|
{ |
|
|
|
'id': '005E76FEC5A2AAB368CA1F2', |
|
|
|
'admin': 'admin', |
|
|
|
'archive_no': 'YXK-2022-JJ-002 ', |
|
|
|
'maintitle': '文书档案001', |
|
|
|
'createTime': 1660706815000, |
|
|
|
'truth': 0, |
|
|
|
'integrity': 1, |
|
|
|
'availability': 1, |
|
|
|
'safety': 0, |
|
|
|
'totalNum': 5, |
|
|
|
'successNum': 1, |
|
|
|
'errorNum': 0 |
|
|
|
} |
|
|
|
] |
|
|
|
import { FetchFourCheckRecord } from '@/api/collect/collect' |
|
|
|
export default { |
|
|
|
name: 'FourTestInfo', |
|
|
|
components: { }, |
|
|
|
mixins: [], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
tableData: [{}, {}], |
|
|
|
currentArcId: null, |
|
|
|
tableData: [], |
|
|
|
page: { |
|
|
|
page: 1, |
|
|
|
page: 0, |
|
|
|
size: 10, |
|
|
|
total: 0 |
|
|
|
} |
|
|
@ -100,15 +74,40 @@ export default { |
|
|
|
|
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.tableData = data |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getFourCheckRecord(arcId) { |
|
|
|
const params = { |
|
|
|
'archivesId': arcId, |
|
|
|
'page': this.page.page, |
|
|
|
'size': this.page.size |
|
|
|
} |
|
|
|
FetchFourCheckRecord(params).then(data => { |
|
|
|
if (data.content && data.content.length !== 0) { |
|
|
|
this.tableData = data.content |
|
|
|
this.page.total = data.totalElements |
|
|
|
} else { |
|
|
|
this.tableData = [] |
|
|
|
this.page.total = 0 |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleSizeChange(size) { |
|
|
|
this.page.size = size |
|
|
|
this.page.page = 1 |
|
|
|
this.page.page = 0 |
|
|
|
this.getFourCheckRecord(this.currentArcId) |
|
|
|
}, |
|
|
|
handleCurrentPage(val) { |
|
|
|
this.page.page = val |
|
|
|
this.getFourCheckRecord(this.currentArcId) |
|
|
|
}, |
|
|
|
tableDoubleClick(row) { |
|
|
|
const routeData = this.$router.resolve({ |
|
|
|
path: '/fourTestReport', |
|
|
|
query: {} |
|
|
|
}) |
|
|
|
localStorage.setItem('fourTestStorage', JSON.stringify(row)) |
|
|
|
window.open(routeData.href, '_blank') |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -116,4 +115,11 @@ export default { |
|
|
|
|
|
|
|
<style lang='scss' scoped> |
|
|
|
@import "~@/assets/styles/collect-reorganizi.scss"; |
|
|
|
.double-click-btn{ |
|
|
|
position: static; |
|
|
|
right: 0; |
|
|
|
top: 0; |
|
|
|
justify-content: flex-end; |
|
|
|
margin: -6px 0 4px 0; |
|
|
|
} |
|
|
|
</style> |