diff --git a/jero-web/src/views/virtualAuthenticationList/components/editModel.vue b/jero-web/src/views/virtualAuthenticationList/components/editModel.vue
index 4e35e6e15..3b92b6085 100644
--- a/jero-web/src/views/virtualAuthenticationList/components/editModel.vue
+++ b/jero-web/src/views/virtualAuthenticationList/components/editModel.vue
@@ -20,7 +20,7 @@
               <a-form-model-item class="itemModel" prop="serialNumber">
                 <j-dict-select-tag class="box-input"
                                    v-model="formInline.serialNumber"
-                                   :disabled="disabled"
+                                   :disabled="true"
                                    :placeholder="$t('PleaseSelect')+$t('regulationNo')"
                                    :type="'select'"
                                    :triggerChange="false"/>
@@ -39,7 +39,7 @@
                                    :disabled="disabled"
                                    :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
                                    :type="'select'"
-                                   :triggerChange="false"/>
+                                   :triggerChange="false" :dictCode="'duty_territory'"/>
               </a-form-model-item>
             </div>
           </a-col>
@@ -68,12 +68,10 @@
                 <span class="title-text-text" :title="$t('category')">{{$t('category')}}</span>
               </div>
               <a-form-model-item class="itemModel" prop="category">
-                <j-dict-select-tag class="box-input"
-                                   v-model="formInline.category"
-                                   :disabled="disabled"
-                                   :placeholder="$t('PleaseSelect')+$t('category')"
-                                   :type="'select'"
-                                   :triggerChange="false"/>
+                <a-input class="box-input"
+                         v-model="formInline.category"
+                         :disabled="disabled"
+                         :placeholder="$t('PleaseEnter')+$t('category')" />
               </a-form-model-item>
             </div>
           </a-col>
@@ -84,12 +82,10 @@
                 <span class="title-text-text" :title="$t('inspectionItems')">{{$t('inspectionItems')}}</span>
               </div>
               <a-form-model-item class="itemModel" prop="inspectionItem">
-                <j-dict-select-tag class="box-input"
-                                   v-model="formInline.inspectionItem"
-                                   :disabled="disabled"
-                                   :placeholder="$t('PleaseSelect')+$t('inspectionItems')"
-                                   :type="'select'"
-                                   :triggerChange="false"/>
+                <a-input class="box-input"
+                         v-model="formInline.inspectionItem"
+                         :disabled="disabled"
+                         :placeholder="$t('PleaseEnter')+$t('inspectionItems')"/>
               </a-form-model-item>
             </div>
           </a-col>
@@ -99,15 +95,36 @@
             <div class="box-title-text">
               <div class="title-text">
                 <span class="Required">*</span>
-                <span class="title-text-text" :title="$t('Deliverables')">{{$t('Deliverables')}}</span>
+                <span class="title-text-text" :title="$t('configurationItem')">{{$t('configurationItem')}}</span>
               </div>
-              <a-form-model-item class="itemModel" prop="deliverable">
-                <j-dict-select-tag class="box-input"
-                                   v-model="formInline.deliverable"
-                                   :disabled="disabled"
-                                   :placeholder="$t('PleaseSelect')+$t('Deliverables')"
-                                   :type="'select'"
-                                   :triggerChange="false"/>
+              <a-form-model-item class="itemModel" prop="configItem">
+                <a-input class="box-input"
+                         v-model="formInline.configItem"
+                         :placeholder="$t('PleaseEnter')+$t('configurationItem')"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required">*</span>
+                <span class="title-text-text" :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
+              </div>
+              <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"
+                  :maxTagCount="1"
+                  :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                  class="box-input"
+                  style="width: 100%"
+                  :tree-data="DeliverableTreeList"
+                  tree-checkable
+                  :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"
+                />
               </a-form-model-item>
             </div>
           </a-col>
@@ -133,6 +150,7 @@ export default {
       confirmLoading: false,
       formInline: {},
       disabled: false,
+      DeliverableTreeList: [],
       rules: {
         serialNumber: [
           {
@@ -179,6 +197,9 @@ export default {
       }
     }
   },
+  mounted() {
+    this.getDeliverableTree()
+  },
   methods: {
     handleCancel() {
       this.visible = false
@@ -187,6 +208,9 @@ export default {
       this.visible = true
       this.$nextTick(() => {
       this.formInline = item || {}
+        if (this.formInline.deliverableType) {
+          this.formInline.deliverableType = this.formInline.deliverableType.split(',')
+        }
       this.$refs.ruleForm.clearValidate()
       })
     },
@@ -194,6 +218,11 @@ export default {
       this.$refs.ruleForm.validate(valid => {
         if (valid) {
           let formInline = JSON.parse(JSON.stringify(this.formInline))
+          Object.keys(formInline).forEach(res => {
+            if (formInline[res] && formInline[res] instanceof Array) {
+              formInline[res] = formInline[res].join(',')
+            }
+          })
           this.confirmLoading = true
           postAction(this.url.editModel, formInline).then((res) => {
             if (res.success) {
@@ -212,6 +241,15 @@ export default {
         }
       })
     },
+    getDeliverableTree() {
+      getAction('/sys/category/getDeliverableTree', {}).then((res) => {
+        if (res.success) {
+          this.DeliverableTreeList = res.result
+        } else {
+          this.DeliverableTreeList = []
+        }
+      })
+    },
   }
 }
 </script>
diff --git a/jero-web/src/views/virtualAuthenticationList/virtualAuthenticationListDesign/certificationListMaintenance.vue b/jero-web/src/views/virtualAuthenticationList/virtualAuthenticationListDesign/certificationListMaintenance.vue
index d072fa068..146338c82 100644
--- a/jero-web/src/views/virtualAuthenticationList/virtualAuthenticationListDesign/certificationListMaintenance.vue
+++ b/jero-web/src/views/virtualAuthenticationList/virtualAuthenticationListDesign/certificationListMaintenance.vue
@@ -286,6 +286,13 @@ export default {
           ellipsis: true,
           scopedSlots: { customRender: 'inspectionItems' }
         },
+        {
+          title: this.$t('configurationItem'),
+          align: 'left',
+          dataIndex: 'configItem',
+          width: 150,
+          ellipsis: true,
+        },
         {
           title: 'WVTA ID',
           align: 'left',
@@ -303,14 +310,14 @@ export default {
         {
           title: this.$t('areaOfResponsibility'),
           align: 'left',
-          dataIndex: 'dutyTerritory',
+          dataIndex: 'dutyTerritoryName',
           width: 200,
           ellipsis: true,
         },
         {
-          title: this.$t('Deliverables'),
+          title: this.$t('typeOfDeliverables'),
           align: 'left',
-          dataIndex: 'deliverable',
+          dataIndex: 'deliverableTypeName',
           width: 200,
           ellipsis: true,
         },