diff --git a/jero-web/src/views/projectManagement/components/certificationList/components/addModel.vue b/jero-web/src/views/projectManagement/components/certificationList/components/addModel.vue
index f385f2e98..e1b43a2ac 100644
--- a/jero-web/src/views/projectManagement/components/certificationList/components/addModel.vue
+++ b/jero-web/src/views/projectManagement/components/certificationList/components/addModel.vue
@@ -500,12 +500,12 @@
                                </span>
                       </a-select-option>
                     </a-select>
-<!--                    <j-dict-select-tag class="box-input" v-model="formInline.dutyTerritory"-->
-<!--                                       @input="handleInput('dutyTerritory')"-->
-<!--                                       @changeQuery="handleChange"-->
-<!--                                       :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"-->
-<!--                                       :type="'select'"-->
-<!--                                       :triggerChange="false" :dictCode="'duty_territory'"/>-->
+                    <!--                    <j-dict-select-tag class="box-input" v-model="formInline.dutyTerritory"-->
+                    <!--                                       @input="handleInput('dutyTerritory')"-->
+                    <!--                                       @changeQuery="handleChange"-->
+                    <!--                                       :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"-->
+                    <!--                                       :type="'select'"-->
+                    <!--                                       :triggerChange="false" :dictCode="'duty_territory'"/>-->
                   </a-form-model-item>
                 </div>
               </a-col>
@@ -578,7 +578,7 @@
                           :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
                   </div>
                   <a-form-model-item class="itemModel" prop="deliverableTemplate">
-<!--                    this.$refs.uploadFile.disabled = isTrue-->
+                    <!--                    this.$refs.uploadFile.disabled = isTrue-->
                     <a-button type="primary" class="button-text"
                               @click="clickButtonToUpload('deliverableTemplate')">
                       {{ (formInline.deliverableTemplate === 'null' || formInline.deliverableTemplate === ''
@@ -690,6 +690,22 @@
                 </div>
               </a-col>
             </a-row>
+
+
+            <div class="header-text-text">
+              &nbsp;{{$t('PlatformInformation')}}
+            </div>
+            <!--               v-if='dataList && dataList.length > 0'-->
+            <a-table
+
+              :components="drag(columns,'columns')"
+              :columns="columns"
+              rowKey="id"
+              :scroll="{x: 1000}"
+              :data-source="dataList"
+              :pagination="false"
+              :loading="loading">
+            </a-table>
           </div>
           <!--        <a-row :gutter="24">-->
           <!--          <a-col :span="24">-->
@@ -721,12 +737,14 @@
   import addCodeNumber from './addCodeNumber'
   import PersonnelSelection from '@/components/PersonnelSelection/index'
   import uploadFile from '@/components/uploadFile/file'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
   import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
   import { mapGetters } from 'vuex'
   import moment from 'moment'
 
   export default {
     name: 'addModel',
+    mixins: [ResizeHeader, ResizeColumnProvide],
     components: {
       PersonnelSelection,
       uploadFile,
@@ -734,10 +752,12 @@
     },
     data() {
       return {
+        dataList: [],
         formInline: {},
+        loading: false,
         confirmLoading: false,
         visible: false,
-        disabledType:'',
+        disabledType: '',
         personnelVisible: false,
         yearNameDataList: [],
         firstLevelDutyTerritoryList: [],
@@ -804,13 +824,13 @@
               trigger: 'blur'
             }
           ],
-          remark:[
+          remark: [
             {
               max: 500,
               message: this.$t('remarks') + this.$t('cannotExceed') + 500 + this.$t('Characters'),
               trigger: 'blur'
             }
-          ],
+          ]
         },
         disabled: false,
         flowdisabled: false,
@@ -824,7 +844,30 @@
           edit: '/project/projectCertificationInventoryEO/edit',
           list: '/project/projectLawsInventoryEO/list'
         },
-        engineeringInterfacePersonList: []
+        engineeringInterfacePersonList: [],
+        columns: [
+          {
+            title: this.$t('entryName'),
+            dataIndex: 'projectName',
+            align: 'left',
+            ellipsis: true,
+            width: 120
+          },
+          {
+            title: this.$t('typeOfDeliverables'),
+            dataIndex: 'deliverableTypeName',
+            align: 'left',
+            ellipsis: true,
+            width: 160
+          },
+          {
+            title: this.$t('deliverableTemplate'),
+            dataIndex: 'deliverableTemplate',
+            align: 'left',
+            ellipsis: true,
+            width: 200
+          }
+        ]
       }
     },
     mounted() {
@@ -877,7 +920,7 @@
       },
       DutyDepartChangeOne(event) {
         this.formInline.dutyTerritory = []
-        this.formInline = {...this.formInline}
+        this.formInline = { ...this.formInline }
         this.getDutyTerritoryOne(event.join(','))
       },
       getDutyTerritoryOne(row) {
@@ -923,18 +966,30 @@
         if (value.dutyTerritory && value.dutyTerritory.length > 0) {
           this.queryPersonByProject(value.dutyTerritory.join(','))
         }
-        console.log(value)
-        if(value.projectCertificationInventoryEOS && (value.projectCertificationInventoryEOS.length > 0 || value.projectCertificationInventoryEOS != null)){
+        if (value.projectCertificationInventoryEOS && (value.projectCertificationInventoryEOS.length > 0 || value.projectCertificationInventoryEOS != null)) {
           this.flowdisabled = true
           this.$refs.uploadFile.disabled = true
         }
         this.getRegulationNo()
+        this.getConnectPlatform(this.formInline.id)
         this.title = this.$t('edit')
         this.$nextTick(() => {
           this.formInline = { ...this.formInline }
           this.$refs.ruleForm.clearValidate()
         })
       },
+      getConnectPlatform(id) {
+        let query = {
+          id: id
+        }
+        getAction('/project/projectCertificationInventoryEO/connectPlatform', query).then((res) => {
+          if (res.success) {
+            this.dataList = res.result || []
+          } else {
+            this.dataList = []
+          }
+        })
+      },
       handleCancel() {
         this.visible = false
         this.personnelVisible = false
@@ -1012,9 +1067,9 @@
       DutyDepartChange(index) {
         this.formInline.dataList[index].dutyTerritory = []
         this.formInline = { ...this.formInline }
-        this.getDutyTerritory(this.formInline.dataList[index].dutyDepart.join(','),index)
+        this.getDutyTerritory(this.formInline.dataList[index].dutyDepart.join(','), index)
       },
-      getDutyTerritory(row,index) {
+      getDutyTerritory(row, index) {
         let query = {
           dutyDepart: row
         }
@@ -1024,7 +1079,7 @@
           } else {
             this.formInline.dataList[index].dutyTerritoryList = []
           }
-          this.formInline = {...this.formInline}
+          this.formInline = { ...this.formInline }
         })
       },
       handleInput(value, id, index, array) {
@@ -1299,11 +1354,21 @@
   ::v-deep .ant-form-item-with-help {
     margin-bottom: 25px;
   }
+
   .itemModel-text {
     width: calc(100% - 130px);
     display: inline-block;
     margin-top: 2px;
   }
+
+  .header-text-text {
+    font-size: 16px;
+    font-weight: bold;
+    margin-left: 15px;
+    /*border-bottom: 1px #d9d9d9 dashed;*/
+    height: 30px;
+    margin-bottom: 30px;
+  }
 </style>
 <style>
   .ant-input-disabled {
diff --git a/jero-web/src/views/projectManagement/components/flowstatusdetial.vue b/jero-web/src/views/projectManagement/components/flowstatusdetial.vue
index cb72fef94..366871a62 100644
--- a/jero-web/src/views/projectManagement/components/flowstatusdetial.vue
+++ b/jero-web/src/views/projectManagement/components/flowstatusdetial.vue
@@ -4,7 +4,7 @@
     <a-drawer
       :title="$t('Processdetails')"
       :maskClosable="false"
-      :width="800"
+      :width="1000"
       placement="right"
       :closable="true"
       @close="handleCancel"
@@ -49,271 +49,479 @@
           </a-col>
         </a-row>
         <div style='margin-bottom: 30px'>
-          <div v-for='(item,index) in dataList' :key='index'>
-            <div class='title' :title="item.projectName">{{item.projectName}}</div>
-            <div style='height:100%'>
-              <a-row :gutter="24">
-                <a-col :span="12">
-                  <div class='detail-box'>
-                    <span class='detail-text' :title="$t('ProcessStatus')">{{$t('ProcessStatus')}}</span>
-                    <span class="title-text-text" :title="flag == 'design'?item.designFlowStatusName : item.verifyFlowStatusName">
-                {{flag == 'design'?item.designFlowStatusName : item.verifyFlowStatusName}}</span>
-                  </div>
-                </a-col>
-                <a-col :span="12">
-                </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                <a-col :span="12">
-                  <div class='detail-box'>
-                    <span class='detail-text' :title="$t('Sponsor')">{{$t('Sponsor')}}</span>
-                    <span class="title-text-text" :title="item.createBy">
-                {{item.createBy}}</span>
-                  </div>
-                </a-col>
-                <a-col :span="12">
-                  <div class='detail-box'>
-                    <span class='detail-text' :title="$t('personLiable')">{{$t('personLiable')}}</span>
-                    <span class="title-text-text" :title="flag == 'design'?item.designDutyIdName : item.verifyDutyIdName">
-                {{flag == 'design'?item.designDutyIdName : item.verifyDutyIdName}}</span>
-                  </div>
-                </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                <a-col :span="12">
-                  <div class='detail-box'>
-                    <span class='detail-text' :title="$t('statisticalNodes')">{{$t('statisticalNodes')}}</span>
-                    <span class="title-text-text" :title="item.dutyDepart">
-                {{item.dutyDepart}}</span>
-                  </div>
-                </a-col>
-                <a-col :span="12">
-                  <div class='detail-box'>
-                    <span class='detail-text' :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
-                    <span class="title-text-text" :title="item.dutyTerritory_dictText">
-                {{item.dutyTerritory_dictText}}</span>
-                  </div>
-                </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                <a-col :span="12">
-                  <div class='detail-box'>
-                    <span class='detail-text' :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
-                    <a style='color:#00B3BE' class="title-text-text text-operation" @click="down(flag == 'design'?item.designDeliverableTemplate : item.verifyDeliverableTemplate),flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName" :title="flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName">
-                      {{flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName }}</a>
-                  </div>
-                </a-col>
-                <a-col :span="12">
-                  <div class='detail-box'>
-                    <span class='detail-text' :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
-                    <span class="title-text-text" :title="flag == 'design'?item.designDeliverableTypeName : item.verifyDeliverableTypeName">
-                {{flag == 'design'?item.designDeliverableTypeName : item.verifyDeliverableTypeName}}</span>
-                  </div>
-                </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                <a-col :span="24">
-                  <div class='detail-box' style='display:flex'>
-                    <span class='detail-text' :title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>
-                    <span class="title-text-description" :title="flag == 'design'?item.designRemark : item.verifyRemark">
-                {{flag == 'design'?item.designRemark : item.verifyRemark}}</span>
-                  </div>
-                </a-col>
-              </a-row>
-            </div>
-          </div>
+          <a-table
+            v-if='dataList && dataList.length > 0'
+            :components="drag(columns,'columns')"
+            :columns="columns"
+            rowKey="id"
+            :scroll="{x: 1000}"
+            :data-source="dataList"
+            :pagination="false"
+            :loading="loading">
+            <span slot="ProcessStatus"
+                  :title="flag == 'design'?record.designFlowStatusName : record.verifyFlowStatusName"
+                  slot-scope="text,record">
+                  <a @click="processStatusClick(record,flag == 'design'?$t('designComplianceProcess') : $t('validationComplianceProcess'))">
+                    {{flag == 'design'?record.designFlowStatusName : record.verifyFlowStatusName}}
+                  </a>
+            </span>
+
+            <span slot="personLiable"
+                  :title="flag == 'design'?record.designDutyIdName : record.verifyDutyIdName"
+                  slot-scope="text,record">
+                  {{flag == 'design'?record.designDutyIdName : record.verifyDutyIdName}}
+            </span>
+
+            <span slot="deliverableTemplate"
+                  :title="flag == 'design'?record.designDeliverableTemplateName : record.verifyDeliverableTemplateName"
+                  slot-scope="text,record">
+              <a style='color:#00B3BE;cursor: pointer'
+                 @click="down(flag == 'design'?record.designDeliverableTemplate : record.verifyDeliverableTemplate,flag == 'design'?record.designDeliverableTemplateName : record.verifyDeliverableTemplateName)">
+                    {{flag == 'design'?record.designDeliverableTemplateName : record.verifyDeliverableTemplateName}}
+              </a>
+            </span>
+
+            <span slot="typeOfDeliverables"
+                  :title="flag == 'design'?record.designDeliverableTypeName : record.verifyDeliverableTypeName"
+                  slot-scope="text,record">
+                  {{flag == 'design'?record.designDeliverableTypeName : record.verifyDeliverableTypeName}}
+            </span>
+
+            <span slot="descriptionDeliverables"
+                  :title="flag == 'design'?record.designRemark : record.verifyRemark"
+                  slot-scope="text,record">
+                  {{flag == 'design'?record.designRemark : record.verifyRemark}}
+            </span>
+            <span slot="deliveryDate"
+                  :title="flag == 'design'?record.designDueDate : record.verifyDueDate"
+                  slot-scope="text,record">
+                  {{flag == 'design'?record.designDueDate : record.verifyDueDate}}
+            </span>
+          </a-table>
+          <!--          <div v-for='(item,index) in dataList' :key='index'>-->
+          <!--            <div class='title' :title="item.projectName">{{item.projectName}}</div>-->
+          <!--            <div style='height:100%'>-->
+          <!--              <a-row :gutter="24">-->
+          <!--                <a-col :span="12">-->
+          <!--                  <div class='detail-box'>-->
+          <!--                    <span class='detail-text' :title="$t('ProcessStatus')">{{$t('ProcessStatus')}}</span>-->
+          <!--                    <span class="title-text-text"-->
+          <!--                          :title="flag == 'design'?item.designFlowStatusName : item.verifyFlowStatusName">-->
+          <!--                {{flag == 'design'?item.designFlowStatusName : item.verifyFlowStatusName}}</span>-->
+          <!--                  </div>-->
+          <!--                </a-col>-->
+          <!--                <a-col :span="12">-->
+          <!--                </a-col>-->
+          <!--              </a-row>-->
+          <!--              <a-row :gutter="24">-->
+          <!--                <a-col :span="12">-->
+          <!--                  <div class='detail-box'>-->
+          <!--                    <span class='detail-text' :title="$t('Sponsor')">{{$t('Sponsor')}}</span>-->
+          <!--                    <span class="title-text-text" :title="item.createBy">-->
+          <!--                {{item.createBy}}</span>-->
+          <!--                  </div>-->
+          <!--                </a-col>-->
+          <!--                <a-col :span="12">-->
+          <!--                  <div class='detail-box'>-->
+          <!--                    <span class='detail-text' :title="$t('personLiable')">{{$t('personLiable')}}</span>-->
+          <!--                    <span class="title-text-text"-->
+          <!--                          :title="flag == 'design'?item.designDutyIdName : item.verifyDutyIdName">-->
+          <!--                {{flag == 'design'?item.designDutyIdName : item.verifyDutyIdName}}</span>-->
+          <!--                  </div>-->
+          <!--                </a-col>-->
+          <!--              </a-row>-->
+          <!--              <a-row :gutter="24">-->
+          <!--                <a-col :span="12">-->
+          <!--                  <div class='detail-box'>-->
+          <!--                    <span class='detail-text' :title="$t('statisticalNodes')">{{$t('statisticalNodes')}}</span>-->
+          <!--                    <span class="title-text-text" :title="item.dutyDepart">-->
+          <!--                {{item.dutyDepart}}</span>-->
+          <!--                  </div>-->
+          <!--                </a-col>-->
+          <!--                <a-col :span="12">-->
+          <!--                  <div class='detail-box'>-->
+          <!--                    <span class='detail-text' :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>-->
+          <!--                    <span class="title-text-text" :title="item.dutyTerritory_dictText">-->
+          <!--                {{item.dutyTerritory_dictText}}</span>-->
+          <!--                  </div>-->
+          <!--                </a-col>-->
+          <!--              </a-row>-->
+          <!--              <a-row :gutter="24">-->
+          <!--                <a-col :span="12">-->
+          <!--                  <div class='detail-box'>-->
+          <!--                    <span class='detail-text' :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>-->
+          <!--                    <a style='color:#00B3BE' class="title-text-text text-operation"-->
+          <!--                       @click="down(flag == 'design'?item.designDeliverableTemplate : item.verifyDeliverableTemplate),flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName"-->
+          <!--                       :title="flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName">-->
+          <!--                      {{flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName }}</a>-->
+          <!--                  </div>-->
+          <!--                </a-col>-->
+          <!--                <a-col :span="12">-->
+          <!--                  <div class='detail-box'>-->
+          <!--                    <span class='detail-text' :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>-->
+          <!--                    <span class="title-text-text"-->
+          <!--                          :title="flag == 'design'?item.designDeliverableTypeName : item.verifyDeliverableTypeName">-->
+          <!--                {{flag == 'design'?item.designDeliverableTypeName : item.verifyDeliverableTypeName}}</span>-->
+          <!--                  </div>-->
+          <!--                </a-col>-->
+          <!--              </a-row>-->
+          <!--              <a-row :gutter="24">-->
+          <!--                <a-col :span="24">-->
+          <!--                  <div class='detail-box' style='display:flex'>-->
+          <!--                    <span class='detail-text'-->
+          <!--                          :title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>-->
+          <!--                    <span class="title-text-description"-->
+          <!--                          :title="flag == 'design'?item.designRemark : item.verifyRemark">-->
+          <!--                {{flag == 'design'?item.designRemark : item.verifyRemark}}</span>-->
+          <!--                  </div>-->
+          <!--                </a-col>-->
+          <!--              </a-row>-->
+          <!--            </div>-->
+          <!--          </div>-->
         </div>
 
       </a-spin>
       <div class="drawer-bootom-button">
         <a-button style="margin-right: 8px" @click="handleCancel">{{$t('close')}}</a-button>
-<!--        <a-button type="primary" @click="handleSubmit" :loading="confirmLoading">{{$t('submit')}}</a-button>-->
+        <!--        <a-button type="primary" @click="handleSubmit" :loading="confirmLoading">{{$t('submit')}}</a-button>-->
       </div>
     </a-drawer>
     <uploadFile ref="uploadFile" :acceptcode="acceptcode" @uploadSuccess="uploadSuccess"/>
+    <designCompliance ref="designComplianceRef"/>
   </div>
 
 </template>
 
 <script>
-import { getAction, postAction,downloadFile } from '@/api/manage'
-import uploadFile from '@/components/uploadFile/file'
-import { mapGetters } from 'vuex'
+  import { getAction, postAction, downloadFile } from '@/api/manage'
+  import uploadFile from '@/components/uploadFile/file'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+  import designCompliance from '../../toDoCenter/projectRegulationTasks/components/designCompliance'
+  import { mapGetters } from 'vuex'
 
-export default {
-  name:"addModel",
-  components:{
-    uploadFile
-  },
-  data() {
-    return {
-      visible: false,
-      disabled: false,
-      showButton:false,
-      confirmLoading: false,
-      acceptcode:'',
-      projectNameList: [],
-      DeliverableTreeList: [],
-      form:{
-        serialNumber:'',
-        title:'',
-        subtitle:'',
-        applicableSupplement:'',
-        influencestatuteEu:'',
-      },
-      dataList:[],
-      url:{
-        addModel:''
-      },
-      record:{},
-      car:'',
-      flag:'',
-    }
-  },
-  mounted() {
-
-  },
-  methods: {
-    ...mapGetters(['userInfo']),
-    addModel(row, name) {
-      this.form.serialNumber = row.serialNumber
-      this.form.title = row.title
-      this.form.subtitle = row.subtitle
-      this.form.applicableSupplement = row.applicableSupplement
-      this.flag = name == this.$t('designComplianceProcess') ? 'design' :'verify'
-      this.visible = true
-      this.confirmLoading = true
-      getAction('/project/projectLawsInventoryEO/queryPlatformList', { lawsInventoryId: row.id , flowFlag:this.flag}).then((res) => {
-        if (res.success) {
-          this.dataList = res.result || []
-          this.confirmLoading = false
-        }
-      })
+  export default {
+    name: 'addModel',
+    components: {
+      uploadFile,
+      designCompliance
     },
-    handleCancel() {
-      this.form = {}
-      this.dataList = []
-      this.visible = false
-    },
-    /** 上传文件的回调 */
-    uploadSuccess(data) {
-      let attIdList = []
-      if (data && data.length > 0) {
-        data.map(item => {
-          attIdList.push(item.id || data.name)
-        })
+    mixins: [ResizeHeader, ResizeColumnProvide],
+    data() {
+      return {
+        columns: [
+          {
+            title: this.$t('entryName'),
+            dataIndex: 'projectName',
+            align: 'left',
+            ellipsis: true,
+            width: 200
+          },
+          {
+            title: this.$t('Sponsor'),
+            dataIndex: 'createBy',
+            align: 'left',
+            ellipsis: true,
+            width: 120
+          },
+          {
+            title: this.$t('personLiable'),
+            align: 'left',
+            dataIndex: 'personLiable',
+            ellipsis: true,
+            width: 120,
+            scopedSlots: { customRender: 'personLiable' }
+          },
+          {
+            title: this.$t('statisticalNodes'),
+            dataIndex: 'dutyDepart',
+            align: 'left',
+            ellipsis: true,
+            width: 120
+          },
+          {
+            title: this.$t('areaOfResponsibility'),
+            dataIndex: 'dutyTerritory_dictText',
+            align: 'left',
+            ellipsis: true,
+            width: 120
+          },
+          // {
+          //   title: this.$t('deliverableTemplate'),
+          //   align: 'left',
+          //   ellipsis: true,
+          //   width: 200,
+          //   scopedSlots: { customRender: 'deliverableTemplate' }
+          // },
+          {
+            title: this.$t('typeOfDeliverables'),
+            align: 'left',
+            dataIndex: 'typeOfDeliverables',
+            ellipsis: true,
+            width: 140,
+            scopedSlots: { customRender: 'typeOfDeliverables' }
+          },
+          {
+            title: this.$t('deliveryDate'),
+            align: 'left',
+            ellipsis: true,
+            dataIndex: 'deliveryDate',
+            width: 140,
+            scopedSlots: { customRender: 'deliveryDate' }
+          },
+          // {
+          //   title: this.$t('descriptionDeliverables'),
+          //   align: 'left',
+          //   ellipsis: true,
+          //   width: 200,
+          //   scopedSlots: { customRender: 'descriptionDeliverables' }
+          // },
+          {
+            title: this.$t('ProcessStatus'),
+            align: 'left',
+            ellipsis: true,
+            width: 120,
+            scopedSlots: { customRender: 'ProcessStatus' }
+          },
+        ],
+        loading: false,
+        visible: false,
+        disabled: false,
+        showButton: false,
+        confirmLoading: false,
+        acceptcode: '',
+        projectNameList: [],
+        DeliverableTreeList: [],
+        form: {
+          serialNumber: '',
+          title: '',
+          subtitle: '',
+          applicableSupplement: '',
+          influencestatuteEu: ''
+        },
+        dataList: [],
+        url: {
+          addModel: ''
+        },
+        record: {},
+        car: '',
+        flag: ''
       }
-      /** 赋值给当前对应的表单文件 */
-      this.formInline[this.uploadName] = attIdList.join(',')
-      this.formInline = { ...this.formInline }
     },
-    down(id,name){
-      downloadFile('/sys/common/downLoadFile', name, { id: id })
+    mounted() {
+
     },
+    methods: {
+      ...mapGetters(['userInfo']),
+      addModel(row, name) {
+        this.form.serialNumber = row.serialNumber
+        this.form.title = row.title
+        this.form.subtitle = row.subtitle
+        this.form.applicableSupplement = row.applicableSupplement
+        this.flag = name == this.$t('designComplianceProcess') ? 'design' : 'verify'
+        this.visible = true
+        this.confirmLoading = true
+        getAction('/project/projectLawsInventoryEO/queryPlatformList', {
+          lawsInventoryId: row.id,
+          flowFlag: this.flag
+        }).then((res) => {
+          if (res.success) {
+            this.dataList = res.result || []
+            this.confirmLoading = false
+          }
+        })
+      },
+      handleCancel() {
+        this.form = {}
+        this.dataList = []
+        this.visible = false
+      },
+      /** 上传文件的回调 */
+      uploadSuccess(data) {
+        let attIdList = []
+        if (data && data.length > 0) {
+          data.map(item => {
+            attIdList.push(item.id || data.name)
+          })
+        }
+        /** 赋值给当前对应的表单文件 */
+        this.formInline[this.uploadName] = attIdList.join(',')
+        this.formInline = { ...this.formInline }
+      },
+      down(id, name) {
+        downloadFile('/sys/common/downLoadFile', name, { id: id })
+      },
+      processStatusClick(row, name){
+        let query = {}
+        let TaskKey = ''
+        if (name == this.$t('designComplianceProcess')) {
+          if (row.designFlowStatus == 'Task to be confirmed' || row.designFlowStatus == 'Duty Person Rejected') {
+            TaskKey = 'zrrqr'
+          } else if (row.designFlowStatus == 'Results to be submitted' || row.designFlowStatus == 'Non-Compliance' || row.designFlowStatus == 'To be tracked') {
+            TaskKey = 'zrrtjjfw'
+          } else if (row.designFlowStatus == 'Results to be reviewed' ||
+            row.designFlowStatus == 'Compliance' ||
+            row.designFlowStatus == 'NA') {
+            TaskKey = 'fggcssh'
+          }
+          query = {
+            actiProcInstId: row.designPId,
+            projectTaskInventoryId: row.id,
+            projectLibraryId: row.projectLibraryId,
+            TaskKey: TaskKey,
+            isDisplay: false,
+            flowType: 2,
+            Sponsor: 'regulationOwnerName',
+            personLiable: 'designDutyIdName',
+            typeOfDeliverables: 'designDeliverableTypeName',
+            deliverableTemplate: 'designDeliverableTemplate',
+            DueDate: 'designDueDate',
+            remarks: 'designRemark',
+            projectName: row.projectName,
+            targetMarket: row.targetMarket,
+            projectNameId: row.projectNameId,
+            primaryKeyId: row.primaryKeyId
+          }
+        } else {
+          if (row.verifyFlowStatus == 'Task to be confirmed' || row.verifyFlowStatus == 'Duty Person Rejected') {
+            TaskKey = 'zrrqr'
+          } else if (row.verifyFlowStatus == 'Results to be submitted' || row.verifyFlowStatus == 'Non-Compliance' || row.verifyFlowStatus == 'To be tracked') {
+            TaskKey = 'zrrtjjfw'
+          } else if (row.verifyFlowStatus == 'Results to be reviewed' ||
+            row.verifyFlowStatus == 'Compliance' ||
+            row.verifyFlowStatus == 'NA') {
+            TaskKey = 'fggcssh'
+          }
+          query = {
+            actiProcInstId: row.verifyPId,
+            projectTaskInventoryId: row.id,
+            projectLibraryId: row.projectLibraryId,
+            TaskKey: TaskKey,
+            flowType: 4,
+            isDisplay: false,
+            Sponsor: 'regulationOwnerName',
+            personLiable: 'verifyDutyIdName',
+            typeOfDeliverables: 'verifyDeliverableTypeName',
+            deliverableTemplate: 'verifyDeliverableTemplate',
+            DueDate: 'verifyDueDate',
+            remarks: 'verifyRemark',
+            projectName: row.projectName,
+            targetMarket: row.targetMarket,
+            projectNameId: row.projectNameId,
+            primaryKeyId: row.primaryKeyId
+          }
+        }
+        this.$refs.designComplianceRef.getList(JSON.parse(JSON.stringify(query)), name)
+      },
+    }
   }
-}
 </script>
 
 <style scoped>
-.title{
-  font-size: 16px;
-  font-weight: bold;
-  margin-bottom: 20px;
-}
-.box-title-text {
-  line-height: 1.4;
-  display: flex;
-  /*align-items: center;*/
-}
-.detail-box{
-  width: 100%;
-  height: 100%;
-  margin-bottom: 20px;
-  position: relative;
-}
-.detail-text{
-  height: 100%;
-  display: inline-block;
-  font-size: 14px;
-  color: #6F7385;
-  width: 120px;
-  overflow: hidden; /*超出部分隐藏*/
-  text-overflow: ellipsis; /*超出部分省略号表示*/
-  white-space: nowrap; /*强制单行显示*/
-  display: inline-block; /*转换为行内块元素*/
-}
-.title-text-text{
-  display: inline-block;
-  position: absolute;
-  left: 33%;
-  font-size: 14px;
-  color: #040B29;
-  width: 60%;
-  overflow: hidden; /*超出部分隐藏*/
-  text-overflow: ellipsis; /*超出部分省略号表示*/
-  white-space: nowrap; /*强制单行显示*/
-  display: inline-block; /*转换为行内块元素*/
-}
-.title-text-description{
-  display: inline-block;
-  width: 80%;
-  margin: 10px;
-  font-size: 14px;
-  color: #040B29;
-}
-.title-text {
-  width: 250px;
-  text-align: right;
-  display: inline-block;
-  font-weight: 500;
-  font-size: 14px;
-  margin-right: 16px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  height: 42px;
-  line-height: 48px;
-}
+  .title {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 20px;
+  }
 
-.box-input {
-  display: inline-block;
-  height: 38px;
-  width: 100%;
-}
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    /*align-items: center;*/
+  }
 
-.itemModel {
-  width: calc(100% - 130px);
-  display: inline-block;
-  margin-top: 2px;
-  min-height: 40px;
-  margin-bottom: 24px;
-}
+  .detail-box {
+    width: 100%;
+    height: 100%;
+    margin-bottom: 20px;
+    position: relative;
+  }
 
-.Required {
-  color: red;
-  margin-right: 4px;
-}
+  .detail-text {
+    height: 100%;
+    display: inline-block;
+    font-size: 14px;
+    color: #6F7385;
+    width: 120px;
+    overflow: hidden; /*超出部分隐藏*/
+    text-overflow: ellipsis; /*超出部分省略号表示*/
+    white-space: nowrap; /*强制单行显示*/
+    display: inline-block; /*转换为行内块元素*/
+  }
 
-.header-text {
-  font-size: 16px;
-  font-weight: 500;
-}
+  .title-text-text {
+    display: inline-block;
+    position: absolute;
+    left: 33%;
+    font-size: 14px;
+    color: #040B29;
+    width: 60%;
+    overflow: hidden; /*超出部分隐藏*/
+    text-overflow: ellipsis; /*超出部分省略号表示*/
+    white-space: nowrap; /*强制单行显示*/
+    display: inline-block; /*转换为行内块元素*/
+  }
 
-.drawer-bootom-button {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  z-index: 100;
-  border-top: 1px solid #e8e8e8;
-  padding: 10px 16px;
-  text-align: right;
-  left: 0;
-  background: #fff;
-  border-radius: 0 0 2px 2px;
-}
+  .title-text-description {
+    display: inline-block;
+    width: 80%;
+    margin: 10px;
+    font-size: 14px;
+    color: #040B29;
+  }
 
-.icon-text {
-  font-size: 16px;
-  margin-right: 4px;
-}
+  .title-text {
+    width: 250px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 48px;
+  }
+
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+    min-height: 40px;
+    margin-bottom: 24px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .header-text {
+    font-size: 16px;
+    font-weight: 500;
+  }
+
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    z-index: 100;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+
+  .icon-text {
+    font-size: 16px;
+    margin-right: 4px;
+  }
 </style>
\ No newline at end of file