diff --git a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/document/entity/BussDocumentLibraryEO.java b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/document/entity/BussDocumentLibraryEO.java
index 8ad2c2c07..5a8aa9b66 100644
--- a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/document/entity/BussDocumentLibraryEO.java
+++ b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/document/entity/BussDocumentLibraryEO.java
@@ -83,6 +83,20 @@ public class BussDocumentLibraryEO implements Serializable {
     @ApiModelProperty(value = "对应标准")
     private java.lang.String correspondingStandard;
 
+
+    /**代替标准*/
+    @ApiModelProperty(value = "代替标准")
+    @Dict(dicCode ="replace_standard")
+    private java.lang.String replaceStandard;
+
+
+    /**被代替标准*/
+    @ApiModelProperty(value = "被代替标准")
+    @Dict(dicCode ="replaced_standard")
+    private java.lang.String replacedStandard;
+
+
+
     @TableField(exist = false)
     private java.lang.String cut;
 
diff --git a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/document/service/impl/BussDocumentLibraryEOServiceImpl.java b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/document/service/impl/BussDocumentLibraryEOServiceImpl.java
index 58ce204a7..30304c593 100644
--- a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/document/service/impl/BussDocumentLibraryEOServiceImpl.java
+++ b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/document/service/impl/BussDocumentLibraryEOServiceImpl.java
@@ -534,8 +534,7 @@ public class BussDocumentLibraryEOServiceImpl extends ServiceImpl<BussDocumentLi
         fieldList = fieldList.stream()
                 .filter(e -> !"serial_number".equals(e.getDbFieldName())
                         && !"title".equals(e.getDbFieldName())
-                        && !"title_en".equals(e.getDbFieldName())
-                        && !"state".equals(e.getDbFieldName()))
+                        && !"title_en".equals(e.getDbFieldName()))
                 .collect(Collectors.toList());
 
         if (fieldList.size() != 0) {
@@ -1727,6 +1726,9 @@ public class BussDocumentLibraryEOServiceImpl extends ServiceImpl<BussDocumentLi
 
                 String key = entry.getKey();
                 Object value = entry.getValue();
+                if(key.equals("replace_standard_id")){
+                    continue;
+                }
                 //es全文新增数据(数据转换)
                 esFullText(cut, fieldList, categoryList, dictItemList, mapList, sbCn,sbEn, entry);
 
@@ -1930,6 +1932,26 @@ public class BussDocumentLibraryEOServiceImpl extends ServiceImpl<BussDocumentLi
         String insertField = mustFields + fieldsBuilder.toString();
         String insertValue = mustValues + valuesBuilder.toString();
         bussDocumentLibraryEOMapper.insertInfo(insertField, insertValue);
+        //处理代替标准和被代替标准逻辑
+        Object repObj = map.get("replace_standard_id");
+        if(null != repObj) {
+            String[] replace_standard_list = repObj.toString().split(",");
+            for (String rs : replace_standard_list) {
+                BussDocumentLibraryEO bl = bussDocumentLibraryEOMapper.selectById(rs);
+                if (null != bl) {
+                    String repStr = bl.getReplacedStandard();
+                    if (StringUtils.isNotBlank(repStr)) {
+                        if (!repStr.contains(idTemp)) {
+                            repStr = repStr + "," + idTemp;
+                        }
+                    } else {
+                        repStr = idTemp;
+                    }
+                    bl.setReplacedStandard(repStr);
+                    bussDocumentLibraryEOMapper.updateById(bl);
+                }
+            }
+        }
 
         String replaceStandard = StringUtils.valueOf(map.get("replace_standard"));
         if (StringUtils.isNotBlank(replaceStandard)) {
@@ -2623,6 +2645,28 @@ public class BussDocumentLibraryEOServiceImpl extends ServiceImpl<BussDocumentLi
         //删除文档库数据
         bussDocumentLibraryEOMapper.deleteById((String) map.get("id"));
         bussDocumentLibraryEOMapper.insertInfo(insertField, insertValue);
+        //处理代替标准和被代替标准逻辑
+        String docId = (String) map.get("id");
+        Object repObj = map.get("replace_standard_id");
+        if(null != repObj){
+            String[] replace_standard_list = repObj.toString().split(",");
+            for (String rs : replace_standard_list) {
+                BussDocumentLibraryEO bl = bussDocumentLibraryEOMapper.selectById(rs);
+                if (null != bl) {
+                    String repStr = bl.getReplacedStandard();
+                    if (StringUtils.isNotBlank(repStr)) {
+                        if (!repStr.contains(docId)) {
+                            repStr = repStr + "," + docId;
+                        }
+                    } else {
+                        repStr = docId;
+                    }
+                    bl.setReplacedStandard(repStr);
+                    bussDocumentLibraryEOMapper.updateById(bl);
+                }
+            }
+        }
+        //开始更新ES
         map.put("module_type", "文档库");
         map.put("module_type_flag", ModuleTypeFlagEnum.DOCUMENT_LIBRARY.getValue());
         map.put("create_time", new Date());
@@ -2776,13 +2820,13 @@ public class BussDocumentLibraryEOServiceImpl extends ServiceImpl<BussDocumentLi
         //适用车型
         StringBuilder msgContentSbCarType = new StringBuilder("Vehicle Type of the " + category + " " + serialNumber + " " + titleEn);
         StringBuilder msgContentInfoSbCarType = new StringBuilder("Vehicle Type of the " + category + " "  + href);
-        StringBuilder msgContentSbCarTypeCn = new StringBuilder(categoryCn + " " + serialNumber + " " + title+" 的适用车型改为");
-        StringBuilder msgContentInfoSbCarTypeCn = new StringBuilder(categoryCn + " "  + hrefCn+" 的适用车型改为");
+        StringBuilder msgContentSbCarTypeCn = new StringBuilder(serialNumber + " " + title+" 的适用车型改为");
+        StringBuilder msgContentInfoSbCarTypeCn = new StringBuilder(hrefCn+" 的适用车型改为");
         //状态
         StringBuilder msgContentSbStatus = new StringBuilder("The Status of the " + category + " " + serialNumber + " " + titleEn);
         StringBuilder msgContentInfoSbStatus = new StringBuilder("The Status of the " + category + " "  + href);
-        StringBuilder msgContentSbStatusCn = new StringBuilder(categoryCn + " " + serialNumber + " " + title+" 的状态改为");
-        StringBuilder msgContentInfoSbStatusCn = new StringBuilder(categoryCn + " "  + hrefCn+" 的状态改为");
+        StringBuilder msgContentSbStatusCn = new StringBuilder(serialNumber + " " + title+" 的状态改为");
+        StringBuilder msgContentInfoSbStatusCn = new StringBuilder(hrefCn+" 的状态改为");
 
 
         List<String> fileIdLIstTemp = new ArrayList<>();
diff --git a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/dummy/service/impl/DummyInventoryInfoEOServiceImpl.java b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/dummy/service/impl/DummyInventoryInfoEOServiceImpl.java
index 4ce6816a3..12e4e7161 100644
--- a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/dummy/service/impl/DummyInventoryInfoEOServiceImpl.java
+++ b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/dummy/service/impl/DummyInventoryInfoEOServiceImpl.java
@@ -2315,7 +2315,8 @@ public class DummyInventoryInfoEOServiceImpl extends ServiceImpl<DummyInventoryI
 					excelName = baseList.get(0).getName() + " Virtual list.xlsx";
 				}
 				//excel
-				OutputStream excelOS = new FileOutputStream(path + File.separator + excelName);
+				String excelNameRep = excelName.replace('/', '、');
+				OutputStream excelOS = new FileOutputStream(path + File.separator + excelNameRep);
 				ExportParams exportParams = new ExportParams();
 				exportParams.setType(ExcelType.XSSF);
 				if(CutEnum.CN.getValue().equals(dummyInventoryInfoEO.getCut())){
diff --git a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/project/entity/ProjectLibraryBase.java b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/project/entity/ProjectLibraryBase.java
index 936f46f88..d33b2e822 100644
--- a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/project/entity/ProjectLibraryBase.java
+++ b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/project/entity/ProjectLibraryBase.java
@@ -147,12 +147,27 @@ public class ProjectLibraryBase implements Comparable<ProjectLibraryBase> {
 
     @Override
     public int compareTo(ProjectLibraryBase o) {
-        return Integer.valueOf(this.projectVersion)-Integer.valueOf(o.projectVersion);//升序
-//        return o.id-this.id;//降序
+        if (!this.getProjectName().equals(o.getProjectName())) {
+            return this.getProjectName().compareTo(o.getProjectName());//升序
+        }
+        if (!this.getYearName().equals(o.getYearName())) {
+            if (this.getYearName().length() != o.getYearName().length()) {
+                return this.getYearName().length() - o.getYearName().length();
+            } else {
+                return this.getYearName().compareTo(o.getYearName());//升序
+            }
+        }
+        if (!this.getTargetMarket().equals(o.getTargetMarket())) {
+            return this.getTargetMarket().compareTo(o.getTargetMarket());//升序
+        }
+        if (!this.getProjectVersion().equals(o.getProjectVersion())) {
+            return Integer.valueOf(this.projectVersion) - Integer.valueOf(o.projectVersion);//升序
+        }
+        return 0;
     }
 
-    public String getShowName(){
-        return projectName+yearName+targetMarket+projectVersion;
+    public String getShowName() {
+        return projectName + " " + yearName + "-" + targetMarket + "-" + projectVersion;
     }
 
     @Override
diff --git a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/project/service/impl/ProjectStatusBoardServiceImpl.java b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/project/service/impl/ProjectStatusBoardServiceImpl.java
index a63cbbc76..898f2ebfc 100644
--- a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/project/service/impl/ProjectStatusBoardServiceImpl.java
+++ b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/project/service/impl/ProjectStatusBoardServiceImpl.java
@@ -117,7 +117,6 @@ public class ProjectStatusBoardServiceImpl implements IProjectStatusBoardService
                 }
             }
 
-
             List<ProjectLibraryBase> projectLibraryBaseLinkedList = new LinkedList<>();
             for (ProjectLibraryBase libraryBase : projectLibraryBaseList) {
                 if(StringUtils.isBlank(libraryBase.getParentId())){
@@ -131,13 +130,13 @@ public class ProjectStatusBoardServiceImpl implements IProjectStatusBoardService
                     projectLibraryBaseLinkedList.addAll(projectLibraryBaseListTemp);
                 }
             }
-            projectLibraryBaseList.sort(Comparator.comparing(ProjectLibraryBase::getShowName));
+            Collections.sort(projectLibraryBaseList);
 
             List<SysDictItem> dictItemList = sysDictItemServiceImpl.selectItemsByDictCode("region");
             for (ProjectLibraryBase libraryBase : projectLibraryBaseList) {
                 targetMarket(projectLibraryBase, dictItemList, libraryBase);
                 Map<String,Object> mapList = new HashMap<>();
-                List<List<TimeNodeVO>> collect = new ArrayList<>();
+                List<List<TimeNodeVO>> collect;
                 if(ObjectUtils.isNotEmpty(startTime) && ObjectUtils.isNotEmpty(endTime)){
                     collect = listNew.stream().filter(e -> libraryBase.getId().equals(e.get(0).getProjectId())).collect(Collectors.toList());
                 }else{
@@ -147,8 +146,9 @@ public class ProjectStatusBoardServiceImpl implements IProjectStatusBoardService
                 if(collect.size() != 0){
                     index ++;
                     mapList.put("index",index);
-                    mapList.put("projectName",libraryBase.getProjectName()+" "+libraryBase.getYearName()+"-"+libraryBase.getTargetMarket()+"-"+libraryBase.getProjectVersion());
+                    mapList.put("projectName",libraryBase.getShowName());
                     mapList.put("data",collect);
+                    mapList.put("projectInfo",libraryBase);
                     result.add(mapList);
                 }
             }
@@ -215,9 +215,7 @@ public class ProjectStatusBoardServiceImpl implements IProjectStatusBoardService
                 lambdaQueryWrapper.in(ProjectTaskInventoryEO::getProjectLawsInventoryId,projectLawsInventoryEOIdAll);
                 projectTaskInventoryEOList = projectTaskInventoryEOService.list(lambdaQueryWrapper);
             }
-
-
-            projectLibraryBaseList.sort(Comparator.comparing(ProjectLibraryBase::getShowName));
+            Collections.sort(projectLibraryBaseList);
             for (ProjectLibraryBase libraryBase : projectLibraryBaseList) {
                 //处理目标市场
                 targetMarket(projectLibraryBase, dictItemList, libraryBase);
@@ -234,7 +232,7 @@ public class ProjectStatusBoardServiceImpl implements IProjectStatusBoardService
                     projectVersion = "00";
                 }
                 Map<String,Object> map = new HashMap<>();
-                map.put("projectName",libraryBase.getProjectName()+" "+libraryBase.getYearName()+"-"+libraryBase.getTargetMarket()+"-"+projectVersion);//项目名称
+                map.put("projectName",libraryBase.getShowName());//项目名称
                 map.put("targetMarket",libraryBase.getTargetMarket());//目标市场
 
                 //1. 项目当前状态--projectState(蓝/红/黄/绿)-->studio视角下的数据
diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index bba7da106..e2e1d742e 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -1240,9 +1240,9 @@ module.exports = {
   dre: 'Dre',
   applicableInstructionsMarketList: 'Applicable instructions of market list',
   pleaseSelectTheDataCompared: 'Please select the data to be compared',
-  problemLabel: 'Topic Tag',
+  problemLabel: 'classification',
   personCharge: 'Person in charge',
-  addLabel: 'Add Tag',
+  addLabel: 'New Classification',
   editLabel: 'Edit Label',
   applicableMarket: 'Applicable Market',
   templateMaintenance: 'Template Maintenance',
@@ -1384,4 +1384,5 @@ module.exports = {
   beforedatein:'In... Before  date (inclusive)',
   inRecentMonthsin6:'Within 6 months (implemented)',
   batchUpdateDeadline:'Batch update deadline',
+  timeInterval:'Time Interval',
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index 938c70910..43af8d4db 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -1342,9 +1342,9 @@ module.exports = {
   dre: '填写人',
   applicableInstructionsMarketList: '市场清单适用说明',
   pleaseSelectTheDataCompared: '请选择需要对比的数据',
-  problemLabel: '问题标签',
+  problemLabel: '分类',
   personCharge: '负责人',
-  addLabel: '新增标签',
+  addLabel: '新增分类',
   editLabel: '编辑标签',
   applicableMarket: '适用市场',
   templateMaintenance: '模板维护',
@@ -1485,4 +1485,5 @@ module.exports = {
   beforedatein:'在...日期之前（包含）',
   inRecentMonthsin6:'近6个月内（已实施）',
   batchUpdateDeadline:'批量更新截止时间',
+  timeInterval:'时间区间',
 }
\ No newline at end of file
diff --git a/jero-web/src/components/Standardselection/index.vue b/jero-web/src/components/Standardselection/index.vue
index b658c56a2..d7edda414 100644
--- a/jero-web/src/components/Standardselection/index.vue
+++ b/jero-web/src/components/Standardselection/index.vue
@@ -83,6 +83,7 @@
         visible: false,
         confirmLoading: false,
         selectedRowKeys: [],
+        selectedRowList: [],
         content: [],
         loading: false,
         queryParam: {},
@@ -149,16 +150,17 @@
         this.visible = false
       },
       handleSubmit() {
-        let content = []
-        // let replace_standard_id = []
+        let serial_number = []
+        let replace_standard_id = []
         if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
-          let content = JSON.parse(JSON.stringify(this.selectedRowKeys))
-          // this.content.forEach(res => {
-          //   content.push(res.serial_number)
-          //   replace_standard_id.push(res.id)
-          // })
-          this.$emit('input', content.join(','))
-          // this.$emit('change', this.query.db_field_name, replace_standard_id.join(','))
+          // let content = JSON.parse(JSON.stringify(this.selectedRowList))
+          this.selectedRowList.forEach(res => {
+            serial_number.push(res.serial_number)
+            replace_standard_id.push(res.id)
+          })
+          this.$emit('input', serial_number.join(','))
+          console.log(replace_standard_id)
+          this.$emit('change', this.query.db_field_name, replace_standard_id.join(','))
           // this.$emit('changecontent', this.content)
           this.visible = false
         } else {
@@ -168,9 +170,11 @@
       indexclick(event) {
         this.$emit('input', event.target.value)
       },
-      onSelectChange(value) {
+      onSelectChange(value,row) {
         console.log(value)
+        console.log(row)
         this.selectedRowKeys = value
+        this.selectedRowList = row
         // this.content = []
         // value.forEach(val => {
         //   this.dataList.forEach((res) => {
diff --git a/jero-web/src/components/libraryAddForm/index.vue b/jero-web/src/components/libraryAddForm/index.vue
index 86cd81291..c99abc593 100644
--- a/jero-web/src/components/libraryAddForm/index.vue
+++ b/jero-web/src/components/libraryAddForm/index.vue
@@ -169,6 +169,7 @@
                     <Standardselection :query="item"
                                        :disabled="disabled"
                                        :standard="formInline"
+                                       @change="StandardselectionChange"
                                        v-model="formInline[item.db_field_name]"/>
                   </a-form-model-item>
                 </div>
@@ -494,10 +495,11 @@
         this.type = 'add'
         this.getForm()
       },
-      // StandardselectionChange(value, id) {
-      //   this.formInline[value + '_id'] = id
-      //   this.formInline = { ...this.formInline }
-      // },
+      StandardselectionChange(value, id) {
+        console.log(id)
+        this.formInline[value + '_id'] = id
+        this.formInline = { ...this.formInline }
+      },
       PersonnelSelectionChange(value, id) {
         this.formInline[value + '_id'] = id
         this.formInline = { ...this.formInline }
diff --git a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/listAddModel.vue b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/listAddModel.vue
index bd3307777..6eb8a71be 100644
--- a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/listAddModel.vue
+++ b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/listAddModel.vue
@@ -31,17 +31,17 @@
                          v-model="queryParam.title"></a-input>
               </div>
             </a-col>
-            <a-col :md="12" :sm="8">
-              <div class="box-title-text">
-                <div class="title-text" :title="$t('status')">
-                  <span>{{$t('status')}}</span>
-                </div>
-                <j-dict-select-tag class="box-input" v-model="queryParam.state"
-                                   :placeholder="$t('PleaseSelect')+$t('status')"
-                                   :type="'select'"
-                                   :triggerChange="false" :dictCode="'state'"/>
-              </div>
-            </a-col>
+<!--            <a-col :md="12" :sm="8">-->
+<!--              <div class="box-title-text">-->
+<!--                <div class="title-text" :title="$t('status')">-->
+<!--                  <span>{{$t('status')}}</span>-->
+<!--                </div>-->
+<!--                <j-dict-select-tag class="box-input" v-model="queryParam.state"-->
+<!--                                   :placeholder="$t('PleaseSelect')+$t('status')"-->
+<!--                                   :type="'select'"-->
+<!--                                   :triggerChange="false" :dictCode="'state'"/>-->
+<!--              </div>-->
+<!--            </a-col>-->
             </template>
             <span style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
                <a-col :md="12" :sm="24">
diff --git a/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue b/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
index 507e800ba..dadfbaa12 100644
--- a/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
+++ b/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
@@ -931,24 +931,24 @@
             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('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'),
diff --git a/jero-web/src/views/externalReports/index.vue b/jero-web/src/views/externalReports/index.vue
index 81a329dbf..920677cbc 100644
--- a/jero-web/src/views/externalReports/index.vue
+++ b/jero-web/src/views/externalReports/index.vue
@@ -143,10 +143,10 @@
                   :columns="columns"
                 >
         <span slot="projectName" slot-scope="text,record" :title="text">
-            {{ text && text.length > 20 ? text.slice(0, 18) + '...' : text }}
+            {{ text }}
         </span>
                   <span slot="fileName" slot-scope="text,record" :title="text">
-            {{ text && text.length > 15 ? text.slice(0, 14) + '...' : text }}
+            {{ text }}
         </span>
 
                   <span slot="operation" slot-scope="text,record">
@@ -382,6 +382,7 @@
           {
             title: this.$t('fileName'),
             align: 'left',
+            ellipsis: true,
             dataIndex: 'fileName',
             scopedSlots: { customRender: 'fileName' },
             width: 200
@@ -389,6 +390,7 @@
           {
             title: this.$t('fileDeclaration'),
             align: 'left',
+            ellipsis: true,
             dataIndex: 'fileDescription',
             scopedSlots: { customRender: 'projectName' },
             width: 300
@@ -396,6 +398,7 @@
           {
             title: this.$t('uploadedBy'),
             align: 'left',
+            ellipsis: true,
             dataIndex: 'createBy',
             width: 150
           },
@@ -407,6 +410,7 @@
           {
             title: this.$t('uploadTime'),
             align: 'left',
+            ellipsis: true,
             dataIndex: 'createTime',
             width: 250
           },
@@ -414,6 +418,7 @@
             title: this.$t('operation'),
             align: 'left',
             fixed: 'right',
+            ellipsis: true,
             width: 250,
             scopedSlots: { customRender: 'operation' }
           }
@@ -1123,7 +1128,7 @@
 </script>
 
 <style lang="less" scoped>
-  @import '~@assets/less/common.less';
+  @import'~@assets/less/common.less';
 
   ::v-deep .ant-table-row:first-child {
     background: #fff !important;
diff --git a/jero-web/src/views/projectManagement/components/addModel.vue b/jero-web/src/views/projectManagement/components/addModel.vue
index 40418ac3a..55ea1a3e5 100644
--- a/jero-web/src/views/projectManagement/components/addModel.vue
+++ b/jero-web/src/views/projectManagement/components/addModel.vue
@@ -76,8 +76,8 @@
                 <span class="title-text-text" :title="$t('projectVersion')">{{$t('projectVersion')}}</span>
               </div>
               <a-form-model-item class="itemModel" prop="projectVersion">
-                <a-input class="box-input"
-                         :disabled="true"
+                <a-input class="box-input" oninput="javascript:this.value=this.value.replace(/[^\d]$/g,'')"
+                         :maxLength="2"
                          v-model="formInline.projectVersion"
                          :placeholder="$t('PleaseEnter')+$t('projectVersion')"/>
               </a-form-model-item>
diff --git a/jero-web/src/views/projectManagement/projectStatusBoard/components/TaskPlanList.vue b/jero-web/src/views/projectManagement/projectStatusBoard/components/TaskPlanList.vue
index 7891cc13a..3f5e7e577 100644
--- a/jero-web/src/views/projectManagement/projectStatusBoard/components/TaskPlanList.vue
+++ b/jero-web/src/views/projectManagement/projectStatusBoard/components/TaskPlanList.vue
@@ -3,41 +3,129 @@
     <div class="Virtual-detail-header" style="position: fixed;top: 0">
       <div class="Virtual-detail-title">
         <span>
-             {{this.$t('regulatoryCertificationTaskPlan')}}
+             {{ this.$t('regulatoryCertificationTaskPlan') }}
         </span>
       </div>
     </div>
     <div style="padding: 87px 0 0 0;background: #ffffff;height:100%">
       <div class="detail-content" style="height: 100%">
-            <span style="float: right" class="box-top-text-right">
-           <a-range-picker
-             :placeholder="[this.$t('startMonth'), this.$t('endMonth')]"
-             format="YYYY-MM"
-             v-model="getTime"
-             :mode="mode2"
-             :open="open"
-             @openChange="openChange"
-             @panelChange="panelChange"
-             @change="hodeChange"
-           >
-             <div slot="renderExtraFooter" style="width: 100%;display: block">
-               <div style="text-align: right;width: 100%">
-                   <a-button  type="primary" @click="okChange">{{$t('determine')}}</a-button>
-               </div>
-             </div>
-           </a-range-picker>
-      </span>
+        <div class="table-page-search-wrapper">
+          <a-form layout="inline" @keyup.enter.native="searchQuery">
+            <a-row :gutter="24">
+              <a-col :md="6" :sm="8">
+                <div class="box-title-text">
+                  <div class="title-text" :title="$t('entryName')">
+                    <span>{{ $t('entryName') }}</span>
+                  </div>
+                  <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('entryName')"
+                           v-model="queryParam.projectName"></a-input>
+                </div>
+              </a-col>
+              <a-col :md="6" :sm="8">
+                <div class="box-title-text">
+                  <div class="title-text" :title="$t('targetMarket')">
+                    <span>{{ $t('targetMarket') }}</span>
+                  </div>
+                  <j-dict-select-tag class="box-input" v-model="queryParam.targetMarket"
+                                     :placeholder="$t('PleaseSelect')+$t('targetMarket')"
+                                     :type="'select'"
+                                     :triggerChange="false" :dictCode="'region'" />
+                </div>
+              </a-col>
+              <a-col :md="6" :sm="8">
+                <div class="box-title-text">
+                  <div class="title-text" :title="$t('projectStatus')">
+                    <span>{{ $t('projectStatus') }}</span>
+                  </div>
+                  <j-dict-select-tag class="box-input" v-model="queryParam.projectStatus"
+                                     :placeholder="$t('PleaseSelect')+$t('projectStatus')"
+                                     :type="'select'"
+                                     :triggerChange="false" :dictCode="'project_status'" />
+                </div>
+              </a-col>
+              <a-col :md="6" :sm="8">
+                <div class="box-title-text">
+                  <div class="title-text" :title="$t('timeInterval')">
+                    <span>{{ $t('timeInterval') }}</span>
+                  </div>
+                  <a-range-picker
+                    :placeholder="[this.$t('startMonth'), this.$t('endMonth')]"
+                    format="YYYY-MM"
+                    class="box-input"
+                    v-model="getTime"
+                    :mode="mode2"
+                    :open="open"
+                    @openChange="openChange"
+                    @panelChange="panelChange"
+                    @change="hodeChange"
+                  >
+                    <div slot="renderExtraFooter" style="width: 100%;display: block">
+                      <div style="text-align: right;width: 100%">
+                        <a-button type="primary" @click="okChange">{{ $t('determine') }}</a-button>
+                      </div>
+                    </div>
+                  </a-range-picker>
+                </div>
+              </a-col>
+              <a-col :md="6" :sm="8">
+                <div class="box-title-text">
+                  <div class="title-text" :title="$t('brand')">
+                    <span>{{ $t('brand') }}</span>
+                  </div>
+                  <j-dict-select-tag class="box-input" v-model="queryParam.brand"
+                                     :placeholder="$t('PleaseSelect')+$t('brand')"
+                                     :type="'select'"
+                                     :triggerChange="false" :dictCode="'brand'" />
+                </div>
+              </a-col>
+              <span style="float: right" class="table-page-search-submitButtons">
+               <a-col :md="6" :sm="24">
+                  <a-button class="box-button" type="primary" @click="searchQuery">{{ $t('query') }}</a-button>
+                  <a-button class="box-button" style="margin-left: 8px"
+                            @click="searchReset">{{ $t('reset') }}</a-button>
+               </a-col>
+          </span>
+            </a-row>
+          </a-form>
+        </div>
+        <!--        <span style="float: right" class="box-top-text-right">-->
+        <!--           <a-range-picker-->
+        <!--             :placeholder="[this.$t('startMonth'), this.$t('endMonth')]"-->
+        <!--             format="YYYY-MM"-->
+        <!--             v-model="getTime"-->
+        <!--             :mode="mode2"-->
+        <!--             :open="open"-->
+        <!--             @openChange="openChange"-->
+        <!--             @panelChange="panelChange"-->
+        <!--             @change="hodeChange"-->
+        <!--           >-->
+        <!--             <div slot="renderExtraFooter" style="width: 100%;display: block">-->
+        <!--               <div style="text-align: right;width: 100%">-->
+        <!--                   <a-button type="primary" @click="okChange">{{ $t('determine') }}</a-button>-->
+        <!--               </div>-->
+        <!--             </div>-->
+        <!--           </a-range-picker>-->
+        <!--      </span>-->
         <div class="box-top-content" style="position: relative">
           <!--        <div id="main"></div>-->
           <!--        <div class="axis-tip"></div>-->
           <div class="box-top-content-right-top">
-            <div class="box-top-content-right-top-text" v-for="(item,index) in timeList" :key="index">{{item}}</div>
+            <div class="box-top-content-right-top-text" v-for="(item,index) in timeList" :key="index">{{ item }}</div>
           </div>
           <div style="overflow:visible;">
             <div class="box-top-content-left">
-              <div class="box-top-content-left-text" :title="item.projectName"
+              <div class="box-top-content-left-text"
                    v-for="(item,index) in timeData" :key="index">
-                {{item.projectName}}
+                <a-tooltip overlayClassName="overlayClassName" placement="topLeft">
+                  <template slot="title">
+                    <div>{{ item.projectName }}</div>
+                    <div>
+                      {{ $t('explain') }}:{{ item.projectInfo.explanation }}
+                    </div>
+                  </template>
+                  <span @click="projectInfoClick(item.projectInfo)" style="cursor: pointer">{{ item.projectName
+                    }}</span>
+                </a-tooltip>
               </div>
             </div>
             <div class="box-top-content-right">
@@ -47,12 +135,13 @@
                   <div class="process-content-content" :style="val.left"
                        v-for="(val,indexOne) in item.data[0]" :key="indexOne">
 
-                    <div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{val.name}}</div>
-                    <div class="process-content-right-button" v-if="indexOne % 2 == 1" :title="val.name">{{val.name}}
+                    <div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{ val.name }}
+                    </div>
+                    <div class="process-content-right-button" v-if="indexOne % 2 == 1" :title="val.name">{{ val.name }}
                     </div>
                     <a-tooltip placement="topLeft" overlayClassName="tooltipColor">
                       <template slot="title">
-                        <span>{{val.time.slice(0,11)}}</span>
+                        <span>{{ val.time.slice(0, 11) }}</span>
                       </template>
                       <img v-if="val.status == 1" src="../../../../assets/done.svg" class="process-content-left" alt="">
                       <img v-else-if="val.status == 2" src="../../../../assets/open.svg"
@@ -67,13 +156,13 @@
                 </div>
                 <div class="box-top-content-right-xian"></div>
                 <div class="box-top-content-right-text">
-                  {{handlingTime}}
+                  {{ handlingTime }}
                 </div>
               </div>
 
             </div>
           </div>
-          <JLoading :loading="loadingMain">{{this.$t('dataLoading')}}</JLoading>
+          <JLoading :loading="loadingMain">{{ this.$t('dataLoading') }}</JLoading>
         </div>
       </div>
     </div>
@@ -81,497 +170,547 @@
 </template>
 
 <script>
-  import { getAction, postAction, deleteAction } from '@/api/manage'
-  import moment from 'moment'
-  import * as echarts from 'echarts'
+import { getAction, postAction, deleteAction } from '@/api/manage'
+import moment from 'moment'
+import * as echarts from 'echarts'
 
-  export default {
-    name: 'TaskPlanList',
-    data() {
-      return {
-        url: {
-          timeline: '/project/ProjectStatusBoardController/timeline',
-          timelineList: '/project/ProjectStatusBoardController/timelineList'
-        },
-        startTime: undefined,
-        endTime: undefined,
-        mode2: ['month', 'month'],
-        loading: false,
-        loadingMain: false,
-        dataSource: [],
-        open: false,
-        getTime: [],
-        timeList: [],
-        timeData: [],
-        handlingTime: ''
+export default {
+  name: 'TaskPlanList',
+  data() {
+    return {
+      url: {
+        timeline: '/project/ProjectStatusBoardController/timeline',
+        timelineList: '/project/ProjectStatusBoardController/timelineList'
+      },
+      startTime: undefined,
+      endTime: undefined,
+      mode2: ['month', 'month'],
+      loading: false,
+      loadingMain: false,
+      dataSource: [],
+      open: false,
+      getTime: [],
+      timeList: [],
+      timeData: [],
+      handlingTime: '',
+      queryParam: {},
+      toggleSearchStatus: false
+    }
+  },
+  created() {
+    document.title = this.$t('regulatoryCertificationTaskPlan')
+  },
+  mounted() {
+    this.getTimeline()
+    this.handlingTime = moment(new Date()).format('YYYY-MM-DD')
+  },
+  methods: {
+    getNewDate(flag, many) {
+
+      const thirtyDays = [4, 6, 9, 11] // 30天的月份
+
+      const thirtyOneDays = [1, 3, 5, 7, 8, 10, 12] // 31天的月份
+
+      const currDate = new Date() // 今天日期
+
+      const year = currDate.getFullYear()
+
+      let month = currDate.getMonth() + 1
+
+      let targetDateMilli = 0
+
+      let GMTDate = '' // 中国标准时间
+
+      let targetYear = '' // 年
+
+      let targetMonth = '' // 月
+
+      let targetDate = '' // 日
+
+      let dealTargetDays = '' // 目标日期
+
+      const isLeapYear = !!((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) // 是否是闰年
+
+      let countDays = 0 // 累计天数
+
+      for (let i = 0; i < many; i++) {
+
+        if (flag === 'before') {
+
+          month = month - 1 <= 0 ? 12 : month - 1
+
+        } else {
+
+          month = month + 1 > 12 ? 1 : month + 1
+
+        }
+
+        thirtyDays.includes(month) ? (countDays += 30) : thirtyOneDays.includes(month) ? (countDays += 31) : isLeapYear ? (countDays += 29) : (countDays += 28)
       }
+
+      targetDateMilli = currDate.setDate(
+        currDate.getDate() - (flag === 'before' ? countDays : countDays * -1)
+      )
+
+      GMTDate = new Date(targetDateMilli)
+
+      targetYear = GMTDate.getFullYear()
+
+      targetMonth = GMTDate.getMonth() + 1
+
+      targetDate = GMTDate.getDate()
+
+      targetMonth = targetMonth.toString().padStart(2, '0')
+
+      targetDate = targetDate.toString().padStart(2, '0')
+
+      dealTargetDays = `${targetYear}-${targetMonth}`
+
+      return dealTargetDays
     },
-    created() {
-      document.title = this.$t('regulatoryCertificationTaskPlan')
-    },
-    mounted() {
-      this.getTimeline()
-      this.handlingTime = moment(new Date()).format('YYYY-MM-DD')
-    },
-    methods: {
-      getNewDate(flag, many) {
-
-        const thirtyDays = [4, 6, 9, 11] // 30天的月份
-
-        const thirtyOneDays = [1, 3, 5, 7, 8, 10, 12] // 31天的月份
-
-        const currDate = new Date() // 今天日期
-
-        const year = currDate.getFullYear()
-
-        let month = currDate.getMonth() + 1
-
-        let targetDateMilli = 0
-
-        let GMTDate = '' // 中国标准时间
-
-        let targetYear = '' // 年
-
-        let targetMonth = '' // 月
-
-        let targetDate = '' // 日
-
-        let dealTargetDays = '' // 目标日期
-
-        const isLeapYear = !!((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) // 是否是闰年
-
-        let countDays = 0 // 累计天数
-
-        for (let i = 0; i < many; i++) {
-
-          if (flag === 'before') {
-
-            month = month - 1 <= 0 ? 12 : month - 1
-
-          } else {
-
-            month = month + 1 > 12 ? 1 : month + 1
-
-          }
-
-          thirtyDays.includes(month) ? (countDays += 30) : thirtyOneDays.includes(month) ? (countDays += 31) : isLeapYear ? (countDays += 29) : (countDays += 28)
-        }
-
-        targetDateMilli = currDate.setDate(
-          currDate.getDate() - (flag === 'before' ? countDays : countDays * -1)
-        )
-
-        GMTDate = new Date(targetDateMilli)
-
-        targetYear = GMTDate.getFullYear()
-
-        targetMonth = GMTDate.getMonth() + 1
-
-        targetDate = GMTDate.getDate()
-
-        targetMonth = targetMonth.toString().padStart(2, '0')
-
-        targetDate = targetDate.toString().padStart(2, '0')
-
-        dealTargetDays = `${targetYear}-${targetMonth}`
-
-        return dealTargetDays
-      },
-      getTimeline() {
-        let query = {
-          startTime: this.startTime || this.getNewDate('before', 6),
-          endTime: this.endTime || this.getNewDate('after', 5)
-        }
-        this.loadingMain = true
-        getAction(this.url.timeline, query).then((res) => {
-          if (res.success) {
-            this.getTimelineList(res.result)
-          } else {
-            this.loadingMain = false
-          }
-        })
-      },
-      openChange(val) {
-        this.open = val
-      },
-      okChange() {
-        this.open = false
-        this.getTimeline()
-      },
-      hodeChange() {
-        this.getTime = []
-        this.startTime = undefined
-        this.endTime = undefined
-        this.getTimeline()
-      },
-      panelChange(value, mode) {
-        this.getTime = value
-        this.startTime = moment(value[0]).format('YYYY-MM')
-        this.endTime = moment(value[1]).format('YYYY-MM')
-      },
-      getTimelineList(time) {
-        let query = {
-          startTime: this.startTime || this.getNewDate('before', 6),
-          endTime: this.endTime || this.getNewDate('after', 5)
-        }
-        getAction(this.url.timelineList, query).then((res) => {
-          if (res.success) {
-            this.getEcharts(time, res.result)
-          } else {
-            this.loadingMain = false
-          }
-        })
-      },
-      getEcharts(timeList, timeData) {
-        this.timeList = []
-        if (timeList.length <= 12) {
-          this.timeList = timeList
-        } else if (timeList.length <= 24) {
-          timeList.forEach((res, index) => {
-            if (index == 0) {
-              this.timeList.push(res)
-            } else if (index == timeList.length - 1) {
-              this.timeList.push(res)
-            } else if (index % 2 == 0) {
-              if (this.timeList.length < 11) {
-                this.timeList.push(res)
-              }
-            }
-          })
-        } else if (timeList.length <= 36) {
-          timeList.forEach((res, index) => {
-            if (index == 0) {
-              this.timeList.push(res)
-            } else if (index == timeList.length - 1) {
-              this.timeList.push(res)
-            } else if (index % 3 == 0) {
-              if (this.timeList.length < 11) {
-                this.timeList.push(res)
-              }
-            }
-          })
-        } else if (timeList.length <= 48) {
-          timeList.forEach((res, index) => {
-            if (index == 0) {
-              this.timeList.push(res)
-            } else if (index == timeList.length - 1) {
-              this.timeList.push(res)
-            } else if (index % 4 == 0) {
-              if (this.timeList.length < 11) {
-                this.timeList.push(res)
-              }
-            }
-          })
-        } else if (timeList.length <= 60) {
-          timeList.forEach((res, index) => {
-            if (index == 0) {
-              this.timeList.push(res)
-            } else if (index == timeList.length - 1) {
-              this.timeList.push(res)
-            } else if (index % 5 == 0) {
-              if (this.timeList.length < 11) {
-                this.timeList.push(res)
-              }
-            }
-          })
-        }
-        let dataList = document.getElementsByClassName('box-top-content-right-top-text')
-        let contentRightText = document.getElementsByClassName('box-top-content-right-text')
-        let contentRightXian = document.getElementsByClassName('box-top-content-right-xian')
-
-        setTimeout(() => {
-          let length = timeList.length / dataList.length
-          let clientWidth = dataList[0].clientWidth
-          clientWidth = clientWidth / length
-          for (let i = 0; i < timeData.length; i++) {
-            for (let j = 0; j < timeData[i].data[0].length; j++) {
-              for (let k = 0; k < dataList.length; k++) {
-                let num = (Math.ceil(clientWidth / 31)) * parseInt(timeData[i].data[0][j].time.slice(8, 10))
-                timeList.forEach((res, index) => {
-                  if (timeData[i].data[0][j].time.slice(0, 7) == res.slice(0, 7)) {
-                    timeData[i].data[0][j].left = 'left:' + ((clientWidth * index + num) - 16) + 'px'
-                  }
-                })
-              }
-            }
-          }
-          contentRightText[0].style = 'display:none'
-          contentRightXian[0].style = 'display:none'
-          let clientWidthOne = dataList[0].clientWidth
-          clientWidthOne = clientWidthOne / length
-          let num = Math.ceil(clientWidthOne / 31) * parseInt(this.handlingTime.slice(8, 10))
-          timeList.forEach((res, index) => {
-            if (res.slice(0, 7) == this.handlingTime.slice(0, 7)) {
-              contentRightText[0].style = 'left:' + ((clientWidthOne * index + num) - 28) + 'px;' + 'display:block'
-              contentRightXian[0].style = 'left:' + ((clientWidthOne * index + num) + 6) + 'px;' + 'display:block'
-            }
-          })
-
-          this.timeData = timeData
-          this.timeData = [...this.timeData]
+    getTimeline() {
+      let query = {
+        startTime: this.startTime || this.getNewDate('before', 6),
+        endTime: this.endTime || this.getNewDate('after', 5),
+        ...this.queryParam
+      }
+      this.loadingMain = true
+      getAction(this.url.timeline, query).then((res) => {
+        if (res.success) {
+          this.getTimelineList(res.result)
+        } else {
           this.loadingMain = false
-        }, 500)
-
+        }
+      })
+    },
+    projectInfoClick(item) {
+      let newUrl = this.$router.resolve({
+        path: '/ProjectDetails',
+        query: item
+      })
+      window.open(newUrl.href, '_blank')
+    },
+    openChange(val) {
+      this.open = val
+    },
+    okChange() {
+      this.open = false
+      // this.getTimeline()
+    },
+    hodeChange() {
+      this.getTime = []
+      this.startTime = undefined
+      this.endTime = undefined
+      this.getTimeline()
+    },
+    panelChange(value, mode) {
+      this.getTime = value
+      this.startTime = moment(value[0]).format('YYYY-MM')
+      this.endTime = moment(value[1]).format('YYYY-MM')
+    },
+    getTimelineList(time) {
+      let query = {
+        startTime: this.startTime || this.getNewDate('before', 6),
+        endTime: this.endTime || this.getNewDate('after', 5),
+        ...this.queryParam
       }
+      getAction(this.url.timelineList, query).then((res) => {
+        if (res.success) {
+          this.getEcharts(time, res.result)
+        } else {
+          this.loadingMain = false
+        }
+      })
+    },
+    getEcharts(timeList, timeData) {
+      this.timeList = []
+      if (timeList.length <= 12) {
+        this.timeList = timeList
+      } else if (timeList.length <= 24) {
+        timeList.forEach((res, index) => {
+          if (index == 0) {
+            this.timeList.push(res)
+          } else if (index == timeList.length - 1) {
+            this.timeList.push(res)
+          } else if (index % 2 == 0) {
+            if (this.timeList.length < 11) {
+              this.timeList.push(res)
+            }
+          }
+        })
+      } else if (timeList.length <= 36) {
+        timeList.forEach((res, index) => {
+          if (index == 0) {
+            this.timeList.push(res)
+          } else if (index == timeList.length - 1) {
+            this.timeList.push(res)
+          } else if (index % 3 == 0) {
+            if (this.timeList.length < 11) {
+              this.timeList.push(res)
+            }
+          }
+        })
+      } else if (timeList.length <= 48) {
+        timeList.forEach((res, index) => {
+          if (index == 0) {
+            this.timeList.push(res)
+          } else if (index == timeList.length - 1) {
+            this.timeList.push(res)
+          } else if (index % 4 == 0) {
+            if (this.timeList.length < 11) {
+              this.timeList.push(res)
+            }
+          }
+        })
+      } else if (timeList.length <= 60) {
+        timeList.forEach((res, index) => {
+          if (index == 0) {
+            this.timeList.push(res)
+          } else if (index == timeList.length - 1) {
+            this.timeList.push(res)
+          } else if (index % 5 == 0) {
+            if (this.timeList.length < 11) {
+              this.timeList.push(res)
+            }
+          }
+        })
+      }
+      let dataList = document.getElementsByClassName('box-top-content-right-top-text')
+      let contentRightText = document.getElementsByClassName('box-top-content-right-text')
+      let contentRightXian = document.getElementsByClassName('box-top-content-right-xian')
+
+      setTimeout(() => {
+        let length = timeList.length / dataList.length
+        let clientWidth = dataList[0].clientWidth
+        clientWidth = clientWidth / length
+        for (let i = 0; i < timeData.length; i++) {
+          for (let j = 0; j < timeData[i].data[0].length; j++) {
+            for (let k = 0; k < dataList.length; k++) {
+              let num = (Math.ceil(clientWidth / 31)) * parseInt(timeData[i].data[0][j].time.slice(8, 10))
+              timeList.forEach((res, index) => {
+                if (timeData[i].data[0][j].time.slice(0, 7) == res.slice(0, 7)) {
+                  timeData[i].data[0][j].left = 'left:' + ((clientWidth * index + num) - 16) + 'px'
+                }
+              })
+            }
+          }
+        }
+        contentRightText[0].style = 'display:none'
+        contentRightXian[0].style = 'display:none'
+        let clientWidthOne = dataList[0].clientWidth
+        clientWidthOne = clientWidthOne / length
+        let num = Math.ceil(clientWidthOne / 31) * parseInt(this.handlingTime.slice(8, 10))
+        timeList.forEach((res, index) => {
+          if (res.slice(0, 7) == this.handlingTime.slice(0, 7)) {
+            contentRightText[0].style = 'left:' + ((clientWidthOne * index + num) - 28) + 'px;' + 'display:block'
+            contentRightXian[0].style = 'left:' + ((clientWidthOne * index + num) + 6) + 'px;' + 'display:block'
+          }
+        })
+
+        this.timeData = timeData
+        this.timeData = [...this.timeData]
+        this.loadingMain = false
+      }, 500)
+
+    },
+    searchQuery() {
+      this.getTimeline()
+    },
+    searchReset() {
+      this.getTime = []
+      this.startTime = undefined
+      this.endTime = undefined
+      this.queryParam = {}
+      this.getTimeline()
     }
   }
+}
 </script>
 
 <style>
-  .ant-calendar-footer-btn .ant-calendar-footer-extra{
-    float: right;
-  }
+.ant-calendar-footer-btn .ant-calendar-footer-extra {
+  float: right;
+}
+
+.overlayClassName .ant-tooltip-inner {
+  color: #fff !important;
+  background-color: rgba(0, 0, 0, 0.75) !important;
+}
+
+.overlayClassName .ant-tooltip-arrow::before {
+  background-color: rgba(0, 0, 0, 0.75) !important;
+}
+
+.overlayClassName {
+  max-width: 500px !important;
+}
 </style>
 
 <style lang="less" scoped>
-  @import '~@assets/less/common.less';
-  .doc-detail {
+@import '~@assets/less/common.less';
+
+.doc-detail {
+  background: #fff;
+  height: 100%;
+
+  .Virtual-detail-header {
+    width: 100%;
+    height: 68px;
+    line-height: 68px;
+    padding: 0 32px 0 32px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 2px #eff1f3 solid;
     background: #fff;
-    height: 100%;
 
-    .Virtual-detail-header {
-      width: 100%;
-      height: 68px;
+    .Virtual-detail-title {
+      display: inline-block;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+      font-size: 20px;
+      font-weight: 400;
+      color: #040B29;
       line-height: 68px;
-      padding: 0 32px 0 32px;
-      box-sizing: border-box;
-      display: flex;
-      justify-content: space-between;
-      border-bottom: 2px #eff1f3 solid;
-      background: #fff;
-
-      .Virtual-detail-title {
-        display: inline-block;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        font-size: 20px;
-        font-weight: 400;
-        color: #040B29;
-        line-height: 68px;
-      }
     }
   }
+}
 
-  .box-title-text {
-    line-height: 1.4;
-    display: flex;
-    align-items: center;
-    margin-bottom: 10px;
-  }
+.box-title-text {
+  line-height: 1.4;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
 
-  .title-text {
-    width: 70px;
-    color: #000F16;
-    display: inline-block;
-    font-weight: 500;
-    font-size: 14px;
-    margin-right: 16px;
-    margin-top: 3px;
-    text-align: right;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
+.title-text {
+  width: 70px;
+  color: #000F16;
+  display: inline-block;
+  font-weight: 500;
+  font-size: 14px;
+  margin-right: 16px;
+  margin-top: 3px;
+  text-align: right;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
-  .box-input {
-    display: inline-block;
-    width: 70%;
-    height: 38px;
-    margin-top: 2px;
-  }
+.box-input {
+  display: inline-block;
+  width: calc(100% - 70px);
+  height: 38px;
+  margin-top: 2px;
+}
 
-  .box-top-text {
-    font-size: 16px;
-    font-weight: 500;
-    color: #000F16;
-    display: inline-block;
-  }
+.box-top-text {
+  font-size: 16px;
+  font-weight: 500;
+  color: #000F16;
+  display: inline-block;
+}
 
-  .box-top-content {
-    width: 100%;
-    height: calc(100vh - 160px);
-    margin-bottom: 20px;
-    padding: 0 50px 10px 20px;
-    box-sizing: border-box;
-    overflow: auto;
-  }
+.box-top-content {
+  width: 100%;
+  height: calc(100vh - 200px);
+  margin-bottom: 20px;
+  padding: 0 50px 10px 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
 
-  .box-button {
-    height: 38px;
-  }
+.box-button {
+  height: 38px;
+  display: inline-block;
+}
 
-  #main {
-    width: 100%;
-    height: 100%;
-  }
+#main {
+  width: 100%;
+  height: 100%;
+}
 
-  .axis-tip {
-    display: none;
-    position: absolute;
-    padding: 5px 5px;
-    font-size: 12px;
-    line-height: 18px;
-    color: #575757;
-    background: #ffffff;
-    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
-    border-radius: 4px;
-  }
+.axis-tip {
+  display: none;
+  position: absolute;
+  padding: 5px 5px;
+  font-size: 12px;
+  line-height: 18px;
+  color: #575757;
+  background: #ffffff;
+  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+}
 
-  .box-top-text-right {
-    display: inline-block;
-    float: right;
-    height: 38px;
-    width: 300px;
-    margin-top: -4px;
-    margin-right: 20px;
-    margin-bottom: 10px;
-  }
+.box-top-text-right {
+  display: inline-block;
+  float: right;
+  height: 38px;
+  width: 300px;
+  margin-top: -4px;
+  margin-right: 20px;
+  margin-bottom: 10px;
+}
 
-  .box-top-content-left {
-    width: 140px;
-    float: left;
-    padding-top: 68px;
-    margin-right: 20px;
-  }
+.box-top-text-left {
+  display: inline-block;
+  float: left;
+  height: 38px;
+  width: 100%;
+  margin-top: -4px;
+  margin-left: 20px;
+  margin-bottom: 10px;
+}
 
-  .box-top-content-left-text {
-    color: #191E29;
-    font-weight: bold;
-    font-size: 12px;
-    height: 84px;
-    letter-spacing: 0px;
-    text-align: left;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
+.box-top-content-left {
+  width: 140px;
+  float: left;
+  padding-top: 68px;
+  margin-right: 20px;
+}
 
-  .box-top-content-right {
-    width: calc(100% - 160px);
-    float: left;
-  }
+.box-top-content-left-text {
+  color: #191E29;
+  font-weight: bold;
+  font-size: 12px;
+  height: 84px;
+  letter-spacing: 0px;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 
-  .box-top-content-right-top {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    position: sticky;
-    top: 0;
+.box-top-content-right {
+  width: calc(100% - 160px);
+  float: left;
+}
+
+.box-top-content-right-top {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  position: sticky;
+  top: 0;
+  background: #fff;
+  z-index: 100;
+  padding-top: 25px;
+  padding-left: 160px;
+}
+
+.box-top-content-right-top-text {
+  border-left: 1px #EAEAEC solid;
+  border-top: 1px #EAEAEC solid;
+  border-bottom: 1px #EAEAEC solid;
+  flex: 1;
+  height: 36px;
+  color: #54565A;
+  font-weight: bold;
+  font-size: 13px;
+  line-height: 36px;
+  letter-spacing: 0px;
+  text-align: center;
+}
+
+.box-top-content-right-top-text:last-child {
+  border-right: 1px #EAEAEC solid;
+}
+
+.box-top-content-right-bottom {
+  position: relative;
+  padding-top: 60px;
+}
+
+.process-content {
+  position: relative;
+  height: 84px;
+
+  .process-content-content {
     background: #fff;
-    z-index: 100;
-    padding-top: 25px;
-    padding-left: 160px;
-  }
-
-  .box-top-content-right-top-text {
-    border-left: 1px #EAEAEC solid;
-    border-top: 1px #EAEAEC solid;
-    border-bottom: 1px #EAEAEC solid;
-    flex: 1;
-    height: 36px;
-    color: #54565A;
-    font-weight: bold;
-    font-size: 13px;
-    line-height: 36px;
-    letter-spacing: 0px;
+    z-index: 98;
+    /*padding: 0 6px;*/
+    position: absolute;
+    left: 40px;
     text-align: center;
-  }
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    margin-top: 5px;
 
-  .box-top-content-right-top-text:last-child {
-    border-right: 1px #EAEAEC solid;
-  }
-
-  .box-top-content-right-bottom {
-    position: relative;
-    padding-top: 60px;
-  }
-
-  .process-content {
-    position: relative;
-    height: 84px;
-
-    .process-content-content {
-      background: #fff;
-      z-index: 98;
-      /*padding: 0 6px;*/
-      position: absolute;
-      left: 40px;
-      text-align: center;
+    .process-content-left {
       width: 24px;
       height: 24px;
-      border-radius: 50%;
-      margin-top: 5px;
-
-      .process-content-left {
-        width: 24px;
-        height: 24px;
-        /*margin-top: 5px;*/
-      }
-
-      .process-content-right-top {
-        font-size: 12px;
-        color: #040B29;
-        width: 75px;
-        background: #fff;
-        display: inline-block;
-        overflow: hidden;
-        position: absolute;
-        top: -12px;
-        left: 50%;
-        transform: translate(-50%, -50%);
-      }
-
-      .process-content-right-button {
-        font-size: 12px;
-        color: #040B29;
-        width: 75px;
-        background: #fff;
-        display: inline-block;
-        overflow: hidden;
-        position: absolute;
-        top: 12px;
-        left: 50%;
-        transform: translate(-50%, -50%);
-      }
-
-      .process-content-right-button {
-        width: 75px;
-        font-size: 12px;
-        font-weight: 400;
-        color: #6F7385;
-        position: absolute;
-        left: 50%;
-        top: 34px;
-        transform: translate(-50%, -50%);
-      }
+      /*margin-top: 5px;*/
     }
 
-    .process-content-right-xian {
-      height: 2px;
-      width: 100%;
-      background: #E6E6E9;
+    .process-content-right-top {
+      font-size: 12px;
+      color: #040B29;
+      width: 75px;
+      background: #fff;
+      display: inline-block;
+      overflow: hidden;
       position: absolute;
-      top: 16px;
+      top: -12px;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+
+    .process-content-right-button {
+      font-size: 12px;
+      color: #040B29;
+      width: 75px;
+      background: #fff;
+      display: inline-block;
+      overflow: hidden;
+      position: absolute;
+      top: 12px;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+
+    .process-content-right-button {
+      width: 75px;
+      font-size: 12px;
+      font-weight: 400;
+      color: #6F7385;
+      position: absolute;
+      left: 50%;
+      top: 34px;
+      transform: translate(-50%, -50%);
     }
   }
 
-  .box-top-content-right-xian {
-    width: 2px;
-    height: 100%;
-    border: 1px #21c9cc dashed;
+  .process-content-right-xian {
+    height: 2px;
+    width: 100%;
+    background: #E6E6E9;
     position: absolute;
-    top: -36px;
-    z-index: 999;
+    top: 16px;
   }
+}
 
-  .box-top-content-right-text {
-    position: absolute;
-    top: -60px;
-    color: #21c9cc;
-    font-weight: bold;
-    font-size: 14px;
-    width: 100px;
-    z-index: 101;
-  }
+.box-top-content-right-xian {
+  width: 2px;
+  height: 100%;
+  border: 1px #21c9cc dashed;
+  position: absolute;
+  top: -36px;
+  z-index: 999;
+}
+
+.box-top-content-right-text {
+  position: absolute;
+  top: -60px;
+  color: #21c9cc;
+  font-weight: bold;
+  font-size: 14px;
+  width: 100px;
+  z-index: 101;
+}
+
+::v-deep .ant-row {
+  margin-right: 0 !important;
+}
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/projectManagement/projectStatusBoard/index.vue b/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
index 41b6745b5..fe8ef3d12 100644
--- a/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
+++ b/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
@@ -6,7 +6,7 @@
           <a-col :md="6" :sm="8">
             <div class="box-title-text">
               <div class="title-text" :title="$t('entryName')">
-                <span>{{$t('entryName')}}</span>
+                <span>{{ $t('entryName') }}</span>
               </div>
               <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('entryName')"
                        v-model="queryParam.projectName"></j-input>
@@ -15,37 +15,38 @@
           <a-col :md="6" :sm="8">
             <div class="box-title-text">
               <div class="title-text" :title="$t('targetMarket')">
-                <span>{{$t('targetMarket')}}</span>
+                <span>{{ $t('targetMarket') }}</span>
               </div>
               <j-dict-select-tag class="box-input" v-model="queryParam.targetMarket"
                                  :placeholder="$t('PleaseSelect')+$t('targetMarket')"
                                  :type="'select'"
-                                 :triggerChange="false" :dictCode="'region'"/>
+                                 :triggerChange="false" :dictCode="'region'" />
             </div>
           </a-col>
           <a-col :md="6" :sm="8">
             <div class="box-title-text">
               <div class="title-text" :title="$t('brand')">
-                <span>{{$t('brand')}}</span>
+                <span>{{ $t('brand') }}</span>
               </div>
               <j-dict-select-tag class="box-input" v-model="queryParam.brand"
                                  :placeholder="$t('PleaseSelect')+$t('brand')"
                                  :type="'select'"
-                                 :triggerChange="false" :dictCode="'brand'"/>
+                                 :triggerChange="false" :dictCode="'brand'" />
             </div>
           </a-col>
           <span style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
                <a-col :md="6" :sm="24">
-                  <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
-                  <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
+                  <a-button class="box-button" type="primary" @click="searchQuery">{{ $t('query') }}</a-button>
+                  <a-button class="box-button" style="margin-left: 8px"
+                            @click="searchReset">{{ $t('reset') }}</a-button>
                </a-col>
         </span>
         </a-row>
       </a-form>
     </div>
     <div class="box-top">
-      <span class="box-top-text">{{$t('regulatoryCertificationTaskPlan')}}</span>
-      <span class="box-top-text fullScreenView" @click="TaskPlanListClick">{{$t('fullScreenView')}}</span>
+      <span class="box-top-text">{{ $t('regulatoryCertificationTaskPlan') }}</span>
+      <span class="box-top-text fullScreenView" @click="TaskPlanListClick">{{ $t('fullScreenView') }}</span>
       <span style="float: right" class="box-top-text-right">
            <a-range-picker
              :placeholder="[this.$t('startMonth'), this.$t('endMonth')]"
@@ -59,7 +60,7 @@
            >
              <div slot="renderExtraFooter" style="width: 100%;display: block">
                <div style="text-align: right;width: 100%;">
-                   <a-button type="primary" @click="okChange">{{$t('determine')}}</a-button>
+                   <a-button type="primary" @click="okChange">{{ $t('determine') }}</a-button>
                </div>
              </div>
            </a-range-picker>
@@ -68,13 +69,21 @@
         <!--        <div id="main"></div>-->
         <!--        <div class="axis-tip"></div>-->
         <div class="box-top-content-right-top">
-          <div class="box-top-content-right-top-text" v-for="(item,index) in timeList" :key="index">{{item}}</div>
+          <div class="box-top-content-right-top-text" v-for="(item,index) in timeList" :key="index">{{ item }}</div>
         </div>
         <div style="overflow:visible;">
           <div class="box-top-content-left">
-            <div class="box-top-content-left-text" :title="item.projectName"
+            <div class="box-top-content-left-text"
                  v-for="(item,index) in timeData" :key="index">
-              {{item.projectName}}
+              <a-tooltip overlayClassName="overlayClassName" placement="topLeft">
+                <template slot="title">
+                  <div>{{ item.projectName }}</div>
+                  <div>
+                    {{$t('explain')}}:{{item.projectInfo.explanation}}
+                  </div>
+                </template>
+                <span @click="projectInfoClick(item.projectInfo)" style="cursor: pointer">{{ item.projectName }}</span>
+              </a-tooltip>
             </div>
           </div>
           <div class="box-top-content-right">
@@ -83,12 +92,12 @@
                 <div class="process-content-right-xian"></div>
                 <div class="process-content-content" :style="val.left"
                      v-for="(val,indexOne) in item.data[0]" :key="indexOne">
-                  <div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{val.name}}</div>
-                  <div class="process-content-right-button" v-if="indexOne % 2 == 1" :title="val.name">{{val.name}}
+                  <div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{ val.name }}</div>
+                  <div class="process-content-right-button" v-if="indexOne % 2 == 1" :title="val.name">{{ val.name }}
                   </div>
                   <a-tooltip placement="topLeft" overlayClassName="tooltipColor">
                     <template slot="title">
-                      <span>{{val.time.slice(0,11)}}</span>
+                      <span>{{ val.time.slice(0, 11) }}</span>
                     </template>
                     <img v-if="val.status == 1" src="../../../assets/done.svg" class="process-content-left"
                          alt="">
@@ -104,17 +113,17 @@
               </div>
               <div class="box-top-content-right-xian"></div>
               <div class="box-top-content-right-text">
-                {{handlingTime}}
+                {{ handlingTime }}
               </div>
             </div>
           </div>
         </div>
-        <JLoading :loading="loadingMain">{{this.$t('dataLoading')}}</JLoading>
+        <JLoading :loading="loadingMain">{{ this.$t('dataLoading') }}</JLoading>
       </div>
     </div>
     <div class="box-bottom">
-      <span class="box-top-text">{{$t('projectStatusAndProgress')}}</span>
-      <span class="box-top-text fullScreenView" @click="projectNameClick">{{$t('fullScreenView')}}</span>
+      <span class="box-top-text">{{ $t('projectStatusAndProgress') }}</span>
+      <span class="box-top-text fullScreenView" @click="projectNameClick">{{ $t('fullScreenView') }}</span>
       <div>
         <a-table
           ref="table"
@@ -127,32 +136,38 @@
           :columns="columns"
         >
           <span slot="projectStatusTitle">
-               <span>{{this.$t('CurrentStatusOfTheProject')}}</span><br/>
-               <span>{{'('+$t('red')+'/'+$t('yellow')+'/'+$t('green')+'/'+$t('blue')+')'}}</span>
+               <span>{{ this.$t('CurrentStatusOfTheProject') }}</span><br />
+               <span>{{ '(' + $t('red') + '/' + $t('yellow') + '/' + $t('green') + '/' + $t('blue') + ')' }}</span>
           </span>
           <span slot="CertificationProgressTitle">
-               <span>{{this.$t('CertificationProgress')}}</span><br/>
-               <span>{{'('+$t('notInvolved')+'/'+$t('toBeStarted')+'/'+$t('inProgress')+'/'+$t('experimentFailed')+'/'+$t('experimentPassed')+')'}}</span>
+               <span>{{ this.$t('CertificationProgress') }}</span><br />
+               <span>{{ '(' + $t('notInvolved') + '/' + $t('toBeStarted') + '/' + $t('inProgress') + '/' + $t('experimentFailed') + '/' + $t('experimentPassed') + ')'
+                 }}</span>
           </span>
           <span slot="listConfirmationStatusTitle">
-               <span>{{this.$t('listConfirmation')}}</span><br/>
-               <span>{{'('+$t('notLaunch')+'/'+$t('toBeConfirmed')+'/'+$t('accept')+'/'+$t('refuse')+')'}}</span>
+               <span>{{ this.$t('listConfirmation') }}</span><br />
+               <span>{{ '(' + $t('notLaunch') + '/' + $t('toBeConfirmed') + '/' + $t('accept') + '/' + $t('refuse') + ')'
+                 }}</span>
           </span>
           <span slot="taskAffirmStatusTitle">
-              <span>{{this.$t('taskAffirm')}}</span><br/>
-              <span>{{'('+$t('notLaunch')+'/'+$t('toBeConfirmed')+'/'+$t('accept')+'/'+$t('refuse')+')'}}</span>
+              <span>{{ this.$t('taskAffirm') }}</span><br />
+              <span>{{ '(' + $t('notLaunch') + '/' + $t('toBeConfirmed') + '/' + $t('accept') + '/' + $t('refuse') + ')'
+                }}</span>
           </span>
           <span slot="designComplianceReviewTitle">
-               <span>{{this.$t('designComplianceReview')}}</span><br/>
-              <span>{{'('+$t('toBeConfirmed')+'/'+$t('accord')+'/'+$t('nonConformity')+'/'+$t('Tracked')+'/'+$t('notInvolved')+'/'+$t('taskTermination')+')'}}</span>
+               <span>{{ this.$t('designComplianceReview') }}</span><br />
+              <span>{{ '(' + $t('toBeConfirmed') + '/' + $t('accord') + '/' + $t('nonConformity') + '/' + $t('Tracked') + '/' + $t('notInvolved') + '/' + $t('taskTermination') + ')'
+                }}</span>
           </span>
           <span slot="preHomeConfirmationTitle">
-             <span>{{this.$t('preHomeConfirmation')}}</span><br/>
-             <span>{{'('+$t('toBeConfirmed')+'/'+$t('accord')+'/'+$t('nonConformity')+'/'+$t('Tracked')+'/'+$t('notInvolved')+'/'+$t('taskTermination')+')'}}</span>
+             <span>{{ this.$t('preHomeConfirmation') }}</span><br />
+             <span>{{ '(' + $t('toBeConfirmed') + '/' + $t('accord') + '/' + $t('nonConformity') + '/' + $t('Tracked') + '/' + $t('notInvolved') + '/' + $t('taskTermination') + ')'
+               }}</span>
           </span>
           <span slot="verificationComplianceReviewTitle">
-             <span>{{this.$t('verificationComplianceReview')}}</span><br/>
-             <span>{{'('+$t('toBeConfirmed')+'/'+$t('accord')+'/'+$t('nonConformity')+'/'+$t('Tracked')+'/'+$t('notInvolved')+'/'+$t('taskTermination')+')'}}</span>
+             <span>{{ this.$t('verificationComplianceReview') }}</span><br />
+             <span>{{ '(' + $t('toBeConfirmed') + '/' + $t('accord') + '/' + $t('nonConformity') + '/' + $t('Tracked') + '/' + $t('notInvolved') + '/' + $t('taskTermination') + ')'
+               }}</span>
           </span>
         </a-table>
       </div>
@@ -161,589 +176,609 @@
 </template>
 
 <script>
-  import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
-  import * as echarts from 'echarts'
-  import moment from 'moment'
-  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
+import * as echarts from 'echarts'
+import moment from 'moment'
+import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
-  export default {
-    name: 'index',
-    mixins:[ResizeHeader, ResizeColumnProvide],
-    data() {
-      return {
-        queryParam: {},
-        timeList: [],
-        timeData: [],
-        loading: false,
-        loadingMain: false,
-        dataSource: [],
-        open: false,
-        getTime: [],
-        mode2: ['month', 'month'],
-        url: {
-          list: '/project/ProjectStatusBoardController/scheduleInfoList',
-          timeline: '/project/ProjectStatusBoardController/timeline',
-          timelineList: '/project/ProjectStatusBoardController/timelineList'
+export default {
+  name: 'index',
+  mixins: [ResizeHeader, ResizeColumnProvide],
+  data() {
+    return {
+      queryParam: {},
+      timeList: [],
+      timeData: [],
+      loading: false,
+      loadingMain: false,
+      dataSource: [],
+      open: false,
+      getTime: [],
+      mode2: ['month', 'month'],
+      url: {
+        list: '/project/ProjectStatusBoardController/scheduleInfoList',
+        timeline: '/project/ProjectStatusBoardController/timeline',
+        timelineList: '/project/ProjectStatusBoardController/timelineList'
+      },
+      columns: [
+        {
+          title: this.$t('entryName'),
+          align: 'left',
+          dataIndex: 'projectName',
+          scopedSlots: { customRender: 'projectName' },
+          width: 240,
+          ellipsis: true
         },
-        columns: [
-          {
-            title: this.$t('entryName'),
-            align: 'left',
-            dataIndex: 'projectName',
-            scopedSlots: { customRender: 'projectName' },
-            width: 240,
-            ellipsis: true
-          },
-          // {
-          //   title: this.$t('targetMarket'),
-          //   align: 'left',
-          //   dataIndex: 'targetMarket',
-          //   width: 180,
-          //   ellipsis: true
-          // },
-          {
-            align: 'left',
-            dataIndex: 'projectStatus',
-            scopedSlots: { title: 'projectStatusTitle' },
-            width: 240,
-            ellipsis: true
-          },
-          {
-            align: 'left',
-            dataIndex: 'certificationProgress',
-            width: 380,
-            ellipsis: true,
-            scopedSlots: { title: 'CertificationProgressTitle' }
-          },
-          {
-            align: 'left',
-            dataIndex: 'inventory',
-            width: 340,
-            ellipsis: true,
-            scopedSlots: { title: 'listConfirmationStatusTitle' }
-          },
-          {
-            align: 'left',
-            dataIndex: 'task',
-            width: 340,
-            ellipsis: true,
-            scopedSlots: { title: 'taskAffirmStatusTitle' }
-          },
-          {
-            align: 'left',
-            dataIndex: 'design',
-            width: 440,
-            ellipsis: true,
-            scopedSlots: { title: 'designComplianceReviewTitle' }
-          },
-          {
-            dataIndex: 'pre',
-            align: 'left',
-            width: 440,
-            ellipsis: true,
-            scopedSlots: { title: 'preHomeConfirmationTitle' }
-          },
-          {
-            dataIndex: 'verify',
-            align: 'left',
-            width: 440,
-            ellipsis: true,
-            scopedSlots: { title: 'verificationComplianceReviewTitle' }
-          }
-        ],
-        startTime: undefined,
-        endTime: undefined,
-        handlingTime: ''
-      }
-    },
-    mounted() {
-      this.getList()
-      this.getTimeline()
-      this.handlingTime = moment(new Date()).format('YYYY-MM-DD')
-    },
-    methods: {
-      getNewDate(flag, many) {
-
-        const thirtyDays = [4, 6, 9, 11] // 30天的月份
-
-        const thirtyOneDays = [1, 3, 5, 7, 8, 10, 12] // 31天的月份
-
-        const currDate = new Date() // 今天日期
-
-        const year = currDate.getFullYear()
-
-        let month = currDate.getMonth() + 1
-
-        let targetDateMilli = 0
-
-        let GMTDate = '' // 中国标准时间
-
-        let targetYear = '' // 年
-
-        let targetMonth = '' // 月
-
-        let targetDate = '' // 日
-
-        let dealTargetDays = '' // 目标日期
-
-        const isLeapYear = !!((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) // 是否是闰年
-
-        let countDays = 0 // 累计天数
-
-        for (let i = 0; i < many; i++) {
-
-          if (flag === 'before') {
-
-            month = month - 1 <= 0 ? 12 : month - 1
-
-          } else {
-
-            month = month + 1 > 12 ? 1 : month + 1
-
-          }
-
-          thirtyDays.includes(month) ? (countDays += 30) : thirtyOneDays.includes(month) ? (countDays += 31) : isLeapYear ? (countDays += 29) : (countDays += 28)
+        // {
+        //   title: this.$t('targetMarket'),
+        //   align: 'left',
+        //   dataIndex: 'targetMarket',
+        //   width: 180,
+        //   ellipsis: true
+        // },
+        {
+          align: 'left',
+          dataIndex: 'projectStatus',
+          scopedSlots: { title: 'projectStatusTitle' },
+          width: 240,
+          ellipsis: true
+        },
+        {
+          align: 'left',
+          dataIndex: 'certificationProgress',
+          width: 380,
+          ellipsis: true,
+          scopedSlots: { title: 'CertificationProgressTitle' }
+        },
+        {
+          align: 'left',
+          dataIndex: 'inventory',
+          width: 340,
+          ellipsis: true,
+          scopedSlots: { title: 'listConfirmationStatusTitle' }
+        },
+        {
+          align: 'left',
+          dataIndex: 'task',
+          width: 340,
+          ellipsis: true,
+          scopedSlots: { title: 'taskAffirmStatusTitle' }
+        },
+        {
+          align: 'left',
+          dataIndex: 'design',
+          width: 440,
+          ellipsis: true,
+          scopedSlots: { title: 'designComplianceReviewTitle' }
+        },
+        {
+          dataIndex: 'pre',
+          align: 'left',
+          width: 440,
+          ellipsis: true,
+          scopedSlots: { title: 'preHomeConfirmationTitle' }
+        },
+        {
+          dataIndex: 'verify',
+          align: 'left',
+          width: 440,
+          ellipsis: true,
+          scopedSlots: { title: 'verificationComplianceReviewTitle' }
         }
-
-        targetDateMilli = currDate.setDate(
-          currDate.getDate() - (flag === 'before' ? countDays : countDays * -1)
-        )
-
-        GMTDate = new Date(targetDateMilli)
-
-        targetYear = GMTDate.getFullYear()
-
-        targetMonth = GMTDate.getMonth() + 1
-
-        targetDate = GMTDate.getDate()
-
-        targetMonth = targetMonth.toString().padStart(2, '0')
-
-        targetDate = targetDate.toString().padStart(2, '0')
-
-        dealTargetDays = `${targetYear}-${targetMonth}`
-
-        return dealTargetDays
-      },
-      getTimeline() {
-        let query = {
-          startTime: this.startTime || this.getNewDate('before', 6),
-          endTime: this.endTime || this.getNewDate('after', 5),
-          ...this.queryParam
-        }
-        this.loadingMain = true
-        getAction(this.url.timeline, query).then((res) => {
-          if (res.success) {
-            this.getTimelineList(res.result)
-          } else {
-            this.loadingMain = false
-          }
-        })
-      },
-      openChange(val) {
-        this.open = val
-      },
-      okChange() {
-        this.open = false
-        this.getTimeline()
-      },
-      hodeChange() {
-        this.getTime = []
-        this.startTime = undefined
-        this.endTime = undefined
-        this.getTimeline()
-      },
-      panelChange(value, mode) {
-        this.getTime = value
-        this.startTime = moment(value[0]).format('YYYY-MM')
-        this.endTime = moment(value[1]).format('YYYY-MM')
-      },
-      getTimelineList(time) {
-        let query = {
-          startTime: this.startTime || this.getNewDate('before', 6),
-          endTime: this.endTime || this.getNewDate('after', 5),
-          ...this.queryParam
-        }
-        getAction(this.url.timelineList, query).then((res) => {
-          if (res.success) {
-            this.getEcharts(time, res.result)
-          } else {
-            this.loadingMain = false
-          }
-        })
-      },
-      getEcharts(timeList, timeData) {
-        this.timeList = []
-        if (timeList.length <= 12) {
-          this.timeList = timeList
-        } else if (timeList.length <= 24) {
-          timeList.forEach((res, index) => {
-            if (index == 0) {
-              this.timeList.push(res)
-            } else if (index == timeList.length - 1) {
-              this.timeList.push(res)
-            } else if (index % 2 == 0) {
-              if (this.timeList.length < 11) {
-                this.timeList.push(res)
-              }
-            }
-          })
-        } else if (timeList.length <= 36) {
-          timeList.forEach((res, index) => {
-            if (index == 0) {
-              this.timeList.push(res)
-            } else if (index == timeList.length - 1) {
-              this.timeList.push(res)
-            } else if (index % 3 == 0) {
-              if (this.timeList.length < 11) {
-                this.timeList.push(res)
-              }
-            }
-          })
-        } else if (timeList.length <= 48) {
-          timeList.forEach((res, index) => {
-            if (index == 0) {
-              this.timeList.push(res)
-            } else if (index == timeList.length - 1) {
-              this.timeList.push(res)
-            } else if (index % 4 == 0) {
-              if (this.timeList.length < 11) {
-                this.timeList.push(res)
-              }
-            }
-          })
-        } else if (timeList.length <= 60) {
-          timeList.forEach((res, index) => {
-            if (index == 0) {
-              this.timeList.push(res)
-            } else if (index == timeList.length - 1) {
-              this.timeList.push(res)
-            } else if (index % 5 == 0) {
-              if (this.timeList.length < 11) {
-                this.timeList.push(res)
-              }
-            }
-          })
-        }
-        let dataList = document.getElementsByClassName('box-top-content-right-top-text')
-        let contentRightText = document.getElementsByClassName('box-top-content-right-text')
-        let contentRightXian = document.getElementsByClassName('box-top-content-right-xian')
-
-        setTimeout(() => {
-          let length = timeList.length / dataList.length
-          let clientWidth = dataList[0].clientWidth
-          clientWidth = clientWidth / length
-          for (let i = 0; i < timeData.length; i++) {
-            for (let j = 0; j < timeData[i].data[0].length; j++) {
-              for (let k = 0; k < dataList.length; k++) {
-                let num = (Math.ceil(clientWidth / 31)) * parseInt(timeData[i].data[0][j].time.slice(8, 10))
-                timeList.forEach((res, index) => {
-                  if (timeData[i].data[0][j].time.slice(0, 7) == res.slice(0, 7)) {
-                    timeData[i].data[0][j].left = 'left:' + ((clientWidth * index + num) - 16) + 'px'
-                  }
-                })
-              }
-            }
-          }
-          contentRightText[0].style = 'display:none'
-          contentRightXian[0].style = 'display:none'
-          let clientWidthOne = dataList[0].clientWidth
-          clientWidthOne = clientWidthOne / length
-          let num = Math.ceil(clientWidthOne / 31) * parseInt(this.handlingTime.slice(8, 10))
-          timeList.forEach((res, index) => {
-            if (res.slice(0, 7) == this.handlingTime.slice(0, 7)) {
-              contentRightText[0].style = 'left:' + ((clientWidthOne * index + num) - 24) + 'px;' + 'display:block'
-              contentRightXian[0].style = 'left:' + ((clientWidthOne * index + num) + 10) + 'px;' + 'display:block'
-            }
-          })
-
-          this.timeData = timeData
-          this.timeData = [...this.timeData]
-          this.loadingMain = false
-        }, 500)
-
-      },
-      TaskPlanListClick() {
-        let newUrl = this.$router.resolve({
-          path: '/TaskPlanList'
-        })
-        window.open(newUrl.href, '_blank')
-      },
-      searchQuery() {
-        this.getTimeline()
-        this.getList()
-      },
-      searchReset() {
-        this.queryParam = {}
-        this.getTimeline()
-        this.getList()
-      },
-      getList() {
-        this.loading = true
-        getAction(this.url.list, this.queryParam).then((res) => {
-          if (res.success) {
-            this.loading = false
-            this.dataSource = res.result || []
-          } else {
-            this.loading = false
-            this.dataSource = []
-          }
-        })
-      },
-      projectNameClick() {
-        let newUrl = this.$router.resolve({
-          path: '/projectStatusAndProgress'
-        })
-        window.open(newUrl.href, '_blank')
-      }
+      ],
+      startTime: undefined,
+      endTime: undefined,
+      handlingTime: ''
     }
+  },
+  mounted() {
+    this.getList()
+    this.getTimeline()
+    this.handlingTime = moment(new Date()).format('YYYY-MM-DD')
+  },
+  methods: {
+    getNewDate(flag, many) {
+
+      const thirtyDays = [4, 6, 9, 11] // 30天的月份
+
+      const thirtyOneDays = [1, 3, 5, 7, 8, 10, 12] // 31天的月份
+
+      const currDate = new Date() // 今天日期
+
+      const year = currDate.getFullYear()
+
+      let month = currDate.getMonth() + 1
+
+      let targetDateMilli = 0
+
+      let GMTDate = '' // 中国标准时间
+
+      let targetYear = '' // 年
+
+      let targetMonth = '' // 月
+
+      let targetDate = '' // 日
+
+      let dealTargetDays = '' // 目标日期
+
+      const isLeapYear = !!((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) // 是否是闰年
+
+      let countDays = 0 // 累计天数
+
+      for (let i = 0; i < many; i++) {
+
+        if (flag === 'before') {
+
+          month = month - 1 <= 0 ? 12 : month - 1
+
+        } else {
+
+          month = month + 1 > 12 ? 1 : month + 1
+
+        }
+
+        thirtyDays.includes(month) ? (countDays += 30) : thirtyOneDays.includes(month) ? (countDays += 31) : isLeapYear ? (countDays += 29) : (countDays += 28)
+      }
+
+      targetDateMilli = currDate.setDate(
+        currDate.getDate() - (flag === 'before' ? countDays : countDays * -1)
+      )
+
+      GMTDate = new Date(targetDateMilli)
+
+      targetYear = GMTDate.getFullYear()
+
+      targetMonth = GMTDate.getMonth() + 1
+
+      targetDate = GMTDate.getDate()
+
+      targetMonth = targetMonth.toString().padStart(2, '0')
+
+      targetDate = targetDate.toString().padStart(2, '0')
+
+      dealTargetDays = `${targetYear}-${targetMonth}`
+
+      return dealTargetDays
+    },
+    getTimeline() {
+      let query = {
+        startTime: this.startTime || this.getNewDate('before', 6),
+        endTime: this.endTime || this.getNewDate('after', 5),
+        ...this.queryParam
+      }
+      this.loadingMain = true
+      getAction(this.url.timeline, query).then((res) => {
+        if (res.success) {
+          this.getTimelineList(res.result)
+        } else {
+          this.loadingMain = false
+        }
+      })
+    },
+    openChange(val) {
+      this.open = val
+    },
+    okChange() {
+      this.open = false
+      this.getTimeline()
+    },
+    hodeChange() {
+      this.getTime = []
+      this.startTime = undefined
+      this.endTime = undefined
+      this.getTimeline()
+    },
+    panelChange(value, mode) {
+      this.getTime = value
+      this.startTime = moment(value[0]).format('YYYY-MM')
+      this.endTime = moment(value[1]).format('YYYY-MM')
+    },
+    getTimelineList(time) {
+      let query = {
+        startTime: this.startTime || this.getNewDate('before', 6),
+        endTime: this.endTime || this.getNewDate('after', 5),
+        ...this.queryParam
+      }
+      getAction(this.url.timelineList, query).then((res) => {
+        if (res.success) {
+          this.getEcharts(time, res.result)
+        } else {
+          this.loadingMain = false
+        }
+      })
+    },
+    getEcharts(timeList, timeData) {
+      this.timeList = []
+      if (timeList.length <= 12) {
+        this.timeList = timeList
+      } else if (timeList.length <= 24) {
+        timeList.forEach((res, index) => {
+          if (index == 0) {
+            this.timeList.push(res)
+          } else if (index == timeList.length - 1) {
+            this.timeList.push(res)
+          } else if (index % 2 == 0) {
+            if (this.timeList.length < 11) {
+              this.timeList.push(res)
+            }
+          }
+        })
+      } else if (timeList.length <= 36) {
+        timeList.forEach((res, index) => {
+          if (index == 0) {
+            this.timeList.push(res)
+          } else if (index == timeList.length - 1) {
+            this.timeList.push(res)
+          } else if (index % 3 == 0) {
+            if (this.timeList.length < 11) {
+              this.timeList.push(res)
+            }
+          }
+        })
+      } else if (timeList.length <= 48) {
+        timeList.forEach((res, index) => {
+          if (index == 0) {
+            this.timeList.push(res)
+          } else if (index == timeList.length - 1) {
+            this.timeList.push(res)
+          } else if (index % 4 == 0) {
+            if (this.timeList.length < 11) {
+              this.timeList.push(res)
+            }
+          }
+        })
+      } else if (timeList.length <= 60) {
+        timeList.forEach((res, index) => {
+          if (index == 0) {
+            this.timeList.push(res)
+          } else if (index == timeList.length - 1) {
+            this.timeList.push(res)
+          } else if (index % 5 == 0) {
+            if (this.timeList.length < 11) {
+              this.timeList.push(res)
+            }
+          }
+        })
+      }
+      let dataList = document.getElementsByClassName('box-top-content-right-top-text')
+      let contentRightText = document.getElementsByClassName('box-top-content-right-text')
+      let contentRightXian = document.getElementsByClassName('box-top-content-right-xian')
+
+      setTimeout(() => {
+        let length = timeList.length / dataList.length
+        let clientWidth = dataList[0].clientWidth
+        clientWidth = clientWidth / length
+        for (let i = 0; i < timeData.length; i++) {
+          for (let j = 0; j < timeData[i].data[0].length; j++) {
+            for (let k = 0; k < dataList.length; k++) {
+              let num = (Math.ceil(clientWidth / 31)) * parseInt(timeData[i].data[0][j].time.slice(8, 10))
+              timeList.forEach((res, index) => {
+                if (timeData[i].data[0][j].time.slice(0, 7) == res.slice(0, 7)) {
+                  timeData[i].data[0][j].left = 'left:' + ((clientWidth * index + num) - 16) + 'px'
+                }
+              })
+            }
+          }
+        }
+        contentRightText[0].style = 'display:none'
+        contentRightXian[0].style = 'display:none'
+        let clientWidthOne = dataList[0].clientWidth
+        clientWidthOne = clientWidthOne / length
+        let num = Math.ceil(clientWidthOne / 31) * parseInt(this.handlingTime.slice(8, 10))
+        timeList.forEach((res, index) => {
+          if (res.slice(0, 7) == this.handlingTime.slice(0, 7)) {
+            contentRightText[0].style = 'left:' + ((clientWidthOne * index + num) - 24) + 'px;' + 'display:block'
+            contentRightXian[0].style = 'left:' + ((clientWidthOne * index + num) + 10) + 'px;' + 'display:block'
+          }
+        })
+
+        this.timeData = timeData
+        console.log(this.timeData)
+        this.timeData = [...this.timeData]
+        this.loadingMain = false
+      }, 500)
+
+    },
+    TaskPlanListClick() {
+      let newUrl = this.$router.resolve({
+        path: '/TaskPlanList'
+      })
+      window.open(newUrl.href, '_blank')
+    },
+    searchQuery() {
+      this.getTimeline()
+      this.getList()
+    },
+    searchReset() {
+      this.queryParam = {}
+      this.getTimeline()
+      this.getList()
+    },
+    getList() {
+      this.loading = true
+      getAction(this.url.list, this.queryParam).then((res) => {
+        if (res.success) {
+          this.loading = false
+          this.dataSource = res.result || []
+        } else {
+          this.loading = false
+          this.dataSource = []
+        }
+      })
+    },
+    projectNameClick() {
+      let newUrl = this.$router.resolve({
+        path: '/projectStatusAndProgress'
+      })
+      window.open(newUrl.href, '_blank')
+    },
+    projectInfoClick(item){
+      let newUrl = this.$router.resolve({
+        path: '/ProjectDetails',
+        query: item
+      })
+      window.open(newUrl.href, '_blank')
+    },
   }
+}
 </script>
 <style>
-  .box-top-text-right .ant-calendar-picker-input {
-    height: 38px;
-    width: 300px;
-  }
-  .ant-calendar-footer-btn .ant-calendar-footer-extra{
-    float: right;
-  }
+.box-top-text-right .ant-calendar-picker-input {
+  height: 38px;
+  width: 300px;
+}
+
+.ant-calendar-footer-btn .ant-calendar-footer-extra {
+  float: right;
+}
+.overlayClassName .ant-tooltip-inner {
+  color: #fff!important;
+  background-color: rgba(0, 0, 0, 0.75) !important;
+}
+.overlayClassName .ant-tooltip-arrow::before{
+  background-color: rgba(0, 0, 0, 0.75) !important;
+}
+.overlayClassName{
+  max-width: 500px!important;
+}
 </style>
 <style scoped lang="less">
-  @import'~@assets/less/common.less';
+@import '~@assets/less/common.less';
 
-  .box-title-text {
-    line-height: 1.4;
-    display: flex;
-    align-items: center;
-    margin-bottom: 10px;
-  }
+.box-title-text {
+  line-height: 1.4;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
 
-  .title-text {
-    width: 70px;
-    color: #000F16;
-    display: inline-block;
-    font-weight: 500;
-    font-size: 14px;
-    margin-right: 16px;
-    margin-top: 3px;
-    text-align: right;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
+.title-text {
+  width: 70px;
+  color: #000F16;
+  display: inline-block;
+  font-weight: 500;
+  font-size: 14px;
+  margin-right: 16px;
+  margin-top: 3px;
+  text-align: right;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
-  .box-input {
-    display: inline-block;
-    width: 70%;
-    height: 38px;
-    margin-top: 2px;
-  }
+.box-input {
+  display: inline-block;
+  width: 70%;
+  height: 38px;
+  margin-top: 2px;
+}
 
-  .box-top-text {
-    font-size: 16px;
-    font-weight: 500;
-    color: #000F16;
-    margin-bottom: 20px;
-    display: inline-block;
-  }
+.box-top-text {
+  font-size: 16px;
+  font-weight: 500;
+  color: #000F16;
+  margin-bottom: 20px;
+  display: inline-block;
+}
 
-  .box-top-content {
-    width: 100%;
-    height: 500px;
-    margin-bottom: 20px;
-    padding: 0 58px 20px 10px;
-    box-sizing: border-box;
-    overflow: auto;
-  }
+.box-top-content {
+  width: 100%;
+  height: 500px;
+  margin-bottom: 20px;
+  padding: 0 58px 20px 10px;
+  box-sizing: border-box;
+  overflow: auto;
+}
 
-  .box-button {
-    height: 38px;
-  }
+.box-button {
+  height: 38px;
+}
 
-  #main {
-    width: 100%;
-    height: 100%;
-  }
+#main {
+  width: 100%;
+  height: 100%;
+}
 
-  .axis-tip {
-    display: none;
-    position: absolute;
-    padding: 5px 5px;
-    font-size: 12px;
-    line-height: 18px;
-    color: #575757;
-    background: #ffffff;
-    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
-    border-radius: 4px;
-  }
+.axis-tip {
+  display: none;
+  position: absolute;
+  padding: 5px 5px;
+  font-size: 12px;
+  line-height: 18px;
+  color: #575757;
+  background: #ffffff;
+  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+}
 
-  .box-top-text-right {
-    display: inline-block;
-    float: right;
-    height: 38px;
-    width: 300px;
-    margin-top: -4px;
-  }
+.box-top-text-right {
+  display: inline-block;
+  float: right;
+  height: 38px;
+  width: 300px;
+  margin-top: -4px;
+}
 
-  .fullScreenView {
-    margin-left: 16px;
-    color: #21c9cc;
-    cursor: pointer;
-  }
+.fullScreenView {
+  margin-left: 16px;
+  color: #21c9cc;
+  cursor: pointer;
+}
 
-  .box-top-content-left {
-    width: 140px;
-    float: left;
-    padding-top: 57px;
-    margin-right: 20px;
-  }
+.box-top-content-left {
+  width: 140px;
+  float: left;
+  padding-top: 57px;
+  margin-right: 20px;
+}
 
-  .box-top-content-left-text {
-    color: #191E29;
-    font-weight: bold;
-    font-size: 12px;
-    height: 84px;
-    letter-spacing: 0px;
-    text-align: left;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
+.box-top-content-left-text {
+  color: #191E29;
+  font-weight: bold;
+  font-size: 12px;
+  height: 84px;
+  letter-spacing: 0px;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 
-  .box-top-content-right {
-    width: calc(100% - 160px);
-    float: left;
-  }
+.box-top-content-right {
+  width: calc(100% - 160px);
+  float: left;
+}
 
-  .box-top-content-right-top {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    position: sticky;
-    top: 0;
+.box-top-content-right-top {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  position: sticky;
+  top: 0;
+  background: #fff;
+  z-index: 100;
+  padding-top: 20px;
+  padding-left: 160px;
+}
+
+.box-top-content-right-top-text {
+  border-left: 1px #EAEAEC solid;
+  border-top: 1px #EAEAEC solid;
+  border-bottom: 1px #EAEAEC solid;
+  flex: 1;
+  height: 36px;
+  padding-left: 10px;
+  color: #54565A;
+  font-weight: bold;
+  font-size: 13px;
+  line-height: 36px;
+  letter-spacing: 0px;
+  text-align: center;
+}
+
+.box-top-content-right-top-text:last-child {
+  border-right: 1px #EAEAEC solid;
+}
+
+.box-top-content-right-bottom {
+  position: relative;
+  padding-top: 50px;
+}
+
+.process-content {
+  position: relative;
+  height: 84px;
+
+  .process-content-content {
     background: #fff;
-    z-index: 100;
-    padding-top: 20px;
-    padding-left: 160px;
-  }
-
-  .box-top-content-right-top-text {
-    border-left: 1px #EAEAEC solid;
-    border-top: 1px #EAEAEC solid;
-    border-bottom: 1px #EAEAEC solid;
-    flex: 1;
-    height: 36px;
-    padding-left: 10px;
-    color: #54565A;
-    font-weight: bold;
-    font-size: 13px;
-    line-height: 36px;
-    letter-spacing: 0px;
+    z-index: 98;
+    /*padding: 0 6px;*/
+    position: absolute;
+    left: 40px;
     text-align: center;
-  }
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    margin-top: 5px;
 
-  .box-top-content-right-top-text:last-child {
-    border-right: 1px #EAEAEC solid;
-  }
-
-  .box-top-content-right-bottom {
-    position: relative;
-    padding-top: 50px;
-  }
-
-  .process-content {
-    position: relative;
-    height: 84px;
-
-    .process-content-content {
-      background: #fff;
-      z-index: 98;
-      /*padding: 0 6px;*/
-      position: absolute;
-      left: 40px;
-      text-align: center;
+    .process-content-left {
       width: 24px;
       height: 24px;
-      border-radius: 50%;
-      margin-top: 5px;
-
-      .process-content-left {
-        width: 24px;
-        height: 24px;
-        /*margin-top: 5px;*/
-      }
-
-      .process-content-right-top {
-        font-size: 12px;
-        color: #040B29;
-        width: 75px;
-        background: #fff;
-        display: inline-block;
-        overflow: hidden;
-        position: absolute;
-        top: -12px;
-        left: 50%;
-        transform: translate(-50%, -50%);
-      }
-
-      .process-content-right-button {
-        font-size: 12px;
-        color: #040B29;
-        width: 75px;
-        background: #fff;
-        display: inline-block;
-        overflow: hidden;
-        position: absolute;
-        top: 12px;
-        left: 50%;
-        transform: translate(-50%, -50%);
-      }
-
-      .process-content-right-button {
-        width: 75px;
-        font-size: 12px;
-        font-weight: 400;
-        color: #6F7385;
-        position: absolute;
-        left: 50%;
-        top: 34px;
-        transform: translate(-50%, -50%);
-      }
+      /*margin-top: 5px;*/
     }
 
-    .process-content-right-xian {
-      height: 2px;
-      width: 100%;
-      background: #E6E6E9;
+    .process-content-right-top {
+      font-size: 12px;
+      color: #040B29;
+      width: 75px;
+      background: #fff;
+      display: inline-block;
+      overflow: hidden;
       position: absolute;
-      top: 16px;
+      top: -12px;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+
+    .process-content-right-button {
+      font-size: 12px;
+      color: #040B29;
+      width: 75px;
+      background: #fff;
+      display: inline-block;
+      overflow: hidden;
+      position: absolute;
+      top: 12px;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+
+    .process-content-right-button {
+      width: 75px;
+      font-size: 12px;
+      font-weight: 400;
+      color: #6F7385;
+      position: absolute;
+      left: 50%;
+      top: 34px;
+      transform: translate(-50%, -50%);
     }
   }
 
-  .box-top-content-right-xian {
-    width: 2px;
-    height: 100%;
-    border: 1px #21c9cc dashed;
+  .process-content-right-xian {
+    height: 2px;
+    width: 100%;
+    background: #E6E6E9;
     position: absolute;
-    top: -36px;
-    z-index: 999;
+    top: 16px;
   }
+}
 
-  .box-top-content-right-text {
-    position: absolute;
-    top: -60px;
-    color: #21c9cc;
-    font-weight: bold;
-    font-size: 14px;
-    width: 100px;
-    z-index: 101;
-  }
+.box-top-content-right-xian {
+  width: 2px;
+  height: 100%;
+  border: 1px #21c9cc dashed;
+  position: absolute;
+  top: -36px;
+  z-index: 999;
+}
 
-  /deep/.ant-table-column-title{
-    font-weight: bold!important;
-  }
+.box-top-content-right-text {
+  position: absolute;
+  top: -60px;
+  color: #21c9cc;
+  font-weight: bold;
+  font-size: 14px;
+  width: 100px;
+  z-index: 101;
+}
+
+/deep/ .ant-table-column-title {
+  font-weight: bold !important;
+}
+
+::v-deep .ant-table-placeholder {
+  margin-top: 8px !important;
+}
 
-  ::v-deep .ant-table-placeholder{
-    margin-top: 8px !important;
-  }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue
index 9398cb80a..59c4e4bbb 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue
@@ -61,7 +61,7 @@
             dataIndex: 'projectName',
             scopedSlots: { customRender: 'RelatedItems' },
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('standardInformation'),
@@ -69,7 +69,7 @@
             dataIndex: 'standardInfo',
             scopedSlots: { customRender: 'standardInformation' },
             ellipsis: true,
-            width: 170
+            width: 330
           },
           {
             title: this.$t('taskType'),
@@ -83,28 +83,28 @@
             align: 'left',
             dataIndex: 'lastAssigneeName',
             ellipsis: true,
-            width: 170
+            width: 150
           },
           {
             title: this.$t('CurrentProcessor'),
             align: 'left',
             dataIndex: 'assigneeName',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('TaskCutOffTime'),
             align: 'left',
             dataIndex: 'endTime',
             ellipsis: true,
-            width: 170
+            width: 150
           },
           {
             title: this.$t('taskStatus'),
             align: 'left',
             dataIndex: 'statusShow',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('operation'),
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue
index 189f86557..0a27f290b 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue
@@ -62,7 +62,7 @@
             dataIndex: 'projectName',
             ellipsis: true,
             scopedSlots: { customRender: 'RelatedItems' },
-            width: 170
+            width: 110
           },
           {
             title: this.$t('standardInformation'),
@@ -70,28 +70,28 @@
             dataIndex: 'standardInfo',
             ellipsis: true,
             scopedSlots: { customRender: 'standardInformation' },
-            width: 170
+            width: 260
           },
           {
             title: this.$t('taskType'),
             align: 'left',
             dataIndex: 'flowTypeShow',
             ellipsis: true,
-            width: 170
+            width: 120
           },
           {
             title: this.$t('Sponsor'),
             align: 'left',
             dataIndex: 'createBy',
             ellipsis: true,
-            width: 170
+            width: 100
           },
           {
             title: this.$t('TaskCutOffTime'),
             align: 'left',
             dataIndex: 'endTime',
             ellipsis: true,
-            width: 170,
+            width: 110,
             scopedSlots: { customRender: 'endTime' }
           },
           {
@@ -99,13 +99,13 @@
             align: 'left',
             dataIndex: 'statusShow',
             ellipsis: true,
-            width: 170
+            width: 80
           },
           {
             title: this.$t('operation'),
             align: 'left',
             fixed: 'right',
-            width: 120,
+            width: 80,
             scopedSlots: { customRender: 'operation' }
           }
         ],
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue
index 26d9d7611..3ac60c76d 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue
@@ -67,7 +67,7 @@
             dataIndex: 'projectName',
             ellipsis: true,
             scopedSlots: { customRender: 'RelatedItems' },
-            width: 170
+            width: 130
           },
           {
             title: this.$t('standardInformation'),
@@ -75,7 +75,7 @@
             dataIndex: 'standardInfo',
             ellipsis: true,
             scopedSlots: { customRender: 'standardInformation' },
-            width: 170
+            width: 330
           },
           {
             title: this.$t('taskType'),
@@ -89,28 +89,28 @@
             align: 'left',
             dataIndex: 'createBy',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('CurrentProcessor'),
             align: 'left',
             dataIndex: 'assigneeName',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('TaskCutOffTime'),
             align: 'left',
             dataIndex: 'endTime',
             ellipsis: true,
-            width: 170
+            width: 150
           },
           {
             title: this.$t('taskStatus'),
             align: 'left',
             dataIndex: 'statusShow',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('operation'),
diff --git a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/SentList.vue b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/SentList.vue
index bef67c63d..f19f702a1 100644
--- a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/SentList.vue
+++ b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/SentList.vue
@@ -60,42 +60,42 @@
             dataIndex: 'standardInfo',
             scopedSlots: { customRender: 'standardInformation' },
             ellipsis: true,
-            width: 170
+            width: 330
           },
           {
             title: this.$t('taskType'),
             align: 'left',
             dataIndex: 'flowTypeShow',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('LastProcessor'),
             align: 'left',
             dataIndex: 'lastAssigneeName',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('CurrentProcessor'),
             align: 'left',
             dataIndex: 'assigneeName',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('TaskCutOffTime'),
             align: 'left',
             dataIndex: 'endTime',
             ellipsis: true,
-            width: 170
+            width: 150
           },
           {
             title: this.$t('taskStatus'),
             align: 'left',
             dataIndex: 'statusShow',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('operation'),
diff --git a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/dealtWith.vue b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/dealtWith.vue
index a52e15bc7..2d54fcac8 100644
--- a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/dealtWith.vue
+++ b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/dealtWith.vue
@@ -58,28 +58,28 @@
             dataIndex: 'standardInfo',
             scopedSlots: { customRender: 'standardInformation' },
             ellipsis: true,
-            width: 170
+            width: 330
           },
           {
             title: this.$t('taskType'),
             align: 'left',
             dataIndex: 'flowTypeShow',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('Sponsor'),
             align: 'left',
             dataIndex: 'createBy',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('TaskCutOffTime'),
             align: 'left',
             dataIndex: 'endTime',
             ellipsis: true,
-            width: 170,
+            width: 150,
             scopedSlots: { customRender: 'endTime' }
           },
           {
@@ -87,7 +87,7 @@
             align: 'left',
             dataIndex: 'statusShow',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('operation'),
diff --git a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/doneList.vue b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/doneList.vue
index b47816e1e..f421926a9 100644
--- a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/doneList.vue
+++ b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/doneList.vue
@@ -57,42 +57,42 @@
             dataIndex: 'standardInfo',
             ellipsis: true,
             scopedSlots: { customRender: 'standardInformation' },
-            width: 170
+            width: 330
           },
           {
             title: this.$t('taskType'),
             align: 'left',
             dataIndex: 'flowTypeShow',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('Sponsor'),
             align: 'left',
             dataIndex: 'createBy',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('CurrentProcessor'),
             align: 'left',
             dataIndex: 'assigneeName',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('TaskCutOffTime'),
             align: 'left',
             dataIndex: 'endTime',
             ellipsis: true,
-            width: 170
+            width: 150
           },
           {
             title: this.$t('taskStatus'),
             align: 'left',
             dataIndex: 'statusShow',
             ellipsis: true,
-            width: 170
+            width: 130
           },
           {
             title: this.$t('operation'),