diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index bb8ec1478..c1a41cf95 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -1436,6 +1436,15 @@ module.exports = {
   type:'type',
   select:'select',
   onlyDataWithProcessStatusDeleted:'Only data with process status of list to be released and approved can be deleted',
+  complianceCertificationProgram:'Compliance Certification Program',
+  listPublishing:'List Publishing',
+  responsibilityConfirmation:'Responsibility Confirmation',
+  designVerification:'Design Verification',
+  getStarted:'Get Started',
+  certificationStartOne:'Certification Start',
+  verificationAndVerification:'Verification And Verification',
+  projectInterfacePersonRegulationEngineerSetting:'Project Interface Person - Regulation Engineer Setting',
+  projectInterfacePersonCertificationEngineerSetting:'Project Interface Person - Certification Engineer Setting',
   registrationnumber:'Product registration number',
   noticebatch:'Notice batch',
   producttrademark:'Product Trademark',
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index 78430946f..beaa3623c 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -1538,6 +1538,15 @@ module.exports = {
   type:'类型',
   select:'选择',
   onlyDataWithProcessStatusDeleted:'只能删除流程状态为清单待发布和审查通过的数据',
+  complianceCertificationProgram:'合规认证计划',
+  listPublishing:'清单发布',
+  responsibilityConfirmation:'责任确认',
+  designVerification:'设计核查',
+  getStarted:'摸底开始',
+  certificationStartOne:'认证开始',
+  verificationAndVerification:'验证核查',
+  projectInterfacePersonRegulationEngineerSetting:'工程接口人-法规工程师设置',
+  projectInterfacePersonCertificationEngineerSetting:'工程接口人-认证工程师设置',
   registrationnumber:'产品登记编号',
   noticebatch:'《公告》批次',
   producttrademark:'产品商标',
diff --git a/jero-web/src/views/projectManagement/components/ProjectDetails.vue b/jero-web/src/views/projectManagement/components/ProjectDetails.vue
index 23aea89dd..7c7970d5b 100644
--- a/jero-web/src/views/projectManagement/components/ProjectDetails.vue
+++ b/jero-web/src/views/projectManagement/components/ProjectDetails.vue
@@ -19,76 +19,32 @@
         >{{queryForm.projectName}}</span>
       </div>
       <div class="text-field">
-        <span class="text-field-left" :title="$t('targetMarket')">{{$t('targetMarket')}}</span>
-        <span class="text-field-right" :title="queryForm.targetMarket_dictText"
-        >{{queryForm.targetMarket_dictText}}</span>
+        <span class="text-field-left" :title="$t('brand')">{{$t('brand')}}</span>
+        <span class="text-field-right" :title="queryForm.brandText"
+        >{{queryForm.brandText}}</span>
       </div>
-      <div class="text-field">
-        <span class="text-field-left" :title="$t('projectVersion')">{{$t('projectVersion')}}</span>
-        <span class="text-field-right" :title="queryForm.projectVersion"
-        >{{queryForm.projectVersion}}</span>
-      </div>
-    </div>
-    <div class="content-text">
       <div class="text-field">
         <span class="text-field-left" :title="$t('projectStatus')">{{$t('projectStatus')}}</span>
         <span class="text-field-right" :title="queryForm.projectStatus_dictText"
         >{{queryForm.projectStatus_dictText}}</span>
       </div>
-      <div class="text-field">
-        <span class="text-field-left" :title="$t('DigitalPlatform')">{{$t('DigitalPlatform')}}</span>
-        <span class="text-field-right" :title="queryForm.digitalPlatform"
-        >{{queryForm.digitalPlatform}}</span>
-      </div>
-      <div class="text-field">
-        <span class="text-field-left" :title="$t('ModelPlatform')">{{$t('ModelPlatform')}}</span>
-        <span class="text-field-right" :title="queryForm.vehiclePlatform"
-        >{{queryForm.vehiclePlatform}}</span>
-      </div>
-    </div>
-    <div class="content-text">
-      <div class="text-field">
-        <span class="text-field-left" :title="$t('softwareVersion')">{{$t('softwareVersion')}}</span>
-        <span class="text-field-right" :title="queryForm.softwareVersion"
-        >{{queryForm.softwareVersion}}</span>
-      </div>
-      <div class="text-field">
-        <span class="text-field-left" :title="$t('IPDInformation')">{{$t('IPDInformation')}}</span>
-        <span class="text-field-right text-field-right-color"
-              :title="queryForm.ipdInfo"
-              @click="urlClick(queryForm.ipdInfo)"
-        >{{queryForm.ipdInfo}}</span>
-      </div>
-      <div class="text-field">
-        <span class="text-field-left" :title="$t('brand')">{{$t('brand')}}</span>
-        <span class="text-field-right" :title="queryForm.brandText"
-        >{{queryForm.brandText}}</span>
-      </div>
-    </div>
-    <div class="content-text">
-      <div class="text-field">
-        <span class="text-field-left" :title="$t('certificationProgram')">{{$t('certificationProgram')}}</span>
-        <span class="text-field-right text-field-right-color"
-              :title="queryForm.attestationPlan"
-              @click="urlClick(queryForm.attestationPlan)"
-        >{{queryForm.attestationPlan}}</span>
-      </div>
-      <div class="text-field">
-        <span class="text-field-left" :title="$t('dehicleDevelopmentPlan')">{{$t('dehicleDevelopmentPlan')}}</span>
-        <span class="text-field-right text-field-right-color"
-              :title="queryForm.vehicleDevelopmentPlan"
-              @click="urlClick(queryForm.vehicleDevelopmentPlan)"
-        >{{queryForm.vehicleDevelopmentPlan}}</span>
-      </div>
-    </div>
-    <div class="content-text">
-      <div class="text-field-content">
-        <span class="text-field-left" :title="$t('explain')">{{$t('explain')}}</span>
-        <span class="text-field-right" :title="queryForm.explanation"
-        >{{queryForm.explanation}}</span>
-      </div>
+<!--      <div class="text-field">-->
+<!--        <span class="text-field-left" :title="$t('targetMarket')">{{$t('targetMarket')}}</span>-->
+<!--        <span class="text-field-right" :title="queryForm.targetMarket_dictText"-->
+<!--        >{{queryForm.targetMarket_dictText}}</span>-->
+<!--      </div>-->
+<!--      <div class="text-field">-->
+<!--        <span class="text-field-left" :title="$t('projectVersion')">{{$t('projectVersion')}}</span>-->
+<!--        <span class="text-field-right" :title="queryForm.projectVersion"-->
+<!--        >{{queryForm.projectVersion}}</span>-->
+<!--      </div>-->
     </div>
     <div class="content-text">
+<!--      <div class="text-field">-->
+<!--        <span class="text-field-left" :title="$t('projectStatus')">{{$t('projectStatus')}}</span>-->
+<!--        <span class="text-field-right" :title="queryForm.projectStatus_dictText"-->
+<!--        >{{queryForm.projectStatus_dictText}}</span>-->
+<!--      </div>-->
       <div class="text-field">
         <span class="text-field-left" :title="$t('StudioEngineer')">{{$t('StudioEngineer')}}</span>
         <span class="text-field-right" :title="queryForm.studioEngineerName"
@@ -113,11 +69,94 @@
       </div>
     </div>
     <div class="content-text">
-
+      <div class="text-field">
+        <span class="text-field-left" :title="$t('DigitalPlatform')">{{$t('DigitalPlatform')}}</span>
+        <span class="text-field-right" :title="queryForm.digitalPlatform"
+        >{{queryForm.digitalPlatform}}</span>
+      </div>
+      <div class="text-field">
+        <span class="text-field-left" :title="$t('ModelPlatform')">{{$t('ModelPlatform')}}</span>
+        <span class="text-field-right" :title="queryForm.vehiclePlatform"
+        >{{queryForm.vehiclePlatform}}</span>
+      </div>
+      <div class="text-field">
+        <span class="text-field-left" :title="$t('softwareVersion')">{{$t('softwareVersion')}}</span>
+        <span class="text-field-right" :title="queryForm.softwareVersion"
+        >{{queryForm.softwareVersion}}</span>
+      </div>
+<!--      <div class="text-field">-->
+<!--        <span class="text-field-left" :title="$t('IPDInformation')">{{$t('IPDInformation')}}</span>-->
+<!--        <span class="text-field-right text-field-right-color"-->
+<!--              :title="queryForm.ipdInfo"-->
+<!--              @click="urlClick(queryForm.ipdInfo)"-->
+<!--        >{{queryForm.ipdInfo}}</span>-->
+<!--      </div>-->
+<!--      <div class="text-field">-->
+<!--        <span class="text-field-left" :title="$t('brand')">{{$t('brand')}}</span>-->
+<!--        <span class="text-field-right" :title="queryForm.brandText"-->
+<!--        >{{queryForm.brandText}}</span>-->
+<!--      </div>-->
     </div>
+    <div class="content-text">
+      <div class="text-field">
+        <span class="text-field-left" :title="$t('dehicleDevelopmentPlan')">{{$t('dehicleDevelopmentPlan')}}</span>
+        <span class="text-field-right text-field-right-color"
+              :title="queryForm.vehicleDevelopmentPlan"
+              @click="urlClick(queryForm.vehicleDevelopmentPlan)"
+        >{{queryForm.vehicleDevelopmentPlan}}</span>
+      </div>
+      <div class="text-field">
+        <span class="text-field-left" :title="$t('certificationProgram')">{{$t('certificationProgram')}}</span>
+        <span class="text-field-right text-field-right-color"
+              :title="queryForm.attestationPlan"
+              @click="urlClick(queryForm.attestationPlan)"
+        >{{queryForm.attestationPlan}}</span>
+      </div>
+            <div class="text-field">
+              <span class="text-field-left" :title="$t('configurationInformation')">{{$t('configurationInformation')}}</span>
+              <span class="text-field-right text-field-right-color"
+                    :title="queryForm.ipdInfo"
+                    @click="urlClick(queryForm.ipdInfo)"
+              >{{queryForm.ipdInfo}}</span>
+            </div>
+    </div>
+    <div class="content-text">
+      <div class="text-field-content">
+        <span class="text-field-left" :title="$t('explain')">{{$t('explain')}}</span>
+        <span class="text-field-right" :title="queryForm.explanation"
+        >{{queryForm.explanation}}</span>
+      </div>
+    </div>
+<!--    <div class="content-text">-->
+<!--      <div class="text-field">-->
+<!--        <span class="text-field-left" :title="$t('StudioEngineer')">{{$t('StudioEngineer')}}</span>-->
+<!--        <span class="text-field-right" :title="queryForm.studioEngineerName"-->
+<!--        >{{queryForm.studioEngineerName}}</span>-->
+<!--      </div>-->
+<!--      <div class="text-field">-->
+<!--        <span class="text-field-left" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>-->
+<!--        <span class="text-field-right" :title="queryForm.certificationEngineerName"-->
+<!--        >{{queryForm.certificationEngineerName}}</span>-->
+<!--      </div>-->
+<!--      <div class="text-field">-->
+<!--        <span class="text-field-left" style="float: left;margin-top: 3px" :title="$t('ListOfRelevantPersonnel')">{{$t('ListOfRelevantPersonnel')}}</span>-->
+<!--        <span class="text-field-right"-->
+<!--        >-->
+<!--          <a-button type="primary" v-has="'projectRelatedPersonnel:page'"-->
+<!--                    :title="$t('ListOfRelevantPersonnel')"-->
+<!--                    class="button-text"-->
+<!--                    @click="ListOfRelevantPersonnelClick">-->
+<!--                  {{$t('ListOfRelevantPersonnel')}}-->
+<!--          </a-button>-->
+<!--        </span>-->
+<!--      </div>-->
+<!--    </div>-->
+<!--    <div class="content-text">-->
+
+<!--    </div>-->
     <div class="box-text">
       <div class="header-text">
-        {{$t('regulatoryCertificationTaskPlan')}}
+        {{$t('complianceCertificationProgram')}}
       </div>
       <div class="header-tight">
         <a-button class="box-button"
diff --git a/jero-web/src/views/projectManagement/components/addModel.vue b/jero-web/src/views/projectManagement/components/addModel.vue
index 40418ac3a..195544488 100644
--- a/jero-web/src/views/projectManagement/components/addModel.vue
+++ b/jero-web/src/views/projectManagement/components/addModel.vue
@@ -101,6 +101,22 @@
               </a-form-model-item>
             </div>
           </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('brand')">{{$t('brand')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'brand'">
+                <j-dict-select-tag v-model="formInline.brand"
+                                   :placeholder="$t('PleaseSelect')+$t('brand')"
+                                   :type="'select'"
+                                   :triggerChange="false" :dictCode="'brand'"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
@@ -118,8 +134,6 @@
               </a-form-model-item>
             </div>
           </a-col>
-        </a-row>
-        <a-row :gutter="24">
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
@@ -136,19 +150,6 @@
               </a-form-model-item>
             </div>
           </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('ModelPlatform')">{{$t('ModelPlatform')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="vehiclePlatform">
-                <a-input class="box-input"
-                         :disabled="disabled"
-                         v-model="formInline.vehiclePlatform"
-                         :placeholder="$t('PleaseEnter')+$t('ModelPlatform')"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
         </a-row>
         <a-row :gutter="24">
           <a-col :span="12">
@@ -167,44 +168,13 @@
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
-                <span class="title-text-text" :title="$t('IPDInformation')">{{$t('IPDInformation')}}</span>
+                <span class="title-text-text" :title="$t('ModelPlatform')">{{$t('ModelPlatform')}}</span>
               </div>
-              <a-form-model-item class="itemModel" prop="ipdInfo">
+              <a-form-model-item class="itemModel" prop="vehiclePlatform">
                 <a-input class="box-input"
                          :disabled="disabled"
-                         v-model="formInline.ipdInfo"
-                         :placeholder="$t('PleaseEnter')+$t('IPDInformation')"/>
-              </a-form-model-item>
-            </div>
-            <!--            ^(ht|f)tp(s?)\:\/\/[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)([a-zA-Z0-9\-\.\?\,\'\/\\\+&amp;%\$#_]*)?$
-            -->
-          </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('dehicleDevelopmentPlan')">{{$t('dehicleDevelopmentPlan')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" :prop="'vehicleDevelopmentPlan'">
-                <a-input class="box-input"
-                         :disabled="disabled"
-                         v-model="formInline.vehicleDevelopmentPlan"
-                         :placeholder="$t('PleaseEnter')+$t('dehicleDevelopmentPlan')"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('certificationProgram')">{{$t('certificationProgram')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="attestationPlan">
-                <a-input class="box-input"
-                         :disabled="disabled"
-                         v-model="formInline.attestationPlan"
-                         :placeholder="$t('PleaseEnter')+$t('certificationProgram')"/>
+                         v-model="formInline.vehiclePlatform"
+                         :placeholder="$t('PleaseEnter')+$t('ModelPlatform')"/>
               </a-form-model-item>
             </div>
           </a-col>
@@ -228,16 +198,48 @@
             <div class="box-title-text">
               <div class="title-text">
                 <span class="title-text-text"
-                      :title="$t('brand')">{{$t('brand')}}</span>
+                      :title="$t('dehicleDevelopmentPlan')">{{$t('dehicleDevelopmentPlan')}}</span>
               </div>
-              <a-form-model-item class="itemModel" :prop="'brand'">
-                <j-dict-select-tag  v-model="formInline.brand"
-                                     :placeholder="$t('PleaseSelect')+$t('brand')"
-                                     :type="'select'"
-                                     :triggerChange="false" :dictCode="'brand'"/>
+              <a-form-model-item class="itemModel" :prop="'vehicleDevelopmentPlan'">
+                <a-input class="box-input"
+                         :disabled="disabled"
+                         v-model="formInline.vehicleDevelopmentPlan"
+                         :placeholder="$t('PleaseEnter')+$t('dehicleDevelopmentPlan')"/>
               </a-form-model-item>
             </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('certificationProgram')">{{$t('certificationProgram')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="attestationPlan">
+                <a-input class="box-input"
+                         :disabled="disabled"
+                         v-model="formInline.attestationPlan"
+                         :placeholder="$t('PleaseEnter')+$t('certificationProgram')"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('configurationInformation')">{{$t('configurationInformation')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="ipdInfo">
+                <a-input class="box-input"
+                         :disabled="disabled"
+                         v-model="formInline.ipdInfo"
+                         :placeholder="$t('PleaseEnter')+$t('configurationInformation')"/>
+              </a-form-model-item>
+            </div>
+            <!--            ^(ht|f)tp(s?)\:\/\/[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)([a-zA-Z0-9\-\.\?\,\'\/\\\+&amp;%\$#_]*)?$
+            -->
+          </a-col>
         </a-row>
         <a-row :gutter="24">
           <a-col :span="24">
@@ -287,7 +289,7 @@
             },
             {
               max: 300,
-              message: this.$t('IPDInformation') + this.$t('cannotExceed') + 300 + this.$t('Characters'),
+              message: this.$t('configurationInformation') + this.$t('cannotExceed') + 300 + this.$t('Characters'),
               trigger: 'blur'
             }
           ],
@@ -334,7 +336,7 @@
               trigger: 'blur'
             }
           ],
-          softwareVersion:[
+          softwareVersion: [
             {
               max: 300,
               message: this.$t('softwareVersion') + this.$t('cannotExceed') + 300 + this.$t('Characters'),
diff --git a/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue b/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
index fe545562b..11d8fa6dd 100644
--- a/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
+++ b/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
@@ -2,7 +2,7 @@
   <div>
     <a-drawer
       :title="$t('ListOfRelevantPersonnel')"
-      :width="1000"
+      :width="1280"
       :visible="visible"
       :maskClosable="false"
       @close="handleCancel"
@@ -21,50 +21,50 @@
             </div>
           </a-col>
           <template v-if="toggleSearchStatus">
-          <a-col :md="12" :sm="8">
-            <div class="box-title-text-search">
-              <div class="title-text-search" :title="$t('engineeringInterfacePerson')">
-                <span>{{$t('engineeringInterfacePerson')}}</span>
+            <a-col :md="12" :sm="8">
+              <div class="box-title-text-search">
+                <div class="title-text-search" :title="$t('engineeringInterfacePerson')">
+                  <span>{{$t('engineeringInterfacePerson')}}</span>
+                </div>
+                <PersonnelSelection class="box-input-search"
+                                    :query="{db_field_name:'engineeringInterfacePerson',db_field_txt:$t('engineeringInterfacePerson')}"
+                                    :isInput="true"
+                                    :personneQuery="queryParam"
+                                    @change="PersonnelSelectionChange"
+                                    v-model="queryParam.engineeringInterfacePersonName"/>
               </div>
-              <PersonnelSelection class="box-input-search"
-                                  :query="{db_field_name:'engineeringInterfacePerson',db_field_txt:$t('engineeringInterfacePerson')}"
-                                  :isInput="true"
-                                  :personneQuery="queryParam"
-                                  @change="PersonnelSelectionChange"
-                                  v-model="queryParam.engineeringInterfacePersonName"/>
-            </div>
-          </a-col>
-          <a-col :md="12" :sm="8">
-            <div class="box-title-text-search">
-              <div class="title-text-search" :title="$t('regulatoryEngineer')">
-                <span>{{$t('regulatoryEngineer')}}</span>
+            </a-col>
+            <a-col :md="12" :sm="8">
+              <div class="box-title-text-search">
+                <div class="title-text-search" :title="$t('regulatoryEngineer')">
+                  <span>{{$t('regulatoryEngineer')}}</span>
+                </div>
+                <PersonnelSelection class="box-input-search"
+                                    :query="{db_field_name:'lawEngineer',db_field_txt:$t('regulatoryEngineer')}"
+                                    :isInput="true"
+                                    :personneQuery="queryParam"
+                                    @change="PersonnelSelectionChange"
+                                    v-model="queryParam.lawEngineerName"/>
               </div>
-              <PersonnelSelection class="box-input-search"
-                                  :query="{db_field_name:'lawEngineer',db_field_txt:$t('regulatoryEngineer')}"
-                                  :isInput="true"
-                                  :personneQuery="queryParam"
-                                  @change="PersonnelSelectionChange"
-                                  v-model="queryParam.lawEngineerName"/>
-            </div>
-          </a-col>
-          <a-col :md="12" :sm="8">
-            <div class="box-title-text-search">
-              <div class="title-text-search" :title="$t('certifiedEngineer')">
-                <span>{{$t('certifiedEngineer')}}</span>
-              </div>
-              <a-select class="box-input-search"
-                        v-model="queryParam.certificationEngineer"
-                        :placeholder="$t('PleaseSelect')+$t('certifiedEngineer')">
-                <a-select-option v-for="(item, key) in dictOptionsValue"
-                                 :key="item.certificationEngineer"
-                                 :value="item.certificationEngineer">
+            </a-col>
+            <a-col :md="12" :sm="8">
+              <div class="box-title-text-search">
+                <div class="title-text-search" :title="$t('certifiedEngineer')">
+                  <span>{{$t('certifiedEngineer')}}</span>
+                </div>
+                <a-select class="box-input-search"
+                          v-model="queryParam.certificationEngineer"
+                          :placeholder="$t('PleaseSelect')+$t('certifiedEngineer')">
+                  <a-select-option v-for="(item, key) in dictOptionsValue"
+                                   :key="item.certificationEngineer"
+                                   :value="item.certificationEngineer">
                       <span class="itemOption" :title=" item.certificationEngineerName ">
                              {{ item.certificationEngineerName }}
                       </span>
-                </a-select-option>
-              </a-select>
-            </div>
-          </a-col>
+                  </a-select-option>
+                </a-select>
+              </div>
+            </a-col>
           </template>
           <span style="float: right;overflow: hidden;margin-right: 11px;margin-bottom: 20px"
                 class="table-page-search-submitButtons">
@@ -127,6 +127,14 @@
         <span slot="engineeringInterfacePerson" :title="$t('engineeringInterfacePerson')">
             {{$t('engineeringInterfacePerson')}}
         </span>
+        <span slot="projectInterfacePersonRegulationEngineerSetting"
+              :title="$t('projectInterfacePersonRegulationEngineerSetting')">
+            {{$t('projectInterfacePersonRegulationEngineerSetting')}}
+        </span>
+        <span slot="projectInterfacePersonCertificationEngineerSetting"
+              :title="$t('projectInterfacePersonCertificationEngineerSetting')">
+            {{$t('projectInterfacePersonCertificationEngineerSetting')}}
+        </span>
         <span slot="certifiedEngineer" :title="$t('certifiedEngineer')">
             {{$t('certifiedEngineer')}}
         </span>
@@ -217,31 +225,31 @@
               </div>
             </a-col>
           </a-row>
-          <a-row :gutter="24">
-            <a-col :span="24">
-              <div class="box-title-text">
-                <div class="title-text">
-                  <!--                  <span class="Required">*</span>-->
-                  <span class="title-text-text" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>
-                </div>
-                <!--                :prop="'certificationEngineer'"-->
-                <a-form-model-item class="itemModel">
-                  <a-select allowClear
-                            class="box-input"
-                            v-model="formInline.certificationEngineer"
-                            :placeholder="$t('certifiedEngineer')+$t('areaOfResponsibility')">
-                    <a-select-option v-for="(item, key) in dictOptionsValue"
-                                     :key="item.certificationEngineer"
-                                     :value="item.certificationEngineer">
-                      <span class="itemOption" :title=" item.certificationEngineerName ">
-                             {{ item.certificationEngineerName }}
-                      </span>
-                    </a-select-option>
-                  </a-select>
-                </a-form-model-item>
-              </div>
-            </a-col>
-          </a-row>
+          <!--          <a-row :gutter="24">-->
+          <!--            <a-col :span="24">-->
+          <!--              <div class="box-title-text">-->
+          <!--                <div class="title-text">-->
+          <!--                  &lt;!&ndash;                  <span class="Required">*</span>&ndash;&gt;-->
+          <!--                  <span class="title-text-text" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>-->
+          <!--                </div>-->
+          <!--                &lt;!&ndash;                :prop="'certificationEngineer'"&ndash;&gt;-->
+          <!--                <a-form-model-item class="itemModel">-->
+          <!--                  <a-select allowClear-->
+          <!--                            class="box-input"-->
+          <!--                            v-model="formInline.certificationEngineer"-->
+          <!--                            :placeholder="$t('certifiedEngineer')+$t('areaOfResponsibility')">-->
+          <!--                    <a-select-option v-for="(item, key) in dictOptionsValue"-->
+          <!--                                     :key="item.certificationEngineer"-->
+          <!--                                     :value="item.certificationEngineer">-->
+          <!--                      <span class="itemOption" :title=" item.certificationEngineerName ">-->
+          <!--                             {{ item.certificationEngineerName }}-->
+          <!--                      </span>-->
+          <!--                    </a-select-option>-->
+          <!--                  </a-select>-->
+          <!--                </a-form-model-item>-->
+          <!--              </div>-->
+          <!--            </a-col>-->
+          <!--          </a-row>-->
           <a-row :gutter="24">
             <a-col :span="24">
               <div class="box-title-text">
@@ -280,7 +288,7 @@
       ImportFile,
       personBatting
     },
-    mixins:[ResizeHeader, ResizeColumnProvide],
+    mixins: [ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         toggleSearchStatus: false,
@@ -308,12 +316,26 @@
             ellipsis: true,
             width: 153
           },
+          // {
+          //   align: 'left',
+          //   slots: { title: 'certifiedEngineer' },
+          //   dataIndex: 'certificationEngineerName',
+          //   ellipsis: true,
+          //   width: 153
+          // },
           {
             align: 'left',
-            slots: { title: 'certifiedEngineer' },
-            dataIndex: 'certificationEngineerName',
+            slots: { title: 'projectInterfacePersonRegulationEngineerSetting' },
+            dataIndex: 'engineeringInterfacePersonName',
             ellipsis: true,
-            width: 153
+            width: 203
+          },
+          {
+            align: 'left',
+            slots: { title: 'projectInterfacePersonCertificationEngineerSetting' },
+            dataIndex: 'engineeringInterfacePersonName',
+            ellipsis: true,
+            width: 203
           },
           {
             title: this.$t('remarks'),
diff --git a/jero-web/src/views/projectManagement/components/personBatting.vue b/jero-web/src/views/projectManagement/components/personBatting.vue
index 7cac7fe92..c6c031be5 100644
--- a/jero-web/src/views/projectManagement/components/personBatting.vue
+++ b/jero-web/src/views/projectManagement/components/personBatting.vue
@@ -16,7 +16,7 @@
               <div class="title-text">
                 <span class="title-text-text" :title="$t('regulatoryEngineer')">{{$t('regulatoryEngineer')}}</span>
               </div>
-              <a-form-model-item class="itemModel">
+              <a-form-model-item class="itemModel-multi">
                 <PersonnelSelection
                   :query="{db_field_name:'lawEngineer',db_field_txt:$t('regulatoryEngineer')}"
                   :personneQuery="formInline"
@@ -33,7 +33,7 @@
               <div class="title-text">
                 <span class="title-text-text" :title="$t('engineeringInterfacePerson')">{{$t('engineeringInterfacePerson')}}</span>
               </div>
-              <a-form-model-item class="itemModel">
+              <a-form-model-item class="itemModel-multi">
                 <PersonnelSelection
                   :query="{db_field_name:'engineeringInterfacePerson',db_field_txt:$t('engineeringInterfacePerson')}"
                   :personneQuery="formInline"
@@ -44,29 +44,29 @@
             </div>
           </a-col>
         </a-row>
-        <a-row :gutter="24">
-          <a-col :span="24">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>
-              </div>
-              <a-form-model-item class="itemModel">
-                <a-select allowClear
-                          class="box-input"
-                          v-model="formInline.certificationEngineer"
-                          :placeholder="$t('certifiedEngineer')+$t('areaOfResponsibility')">
-                  <a-select-option v-for="(item, key) in dictOptionsValue"
-                                   :key="item.certificationEngineer"
-                                   :value="item.certificationEngineer">
-                      <span class="itemOption" :title=" item.certificationEngineerName ">
-                             {{ item.certificationEngineerName }}
-                      </span>
-                  </a-select-option>
-                </a-select>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="24">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel">-->
+<!--                <a-select allowClear-->
+<!--                          class="box-input"-->
+<!--                          v-model="formInline.certificationEngineer"-->
+<!--                          :placeholder="$t('certifiedEngineer')+$t('areaOfResponsibility')">-->
+<!--                  <a-select-option v-for="(item, key) in dictOptionsValue"-->
+<!--                                   :key="item.certificationEngineer"-->
+<!--                                   :value="item.certificationEngineer">-->
+<!--                      <span class="itemOption" :title=" item.certificationEngineerName ">-->
+<!--                             {{ item.certificationEngineerName }}-->
+<!--                      </span>-->
+<!--                  </a-select-option>-->
+<!--                </a-select>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
       </a-form-model>
     </a-spin>
   </a-modal>
diff --git a/jero-web/src/views/projectManagement/components/settingList.vue b/jero-web/src/views/projectManagement/components/settingList.vue
index 0161134a8..1fa78f812 100644
--- a/jero-web/src/views/projectManagement/components/settingList.vue
+++ b/jero-web/src/views/projectManagement/components/settingList.vue
@@ -14,12 +14,12 @@
           <div class="box-title-text">
             <div class="title-text">
 <!--              <span class="Required">*</span>-->
-              <span class="title-text-text" :title="$t('confirmationOfRegulationsList')">
-                {{$t('confirmationOfRegulationsList')}}</span>
+              <span class="title-text-text" :title="$t('listPublishing')">
+                {{$t('listPublishing')}}</span>
             </div>
             <a-form-model-item class="itemModel" prop="listConfirmation">
               <a-date-picker class="box-input"
-                             :placeholder="$t('PleaseSelect')+$t('confirmationOfRegulationsList')+$t('time')"
+                             :placeholder="$t('PleaseSelect')+$t('listPublishing')+$t('time')"
                              @change="dateChange({db_field_name:'listConfirmation'})"
                              format="YYYY-MM-DD"
                              :getCalendarContainer="(trigger) => trigger.parentNode"
@@ -33,12 +33,12 @@
           <div class="box-title-text">
             <div class="title-text">
 <!--              <span class="Required">*</span>-->
-              <span class="title-text-text" :title="$t('regulatoryTaskConfirmation')">
-                {{$t('regulatoryTaskConfirmation')}}</span>
+              <span class="title-text-text" :title="$t('responsibilityConfirmation')">
+                {{$t('responsibilityConfirmation')}}</span>
             </div>
             <a-form-model-item class="itemModel" prop="legalTaskConfirmation">
               <a-date-picker class="box-input"
-                             :placeholder="$t('PleaseSelect')+$t('regulatoryTaskConfirmation')+$t('time')"
+                             :placeholder="$t('PleaseSelect')+$t('responsibilityConfirmation')+$t('time')"
                              @change="dateChange({db_field_name:'legalTaskConfirmation'})"
                              format="YYYY-MM-DD"
                              :getCalendarContainer="(trigger) => trigger.parentNode"
@@ -52,12 +52,12 @@
           <div class="box-title-text">
             <div class="title-text">
 <!--              <span class="Required">*</span>-->
-              <span class="title-text-text" :title="$t('confirmationOfDesignConformity')">
-                {{$t('confirmationOfDesignConformity')}}</span>
+              <span class="title-text-text" :title="$t('designVerification')">
+                {{$t('designVerification')}}</span>
             </div>
             <a-form-model-item class="itemModel" prop="designDeadline">
               <a-date-picker class="box-input"
-                             :placeholder="$t('PleaseSelect')+$t('confirmationOfDesignConformity')+$t('time')"
+                             :placeholder="$t('PleaseSelect')+$t('designVerification')+$t('time')"
                              @change="dateChange({db_field_name:'designDeadline'})"
                              format="YYYY-MM-DD"
                              :getCalendarContainer="(trigger) => trigger.parentNode"
@@ -71,12 +71,12 @@
           <div class="box-title-text">
             <div class="title-text">
 <!--              <span class="Required">*</span>-->
-              <span class="title-text-text" :title="$t('preHomoCompletion')">
-                {{$t('preHomoCompletion')}}</span>
+              <span class="title-text-text" :title="$t('getStarted')">
+                {{$t('getStarted')}}</span>
             </div>
             <a-form-model-item class="itemModel" prop="prehomoDeadline">
               <a-date-picker class="box-input"
-                             :placeholder="$t('PleaseSelect')+$t('preHomoCompletion')+$t('time')"
+                             :placeholder="$t('PleaseSelect')+$t('getStarted')+$t('time')"
                              @change="dateChange({db_field_name:'prehomoDeadline'})"
                              format="YYYY-MM-DD"
                              :getCalendarContainer="(trigger) => trigger.parentNode"
@@ -90,13 +90,13 @@
           <div class="box-title-text">
             <div class="title-text">
 <!--              <span class="Required">*</span>-->
-              <span class="title-text-text" :title="$t('certificationStart')">
-                {{$t('certificationStart')}}</span>
+              <span class="title-text-text" :title="$t('certificationStartOne')">
+                {{$t('certificationStartOne')}}</span>
             </div>
             <a-form-model-item class="itemModel" prop="attestationStartTime">
               <a-date-picker class="box-input"
                              :disabledDate='this.disabledRegistrationStartDate'
-                             :placeholder="$t('PleaseSelect')+$t('certificationStart')+$t('time')"
+                             :placeholder="$t('PleaseSelect')+$t('certificationStartOne')+$t('time')"
                              @change="dateChange({db_field_name:'attestationStartTime'})"
                              format="YYYY-MM-DD"
                              :getCalendarContainer="(trigger) => trigger.parentNode"
@@ -130,12 +130,12 @@
           <div class="box-title-text">
             <div class="title-text">
 <!--              <span class="Required">*</span>-->
-              <span class="title-text-text" :title="$t('verificationAndConformityconfirmation')">
-                {{$t('verificationAndConformityconfirmation')}}</span>
+              <span class="title-text-text" :title="$t('verificationAndVerification')">
+                {{$t('verificationAndVerification')}}</span>
             </div>
             <a-form-model-item class="itemModel" prop="verifyDeadline">
               <a-date-picker class="box-input"
-                             :placeholder="$t('PleaseSelect')+$t('verificationAndConformityconfirmation')+$t('time')"
+                             :placeholder="$t('PleaseSelect')+$t('verificationAndVerification')+$t('time')"
                              @change="dateChange({db_field_name:'verifyDeadline'})"
                              format="YYYY-MM-DD"
                              :getCalendarContainer="(trigger) => trigger.parentNode"