97 lines
2.8 KiB
Vue
97 lines
2.8 KiB
Vue
<template>
|
|
<j-modal
|
|
:title="title"
|
|
:maskClosable="true"
|
|
:width="1200"
|
|
:closable="true"
|
|
switchFullscreen
|
|
:footer="false"
|
|
@cancel="handleCancel"
|
|
:visible="visible">
|
|
|
|
<div class="table-page-search-wrapper">
|
|
<a-row :gutter="24">
|
|
<!-- 不满足要求的现状 -->
|
|
<a-col :sm="5" :offset="1">
|
|
<label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.theStatusNotMeetRequirements') }}</label>
|
|
</a-col>
|
|
<a-col :sm="16">
|
|
<value name="unsatisfiedRequire">{{ model.unsatisfiedRequire }}</value>
|
|
</a-col>
|
|
</a-row>
|
|
<a-row :gutter="24">
|
|
<!-- 整改方案 -->
|
|
<a-col :sm="5" :offset="1">
|
|
<label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationPlan') }}</label>
|
|
</a-col>
|
|
<a-col :sm="16">
|
|
<value name="correctionSolution">{{ model.correctionSolution }}</value>
|
|
</a-col>
|
|
</a-row>
|
|
<a-row :gutter="24">
|
|
<!-- 整改周期 -->
|
|
<a-col :sm="5" :offset="1">
|
|
<label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCycle') }}</label>
|
|
</a-col>
|
|
<a-col :sm="16">
|
|
<value name="correctionPeriod">{{ model.correctionPeriod }}</value>
|
|
</a-col>
|
|
</a-row>
|
|
<a-row :gutter="24">
|
|
<!-- 整改费用 -->
|
|
<a-col :sm="5" :offset="1">
|
|
<label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCost') }}</label>
|
|
</a-col>
|
|
<a-col :sm="16">
|
|
<value name="correctionCost">{{ model.correctionCost }}</value>
|
|
</a-col>
|
|
</a-row>
|
|
<a-row :gutter="24">
|
|
<!-- 与其他项目共用性 -->
|
|
<a-col :sm="5" :offset="1">
|
|
<label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.sharedWithOtherProjects') }}</label>
|
|
</a-col>
|
|
<a-col :sm="16">
|
|
<value name="commonality">{{ model.commonality }}</value>
|
|
</a-col>
|
|
</a-row>
|
|
<a-row :gutter="24">
|
|
<!-- 共用后本项目所需费用 -->
|
|
<a-col :sm="5" :offset="1">
|
|
<label>{{ $t('regulatoryComplianceAssessmentDatabase.nonmatchItem.costOfThisItemAfterSharing') }}</label>
|
|
</a-col>
|
|
<a-col :sm="16">
|
|
<value name="commonalityCost">{{ model.commonalityCost }}</value>
|
|
</a-col>
|
|
</a-row>
|
|
</div>
|
|
|
|
</j-modal>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'NonmatchItemLookModal',
|
|
data () {
|
|
return {
|
|
title: this.$t('view'),
|
|
visible: false,
|
|
model: {}
|
|
}
|
|
},
|
|
methods: {
|
|
open (record) {
|
|
this.visible = true
|
|
this.model = Object.assign({}, record)
|
|
},
|
|
handleCancel () {
|
|
this.visible = false
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|