diff --git a/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemLookModal.vue b/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemLookModal.vue
index 8dbf28f..82f8aa7 100644
--- a/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemLookModal.vue
+++ b/src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/modules/NonmatchItemLookModal.vue
@@ -2,78 +2,80 @@
   <j-modal
     :title="title"
     :maskClosable="true"
-    :width="1200"
+    :width="800"
     :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">
-          <div>{{ model.unsatisfiedRequire }}</div>
-        </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">
-          <div>{{ model.correctionSolution }}</div>
-        </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">
-          <div>{{ model.correctionPeriod_dictText }}</div>
-        </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">
-          <div>{{ model.correctionCost }}</div>
-        </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">
-          <div>{{ model.commonality }}</div>
-        </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">
-          <div>{{ model.commonalityCost }}</div>
-        </a-col>
-      </a-row>
-    </div>
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+        <!--   不满足要求的现状  -->
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.theStatusNotMeetRequirements')">
+          <a-input :max-length="50"
+                   disabled
+                   :placeholder="$t('pleaseEnter')+$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.theStatusNotMeetRequirements')"
+                   v-decorator.trim="[ 'unsatisfiedRequire']"/>
+        </a-form-item>
+        <!--   整改方案  -->
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationPlan')">
+          <a-input :max-length="50"
+                   disabled
+                   :placeholder="$t('pleaseEnter')+$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationPlan')"
+                   v-decorator.trim="[ 'correctionSolution']"/>
+        </a-form-item>
+        <!--   整改周期  -->
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCycle')">
+          <j-dict-select-tag disabled
+                             dict-code="correction_period"
+                             :placeholder="$t('pleaseSelect')+$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCycle')"
+                             v-decorator.trim="[ 'correctionPeriod']"/>
+        </a-form-item>
+        <!--   整改费用  -->
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCost')">
+          <a-input :max-length="50"
+                   disabled
+                   :placeholder="$t('pleaseEnter')+$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.rectificationCost')"
+                   v-decorator.trim="[ 'correctionCost']"/>
+        </a-form-item>
+        <!--   与其他项目共用性  -->
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.sharedWithOtherProjects')">
+          <a-input :max-length="50"
+                   disabled
+                   :placeholder="$t('pleaseEnter')+$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.sharedWithOtherProjects')"
+                   v-decorator.trim="[ 'commonality']"/>
+        </a-form-item>
+        <!--   共用后本项目所需费用  -->
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.costOfThisItemAfterSharing')">
+          <a-input :max-length="50"
+                   disabled
+                   :placeholder="$t('pleaseEnter')+$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.costOfThisItemAfterSharing')"
+                   v-decorator.trim="[ 'commonalityCost']"/>
+        </a-form-item>
+      </a-form>
+    </a-spin>
 
   </j-modal>
 </template>
 
 <script>
+import pick from 'lodash.pick'
+
 export default {
   name: 'NonmatchItemLookModal',
   data () {
     return {
+      confirmLoading: false,
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      form: this.$form.createForm(this),
       title: this.$t('view'),
       visible: false,
       model: {}
@@ -82,7 +84,12 @@ export default {
   methods: {
     open (record) {
       this.visible = true
+      this.form.resetFields()
       this.model = Object.assign({}, record)
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model, 'unsatisfiedRequire', 'correctionSolution', 'correctionPeriod',
+          'correctionCost', 'commonality', 'commonalityCost'))
+      })
     },
     handleCancel () {
       this.visible = false