diff --git a/jero-web/src/views/projectManagement/components/ProjectDetails.vue b/jero-web/src/views/projectManagement/components/ProjectDetails.vue
index c888b1039..d390b8a38 100644
--- a/jero-web/src/views/projectManagement/components/ProjectDetails.vue
+++ b/jero-web/src/views/projectManagement/components/ProjectDetails.vue
@@ -162,28 +162,46 @@
       </a-tab-pane>
     </a-tabs>
     <listOfRelevantPersonnel ref="listOfRelevantPersonnelRef"/>
+    <addModel :url="url" ref="addModelRef" @addModelList="addModelList"/>
   </div>
 </template>
 
 <script>
   import * as echarts from 'echarts'
   import listOfRelevantPersonnel from './listOfRelevantPersonnel'
+  import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
+  import addModel from './addModel'
 
   export default {
     name: 'ProjectDetails',
     components: {
-      listOfRelevantPersonnel
+      listOfRelevantPersonnel,
+      addModel
     },
     data() {
       return {
-        queryForm: {}
+        queryForm: {},
+        url: {
+          queryById: 'project/projectLibraryBase/queryById',
+          add: 'project/projectLibraryBase/add',
+          edit: 'project/projectLibraryBase/edit'
+        }
       }
     },
     mounted() {
-      this.queryForm = this.$route.query
+      this.getForm()
       this.mainEcharts()
     },
     methods: {
+      getForm() {
+        getAction(this.url.queryById, { id: this.$route.query.id }).then((res) => {
+          if (res.success) {
+            this.queryForm = res.result[0] || {}
+          } else {
+            this.queryForm = {}
+          }
+        })
+      },
       mainEcharts() {
         var myChart = echarts.init(document.getElementById('main'))
         myChart.setOption({
@@ -212,9 +230,12 @@
           window.open(val)
         }
       },
-      edit(){
-
+      edit() {
+        this.$refs.addModelRef.editModel(JSON.parse(JSON.stringify(this.queryForm)))
       },
+      addModelList() {
+        this.getForm()
+      }
     }
   }
 </script>
diff --git a/jero-web/src/views/projectManagement/components/listEditModel.vue b/jero-web/src/views/projectManagement/components/listEditModel.vue
index 4f983c1d1..dfa8213da 100644
--- a/jero-web/src/views/projectManagement/components/listEditModel.vue
+++ b/jero-web/src/views/projectManagement/components/listEditModel.vue
@@ -760,7 +760,12 @@
       },
       editModel(item) {
         this.visible = true
-        this.queryPersonByProject(item)
+        if (item.dutyTerritory) {
+          this.queryPersonByProject(item)
+        } else {
+          this.formInline = item
+          this.formInline = { ...this.formInline }
+        }
         this.$nextTick(() => {
           this.rules = {}
           switch (item.roleCode) {