diff --git a/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue b/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
index 26bb62de4..8865201e3 100644
--- a/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
+++ b/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
@@ -126,6 +126,33 @@
               <a-icon type="setting"/>
               {{$t('batSetting')}}
             </div>
+<!--            自定义表头-->
+            <a-popconfirm :visible="customizevisible" overlayClassName='popconfirmmize' placement="bottomRight" >
+              <template slot="title" id="popconfirmmize">
+                <div style="height:320px;overflow:scroll;overflow-x: auto;">
+                  <a-checkbox
+                    style='margin-bottom: 22px;'
+                    v-if="customizeList && customizeList.length"
+                    v-model="checkAll"
+                    :indeterminate="indeterminate"
+                    @change="onCheckAllChange"
+                  >{{$t('selectAll')}}
+                  </a-checkbox>
+                  <a-checkbox-group @change="onChange" v-model="checkedList" class="customize-text">
+                    <a-checkbox class="customize-text-title" :disabled='item.disabled' v-for="(item, key) in customizeList" :key="key" :value="item.field">{{ item.name }}
+                    </a-checkbox>
+                  </a-checkbox-group>
+                  <div class="drawer-bootom-button">
+                    <a-button @click="cancel" style="margin-right: 16px">{{$t('cancel')}}</a-button>
+                    <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('determine')}}</a-button>
+                  </div>
+                </div>
+              </template>
+              <div class="operator-text" style="position: relative" @click='getcustomize'>
+                <a-icon type="setting"/>
+                {{ $t('customize') }}
+              </div>
+            </a-popconfirm>
             <!--            调取-->
 <!--            v-if="isTrue"-->
             <div @click="transferClick"
@@ -154,8 +181,9 @@
           <div style="width: 100%">
             <a-table
               ref="table"
-              class="ant-table tableList"
               :loading="loading"
+              :components="drag(columns,'columnsAll')"
+              class="customizetable"
               :pagination="false"
               :scroll="{x: '100%',y:'calc(100vh - 356px)'}"
               rowKey="id"
@@ -278,6 +306,7 @@
   import transferList from './transferList'
   import transferListvirtal from './transferListvirtal'
   import { getAction, postAction, downloadFile } from '@/api/manage'
+  import {ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
   import { Base64 } from 'js-base64'
   import { mapGetters } from 'vuex'
 
@@ -293,6 +322,7 @@
       batSetting,
       globalAdvancedQuery
     },
+    mixins: [ResizeColumnProvide,ResizeHeader],
     data() {
       return {
         title: '维护虚拟清单',
@@ -337,14 +367,14 @@
         },
         loading: false,
         dataSource: [],
-        columnsAll: [
+        column: [
           {
             title: this.$t('standard'),
             align: 'left',
             dataIndex: 'serialNumber',
             width: 180,
-            sorter:true,
             fixed: 'left',
+            sorter:true,
             scopedSlots: { customRender: 'standard' }
           },
           {
@@ -359,61 +389,86 @@
             title: this.$t('subtitle'),
             align: 'left',
             dataIndex: 'subtitle',
+            ellipsis: true,
+            width: 180
+          },
+          {
+            title: this.$t('listConfirmationStatus'),
+            align: 'left',
+            dataIndex: 'inventoryAffirmStatusName',
+            width: 240,
+            sorter:true,
+            ellipsis: true
+          },
+          {
+            title: this.$t('taskAffirmStatus'),
+            align: 'left',
+            sorter:true,
+            dataIndex: 'taskAffirmStatusName',
+            width: 240,
+            ellipsis: true
+          },
+          // {
+          //   title: this.$t('taskReleaseStatus'),
+          //   align: 'center',
+          //   dataIndex: 'taskReleaseStatus'
+          // },
+          {
+            title: this.$t('zoneOfApplication'),
+            align: 'left',
+            dataIndex: 'region_dictText',
             width: 180,
             ellipsis: true
           },
-          {
-            title: this.$t('zoneOfApplication'),
-            align: 'left',
-            width: 150,
-            ellipsis: true,
-            dataIndex: 'region_dictText'
-          },
-          {
-            title: this.$t('scopeOfApplication'),
-            align: 'left',
-            width: 180,
-            ellipsis: true,
-            sorter:true,
-            dataIndex: 'shi4Yong4Fan4Wei2_dictText'
-          },
-          {
-            title: this.$t('status'),
-            align: 'left',
-            width: 100,
-            ellipsis: true,
-            sorter:true,
-            dataIndex: 'state_dictText'
-          },
           {
             title: this.$t('correspondingStandard'),
             align: 'left',
-            width: 140,
-            ellipsis: true,
-            dataIndex: 'correspondingStandard'
+            dataIndex: 'correspondingStandard',
+            width: 180,
+            ellipsis: true
           },
           {
             title: this.$t('implementationCategory'),
             align: 'left',
-            width: 140,
-            ellipsis: true,
-            dataIndex: 'implementType_dictText'
+            dataIndex: 'implementType_dictText',
+            width: 180,
+            ellipsis: true
           },
           {
             title: this.$t('ImplementationDate'),
             align: 'left',
             width: 200,
-            ellipsis: true,
-            sorter:true,
-            dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
+            dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1',
+            ellipsis: true
           },
           {
             title: this.$t('vehicleInProductionDate'),
             align: 'left',
-            width: 210,
-            ellipsis: true,
+            width: 220,
+            dataIndex: 'implementTime',
+            ellipsis: true
+          },
+          {
+            title: this.$t('certificationType'),
+            align: 'left',
+            dataIndex: 'attestationType_dictText',
+            width: 180,
+            ellipsis: true
+          },
+          {
+            title: this.$t('certificationLevel'),
+            align: 'left',
+            dataIndex: 'attestationRank_dictText',
+            width: 180,
             sorter:true,
-            dataIndex: 'implementTime'
+            ellipsis: true
+          },
+          {
+            title: this.$t('applicableSupplement'),
+            align: 'left',
+            width: 220,
+            dataIndex: 'applicableSupplement',
+            ellipsis: true
           },
           {
             title: 'WVTA ID',
@@ -423,42 +478,37 @@
             sorter:true,
             ellipsis: true
           },
-          {
-            title: this.$t('certificationType'),
-            align: 'left',
-            width: 180,
-            ellipsis: true,
-            dataIndex: 'attestationType_dictText'
-          },
-          {
-            title: this.$t('certificationLevel'),
-            align: 'left',
-            width: 200,
-            ellipsis: true,
-            sorter:true,
-            dataIndex: 'attestationRank_dictText'
-          },
-          {
-            title: this.$t('applicableSupplement'),
-            align: 'left',
-            width: 200,
-            ellipsis: true,
-            dataIndex: 'applicableSupplement'
-          },
-          {
-            title: this.$t('technicalField'),
-            align: 'left',
-            width: 180,
-            ellipsis: true,
-            dataIndex: 'technologyTerritoryName'
-          },
           {
             title: this.$t('areaOfResponsibility'),
             align: 'left',
-            width: 180,
             ellipsis: true,
             sorter:true,
-            dataIndex: 'dutyTerritory_dictText'
+            dataIndex: 'dutyTerritory_dictText',
+            width: 180
+          },
+          {
+            title: this.$t('regulatoryEngineer'),
+            align: 'left',
+            ellipsis: true,
+            sorter:true,
+            dataIndex: 'regulationOwnerName',
+            width: 180
+          },
+          {
+            title: this.$t('certifiedEngineer'),
+            align: 'left',
+            ellipsis: true,
+            sorter:true,
+            dataIndex: 'homologationEngineerName',
+            width: 180
+          },
+          {
+            title: this.$t('engineeringInterfacePerson'),
+            align: 'left',
+            ellipsis: true,
+            sorter:true,
+            dataIndex: 'engineeringInterfacePersonName',
+            width: 180
           },
           {
             title: this.$t('remarks'),
@@ -467,32 +517,37 @@
             width: 180,
             ellipsis: true
           },
-
           {
             title: this.$t('confirmationOfDesignConformity'),
             children: [
               {
-                // TODO 未按要求实现，该列分为上下行，上行显示交付物类型，下行显示交付物模板名称，且交付物模板名称点击可下载。其他2个流程同理
                 title: this.$t('Deliverables'),
                 dataIndex: 'designDeliverableTemplateName',
-                ellipsis: true,
                 align: 'left',
                 width: 180,
+                ellipsis: true,
                 scopedSlots: { customRender: 'designDeliverableTemplateName' }
               },
               {
                 title: this.$t('Sponsor'),
-                dataIndex: 'designInitiator_dictText',
+                dataIndex: 'designInitiatorName',
+                align: 'left',
                 width: 180,
-                ellipsis: true,
-                align: 'left'
+                ellipsis: true
               },
               {
                 title: this.$t('personLiable'),
-                dataIndex: 'designDuty_dictText',
+                dataIndex: 'designDutyName',
+                align: 'left',
                 width: 180,
+                ellipsis: true
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'designDueDate',
+                align: 'left',
                 ellipsis: true,
-                align: 'left'
+                width: 140
               },
               {
                 title: this.$t('descriptionDeliverables'),
@@ -509,24 +564,31 @@
               {
                 title: this.$t('Deliverables'),
                 dataIndex: 'prehomoDeliverableTemplateName',
-                ellipsis: true,
                 align: 'left',
                 width: 180,
+                ellipsis: true,
                 scopedSlots: { customRender: 'prehomoDeliverableTemplateName' }
               },
               {
                 title: this.$t('Sponsor'),
-                dataIndex: 'prehomoInitiator_dictText',
+                dataIndex: 'prehomoInitiatorName',
+                align: 'left',
                 width: 180,
-                ellipsis: true,
-                align: 'left'
+                ellipsis: true
               },
               {
                 title: this.$t('personLiable'),
-                dataIndex: 'prehomoDuty_dictText',
+                dataIndex: 'prehomoDutyName',
+                align: 'left',
                 width: 180,
-                ellipsis: true,
-                align: 'left'
+                ellipsis: true
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'prehomoDueDate',
+                align: 'left',
+                width: 140,
+                ellipsis: true
               },
               {
                 title: this.$t('descriptionDeliverables'),
@@ -543,25 +605,32 @@
               {
                 title: this.$t('Deliverables'),
                 dataIndex: 'verifyDeliverableTemplateName',
-                ellipsis: true,
                 align: 'left',
                 width: 180,
+                ellipsis: true,
                 scopedSlots: { customRender: 'verifyDeliverableTemplateName' }
               },
               {
                 title: this.$t('Sponsor'),
-                dataIndex: 'verifyInitiator_dictText',
-                width: 180,
+                dataIndex: 'verifyInitiatorName',
                 align: 'left',
+                width: 180,
                 ellipsis: true
               },
               {
                 title: this.$t('personLiable'),
-                dataIndex: 'verifyDuty_dictText',
-                width: 180,
+                dataIndex: 'verifyDutyName',
                 align: 'left',
+                width: 180,
                 ellipsis: true
               },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'verifyDueDate',
+                align: 'left',
+                ellipsis: true,
+                width: 140
+              },
               {
                 title: this.$t('descriptionDeliverables'),
                 dataIndex: 'verifyRemark',
@@ -575,9 +644,597 @@
             title: this.$t('operation'),
             align: 'left',
             fixed: 'right',
-            width: 140,
+            width: 240,
             scopedSlots: { customRender: 'operation' }
-          }
+          },
+        ],
+        columnsAll: [],
+        // columnsAll: [
+        //   {
+        //     title: this.$t('standard'),
+        //     align: 'left',
+        //     dataIndex: 'serialNumber',
+        //     width: 180,
+        //     sorter:true,
+        //     fixed: 'left',
+        //     scopedSlots: { customRender: 'standard' }
+        //   },
+        //   {
+        //     title: this.$t('title'),
+        //     align: 'left',
+        //     dataIndex: 'title',
+        //     width: 180,
+        //     fixed: 'left',
+        //     scopedSlots: { customRender: 'titleName' }
+        //   },
+        //   {
+        //     title: this.$t('subtitle'),
+        //     align: 'left',
+        //     dataIndex: 'subtitle',
+        //     width: 180,
+        //     ellipsis: true
+        //   },
+        //   {
+        //     title: this.$t('zoneOfApplication'),
+        //     align: 'left',
+        //     width: 150,
+        //     ellipsis: true,
+        //     dataIndex: 'region_dictText'
+        //   },
+        //   {
+        //     title: this.$t('scopeOfApplication'),
+        //     align: 'left',
+        //     width: 180,
+        //     ellipsis: true,
+        //     sorter:true,
+        //     dataIndex: 'shi4Yong4Fan4Wei2_dictText'
+        //   },
+        //   {
+        //     title: this.$t('status'),
+        //     align: 'left',
+        //     width: 100,
+        //     ellipsis: true,
+        //     sorter:true,
+        //     dataIndex: 'state_dictText'
+        //   },
+        //   {
+        //     title: this.$t('correspondingStandard'),
+        //     align: 'left',
+        //     width: 140,
+        //     ellipsis: true,
+        //     dataIndex: 'correspondingStandard'
+        //   },
+        //   {
+        //     title: this.$t('implementationCategory'),
+        //     align: 'left',
+        //     width: 140,
+        //     ellipsis: true,
+        //     dataIndex: 'implementType_dictText'
+        //   },
+        //   {
+        //     title: this.$t('ImplementationDate'),
+        //     align: 'left',
+        //     width: 200,
+        //     ellipsis: true,
+        //     sorter:true,
+        //     dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
+        //   },
+        //   {
+        //     title: this.$t('vehicleInProductionDate'),
+        //     align: 'left',
+        //     width: 210,
+        //     ellipsis: true,
+        //     sorter:true,
+        //     dataIndex: 'implementTime'
+        //   },
+        //   {
+        //     title: 'WVTA ID',
+        //     align: 'left',
+        //     dataIndex: 'wvtaId',
+        //     width: 180,
+        //     sorter:true,
+        //     ellipsis: true
+        //   },
+        //   {
+        //     title: this.$t('certificationType'),
+        //     align: 'left',
+        //     width: 180,
+        //     ellipsis: true,
+        //     dataIndex: 'attestationType_dictText'
+        //   },
+        //   {
+        //     title: this.$t('certificationLevel'),
+        //     align: 'left',
+        //     width: 200,
+        //     ellipsis: true,
+        //     sorter:true,
+        //     dataIndex: 'attestationRank_dictText'
+        //   },
+        //   {
+        //     title: this.$t('applicableSupplement'),
+        //     align: 'left',
+        //     width: 200,
+        //     ellipsis: true,
+        //     dataIndex: 'applicableSupplement'
+        //   },
+        //   {
+        //     title: this.$t('technicalField'),
+        //     align: 'left',
+        //     width: 180,
+        //     ellipsis: true,
+        //     dataIndex: 'technologyTerritoryName'
+        //   },
+        //   {
+        //     title: this.$t('areaOfResponsibility'),
+        //     align: 'left',
+        //     width: 180,
+        //     ellipsis: true,
+        //     sorter:true,
+        //     dataIndex: 'dutyTerritory_dictText'
+        //   },
+        //   {
+        //     title: this.$t('remarks'),
+        //     align: 'left',
+        //     dataIndex: 'remark',
+        //     width: 180,
+        //     ellipsis: true
+        //   },
+        //
+        //   {
+        //     title: this.$t('confirmationOfDesignConformity'),
+        //     children: [
+        //       {
+        //         // TODO 未按要求实现，该列分为上下行，上行显示交付物类型，下行显示交付物模板名称，且交付物模板名称点击可下载。其他2个流程同理
+        //         title: this.$t('Deliverables'),
+        //         dataIndex: 'designDeliverableTemplateName',
+        //         ellipsis: true,
+        //         align: 'left',
+        //         width: 180,
+        //         scopedSlots: { customRender: 'designDeliverableTemplateName' }
+        //       },
+        //       {
+        //         title: this.$t('Sponsor'),
+        //         dataIndex: 'designInitiator_dictText',
+        //         width: 180,
+        //         ellipsis: true,
+        //         align: 'left'
+        //       },
+        //       {
+        //         title: this.$t('personLiable'),
+        //         dataIndex: 'designDuty_dictText',
+        //         width: 180,
+        //         ellipsis: true,
+        //         align: 'left'
+        //       },
+        //       {
+        //         title: this.$t('descriptionDeliverables'),
+        //         dataIndex: 'designRemark',
+        //         align: 'left',
+        //         width: 220,
+        //         ellipsis: true
+        //       }
+        //     ]
+        //   },
+        //   {
+        //     title: this.$t('PrehomoConfirmation'),
+        //     children: [
+        //       {
+        //         title: this.$t('Deliverables'),
+        //         dataIndex: 'prehomoDeliverableTemplateName',
+        //         ellipsis: true,
+        //         align: 'left',
+        //         width: 180,
+        //         scopedSlots: { customRender: 'prehomoDeliverableTemplateName' }
+        //       },
+        //       {
+        //         title: this.$t('Sponsor'),
+        //         dataIndex: 'prehomoInitiator_dictText',
+        //         width: 180,
+        //         ellipsis: true,
+        //         align: 'left'
+        //       },
+        //       {
+        //         title: this.$t('personLiable'),
+        //         dataIndex: 'prehomoDuty_dictText',
+        //         width: 180,
+        //         ellipsis: true,
+        //         align: 'left'
+        //       },
+        //       {
+        //         title: this.$t('descriptionDeliverables'),
+        //         dataIndex: 'prehomoRemark',
+        //         align: 'left',
+        //         width: 220,
+        //         ellipsis: true
+        //       }
+        //     ]
+        //   },
+        //   {
+        //     title: this.$t('verificationAndConformityconfirmation'),
+        //     children: [
+        //       {
+        //         title: this.$t('Deliverables'),
+        //         dataIndex: 'verifyDeliverableTemplateName',
+        //         ellipsis: true,
+        //         align: 'left',
+        //         width: 180,
+        //         scopedSlots: { customRender: 'verifyDeliverableTemplateName' }
+        //       },
+        //       {
+        //         title: this.$t('Sponsor'),
+        //         dataIndex: 'verifyInitiator_dictText',
+        //         width: 180,
+        //         align: 'left',
+        //         ellipsis: true
+        //       },
+        //       {
+        //         title: this.$t('personLiable'),
+        //         dataIndex: 'verifyDuty_dictText',
+        //         width: 180,
+        //         align: 'left',
+        //         ellipsis: true
+        //       },
+        //       {
+        //         title: this.$t('descriptionDeliverables'),
+        //         dataIndex: 'verifyRemark',
+        //         align: 'left',
+        //         width: 220,
+        //         ellipsis: true
+        //       }
+        //     ]
+        //   },
+        //   {
+        //     title: this.$t('operation'),
+        //     align: 'left',
+        //     fixed: 'right',
+        //     width: 140,
+        //     scopedSlots: { customRender: 'operation' }
+        //   }
+        // ],
+        confirmLoading: false,
+        indeterminate: false,
+        customizevisible: false,
+        checkAll: false,
+        disabled:false,
+        checkedList: ['serialNumber','title','operation'],
+        selectedValue:[],
+        customizeList: [
+          {
+            sort: '1',
+            name: this.$t('standard'),
+            disabled:true,
+            headFieldCn:'编号',
+            headFieldEn:'Number',
+            field: 'serialNumber',
+            key: 1,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+            status:1,
+          },
+          {
+            sort: '2',
+            disabled:true,
+            name: this.$t('title'),
+            headFieldCn:'标题',
+            headFieldEn:'title',
+            field: 'title',
+            key: 2,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+            status:2,
+          },
+          {
+            sort: '',
+            name: this.$t('subtitle'),
+            headFieldCn:'子标题',
+            headFieldEn:'Sub-title',
+            field: 'subtitle',
+            key: 3,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('listConfirmationStatus'),
+            headFieldCn:'清单确认状态',
+            headFieldEn:'List Confirmation Status',
+            field: 'inventoryAffirmStatusName',
+            key: 4,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('taskAffirmStatus'),
+            headFieldCn:'任务确认状态',
+            headFieldEn:'Task Confirmation Status',
+            field: 'taskAffirmStatusName',
+            key: 5,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('zoneOfApplication'),
+            headFieldCn:'适用地区',
+            headFieldEn:'Area',
+            field: 'region_dictText',
+            key: 6,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('correspondingStandard'),
+            headFieldCn:'对应标准',
+            headFieldEn:'Compare EU/CN',
+            field: 'correspondingStandard',
+            key: 7,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('implementationCategory'),
+            headFieldCn:'实施类别',
+            headFieldEn:'Usage',
+            field: 'implementType_dictText',
+            key: 8,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('ImplementationDate'),
+            headFieldCn:'标准实施日期',
+            headFieldEn:'New Type Execution Date',
+            field: 'xin1Che1Xing2Shi2Shi1Ri4Qi1',
+            key: 9,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('vehicleInProductionDate'),
+            headFieldCn:'在产车实施日期',
+            headFieldEn:'New Vehicle Execution Date',
+            field: 'implementTime',
+            key: 10,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('certificationType'),
+            headFieldCn:'认证类型',
+            headFieldEn:'Certification Type',
+            field: 'attestationType_dictText',
+            key: 11,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('certificationLevel'),
+            headFieldCn:'认证级别',
+            headFieldEn:'Certification Level',
+            field: 'attestationRank_dictText',
+            key: 12,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('applicableSupplement'),
+            headFieldCn:'适用增补件',
+            headFieldEn:'Applicable Supplement',
+            field: 'applicableSupplement',
+            key: 13,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: 'WVTA ID',
+            headFieldCn:'WVTA ID',
+            headFieldEn:'WVTA ID',
+            field: 'wvtaId',
+            key: 14,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('areaOfResponsibility'),
+            headFieldCn:'责任领域',
+            headFieldEn:'Responsible Field',
+            field: 'dutyTerritory_dictText',
+            key: 15,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('regulatoryEngineer'),
+            headFieldCn:'法规工程师',
+            headFieldEn:'Regulation Engineer',
+            field: 'regulationOwnerName',
+            key: 16,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('certifiedEngineer'),
+            headFieldCn:'认证工程师',
+            headFieldEn:'Homo Engineer',
+            field: 'homologationEngineerName',
+            key: 17,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('engineeringInterfacePerson'),
+            headFieldCn:'工程接口人',
+            headFieldEn:'Eng. Interface',
+            field: 'engineeringInterfacePersonName',
+            key: 18,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('remarks'),
+            headFieldCn:'备注',
+            headFieldEn:'Comments',
+            field: 'remark',
+            key: 19,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('confirmationOfDesignConformity') + '/' + this.$t('Deliverables'),
+            headFieldCn:'交付物',
+            headFieldEn:'Deliverables',
+            field: 'designDeliverableTemplateName',
+            affirmFlag:'1',
+            key: 20,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('confirmationOfDesignConformity') + '/' + this.$t('Sponsor'),
+            headFieldCn:'发起人',
+            headFieldEn:'Creator',
+            field: 'designInitiatorName',
+            affirmFlag:'1',
+            key: 21,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('confirmationOfDesignConformity') + '/' + this.$t('personLiable'),
+            headFieldCn:'责任人',
+            headFieldEn:'Assignee',
+            field: 'designDutyName',
+            affirmFlag:'1',
+            key: 22,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('confirmationOfDesignConformity') + '/' + this.$t('TaskCutOffTime'),
+            headFieldCn:'截止时间',
+            headFieldEn:'Due Date',
+            field: 'designDueDate',
+            affirmFlag:'1',
+            key: 23,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('confirmationOfDesignConformity') + '/' + this.$t('descriptionDeliverables'),
+            headFieldCn:'交付物说明',
+            headFieldEn:'Instruction',
+            field: 'designRemark',
+            affirmFlag:'1',
+            key: 24,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('PrehomoConfirmation') + '/' + this.$t('Deliverables'),
+            headFieldCn:'交付物',
+            headFieldEn:'Deliverables',
+            field: 'prehomoDeliverableTemplateName',
+            affirmFlag:'2',
+            key: 25,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('PrehomoConfirmation') + '/' + this.$t('Sponsor'),
+            headFieldCn:'发起人',
+            headFieldEn:'Creator',
+            field: 'prehomoInitiatorName',
+            affirmFlag:'2',
+            key:26,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('PrehomoConfirmation') + '/' + this.$t('personLiable'),
+            headFieldCn:'责任人',
+            headFieldEn:'Assignee',
+            field: 'prehomoDutyName',
+            affirmFlag:'2',
+            key: 27,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('PrehomoConfirmation') + '/' + this.$t('TaskCutOffTime'),
+            headFieldCn:'截止时间',
+            headFieldEn:'Due Date',
+            field: 'prehomoDueDate',
+            affirmFlag:'2',
+            key: 28,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('PrehomoConfirmation') + '/' + this.$t('descriptionDeliverables'),
+            headFieldCn:'交付物说明',
+            headFieldEn:'Instruction',
+            field: 'prehomoRemark',
+            affirmFlag:'2',
+            key: 29,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('verificationAndConformityconfirmation') + '/' + this.$t('Deliverables'),
+            headFieldCn:'交付物',
+            headFieldEn:'Deliverables',
+            field: 'verifyDeliverableTemplateName',
+            affirmFlag:'3',
+            key: 30,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('verificationAndConformityconfirmation') + '/' + this.$t('Sponsor'),
+            headFieldCn:'发起人',
+            headFieldEn:'Creator',
+            field: 'verifyInitiatorName',
+            affirmFlag:'3',
+            key: 31,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('verificationAndConformityconfirmation') + '/' + this.$t('personLiable'),
+            headFieldCn:'责任人',
+            headFieldEn:'Assignee',
+            field: 'verifyDutyName',
+            affirmFlag:'3',
+            key: 32,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('verificationAndConformityconfirmation') + '/' + this.$t('TaskCutOffTime'),
+            headFieldCn:'截止时间',
+            headFieldEn:'Due Date',
+            field: 'verifyDueDate',
+            affirmFlag:'3',
+            key: 33,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            name: this.$t('verificationAndConformityconfirmation') + '/' + this.$t('descriptionDeliverables'),
+            headFieldCn:'交付物说明',
+            headFieldEn:'Instruction',
+            field: 'verifyRemark',
+            affirmFlag:'3',
+            key: 34,
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+          },
+          {
+            sort: '',
+            disabled:true,
+            name: this.$t('operation'),
+            headFieldCn:'操作',
+            headFieldEn:'Operation',
+            key: 35,
+            field:'operation',
+            moduleFlag:this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单',
+            status:2,
+          },
         ],
         selectedRowKeys: [],
         isTrue: false,
@@ -659,6 +1316,7 @@
     mounted() {
       this.title = this.$route.query.title
       this.isTrue = this.$route.query.title == '虚拟清单详情' ? false : true
+      this.getHeader()
       this.getList()
     },
     computed: {
@@ -779,6 +1437,70 @@
         }
         this.getList()
       },
+      getHeader(){
+        getAction('head/headCustomEO/list', {
+          moduleFlag: this.$route.query.title == '虚拟清单详情' ? '虚拟清单详情' : '维护清单'
+        }).then((res) => {
+          if (res.success) {
+            console.log(res.result)
+            if(res.result.length != 0){
+              this.columnsAll = res.result
+            }else{
+              this.columnsAll = this.column
+            }
+            this.columnsAll.forEach((item,index) => {
+              if(item.title != '设计符合性确认' && item.title != 'Pre-Homo确认' && item.title != '验证符合性确认'){
+                item.width = 180
+                item.align = 'left'
+                if(item.title == '操作'){
+                  item.scopedSlots = {
+                    customRender: 'operation'
+                  }
+                  item.fixed = 'right'
+                }else if(item.title == '编号'){
+                  item.sorter = true
+                  item.fixed = 'left'
+                  item.scopedSlots = {
+                    customRender: 'standard'
+                  }
+                }else if(item.title == '标题'){
+                  item.fixed = 'left'
+                  item.scopedSlots = {
+                    customRender: 'titleName'
+                  }
+                }
+                else if(item.title == '清单确认状态' || item.title == '任务确认状态' || item.title == '认证级别' || item.title == 'WVTA ID' ||
+                  item.title == '责任领域' || item.title == '法规工程师' || item.title == '认证工程师' || item.title == '工程接口人'){
+                  item.sorter = true
+                }
+              }else {
+                delete item.dataIndex
+                delete item.fixed
+                item.children.forEach((val,index) => {
+                  val.width = 180
+                  val.align = 'left'
+                  val.ellipsis = true
+                })
+              }
+            })
+            this.columnsAll.forEach((item) => {
+              if(item.children){
+                item.children.forEach((val) => {
+                  this.checkedList.push(item.dataIndex,val.dataIndex)
+                })
+              }else {
+                this.checkedList.push(item.dataIndex)
+              }
+            })
+            console.log(this.checkedList)
+            this.loading = false
+            this.JLoading = false
+          } else {
+            this.JLoading = false
+            this.loading = false
+          }
+        })
+      },
       getList() {
         let query = {
           ...this.queryParam,
@@ -820,6 +1542,51 @@
           }
         })
       },
+      onCheckAllChange(e) {
+        this.checkedList = e.target.checked ? this.customizeList.map(item => item.field) : [];
+        this.selectedValue = this.checkedList
+        this.indeterminate = false
+      },
+      onChange(){
+        this.selectedValue = this.checkedList
+      },
+      getcustomize(){
+        this.customizevisible = true
+      },
+      cancel(){
+        this.customizevisible = false
+      },
+      handleSubmit(){
+        let list = []
+        let uniqueArray = this.selectedValue.filter((item, index, array) => {
+          return array.indexOf(item) === index
+        })
+        uniqueArray.forEach(item => {
+          this.customizeList.forEach((val,index) => {
+            if(item == val.field){
+              val.sort = index + 1
+              list.push(val)
+            }
+          })
+        })
+        this.confirmLoading = true
+        let headCustomEOList = JSON.parse(JSON.stringify(list))
+        let query ={
+          headCustomEOList :headCustomEOList
+        }
+        postAction('head/headCustomEO/add', query).then((res) => {
+          if (res.success) {
+            this.confirmLoading = false
+            this.$message.success(this.$t('OperationSuccessful'))
+            this.customizevisible = false
+            this.getHeader()
+          } else {
+            this.$message.warning(this.$t('operationFailed'))
+            this.confirmLoading = false
+            this.customizevisible = false
+          }
+        })
+      },
       getPersonnelList() {
         this.getList()
       },
@@ -997,7 +1764,6 @@
         display: flex;
       }
     }
-
     .Virtual-detail-content {
       padding: 0 32px 0 32px;
       box-sizing: border-box;
@@ -1017,7 +1783,31 @@
       }
     }
   }
-
+  .customize-text{
+    height: 1533px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .customize-text-title{
+    margin-left: 0;
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    margin-bottom: 22px;
+  }
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    z-index: 100;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
   .box-title-text {
     line-height: 1.4;
     display: flex;
@@ -1160,6 +1950,53 @@
     font-weight: bold!important;
   }
 </style>
+<style lang="less">
+.popconfirm {
+  z-index: 999;
+}
+
+.popconfirm .ant-popover-buttons {
+  display: none !important;
+}
+
+.popconfirm .anticon-exclamation-circle {
+  display: none !important;
+}
+popconfirmmize {
+  z-index: 999;
+}
+
+.popconfirmmize .ant-popover-buttons {
+  display: none !important;
+}
+
+.popconfirmmize .anticon-exclamation-circle {
+  display: none !important;
+}
+//.customizetable .ant-table-thead > tr > th {
+//  height: 46px !important;
+//padding: 8px 8px !important;
+//font-weight: bold;
+//background: #f3f6f6;
+//}
+.ant-table-row-cell-ellipsis{
+  padding: 0!important;
+}
+.second{
+  padding: 0!important;
+}
+//.tableList .ant-table-tbody > tr > td{
+//  color: #040B29 ;
+//}
+
+//.tableList .ant-table-thead > tr{
+//  padding: 2px 16px !important;
+//}
+
+//.tableList .ant-table-thead >tr{
+//  height: 56px !important;
+//}
+</style>
 <style>
   .box-input .ant-select-selection {
     height: 38px !important;
diff --git a/jero-web/src/views/projectManagement/components/listOfRegulations.vue b/jero-web/src/views/projectManagement/components/listOfRegulations.vue
index 9efd717f2..7603ec65c 100644
--- a/jero-web/src/views/projectManagement/components/listOfRegulations.vue
+++ b/jero-web/src/views/projectManagement/components/listOfRegulations.vue
@@ -161,10 +161,36 @@
             <span style="position: absolute;left: -13px;top: -4px">...</span>{{ $t('more') }}
           </div>
         </a-popconfirm>
-        <div class="operator-text" @click="customizeClick">
-          <a-icon type="setting"/>
-          {{ $t('customize') }}
-        </div>
+        <a-popconfirm :visible="customizevisible" overlayClassName='popconfirmmize' placement="bottomRight" >
+          <template slot="title" id="popconfirmmize">
+            <div style="height:320px;overflow:scroll;overflow-x: auto;">
+              <a-checkbox
+                style='margin-bottom: 22px;'
+                v-if="customizeList && customizeList.length"
+                v-model="checkAll"
+                :indeterminate="indeterminate"
+                @change="onCheckAllChange"
+              >{{$t('selectAll')}}
+              </a-checkbox>
+              <a-checkbox-group @change="onChange" v-model="checkedList" class="customize-text">
+                <a-checkbox class="customize-text-title" :disabled='item.disabled' v-for="(item, key) in customizeList" :key="key" :value="item.field">{{ item.name }}
+                </a-checkbox>
+              </a-checkbox-group>
+              <div class="drawer-bootom-button">
+                <a-button @click="cancel" style="margin-right: 16px">{{$t('cancel')}}</a-button>
+                <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('determine')}}</a-button>
+              </div>
+            </div>
+          </template>
+          <div class="operator-text" style="position: relative" @click='getcustomize'>
+            <a-icon type="setting"/>
+            {{ $t('customize') }}
+          </div>
+        </a-popconfirm>
+<!--        <div class="operator-text" @click="customizeClick">-->
+<!--          <a-icon type="setting"/>-->
+<!--          {{ $t('customize') }}-->
+<!--        </div>-->
         <div class="operator-text" @click="bringInRelevantPersonnelClick">
           <a-icon type="user"/>
           {{ $t('bringInRelevantPersonnel') }}
@@ -862,6 +888,351 @@
         },
         queryParam: {},
         fileTitle: '',
+        parkingList: [],
+        indeterminate: false,
+        customizevisible: false,
+        checkAll: false,
+        disabled:false,
+        checkedList: ['serialNumber','title','operation'],
+        selectedValue:[],
+        customizeList: [
+          {
+            sort: '1',
+            name: this.$t('standard'),
+            disabled:true,
+            headFieldCn:'编号',
+            headFieldEn:'Number',
+            field: 'serialNumber',
+            key: 1,
+            moduleFlag:'法规清单',
+            status:1,
+          },
+          {
+            sort: '2',
+            disabled:true,
+            name: this.$t('title'),
+            headFieldCn:'标题',
+            headFieldEn:'title',
+            field: 'title',
+            key: 2,
+            moduleFlag:'法规清单',
+            status:2,
+          },
+          {
+            sort: '',
+            name: this.$t('subtitle'),
+            headFieldCn:'子标题',
+            headFieldEn:'Sub-title',
+            field: 'subtitle',
+            key: 3,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('listConfirmationStatus'),
+            headFieldCn:'清单确认状态',
+            headFieldEn:'List Confirmation Status',
+            field: 'inventoryAffirmStatusName',
+            key: 4,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('taskAffirmStatus'),
+            headFieldCn:'任务确认状态',
+            headFieldEn:'Task Confirmation Status',
+            field: 'taskAffirmStatusName',
+            key: 5,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('zoneOfApplication'),
+            headFieldCn:'适用地区',
+            headFieldEn:'Area',
+            field: 'region_dictText',
+            key: 6,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('correspondingStandard'),
+            headFieldCn:'对应标准',
+            headFieldEn:'Compare EU/CN',
+            field: 'correspondingStandard',
+            key: 7,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('implementationCategory'),
+            headFieldCn:'实施类别',
+            headFieldEn:'Usage',
+            field: 'implementType_dictText',
+            key: 8,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('ImplementationDate'),
+            headFieldCn:'标准实施日期',
+            headFieldEn:'New Type Execution Date',
+            field: 'xin1Che1Xing2Shi2Shi1Ri4Qi1',
+            key: 9,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('vehicleInProductionDate'),
+            headFieldCn:'在产车实施日期',
+            headFieldEn:'New Vehicle Execution Date',
+            field: 'implementTime',
+            key: 10,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('certificationType'),
+            headFieldCn:'认证类型',
+            headFieldEn:'Certification Type',
+            field: 'attestationType_dictText',
+            key: 11,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('certificationLevel'),
+            headFieldCn:'认证级别',
+            headFieldEn:'Certification Level',
+            field: 'attestationRank_dictText',
+            key: 12,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('applicableSupplement'),
+            headFieldCn:'适用增补件',
+            headFieldEn:'Applicable Supplement',
+            field: 'applicableSupplement',
+            key: 13,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: 'WVTA ID',
+            headFieldCn:'WVTA ID',
+            headFieldEn:'WVTA ID',
+            field: 'wvtaId',
+            key: 14,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('areaOfResponsibility'),
+            headFieldCn:'责任领域',
+            headFieldEn:'Responsible Field',
+            field: 'dutyTerritory_dictText',
+            key: 15,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('regulatoryEngineer'),
+            headFieldCn:'法规工程师',
+            headFieldEn:'Regulation Engineer',
+            field: 'regulationOwnerName',
+            key: 16,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('certifiedEngineer'),
+            headFieldCn:'认证工程师',
+            headFieldEn:'Homo Engineer',
+            field: 'homologationEngineerName',
+            key: 17,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('engineeringInterfacePerson'),
+            headFieldCn:'工程接口人',
+            headFieldEn:'Eng. Interface',
+            field: 'engineeringInterfacePersonName',
+            key: 18,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('remarks'),
+            headFieldCn:'备注',
+            headFieldEn:'Comments',
+            field: 'remark',
+            key: 19,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('confirmationOfDesignConformity') + '/' + this.$t('Deliverables'),
+            headFieldCn:'交付物',
+            headFieldEn:'Deliverables',
+            field: 'designDeliverableTemplateName',
+            affirmFlag:'1',
+            key: 20,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('confirmationOfDesignConformity') + '/' + this.$t('Sponsor'),
+            headFieldCn:'发起人',
+            headFieldEn:'Creator',
+            field: 'designInitiatorName',
+            affirmFlag:'1',
+            key: 21,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('confirmationOfDesignConformity') + '/' + this.$t('personLiable'),
+            headFieldCn:'责任人',
+            headFieldEn:'Assignee',
+            field: 'designDutyName',
+            affirmFlag:'1',
+            key: 22,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('confirmationOfDesignConformity') + '/' + this.$t('TaskCutOffTime'),
+            headFieldCn:'截止时间',
+            headFieldEn:'Due Date',
+            field: 'designDueDate',
+            affirmFlag:'1',
+            key: 23,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('confirmationOfDesignConformity') + '/' + this.$t('descriptionDeliverables'),
+            headFieldCn:'交付物说明',
+            headFieldEn:'Instruction',
+            field: 'designRemark',
+            affirmFlag:'1',
+            key: 24,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('PrehomoConfirmation') + '/' + this.$t('Deliverables'),
+            headFieldCn:'交付物',
+            headFieldEn:'Deliverables',
+            field: 'prehomoDeliverableTemplateName',
+            affirmFlag:'2',
+            key: 25,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('PrehomoConfirmation') + '/' + this.$t('Sponsor'),
+            headFieldCn:'发起人',
+            headFieldEn:'Creator',
+            field: 'prehomoInitiatorName',
+            affirmFlag:'2',
+            key:26,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('PrehomoConfirmation') + '/' + this.$t('personLiable'),
+            headFieldCn:'责任人',
+            headFieldEn:'Assignee',
+            field: 'prehomoDutyName',
+            affirmFlag:'2',
+            key: 27,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('PrehomoConfirmation') + '/' + this.$t('TaskCutOffTime'),
+            headFieldCn:'截止时间',
+            headFieldEn:'Due Date',
+            field: 'prehomoDueDate',
+            affirmFlag:'2',
+            key: 28,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('PrehomoConfirmation') + '/' + this.$t('descriptionDeliverables'),
+            headFieldCn:'交付物说明',
+            headFieldEn:'Instruction',
+            field: 'prehomoRemark',
+            affirmFlag:'2',
+            key: 29,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('verificationAndConformityconfirmation') + '/' + this.$t('Deliverables'),
+            headFieldCn:'交付物',
+            headFieldEn:'Deliverables',
+            field: 'verifyDeliverableTemplateName',
+            affirmFlag:'3',
+            key: 30,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('verificationAndConformityconfirmation') + '/' + this.$t('Sponsor'),
+            headFieldCn:'发起人',
+            headFieldEn:'Creator',
+            field: 'verifyInitiatorName',
+            affirmFlag:'3',
+            key: 31,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('verificationAndConformityconfirmation') + '/' + this.$t('personLiable'),
+            headFieldCn:'责任人',
+            headFieldEn:'Assignee',
+            field: 'verifyDutyName',
+            affirmFlag:'3',
+            key: 32,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('verificationAndConformityconfirmation') + '/' + this.$t('TaskCutOffTime'),
+            headFieldCn:'截止时间',
+            headFieldEn:'Due Date',
+            field: 'verifyDueDate',
+            affirmFlag:'3',
+            key: 33,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            name: this.$t('verificationAndConformityconfirmation') + '/' + this.$t('descriptionDeliverables'),
+            headFieldCn:'交付物说明',
+            headFieldEn:'Instruction',
+            field: 'verifyRemark',
+            affirmFlag:'3',
+            key: 34,
+            moduleFlag:'法规清单',
+          },
+          {
+            sort: '',
+            disabled:true,
+            name: this.$t('operation'),
+            headFieldCn:'操作',
+            headFieldEn:'Operation',
+            key: 35,
+            field:'operation',
+            moduleFlag:'法规清单',
+            status:2,
+          },
+        ],
         url: {
           addModelList: '/project/projectLawsInventoryEO/queryPageDummy',
           queryConditionInventory: '/project/projectLawsInventoryEO/queryConditionInventory',
@@ -1602,7 +1973,16 @@
                 })
               }
             })
-            console.log(this.columnsAll)
+            this.columnsAll.forEach((item) => {
+              if(item.children){
+                item.children.forEach((val) => {
+                  this.checkedList.push(item.dataIndex,val.dataIndex)
+                })
+              }else {
+                this.checkedList.push(item.dataIndex)
+              }
+            })
+            console.log(this.checkedList)
             this.loading = false
             this.JLoading = false
           } else {
@@ -1676,6 +2056,51 @@
           }
         })
       },
+      onCheckAllChange(e) {
+        this.checkedList = e.target.checked ? this.customizeList.map(item => item.field) : [];
+        this.selectedValue = this.checkedList
+        this.indeterminate = false
+      },
+      onChange(){
+        this.selectedValue = this.checkedList
+      },
+      getcustomize(){
+        this.customizevisible = true
+      },
+      cancel(){
+        this.customizevisible = false
+      },
+      handleSubmit(){
+        let list = []
+        let uniqueArray = this.selectedValue.filter((item, index, array) => {
+          return array.indexOf(item) === index
+        })
+        uniqueArray.forEach(item => {
+          this.customizeList.forEach((val,index) => {
+            if(item == val.field){
+              val.sort = index + 1
+              list.push(val)
+            }
+          })
+        })
+        this.confirmLoading = true
+        let headCustomEOList = JSON.parse(JSON.stringify(list))
+        let query ={
+          headCustomEOList :headCustomEOList
+        }
+        postAction('head/headCustomEO/add', query).then((res) => {
+          if (res.success) {
+            this.confirmLoading = false
+            this.$message.success(this.$t('OperationSuccessful'))
+            this.customizevisible = false
+            this.getHeader()
+          } else {
+            this.$message.warning(this.$t('operationFailed'))
+            this.confirmLoading = false
+            this.customizevisible = false
+          }
+        })
+      },
       getPersonnelList() {
         this.getList()
       },
@@ -2527,7 +2952,31 @@
     color: #040B29;
     margin-bottom: 22px;
   }
-
+  .customize-text{
+    height: 1533px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .customize-text-title{
+    margin-left: 0;
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    margin-bottom: 22px;
+  }
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    z-index: 100;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
   .itemModelComment {
     width: calc(100% - 64px);
     display: inline-block;
@@ -2654,7 +3103,17 @@
   .popconfirm .anticon-exclamation-circle {
     display: none !important;
   }
+  popconfirmmize {
+    z-index: 999;
+  }
 
+  .popconfirmmize .ant-popover-buttons {
+    display: none !important;
+  }
+
+  .popconfirmmize .anticon-exclamation-circle {
+    display: none !important;
+  }
   //.popconfirm .ant-popover-inner-content{
   //  padding: 0px 16px;
   //}