diff --git a/jero-web/src/components/PersonnelSelection/index.vue b/jero-web/src/components/PersonnelSelection/index.vue
index cacd06643..086fff7ac 100644
--- a/jero-web/src/components/PersonnelSelection/index.vue
+++ b/jero-web/src/components/PersonnelSelection/index.vue
@@ -8,7 +8,7 @@
       <a-button type="primary" class="button-box" @click="standardClick">
         {{this.$t('PersonnelSelection')}}
       </a-button>
-      <a-button type="primary" class="button-box" @click="standardDelete">
+      <a-button type="primary" v-if='isDelete' class="button-box" @click="standardDelete">
         {{this.$t('delete')}}
       </a-button>
     </div>
@@ -58,7 +58,7 @@
 
   export default {
     name: 'index',
-    props: ['query', 'value', 'personneQuery', 'isSingleChoice', 'isInput', 'isClass'],
+    props: ['query', 'value', 'personneQuery', 'isSingleChoice', 'isInput', 'isClass','isDelete'],
     data() {
       return {
         loading: true,
@@ -92,6 +92,8 @@
       },
       standardDelete(){
         this.$emit('input', null)
+        this.$forceUpdate()
+        this.$emit('deleteData',this.query.db_field_name)
       },
       // onSelect(selectedKeys, info) {
       //   console.log(selectedKeys)
@@ -99,6 +101,7 @@
       // },
 
       onCheck(checkedKeys, info) {
+        console.log(checkedKeys)
         this.userIds = checkedKeys.checked
         this.userName = []
         if (info.checkedNodes && info.checkedNodes.length > 0) {
diff --git a/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue b/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
index d56f0f023..95ffc04ce 100644
--- a/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
+++ b/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
@@ -92,6 +92,8 @@
                   <PersonnelSelection
                     :query="{db_field_name:'lawEngineer',db_field_txt:$t('regulatoryEngineer')}"
                     :personneQuery="formInline"
+                    :isDelete='true'
+                    @deleteData='deleteData'
                     @change="PersonnelSelectionChange"
                     v-model="formInline.lawEngineerName"/>
                 </a-form-model-item>
@@ -110,6 +112,8 @@
                   <PersonnelSelection
                     :query="{db_field_name:'engineeringInterfacePerson',db_field_txt:$t('engineeringInterfacePerson')}"
                     :personneQuery="formInline"
+                    :isDelete='true'
+                    @deleteData='deleteData'
                     @change="PersonnelSelectionChange"
                     v-model="formInline.engineeringInterfacePersonName"/>
                 </a-form-model-item>
@@ -317,6 +321,10 @@
           }
         })
       },
+      deleteData(name){
+        this.formInline[name] = ''
+        this.formInline = {...this.formInline}
+      },
       getData() {
         this.visible = true
         this.getList()