修改UAT提出的问题

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

@@ -1827,4 +1827,5 @@ module.exports = {
   proportion:'Proportion',
   projectProgressStatistics:'Project Progress Statistics',
   GRPSystemProjectProgressStatistics:'GRP system project progress statistics',
+  proportionWithInTheAreaOfResponsibility:'Proportion within the area of responsibility',
 }

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

@@ -1928,4 +1928,5 @@ module.exports = {
   proportion:'占比',
   projectProgressStatistics:'项目进度统计',
   GRPSystemProjectProgressStatistics:'GRP系统项目进度统计',
+  proportionWithInTheAreaOfResponsibility:'责任领域内占比',
 }

jero-web/src/views/projectManagement/components/certificationActivity.vue

@@ -2,14 +2,24 @@
   <div>
     <div class="box-content">
       <div class="box-content-left">
+        <div class="total-text">
+          <span>{{$t('totalTable')+' : '+mainLeftNum}}</span>
+        </div>
         <div id="main-left"></div>
       </div>
       <div class="box-content-right">
+        <div class="total-text">
+          <span>{{$t('totalTable')+' : '+mainRightNum}}</span>
+        </div>
         <div id="main-right"></div>
       </div>
     </div>
     <div class="box-content">
       <div class="box-content-bottom">
+        <div class="total-text-text" :class="{'total-text-text-cntop':long == 'zh-cn' ? true:false,
+        'total-text-text-entop':long == 'zh-cn' ? false:true}">
+          <span>{{$t('totalTable')+' : '+mainBottomNum}}</span>
+        </div>
         <div class="box-content-text">
           <div class="box-content-text-text" @click="boxContentClick(0)">
             {{$t('whole')}}
@@ -50,8 +60,12 @@
         url: {
           getProjectDetailsStatistics: '/project/projectLibraryBase/getProjectDetailsStatistics'
         },
-        certificationProgressMap:{},
+        certificationProgressMap: {},
-        num:'0',
+        num: '0',
+        mainLeftNum: 0,
+        mainRightNum: 0,
+        mainBottomNum: 0,
+        long: localStorage.getItem('language') || 'zh-cn'
       }
     },
     mounted() {
@@ -92,6 +106,7 @@
       dataEcharts(dataSource) {
         let data = []
         let color = []
+        this.mainLeftNum = 0
         if (dataSource && dataSource.length > 0) {
           this.dataSource = [{}]
           dataSource.forEach(res => {
@@ -100,7 +115,7 @@
                 value: res.taskAffirmStatusCount,
                 name: this.$t('notLaunch'),
                 color: '#00B3BE',
-                status:res.taskAffirmStatus
+                status: res.taskAffirmStatus
               })
               color.push('#00B3BE')
             } else if (res.taskAffirmStatus == 'List to confirm') {
@@ -108,7 +123,7 @@
                 value: res.taskAffirmStatusCount,
                 name: this.$t('listToConfirm'),
                 color: '#FDA71C',
-                status:res.taskAffirmStatus
+                status: res.taskAffirmStatus
               })
               color.push('#FDA71C')
             } else if (res.taskAffirmStatus == 'Accepted') {
@@ -116,7 +131,7 @@
                 value: res.taskAffirmStatusCount,
                 name: this.$t('accept'),
                 color: '#26BC4B',
-                status:res.taskAffirmStatus
+                status: res.taskAffirmStatus
               })
               color.push('#26BC4B')
             } else if (res.taskAffirmStatus == 'Rejected') {
@@ -124,17 +139,19 @@
                 value: res.taskAffirmStatusCount,
                 name: this.$t('refuse'),
                 color: '#E83030',
-                status:res.taskAffirmStatus
+                status: res.taskAffirmStatus
               })
               color.push('#E83030')
             }
+            this.mainLeftNum += res.taskAffirmStatusCount
           })
         }
         this.getEcharts('main-left', this.$t('certificationTaskConfirmation'), color, data)
       },
-      mainRightEcharts(dataSource){
+      mainRightEcharts(dataSource) {
         let data = []
         let color = []
+        this.mainRightNum = 0
         if (dataSource && dataSource.length > 0) {
           this.dataSource = [{}]
           dataSource.forEach(res => {
@@ -143,7 +160,7 @@
                 value: res.taskAffirmStatusCount,
                 name: this.$t('notLaunch'),
                 color: '#00B3BE',
-                status:res.taskAffirmStatus
+                status: res.taskAffirmStatus
               })
               color.push('#00B3BE')
             } else if (res.taskAffirmStatus == 'List to confirm') {
@@ -151,7 +168,7 @@
                 value: res.taskAffirmStatusCount,
                 name: this.$t('listToConfirm'),
                 color: '#FDA71C',
-                status:res.taskAffirmStatus
+                status: res.taskAffirmStatus
               })
               color.push('#FDA71C')
             } else if (res.taskAffirmStatus == 'Review and pass') {
@@ -159,7 +176,7 @@
                 value: res.taskAffirmStatusCount,
                 name: this.$t('reviewAndPass'),
                 color: '#26BC4B',
-                status:res.taskAffirmStatus
+                status: res.taskAffirmStatus
               })
               color.push('#26BC4B')
             } else if (res.taskAffirmStatus == 'Review and return') {
@@ -167,17 +184,19 @@
                 value: res.taskAffirmStatusCount,
                 name: this.$t('reviewAndReturn'),
                 color: '#E83030',
-                status:res.taskAffirmStatus
+                status: res.taskAffirmStatus
               })
               color.push('#E83030')
             }
+            this.mainRightNum += res.taskAffirmStatusCount
           })
         }
         this.getEcharts('main-right', this.$t('preHomoFlow'), color, data)
       },
-      mainBottomEcharts(dataSource){
+      mainBottomEcharts(dataSource) {
         let data = []
         let color = []
+        this.mainBottomNum = 0
         if (dataSource && dataSource.length > 0) {
           dataSource.forEach(res => {
             if (res.certificationProgress == 'Not start') {
@@ -185,7 +204,7 @@
                 value: res.certificationProgressCount,
                 name: this.$t('Notatthe'),
                 color: '#00B3BE',
-                status:res.certificationProgress
+                status: res.certificationProgress
               })
               color.push('#00B3BE')
             } else if (res.certificationProgress == 'In progress') {
@@ -193,7 +212,7 @@
                 value: res.certificationProgressCount,
                 name: this.$t('inProgress'),
                 color: '#FDA71C',
-                status:res.certificationProgress
+                status: res.certificationProgress
               })
               color.push('#FDA71C')
             } else if (res.certificationProgress == 'Test passed') {
@@ -201,7 +220,7 @@
                 value: res.certificationProgressCount,
                 name: this.$t('experimentPassed'),
                 color: '#26BC4B',
-                status:res.certificationProgress
+                status: res.certificationProgress
               })
               color.push('#26BC4B')
             } else if (res.certificationProgress == 'Test failed') {
@@ -209,34 +228,35 @@
                 value: res.certificationProgressCount,
                 name: this.$t('experimentFailed'),
                 color: '#E83030',
-                status:res.certificationProgress
+                status: res.certificationProgress
               })
               color.push('#E83030')
-            }else if (res.certificationProgress == 'Component report not submitted') {
+            } else if (res.certificationProgress == 'Component report not submitted') {
               data.push({
                 value: res.certificationProgressCount,
                 name: this.$t('componentReportNotSubmitted'),
                 color: '#FDA71C',
-                status:res.certificationProgress
+                status: res.certificationProgress
               })
               color.push('#FDA71C')
-            }else if (res.certificationProgress == 'Component report submitted') {
+            } else if (res.certificationProgress == 'Component report submitted') {
               data.push({
                 value: res.certificationProgressCount,
                 name: this.$t('componentReportSubmitted'),
                 color: '#6FD682',
-                status:res.certificationProgress
+                status: res.certificationProgress
               })
               color.push('#6FD682')
-            }else if (res.certificationProgress == 'Component report has been stored') {
+            } else if (res.certificationProgress == 'Component report has been stored') {
               data.push({
                 value: res.certificationProgressCount,
                 name: this.$t('componentReportHasBeenStored'),
                 color: '#26BC4B',
-                status:res.certificationProgress
+                status: res.certificationProgress
               })
               color.push('#26BC4B')
             }
+            this.mainBottomNum += res.certificationProgressCount
           })
         }
         this.getEcharts('main-bottom', this.$t('CertificationProgress'), color, data)
@@ -249,14 +269,14 @@
           },
           tooltip: {
             trigger: 'item',
-            textStyle : {
+            textStyle: {
-              fontWeight : 'normal',
+              fontWeight: 'normal',
-              fontSize : 14,
+              fontSize: 14,
-              color:'#040B29',
+              color: '#040B29',
-              fontFamily:'BlueSkyNoto',
+              fontFamily: 'BlueSkyNoto'
             },
-            formatter: function (parms) {
+            formatter: function(parms) {
-              let str = parms.marker+' '+parms.data.name+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+parms.data.value+' ('+parms.percent+'%)'
+              let str = parms.marker + ' ' + parms.data.name + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + parms.data.value + ' (' + parms.percent + '%)'
               return str
             }
           },
@@ -300,11 +320,11 @@
             query.operatorType = 'queryPrehomoStatistics'
             query.status = params.data.status
           } else if (params.seriesName === this.$t('CertificationProgress')) {
-            if (this.num == '0'){
+            if (this.num == '0') {
               query.operatorType = 'queryCertificationProgressStatisticsAll'
-            }else if(this.num == '1'){
+            } else if (this.num == '1') {
               query.operatorType = 'queryCertificationProgressStatisticsCar'
-            }else if(this.num == '2'){
+            } else if (this.num == '2') {
               query.operatorType = 'queryCertificationProgressStatisticsPart'
             }
             query.status = params.data.status
@@ -327,12 +347,12 @@
           boxContentTextText[num].classList.add('box-content-text-color')
         }
         this.num = num
-        if (num == 0){
+        if (num == 0) {
-          this.mainBottomEcharts( this.certificationProgressMap.allMapList || [])
+          this.mainBottomEcharts(this.certificationProgressMap.allMapList || [])
-        }else if(num == 1){
+        } else if (num == 1) {
-          this.mainBottomEcharts( this.certificationProgressMap.carMapList || [])
+          this.mainBottomEcharts(this.certificationProgressMap.carMapList || [])
-        }else if(num == 2){
+        } else if (num == 2) {
-          this.mainBottomEcharts( this.certificationProgressMap.partMapList || [])
+          this.mainBottomEcharts(this.certificationProgressMap.partMapList || [])
         }
       }
     }
@@ -350,6 +370,7 @@
     .box-content-left {
       width: calc(50% - 10px);
       height: 346px;
+      position: relative;
       border: 2px #eff1f3 solid;
       border-radius: 6px;
       margin-top: 4px;
@@ -365,6 +386,7 @@
     .box-content-right {
       width: calc(50% - 10px);
       height: 346px;
+      position: relative;
       border: 2px #eff1f3 solid;
       border-radius: 6px;
       margin-top: 4px;
@@ -384,6 +406,7 @@
       position: relative;
       border-radius: 6px;
       margin-top: 20px;
+      overflow: hidden;
 
       .box-content-text {
         height: 30px;
@@ -429,4 +452,27 @@
     }
   }
 
+  .total-text {
+    position: absolute;
+    right: 28px;
+    top: 19px;
+    font-size: 18px;
+    font-weight: bold;
+  }
+
+  .total-text-text {
+    position: absolute;
+    right: 28px;
+    top: 21px;
+    font-size: 18px;
+    font-weight: bold;
+  }
+
+  .total-text-text-cntop {
+    right: 180px;
+  }
+
+  .total-text-text-entop {
+    right: 290px;
+  }
 </style>

jero-web/src/views/projectManagement/components/complianceCertificationForm.vue

@@ -8,11 +8,12 @@
         <div class="process-content-content" :style="val.left"
              v-for="(val,indexOne) in timeData" :key="indexOne" v-if="val.g">
           <div class="process-content-right-top" :title="val.name">{{ val.name }}</div>
+          <div class="process-content-right-button" :title="val.time.slice(0, 11)">{{ val.time.slice(0, 11) }}</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.name }}</span>
             </template>
             <img v-if="val.status == 1" src="../../../assets/heiTop.png" class="process-content-left"
                  alt="">
@@ -27,12 +28,12 @@
         </div>
         <div class="process-content-contentOne" :style="val.left"
              v-for="(val,indexTwo) in timeData" v-if="!val.g">
-          <!--                  <div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{ val.name }}</div>-->
+          <div class="process-content-right-top" :title="val.time.slice(0, 11)">{{ val.time.slice(0, 11) }}</div>
           <div class="process-content-right-button" :title="val.name">{{ val.name }}
           </div>
           <a-tooltip placement="topLeft" overlayClassName="tooltipColor">
             <template slot="title">
-              <span>{{ val.time.slice(0, 11) }}</span>
+              <span>{{ val.name }}</span>
             </template>
             <img v-if="val.status == 1" src="../../../assets/huiBottom.png" class="process-content-left"
                  alt="">
@@ -192,10 +193,10 @@
         width: 83px;
         font-size: 12px;
         font-weight: 400;
-        color: #6F7385;
+        color: #9C9FAC;
         position: absolute;
         left: 50%;
-        top: 36px;
+        top: -36px;
         transform: translate(-50%, -50%);
         overflow: hidden;
         display: -webkit-box;
@@ -229,13 +230,13 @@
 
       .process-content-right-top {
         font-size: 12px;
-        color: #040B29;
         width: 83px;
         background: #fff;
         display: inline-block;
         overflow: hidden;
         position: absolute;
-        top: -12px;
+        color: #9C9FAC;
+        top: 57px;
         left: 50%;
         transform: translate(-50%, -50%);
         overflow: hidden;
@@ -253,10 +254,12 @@
         width: 83px;
         font-size: 12px;
         font-weight: 400;
-        color: #6F7385;
+        color: #040B29;
+        background: #fff;
         position: absolute;
         left: 50%;
         top: 36px;
+        line-height: 11px;
         transform: translate(-50%, -50%);
         overflow: hidden;
         display: -webkit-box;

jero-web/src/views/projectManagement/components/listOfRegulations.vue

@@ -1431,6 +1431,10 @@
     },
 
     mounted() {
+      if (this.areaOfResponsibilityList && this.areaOfResponsibilityList.dutyTerritory) {
+        this.queryParam.dutyTerritory = this.areaOfResponsibilityList.dutyTerritory
+        this.queryParam = { ...this.queryParam }
+      }
       this.JLoading = true
       this.getHeader()
       this.queryLawEngineerByProjectId()
@@ -1440,10 +1444,6 @@
       this.getRoleByUserId(() => {
         this.getAndUserId()
       })
-      if (this.areaOfResponsibilityList && this.areaOfResponsibilityList.dutyTerritory) {
-        this.queryParam.dutyTerritory = this.areaOfResponsibilityList.dutyTerritory
-        this.queryParam = { ...this.queryParam }
-      }
     },
     computed: {
       columnsFile() {

jero-web/src/views/projectManagement/components/projectStatus.vue

@@ -59,7 +59,7 @@
          this.$emit('projectStatusForm',this.activeKey)
       },
       currentStatus(item) {
-        this.$emit('TaskListChange', item)
+        this.$emit('currentStatus', item)
       },
       versionStatisticsClick() {
         this.$refs.versionStatisticsRef.addModel(JSON.parse(JSON.stringify(this.selectedRowKeys)))

jero-web/src/views/projectManagement/components/regulatoryCompliance.vue

@@ -1,15 +1,22 @@
 <template>
   <div class="box-content">
     <div class="box-content-top">
+      <div class="total-text">
+        <span>{{$t('totalTable')+' : '+mainTopNum}}</span>
+      </div>
       <div id="main-top"></div>
     </div>
     <div class="box-content-left">
+      <div class="total-text">
+        <span>{{$t('totalTable')+' : '+mainLeftNum}}</span>
+      </div>
       <div id="main-left"></div>
     </div>
     <div class="box-content-right">
-      <div id="main-right">
+      <div class="total-text">
-
+        <span>{{$t('totalTable')+' : '+mainRightNum}}</span>
       </div>
+      <div id="main-right"> </div>
     </div>
     <responsibilityList @responsibility="responsibility" ref="responsibilityListRef"/>
   </div>
@@ -39,6 +46,9 @@
         url: {
           getProjectDetailsStatistics: '/project/projectLibraryBase/getProjectDetailsStatistics'
         },
+        mainTopNum: 0,
+        mainLeftNum: 0,
+        mainRightNum: 0,
         columns: [
           {
             title: this.$t('red'),
@@ -99,14 +109,14 @@
           },
           tooltip: {
             trigger: 'item',
-            textStyle : {
+            textStyle: {
-              fontWeight : 'normal',
+              fontWeight: 'normal',
-              fontSize : 14,
+              fontSize: 14,
-              color:'#040B29',
+              color: '#040B29',
-              fontFamily:'BlueSkyNoto',
+              fontFamily: 'BlueSkyNoto'
             },
-            formatter: function (parms) {
+            formatter: function(parms) {
-              let str = parms.marker+' '+parms.data.name+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+parms.data.value+' ('+parms.percent+'%)'
+              let str = parms.marker + ' ' + parms.data.name + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + parms.data.value + ' (' + parms.percent + '%)'
               return str
             }
           },
@@ -138,26 +148,26 @@
         })
         myChart.on('click', (params) => {
           let query = {}
-          if (params.seriesName == this.$t('regulatoryTaskConfirmation')){
+          if (params.seriesName == this.$t('regulatoryTaskConfirmation')) {
             query = {
               title: params.seriesName,
               projectLibraryId: this.$route.query.id,
               operatorType: 'queryFGTaskToConfirmStatistics',
-              status:params.data.status
+              status: params.data.status
             }
-          }else if(params.seriesName == this.$t('designCompliance')){
+          } else if (params.seriesName == this.$t('designCompliance')) {
             query = {
               title: params.seriesName,
               projectLibraryId: this.$route.query.id,
               operatorType: 'queryDesignStatistics',
-              status:params.data.status
+              status: params.data.status
             }
-          }else if(params.seriesName == this.$t('verifyCompliance')){
+          } else if (params.seriesName == this.$t('verifyCompliance')) {
             query = {
               title: params.seriesName,
               projectLibraryId: this.$route.query.id,
               operatorType: 'queryVerifyStatistics',
-              status:params.data.status
+              status: params.data.status
             }
           }
           this.$refs.responsibilityListRef.getData(query)
@@ -167,6 +177,7 @@
       mainTopEcharts(dataSource) {
         let data = []
         let color = []
+        this.mainTopNum = 0
         if (dataSource && dataSource.length > 0) {
           this.dataSource = [{}]
           dataSource.forEach(res => {
@@ -203,14 +214,16 @@
               })
               color.push('#E83030')
             }
+            this.mainTopNum += res.taskAffirmStatusCount
           })
         }
         this.getEcharts('main-top', this.$t('regulatoryTaskConfirmation'), color, data)
       },
 
-      mainLeftEcharts(dataSource){
+      mainLeftEcharts(dataSource) {
         let data = []
         let color = []
+        this.mainLeftNum = 0
         if (dataSource && dataSource.length > 0) {
           this.dataSource = [{}]
           dataSource.forEach(res => {
@@ -219,7 +232,7 @@
                 value: res.designFlowTaskStatusCount,
                 name: this.$t('notLaunch'),
                 color: '#00B3BE',
-                status:res.designFlowTaskStatus
+                status: res.designFlowTaskStatus
               })
               color.push('#00B3BE')
             } else if (res.designFlowTaskStatus == 'List to confirm') {
@@ -227,7 +240,7 @@
                 value: res.designFlowTaskStatusCount,
                 name: this.$t('listToConfirm'),
                 color: '#FDA71C',
-                status:res.designFlowTaskStatus
+                status: res.designFlowTaskStatus
               })
               color.push('#FDA71C')
             } else if (res.designFlowTaskStatus == 'Compliance') {
@@ -235,7 +248,7 @@
                 value: res.designFlowTaskStatusCount,
                 name: this.$t('compliance'),
                 color: '#26BC4B',
-                status:res.designFlowTaskStatus
+                status: res.designFlowTaskStatus
               })
               color.push('#26BC4B')
             } else if (res.designFlowTaskStatus == 'Non-Compliance') {
@@ -243,18 +256,20 @@
                 value: res.designFlowTaskStatusCount,
                 name: this.$t('nonCompliance'),
                 color: '#707486',
-                status:res.designFlowTaskStatus
+                status: res.designFlowTaskStatus
               })
               color.push('#707486')
             }
+            this.mainLeftNum += res.designFlowTaskStatusCount
           })
         }
         this.getEcharts('main-left', this.$t('designCompliance'), color, data)
       },
 
-      mainRightEcharts(dataSource){
+      mainRightEcharts(dataSource) {
         let data = []
         let color = []
+        this.mainRightNum = 0
         if (dataSource && dataSource.length > 0) {
           this.dataSource = [{}]
           dataSource.forEach(res => {
@@ -263,7 +278,7 @@
                 value: res.verifyFlowTaskStatusCount,
                 name: this.$t('notLaunch'),
                 color: '#00B3BE',
-                status:res.verifyFlowTaskStatus
+                status: res.verifyFlowTaskStatus
               })
               color.push('#00B3BE')
             } else if (res.verifyFlowTaskStatus == 'List to confirm') {
@@ -271,7 +286,7 @@
                 value: res.verifyFlowTaskStatusCount,
                 name: this.$t('listToConfirm'),
                 color: '#FDA71C',
-                status:res.verifyFlowTaskStatus
+                status: res.verifyFlowTaskStatus
               })
               color.push('#FDA71C')
             } else if (res.verifyFlowTaskStatus == 'Compliance') {
@@ -279,7 +294,7 @@
                 value: res.verifyFlowTaskStatusCount,
                 name: this.$t('compliance'),
                 color: '#26BC4B',
-                status:res.verifyFlowTaskStatus
+                status: res.verifyFlowTaskStatus
               })
               color.push('#26BC4B')
             } else if (res.verifyFlowTaskStatus == 'Non-Compliance') {
@@ -287,17 +302,17 @@
                 value: res.verifyFlowTaskStatusCount,
                 name: this.$t('nonCompliance'),
                 color: '#707486',
-                status:res.verifyFlowTaskStatus
+                status: res.verifyFlowTaskStatus
               })
               color.push('#707486')
             }
+            this.mainRightNum += res.verifyFlowTaskStatusCount
           })
         }
         this.getEcharts('main-right', this.$t('verifyCompliance'), color, data)
       },
 
       responsibility(item) {
-        console.log(item)
         this.$emit('currentStatus', item)
       }
     }
@@ -313,6 +328,7 @@
 
     .box-content-top {
       width: 100%;
+      position: relative;
       margin-top: 4px;
       height: 346px;
       border: 2px #eff1f3 solid;
@@ -330,6 +346,7 @@
       width: calc(50% - 10px);
       margin-top: 20px;
       height: 346px;
+      position: relative;
       border: 2px #eff1f3 solid;
       border-radius: 6px;
 
@@ -345,6 +362,7 @@
       width: calc(50% - 10px);
       margin-top: 20px;
       height: 346px;
+      position: relative;
       border-radius: 6px;
       border: 2px #eff1f3 solid;
 
@@ -367,4 +385,12 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+
+  .total-text {
+    position: absolute;
+    right: 28px;
+    top: 19px;
+    font-size: 18px;
+    font-weight: bold;
+  }
 </style>

jero-web/src/views/projectManagement/components/responsibilityList.vue

@@ -1,38 +1,39 @@
 <template>
-    <a-modal
+  <a-modal
-            :title="title"
+    :title="title"
-            :width="800"
+    :width="800"
-            :visible="visible"
+    :visible="visible"
-            :confirm-loading="confirmLoading"
+    :confirm-loading="confirmLoading"
-            :maskClosable="false"
+    :maskClosable="false"
-            @cancel="visible = false"
+    @cancel="visible = false"
+  >
+    <template slot="footer">
+      <a-button key="back" @click="visible = false">
+        {{$t('cancel')}}
+      </a-button>
+    </template>
+    <!--        <div style="text-align: right;margin-bottom: 10px">-->
+    <!--            <div @click="handleExport" class="operator-text">-->
+    <!--                <a-icon type="export" :rotate="-90"/>-->
+    <!--                {{$t('export')}}-->
+    <!--            </div>-->
+    <!--        </div>-->
+    <a-table
+      ref="table"
+      :components="drag(columns,'columns')"
+      :loading="loading"
+      :pagination="false"
+      :scroll="{x: '100%',y:400}"
+      :data-source="dataSource"
+      @change="tableOnChange"
+      :columns="columns"
     >
-        <template slot="footer">
+      <!--         -->
-            <a-button key="back" @click="visible = false">
+      <a slot="areaOfResponsibility" @click="areaOfResponsibilityClick(result)" slot-scope="text,result">
-                {{$t('cancel')}}
-            </a-button>
-        </template>
-        <div style="text-align: right;margin-bottom: 10px">
-            <div @click="handleExport" class="operator-text">
-                <a-icon type="export" :rotate="-90"/>
-                {{$t('export')}}
-            </div>
-        </div>
-        <a-table
-                ref="table"
-                :components="drag(columns,'columns')"
-                :loading="loading"
-                :pagination="false"
-                :scroll="{x: true,y:400}"
-                :data-source="dataSource"
-                :columns="columns"
-        >
-<!--          @click="areaOfResponsibilityClick(result)"-->
-            <span slot="areaOfResponsibility" slot-scope="text,result">
                 {{text}}
-            </span>
+      </a>
-        </a-table>
+    </a-table>
-    </a-modal>
+  </a-modal>
 </template>
 
 <script>
@@ -62,6 +63,7 @@
             align: 'left',
             width: 150,
             ellipsis: true,
+            sorter: true,
             scopedSlots: { customRender: 'areaOfResponsibility' }
           },
           {
@@ -69,14 +71,16 @@
             dataIndex: 'amount',
             align: 'left',
             ellipsis: true,
-            width: 150
+            width: 150,
+            sorter: true
           },
           {
-            title: this.$t('proportion'),
+            title: this.$t('proportionWithInTheAreaOfResponsibility'),
             dataIndex: 'percentage',
             align: 'left',
             ellipsis: true,
-            width: 150
+            width: 240,
+            sorter: true
           }
         ]
       }
@@ -88,11 +92,39 @@
         this.visible = true
         this.title = data.title
         this.queryParam = data
-        this.getList(data)
+        this.getList()
       },
-      getList(data) {
+      tableOnChange(pagination, filters, sorter) {
+        this.orderBy = sorter.order == 'ascend' ? '1' : '2'
+        if (sorter.columnKey == 'attestationRank_dictText') {
+          this.orderByField = 'attestationRank'
+        } else if (sorter.columnKey == 'dutyTerritory_dictText') {
+          this.orderByField = 'dutyTerritory'
+        } else if (sorter.columnKey == 'designDeliverableTypeName') {
+          this.orderByField = 'designDeliverableType'
+        } else if (sorter.columnKey == 'verifyDeliverableTypeName') {
+          this.orderByField = 'verifyDeliverableType'
+        } else if (sorter.columnKey == 'designDutyIdName') {
+          this.orderByField = 'designDutyId'
+        } else if (sorter.columnKey == 'verifyDutyIdName') {
+          this.orderByField = 'verifyDutyId'
+        }  else if (sorter.columnKey == 'verifyFlowStatusName') {
+          this.orderByField = 'verifyFlowStatus'
+        }  else if (sorter.columnKey == 'designFlowStatusName') {
+          this.orderByField = 'designFlowStatus'
+        } else {
+          this.orderByField = sorter.columnKey
+        }
+        this.getList()
+      },
+      getList() {
         this.loading = true
-        getAction(this.url.GroupByTerritory, data).then((res) => {
+        let query = {
+           ...this.queryParam,
+          orderBy: this.orderBy,
+          orderByField: this.orderByField,
+        }
+        getAction(this.url.GroupByTerritory, query).then((res) => {
           if (res.success) {
             this.loading = false
             this.dataSource = res.result.dataList || []
@@ -108,14 +140,14 @@
       handleCancel() {
         this.visible = false
       },
-      // areaOfResponsibilityClick(item) {
+      areaOfResponsibilityClick(item) {
-      //   if (this.queryParam.operatorType == 'queryFGTaskToConfirmStatistics' ||
+        if (this.queryParam.operatorType == 'queryFGTaskToConfirmStatistics' ||
-      //     this.queryParam.operatorType == 'queryDesignStatistics' ||
+          this.queryParam.operatorType == 'queryDesignStatistics' ||
-      //     this.queryParam.operatorType == 'queryVerifyStatistics') {
+          this.queryParam.operatorType == 'queryVerifyStatistics') {
-      //     item.isListing = '1'
+          item.isListing = '1'
-      //   }
+        }
-      //   this.$emit('responsibility', item)
+        this.$emit('responsibility', item)
-      // }
+      }
     }
   }
 </script>

jero-web/src/views/projectManagement/components/settingList.vue

@@ -11,6 +11,151 @@
     <a-spin :spinning="confirmLoading">
       <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
         <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" title="G0">
+                G0</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="zero">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+'G0'"
+                               @change="dateChange({db_field_name:'zero'})"
+                               format="YYYY-MM-DD"
+                               :getCalendarContainer="(trigger) => trigger.parentNode"
+                               v-model="formInline.zero"
+                               :disabled="false"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" title="G1">
+                G1</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="one">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+'G1'"
+                               @change="dateChange({db_field_name:'one'})"
+                               format="YYYY-MM-DD"
+                               :getCalendarContainer="(trigger) => trigger.parentNode"
+                               v-model="formInline.one"
+                               :disabled="false"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" title="G2">
+                G2</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="two">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+'G2'"
+                               @change="dateChange({db_field_name:'two'})"
+                               format="YYYY-MM-DD"
+                               :getCalendarContainer="(trigger) => trigger.parentNode"
+                               v-model="formInline.two"
+                               :disabled="false"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" title="G3">
+                G3</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="three">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+'G3'"
+                               @change="dateChange({db_field_name:'three'})"
+                               format="YYYY-MM-DD"
+                               :getCalendarContainer="(trigger) => trigger.parentNode"
+                               v-model="formInline.three"
+                               :disabled="false"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" title="G4">
+                G4</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="four">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+'G4'"
+                               @change="dateChange({db_field_name:'four'})"
+                               format="YYYY-MM-DD"
+                               :getCalendarContainer="(trigger) => trigger.parentNode"
+                               v-model="formInline.four"
+                               :disabled="false"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" title="G5">
+                G5</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="five">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+'G5'"
+                               @change="dateChange({db_field_name:'five'})"
+                               format="YYYY-MM-DD"
+                               :getCalendarContainer="(trigger) => trigger.parentNode"
+                               v-model="formInline.five"
+                               :disabled="false"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" title="G6">
+                G6</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="six">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+'G6'"
+                               @change="dateChange({db_field_name:'six'})"
+                               format="YYYY-MM-DD"
+                               :getCalendarContainer="(trigger) => trigger.parentNode"
+                               v-model="formInline.six"
+                               :disabled="false"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" title="G7">
+                G7</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="seven">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+'G7'"
+                               @change="dateChange({db_field_name:'seven'})"
+                               format="YYYY-MM-DD"
+                               :getCalendarContainer="(trigger) => trigger.parentNode"
+                               v-model="formInline.seven"
+                               :disabled="false"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
@@ -165,150 +310,6 @@
               </a-form-model-item>
             </div>
           </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" title="G0">
-                G0</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="zero">
-                <a-date-picker class="box-input"
-                               :placeholder="$t('PleaseSelect')+'G0'"
-                               @change="dateChange({db_field_name:'zero'})"
-                               format="YYYY-MM-DD"
-                               :getCalendarContainer="(trigger) => trigger.parentNode"
-                               v-model="formInline.zero"
-                               :disabled="false"
-                               style="width: 100%"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" title="G1">
-                G1</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="one">
-                <a-date-picker class="box-input"
-                               :placeholder="$t('PleaseSelect')+'G1'"
-                               @change="dateChange({db_field_name:'one'})"
-                               format="YYYY-MM-DD"
-                               :getCalendarContainer="(trigger) => trigger.parentNode"
-                               v-model="formInline.one"
-                               :disabled="false"
-                               style="width: 100%"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" title="G2">
-                G2</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="two">
-                <a-date-picker class="box-input"
-                               :placeholder="$t('PleaseSelect')+'G2'"
-                               @change="dateChange({db_field_name:'two'})"
-                               format="YYYY-MM-DD"
-                               :getCalendarContainer="(trigger) => trigger.parentNode"
-                               v-model="formInline.two"
-                               :disabled="false"
-                               style="width: 100%"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" title="G3">
-                G3</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="three">
-                <a-date-picker class="box-input"
-                               :placeholder="$t('PleaseSelect')+'G3'"
-                               @change="dateChange({db_field_name:'three'})"
-                               format="YYYY-MM-DD"
-                               :getCalendarContainer="(trigger) => trigger.parentNode"
-                               v-model="formInline.three"
-                               :disabled="false"
-                               style="width: 100%"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" title="G4">
-                G4</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="four">
-                <a-date-picker class="box-input"
-                               :placeholder="$t('PleaseSelect')+'G4'"
-                               @change="dateChange({db_field_name:'four'})"
-                               format="YYYY-MM-DD"
-                               :getCalendarContainer="(trigger) => trigger.parentNode"
-                               v-model="formInline.four"
-                               :disabled="false"
-                               style="width: 100%"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" title="G5">
-                G5</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="five">
-                <a-date-picker class="box-input"
-                               :placeholder="$t('PleaseSelect')+'G5'"
-                               @change="dateChange({db_field_name:'five'})"
-                               format="YYYY-MM-DD"
-                               :getCalendarContainer="(trigger) => trigger.parentNode"
-                               v-model="formInline.five"
-                               :disabled="false"
-                               style="width: 100%"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" title="G6">
-                G6</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="six">
-                <a-date-picker class="box-input"
-                               :placeholder="$t('PleaseSelect')+'G6'"
-                               @change="dateChange({db_field_name:'six'})"
-                               format="YYYY-MM-DD"
-                               :getCalendarContainer="(trigger) => trigger.parentNode"
-                               v-model="formInline.six"
-                               :disabled="false"
-                               style="width: 100%"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" title="G7">
-                G7</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="seven">
-                <a-date-picker class="box-input"
-                               :placeholder="$t('PleaseSelect')+'G7'"
-                               @change="dateChange({db_field_name:'seven'})"
-                               format="YYYY-MM-DD"
-                               :getCalendarContainer="(trigger) => trigger.parentNode"
-                               v-model="formInline.seven"
-                               :disabled="false"
-                               style="width: 100%"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
         </a-row>
       </a-form-model>
     </a-spin>