修改禅道已知bug

2022-08-18 11:51:46 +08:00
parent 0e5f9e3016
commit 66f90ea883
3 changed files with 589 additions and 13 deletions
@@ -76,10 +76,10 @@
      </a-form>
    </div>
    <div class="table-operator">
-      <div class="operator-text" @click="batSettingClick">
-        <a-icon type="setting"/>
-        {{ $t('batSetting') }}
-      </div>
+<!--      <div class="operator-text" @click="batSettingClick">-->
+<!--        <a-icon type="setting"/>-->
+<!--        {{ $t('batSetting') }}-->
+<!--      </div>-->
      <div @click="CertificationDirectory" class="operator-text">
        <a-icon type="bulb"/>
        {{$t('CertificationDirectory')}}
@@ -95,12 +95,10 @@
      <a-table
        ref="table"
        bordered
-        rowKey="id"
        class="taskTable"
        :loading="loading"
        :pagination="false"
        :scroll="{x: true}"
-        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
        :data-source="dataSource"
        :columns="columns"
      >
@@ -225,6 +225,10 @@
                 @click="resultReportedClick(record)">
                {{$t('resultReported')}}
              </a>
+               <a class="text-operation"
+                  @click="viewClick(record)">
+                {{$t('view')}}
+              </a>
        </span>
        <span slot="titleName" slot-scope="text,record" :title="text">
              <span class="textName">
@@ -238,7 +242,8 @@
              </a>
        </span>
        <span slot="designDeliverableTemplateName" slot-scope="text,record">
-          <span>{{ record.designDeliverableTypeName }}</span><br v-if="record.designDeliverableTypeName">
+          <span :title="record.designDeliverableTypeName">{{ record.designDeliverableTypeName }}</span><br
+          v-if="record.designDeliverableTypeName">
           <a v-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length == 1"
              :title="record.designDeliverableTemplateName"
              @click="pdfPreviewClick(record.designDeliverableTemplateName,record.designDeliverableTemplate)">
@@ -250,7 +255,8 @@
        </span>

        <span slot="prehomoDeliverableTemplateName" slot-scope="text,record">
-           <span>{{ record.prehomoDeliverableTypeName }}</span><br v-if="record.prehomoDeliverableTypeName">
+           <span :title="record.prehomoDeliverableTypeName">{{ record.prehomoDeliverableTypeName }}</span><br
+          v-if="record.prehomoDeliverableTypeName">
           <a v-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length == 1"
              :title="record.prehomoDeliverableTemplateName"
              @click="pdfPreviewClick(record.prehomoDeliverableTemplateName,record.prehomoDeliverableTemplate)">
@@ -262,7 +268,8 @@
        </span>

        <span slot="verifyDeliverableTemplateName" slot-scope="text,record">
-          <span>{{ record.verifyDeliverableTypeName }}</span><br v-if="record.verifyDeliverableTypeName">
+          <span :title="record.verifyDeliverableTypeName">{{ record.verifyDeliverableTypeName }}</span><br
+          v-if="record.verifyDeliverableTypeName">
           <a v-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length == 1"
              :title="record.verifyDeliverableTemplateName"
              @click="pdfPreviewClick(record.verifyDeliverableTemplateName,record.verifyDeliverableTemplate)">
@@ -424,6 +431,7 @@
    </a-modal>
    <JLoading :loading="JLoading">{{$t('dataLoading')}}</JLoading>
    <resultReportedUpload @resultReportedUploadForm="addModelList" ref="resultReportedUploadRef"/>
+    <listOfRegulationsView ref="listOfRegulationsViewRef"/>
  </a-card>
 </template>

@@ -435,6 +443,7 @@
  import transferList from './transferList'
  import fixedPlate from './fixedPlateForm'
  import resultReportedUpload from './resultReportedUpload'
+  import listOfRegulationsView from './listOfRegulationsView'
  import globalAdvancedQuery from '@/components/globalAdvancedQuery/index'
  import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
  import moment from 'moment'
@@ -452,7 +461,8 @@
      transferList,
      globalAdvancedQuery,
      fixedPlate,
-      resultReportedUpload
+      resultReportedUpload,
+      listOfRegulationsView
    },
    data() {
      return {
@@ -726,7 +736,7 @@
            title: this.$t('operation'),
            align: 'center',
            fixed: 'right',
-            width: 210,
+            width: 240,
            scopedSlots: { customRender: 'operation' }
          }
        ],
@@ -1008,6 +1018,19 @@
    },
    methods: {
      ...mapGetters(['userInfo']),
+      viewClick(row) {
+        let roleCodeIndex
+        if (this.isDisplay) {
+          roleCodeIndex = 0
+        } else {
+          roleCodeIndex = 4
+        }
+        if (this.formInlineRoleSwitching.roleSwitchingCode == '11' || this.formInlineRoleSwitching.roleSwitchingCode == '12') {
+          roleCodeIndex = 0
+        }
+        row.roleCodeIndex = roleCodeIndex
+        this.$refs.listOfRegulationsViewRef.editModel(JSON.parse(JSON.stringify(row)))
+      },
      handleModule() {
        downloadFile(this.url.exportTemplate, this.$t('listOfRegulations') + this.$t('importTemplate') + '.xls', {})
      },
@@ -1191,7 +1214,7 @@
            for (let j = 0; j < selectedRowKeys.length; j++) {
              if (this.dataSource[i].id == selectedRowKeys[j]) {
                if (this.dataSource[i].taskAffirmStatus == 'Accepted' ||
-                  (this.dataSource[i].inventoryAffirmStatus == 'Accepted' && this.dataSource[i].taskAffirmStatus == 'Accepted')||
+                  (this.dataSource[i].inventoryAffirmStatus == 'Accepted' && this.dataSource[i].taskAffirmStatus == 'Accepted') ||
                  (this.dataSource[i].inventoryAffirmStatus == 'Accepted' && this.dataSource[i].taskAffirmStatus == 'Not started')) {
                  isTrue = true
                } else {
@@ -1398,7 +1421,7 @@
          }
        })
        if (queryParam.dutyTerritory) {
-          queryParam.dutyTerritory = '*'+queryParam.dutyTerritory+'*'
+          queryParam.dutyTerritory = '*' + queryParam.dutyTerritory + '*'
        }
        let query = {
          ...this.queryParamQuery,
@@ -0,0 +1,555 @@
+<template>
+  <div>
+    <a-drawer
+      :title="$t('view')"
+      :maskClosable="false"
+      :width="900"
+      placement="right"
+      :closable="true"
+      @close="handleCancel"
+      :visible="visible"
+      style="height: 100%;overflow: auto;padding-bottom: 53px;">
+      <a-spin :spinning="confirmLoading">
+        <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('standard')">{{$t('standard')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.serialNumber ? formInline.serialNumber : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('title')">{{$t('title')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.title ? formInline.title : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('subtitle')">{{$t('subtitle')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.subtitle? formInline.subtitle : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('applicableSupplement')">{{$t('applicableSupplement')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.applicableSupplement ? formInline.applicableSupplement : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('certificationType')">{{$t('certificationType')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.attestationType_dictText ? formInline.attestationType_dictText : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('certificationLevel')">{{$t('certificationLevel')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.attestationRank_dictText ? formInline.attestationRank_dictText : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.dutyTerritory_dictText ? formInline.dutyTerritory_dictText : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12" v-if="formInline.roleCodeIndex == 0">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('regulatoryEngineer')">{{$t('regulatoryEngineer')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.regulationOwnerName ? formInline.regulationOwnerName : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.homologationEngineerName ? formInline.homologationEngineerName : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('engineeringInterfacePerson')">{{$t('engineeringInterfacePerson')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.engineeringInterfacePersonName ? formInline.engineeringInterfacePersonName : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <div class="header-text" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.designInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.designInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            &nbsp;{{$t('confirmationOfDesignConformity')}}
+          </div>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.designInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.designInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('Sponsor')">{{$t('Sponsor')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.designInitiatorName ? formInline.designInitiatorName : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('personLiable')">{{$t('personLiable')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.designDutyName ? formInline.designDutyName : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.designInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.designInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('cutoffTime')">{{$t('cutoffTime')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.designDueDate ? formInline.designDueDate : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.designInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.designInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.designDeliverableTypeName ? formInline.designDeliverableTypeName : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
+                </div>
+                <div class="itemModel">
+                <span v-if="formInline.designDeliverableTemplate === 'null' || formInline.designDeliverableTemplate === '' ||
+                  formInline.designDeliverableTemplate == null">
+                 --
+                </span>
+                  <a @click="clickButtonToUpload(formInline.designDeliverableTemplate)" v-else>
+                    {{ $t('viewFile') }}
+                  </a>
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.designInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.designInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>
+                </div>
+                <div class="itemModel" :prop="'designRemark'">
+                  {{formInline.designRemark ? formInline.designRemark : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <div class="header-text" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.prehomoInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.prehomoInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            &nbsp;{{$t('PrehomoConfirmation')}}
+          </div>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.prehomoInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.prehomoInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('Sponsor')">{{$t('Sponsor')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.prehomoInitiatorName ? formInline.prehomoInitiatorName : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('personLiable')">{{$t('personLiable')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.prehomoDutyName ? formInline.prehomoDutyName : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.prehomoInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.prehomoInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('cutoffTime')">{{$t('cutoffTime')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.prehomoDueDate ? formInline.prehomoDueDate : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.prehomoInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.prehomoInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.prehomoDeliverableTypeName ? formInline.prehomoDeliverableTypeName : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
+                </div>
+                <div class="itemModel">
+                <span v-if="formInline.prehomoDeliverableTemplate === 'null' || formInline.prehomoDeliverableTemplate === '' ||
+                  formInline.prehomoDeliverableTemplate == null">
+                  --
+                </span>
+                  <a @click="clickButtonToUpload(formInline.prehomoDeliverableTemplate)" v-else>
+                    {{ $t('viewFile') }}
+                  </a>
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.prehomoInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.prehomoInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.prehomoRemark ? formInline.prehomoRemark : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <div class="header-text" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.verifyInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.verifyInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            &nbsp;{{$t('verificationAndConformityconfirmation')}}
+          </div>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.verifyInitiatorId == formInline.homologationEngineerId &&
+        formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.verifyInitiatorId == formInline.regulationOwnerId &&
+         formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('Sponsor')">{{$t('Sponsor')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.verifyInitiatorName ? formInline.verifyInitiatorName : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('personLiable')">{{$t('personLiable')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.verifyDutyName ? formInline.verifyDutyName : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.verifyInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.verifyInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('cutoffTime')">{{$t('cutoffTime')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.verifyDueDate ? formInline.verifyDueDate : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.verifyInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.verifyInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.verifyDeliverableTypeName ? formInline.verifyDeliverableTypeName : '--'}}
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
+                </div>
+                <div class="itemModel">
+                <span v-if="formInline.verifyDeliverableTemplate === 'null' || formInline.verifyDeliverableTemplate === '' ||
+                  formInline.verifyDeliverableTemplate == null">
+                  --
+                </span>
+                  <a @click="clickButtonToUpload(formInline.verifyDeliverableTemplate)" v-else>
+                    {{ $t('viewFile') }}</a>
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" v-if="formInline.roleCodeIndex == 0 ||
+        (formInline.roleCodeIndex == 4 && formInline.verifyInitiatorId == formInline.homologationEngineerId &&
+         formInline.homologationEngineerId == userInfoQuery.id) ||
+        (formInline.roleCodeIndex == 4 && formInline.verifyInitiatorId == formInline.regulationOwnerId &&
+        formInline.regulationOwnerId == userInfoQuery.id)">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>
+                </div>
+                <div class="itemModel">
+                  {{formInline.verifyRemark ? formInline.verifyRemark : '--'}}
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+        </a-form-model>
+      </a-spin>
+      <div class="drawer-bootom-button">
+        <a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button>
+      </div>
+    </a-drawer>
+    <viewFileModel ref="viewFileModelRef"/>
+  </div>
+
+</template>
+
+<script>
+  import viewFileModel from '@/components/viewFileModel/index'
+
+  import { mapGetters } from 'vuex'
+
+  export default {
+    name: 'listOfRegulationsView',
+    components: {
+      viewFileModel
+    },
+    props: ['url'],
+    data() {
+      return {
+        visible: false,
+        confirmLoading: false,
+        rules: {},
+        rulesData: {},
+        formInline: {},
+        disabled: false,
+        userInfoQuery: {}
+      }
+    },
+    mounted() {
+      this.userInfoQuery = this.userInfo()
+    },
+    methods: {
+      ...mapGetters(['userInfo']),
+      editModel(item) {
+        this.visible = true
+        this.formInline = item
+        this.formInline = { ...this.formInline }
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      clickButtonToUpload(item) {
+        this.$refs.viewFileModelRef.clickButtonToUpload(item)
+      }
+    }
+  }
+</script>
+<style scoped>
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    margin-bottom: 20px;
+    /*align-items: center;*/
+  }
+
+  .title-text {
+    width: 114px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    line-height: 24px;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    font-size: 16px;
+    word-break: break-word;
+    color: #040B29;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+  .header-text {
+    font-size: 16px;
+    font-weight: bold;
+    margin-left: 15px;
+    /*border-bottom: 1px #d9d9d9 dashed;*/
+    height: 30px;
+    margin-bottom: 30px;
+  }
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+  .button-text {
+    height: 38px;
+    width: calc(100% - 100px);
+    line-height: 38px;
+    background: #fff;
+    border: 1px #00B3BE solid;
+    color: #00B3BE;
+  }
+
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    z-index: 100;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>