diff --git a/jero-web/src/views/virtualAuthenticationList/components/editModel.vue b/jero-web/src/views/virtualAuthenticationList/components/editModel.vue
index fb2cdaa5a..40573f3b0 100644
--- a/jero-web/src/views/virtualAuthenticationList/components/editModel.vue
+++ b/jero-web/src/views/virtualAuthenticationList/components/editModel.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <a-drawer
-      :title="$t('edit')"
+      :title="title"
       :maskClosable="false"
       :width="900"
       placement="right"
@@ -20,6 +20,7 @@
                 </div>
                 <a-form-model-item class="itemModel" prop="serialNumber">
                   <a-input @click.native="serialNumberClick"
+                           :disabled="disabled"
                            class="box-input"
                            :placeholder="$t('PleaseSelect')+$t('regulationNo')"
                            v-model="formInline.serialNumber"></a-input>
@@ -99,7 +100,9 @@
                 <a-form-model-item class="itemModel" prop="configItem">
                   <a-input class="box-input"
                            v-model="formInline.configItem"
-                           :placeholder="$t('PleaseEnter')+$t('configurationItem')"/>
+                           :placeholder="$t('PleaseEnter')+$t('configurationItem')"
+                           :disabled="disabled"
+                  />
                 </a-form-model-item>
               </div>
             </a-col>
@@ -112,7 +115,7 @@
                 <a-form-model-item class="itemModel"
                                    prop="deliverableType"
                                    :rules="[{ required: true, message: $t('typeOfDeliverables') + $t('cannotEmpty'), trigger: 'change'},]"
-                >
+                                   >
                   <a-tree-select
                     tree-node-filter-prop="title"
                     v-model="formInline.deliverableType"
@@ -122,6 +125,7 @@
                     style="width: 100%"
                     :tree-data="DeliverableTreeList"
                     :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"
+                    :disabled="disabled"
                   />
                 </a-form-model-item>
               </div>
@@ -136,7 +140,8 @@
                 </div>
                 <a-form-model-item class="itemModel" prop="deliverableTemplate">
                   <a-button type="primary" class="button-text"
-                            @click="clickButtonToUpload('deliverableTemplate')">
+                            @click="clickButtonToUpload('deliverableTemplate')"
+                  >
                     {{ (formInline.deliverableTemplate === 'null' || formInline.deliverableTemplate === ''
                     ||
                     formInline.deliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')
@@ -148,13 +153,13 @@
           </a-row>
         </a-form-model>
       </a-spin>
-      <div class="drawer-bootom-button">
+      <div class="drawer-bootom-button" v-if="button">
         <a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button>
         <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
       </div>
     </a-drawer>
     <codeNumber ref="codeNumber" @regulation="regulation" />
-    <uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/>
+    <uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess" :disabled="disabled"/>
   </div>
 </template>
 
@@ -172,7 +177,9 @@ export default {
   },
   data() {
     return {
+      title: '',
       visible: false,
+      button: true,
       confirmLoading: false,
       formInline: {},
       disabled: false,
@@ -245,8 +252,9 @@ export default {
     serialNumberClick(){
       this.$refs.codeNumber.add()
     },
-    editModel(item) {
+    editModel(item,data) {
       this.visible = true
+      this.title = this.$t('edit')
       this.$nextTick(() => {
       this.formInline = item || {}
         if (this.formInline.deliverableType) {
@@ -254,6 +262,11 @@ export default {
         }
       this.$refs.ruleForm.clearValidate()
       })
+      if(data=1) {
+        this.title = this.$t('view')
+        this.disabled = true,
+        this.button = false
+      }
     },
     handleSubmit() {
       this.$refs.ruleForm.validate(valid => {
diff --git a/jero-web/src/views/virtualAuthenticationList/virtualAuthenticationListDesign/certificationListMaintenance.vue b/jero-web/src/views/virtualAuthenticationList/virtualAuthenticationListDesign/certificationListMaintenance.vue
index a6ba3ebd8..594b44857 100644
--- a/jero-web/src/views/virtualAuthenticationList/virtualAuthenticationListDesign/certificationListMaintenance.vue
+++ b/jero-web/src/views/virtualAuthenticationList/virtualAuthenticationListDesign/certificationListMaintenance.vue
@@ -540,6 +540,9 @@
       edit(item) {
         this.$refs.editModelRef.editModel(JSON.parse(JSON.stringify(item)))
       },
+      view(item) {
+        this.$refs.editModelRef.editModel(JSON.parse(JSON.stringify(item)),1)
+      },
       deleteLib(val) {
         let _this = this
         this.$confirm({