修改UAT提出的问题

jero-web/src/common/lang/en-us.js

@@ -1829,4 +1829,5 @@ module.exports = {
   GRPSystemProjectProgressStatistics:'GRP system project progress statistics',
   statisticalNodes:'Statistical Nodes',
   proportionWithInTheAreaOfResponsibility:'Proportion within the area of responsibility',
+  masterProject:'Master Project',
 }

jero-web/src/common/lang/zh-cn.js

@@ -1930,4 +1930,5 @@ module.exports = {
   GRPSystemProjectProgressStatistics:'GRP系统项目进度统计',
   statisticalNodes:'统计节点',
   proportionWithInTheAreaOfResponsibility:'责任领域内占比',
+  masterProject:'主项目',
 }

jero-web/src/views/projectManagement/projectStatusBoard/index.vue

@@ -68,13 +68,21 @@
         </a-row>
       </a-form>
     </div>
-    <div class="box-top">
+    <div class="box-top" style="position: relative">
       <!--      <span class="box-top-text">{{ $t('regulatoryCertificationTaskPlan') }}</span>-->
       <!--      <span class="box-top-text fullScreenView" @click="TaskPlanListClick">{{ $t('fullScreenView') }}</span>-->
       <span style="float: right" @click="handleExport" class="box-top-text-right">
               <a-icon type="export" :rotate="-90"/>
                 {{ $t('export') }}
       </span>
+      <div class="box-header-text">
+        <div class="box-header-text-text" @click="boxContentClick(0)">
+          {{$t('whole')}}
+        </div>
+        <div class="box-header-text-text" @click="boxContentClick(1)">
+          {{$t('masterProject')}}
+        </div>
+      </div>
       <div class="box-top-content" style="position: relative">
         <!--        <div id="main"></div>-->
         <!--        <div class="axis-tip"></div>-->
@@ -127,7 +135,7 @@
                      v-if="!val.g"
                      v-for="(val,indexTwo) in item.data[0]">
                   <!--                  <div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{ val.name }}</div>-->
-                  <div class="process-content-right-button" :title="val.name">{{ val.name }}
+                  <div @click="statusClick(val)" class="process-content-right-button" :title="val.name">{{ val.name }}
                   </div>
                   <a-tooltip placement="topLeft" overlayClassName="tooltipColor">
                     <template slot="title">
@@ -309,10 +317,19 @@
         ],
         startTime: undefined,
         endTime: undefined,
-        handlingTime: ''
+        handlingTime: '',
+        num:0,
       }
     },
     mounted() {
+      let boxContentTextColor = document.getElementsByClassName('box-header-text-color')
+      if (boxContentTextColor && boxContentTextColor.length > 0) {
+        boxContentTextColor[0].classList.remove('box-header-text-color')
+      }
+      let boxContentTextText = document.getElementsByClassName('box-header-text-text')
+      if (boxContentTextText && boxContentTextText.length > 0) {
+        boxContentTextText[0].classList.add('box-header-text-color')
+      }
       this.getList()
       this.getTimeline()
       this.handlingTime = moment(new Date()).format('YYYY-MM-DD')
@@ -581,6 +598,17 @@
       },
       statusClick(val) {
         this.$refs.statisticsRef.getData(val)
+      },
+      boxContentClick(num) {
+        let boxContentTextColor = document.getElementsByClassName('box-header-text-color')
+        if (boxContentTextColor && boxContentTextColor.length > 0) {
+          boxContentTextColor[0].classList.remove('box-header-text-color')
+        }
+        let boxContentTextText = document.getElementsByClassName('box-header-text-text')
+        if (boxContentTextText && boxContentTextText.length > 0) {
+          boxContentTextText[num].classList.add('box-header-text-color')
+        }
+        this.num = num
       }
     }
   }
@@ -876,6 +904,7 @@
         font-weight: 400;
         color: #6F7385;
         position: absolute;
+        cursor: pointer;
         background: #fff;
         left: 50%;
         top: 36px;
@@ -950,4 +979,38 @@
     margin-top: 8px !important;
   }
 
+  .box-header-text {
+    height: 30px;
+    background: #F5F6F7;
+    border-radius: 4px;
+    position: absolute;
+    right: 88px;
+    top: -9px;
+    display: flex;
+    z-index: 116;
+    justify-content: space-between;
+    padding: 0 2px 0 2px;
+
+    .box-header-text-text {
+      display: inline-block;
+      font-size: 12px;
+      color: #6F7385;
+      line-height: 30px;
+      margin-right: 10px;
+      cursor: pointer;
+      margin-left: 10px;
+    }
+
+    .box-header-text-color {
+      box-shadow: 0px 1px 2px rgba(0, 0, 60, 0.01), 0px 2px 4px rgba(0, 22, 60, 0.02), 0px 4px 6px rgba(0, 22, 60, 0.0229458);
+      border-radius: 4px;
+      padding: 4px 6px;
+      background: #FFFFFF;
+      border: 1px solid #E6E7EC;
+      color: #01A0AC;
+      line-height: normal;
+      margin-right: 0;
+      margin-left: 0;
+    }
+  }
 </style>