修改平台件项目详情的项目状态

This commit is contained in:
范强强
2023-10-17 17:15:51 +08:00
parent 589c5e9757
commit 401388caa4
2 changed files with 207 additions and 66 deletions
@@ -109,34 +109,42 @@
if (dataSource && dataSource.length > 0) {
this.dataSource = [{}]
dataSource.forEach(res => {
if (res.taskAffirmStatus == 'Not started') {
if (res.taskAffirmStatus == 'List to be released') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('notLaunch'),
name: this.$t('listToBeReleased'),
color: '#00B3BE',
status: res.taskAffirmStatus
})
color.push('#00B3BE')
} else if (res.taskAffirmStatus == 'List to confirm') {
} else if (res.taskAffirmStatus == 'List to be checked') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('listToConfirm'),
name: this.$t('listToBeChecked'),
color: '#4B82FF',
status: res.taskAffirmStatus
})
color.push('#4B82FF')
} else if (res.taskAffirmStatus == 'Task to be confirmed') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('taskToBeConfirmed'),
color: '#FDA71C',
status: res.taskAffirmStatus
})
color.push('#FDA71C')
} else if (res.taskAffirmStatus == 'Accepted') {
} else if (res.taskAffirmStatus == 'Refusal of responsible person') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('accept'),
name: this.$t('acceptanceTheResponsiblePerson'),
color: '#26BC4B',
status: res.taskAffirmStatus
})
color.push('#26BC4B')
} else if (res.taskAffirmStatus == 'Rejected') {
}else if (res.taskAffirmStatus == 'Accepted of responsible person') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('refuse'),
name: this.$t('dutyPersonRejected'),
color: '#E83030',
status: res.taskAffirmStatus
})
@@ -154,22 +162,30 @@
if (dataSource && dataSource.length > 0) {
this.dataSource = [{}]
dataSource.forEach(res => {
if (res.taskAffirmStatus == 'Not started') {
if (res.taskAffirmStatus == 'Task to be confirmed') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('notLaunch'),
name: this.$t('taskToBeConfirmed'),
color: '#00B3BE',
status: res.taskAffirmStatus
})
color.push('#00B3BE')
} else if (res.taskAffirmStatus == 'To submit') {
} else if (res.taskAffirmStatus == 'Results to be submitted') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('toSubmit'),
name: this.$t('resultsToBeSubmitted'),
color: '#FDA71C',
status: res.taskAffirmStatus
})
color.push('#FDA71C')
}else if (res.taskAffirmStatus == 'Results to be reviewed') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('resultsToBeReviewed'),
color: '#745ADB',
status: res.taskAffirmStatus
})
color.push('#745ADB')
} else if (res.taskAffirmStatus == 'Review and pass') {
data.push({
value: res.taskAffirmStatusCount,
@@ -1,11 +1,17 @@
<!--平台件-->
<template>
<div class="box-content">
<div class="box-content-top">
<div class="box-content-left">
<div class="total-text">
<span>{{$t('totalTable')+' : '+mainTopNum}}</span>
<span>{{$t('totalTable')+' : '+mainTopLeftNum}}</span>
</div>
<div id="main-top"></div>
<div id="main-top-left"></div>
</div>
<div class="box-content-right">
<div class="total-text">
<span>{{$t('totalTable')+' : '+mainTopRightNum}}</span>
</div>
<div id="main-top-right"></div>
</div>
<div class="box-content-left">
<div class="total-text">
@@ -17,7 +23,7 @@
<div class="total-text">
<span>{{$t('totalTable')+' : '+mainRightNum}}</span>
</div>
<div id="main-right"> </div>
<div id="main-right"></div>
</div>
<responsibilityList @responsibility="responsibility" ref="responsibilityListRef"/>
</div>
@@ -50,6 +56,8 @@
mainTopNum: 0,
mainLeftNum: 0,
mainRightNum: 0,
mainTopLeftNum: 0,
mainTopRightNum: 0,
columns: [
{
title: this.$t('red'),
@@ -92,10 +100,12 @@
getAction(this.url.getProjectDetailsStatistics, { id: id }).then((res) => {
if (res.success) {
if (res.result) {
let mainTopDataSource = res.result.taskToConfirmMap ? res.result.taskToConfirmMap.taskToConfirmMapList : []
let mainTopLeftDataSource = res.result.designTaskToConfirmMap ? res.result.designTaskToConfirmMap.designTaskToConfirmMapList : []
let mainTopRightDataSource = res.result.verifyTaskToConfirmMap ? res.result.verifyTaskToConfirmMap.verifyTaskToConfirmMapList : []
let mainLeftDataSource = res.result.designComplianceMap ? res.result.designComplianceMap.designComplianceMapList : []
let mainRightDataSource = res.result.verifyComplianceMap ? res.result.verifyComplianceMap.verifyComplianceMapList : []
this.mainTopEcharts(mainTopDataSource)
this.mainTopLeftEcharts(mainTopLeftDataSource)
this.mainTopRightEcharts(mainTopRightDataSource)
this.mainLeftEcharts(mainLeftDataSource)
this.mainRightEcharts(mainRightDataSource)
}
@@ -149,23 +159,30 @@
})
myChart.on('click', (params) => {
let query = {}
if (params.seriesName == this.$t('regulatoryTaskConfirmation')) {
if (params.seriesName == this.$t('designTaskValidation')) {
query = {
title: params.seriesName+'-'+params.name,
title: params.seriesName + '-' + params.name,
projectLibraryId: this.$route.query.id,
operatorType: 'queryFGTaskToConfirmStatistics',
status: params.data.status
}
} else if (params.seriesName == this.$t('verificationTaskValidation')) {
query = {
title: params.seriesName + '-' + params.name,
projectLibraryId: this.$route.query.id,
operatorType: 'queryFGTaskToConfirmStatistics',
status: params.data.status
}
} else if (params.seriesName == this.$t('designCompliance')) {
query = {
title: params.seriesName+'-'+params.name,
title: params.seriesName + '-' + params.name,
projectLibraryId: this.$route.query.id,
operatorType: 'queryDesignStatistics',
status: params.data.status
}
} else if (params.seriesName == this.$t('verifyCompliance')) {
query = {
title: params.seriesName+'-'+params.name,
title: params.seriesName + '-' + params.name,
projectLibraryId: this.$route.query.id,
operatorType: 'queryVerifyStatistics',
status: params.data.status
@@ -175,50 +192,112 @@
})
},
mainTopEcharts(dataSource) {
mainTopLeftEcharts(dataSource) {
let data = []
let color = []
this.mainTopNum = 0
this.mainTopLeftNum = 0
if (dataSource && dataSource.length > 0) {
this.dataSource = [{}]
dataSource.forEach(res => {
if (res.taskAffirmStatus == 'Not started') {
if (res.designTaskAffirmStatus == 'List to be released') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('notLaunch'),
value: res.designTaskAffirmStatusCount,
name: this.$t('listToBeReleased'),
color: '#00B3BE',
status: res.taskAffirmStatus
status: res.designTaskAffirmStatus
})
color.push('#00B3BE')
} else if (res.taskAffirmStatus == 'List to confirm') {
} else if (res.designTaskAffirmStatus == 'List to be checked') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('listToConfirm'),
value: res.designTaskAffirmStatusCount,
name: this.$t('listToBeChecked'),
color: '#4B82FF',
status: res.designTaskAffirmStatus
})
color.push('#4B82FF')
} else if (res.designTaskAffirmStatus == 'Task to be confirmed') {
data.push({
value: res.designTaskAffirmStatusCount,
name: this.$t('taskToBeConfirmed'),
color: '#FDA71C',
status: res.taskAffirmStatus
status: res.designTaskAffirmStatus
})
color.push('#FDA71C')
} else if (res.taskAffirmStatus == 'Accepted') {
} else if (res.designTaskAffirmStatus == 'Duty Person Accepted') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('accept'),
value: res.designTaskAffirmStatusCount,
name: this.$t('acceptanceTheResponsiblePerson'),
color: '#26BC4B',
status: res.taskAffirmStatus
status: res.designTaskAffirmStatus
})
color.push('#26BC4B')
} else if (res.taskAffirmStatus == 'Rejected') {
} else if (res.designTaskAffirmStatus == 'Duty Person Rejected') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('refuse'),
value: res.designTaskAffirmStatusCount,
name: this.$t('dutyPersonRejected'),
color: '#E83030',
status: res.taskAffirmStatus
status: res.designTaskAffirmStatus
})
color.push('#E83030')
}
this.mainTopNum += res.taskAffirmStatusCount
this.mainTopLeftNum += res.designTaskAffirmStatusCount
})
}
this.getEcharts('main-top', this.$t('regulatoryTaskConfirmation'), color, data)
this.getEcharts('main-top-left', this.$t('designTaskValidation'), color, data)
},
mainTopRightEcharts(dataSource) {
let data = []
let color = []
this.mainTopRightNum = 0
if (dataSource && dataSource.length > 0) {
this.dataSource = [{}]
dataSource.forEach(res => {
if (res.verifyTaskAffirmStatus == 'List to be released') {
data.push({
value: res.verifyTaskAffirmStatusCount,
name: this.$t('listToBeReleased'),
color: '#00B3BE',
status: res.verifyTaskAffirmStatus
})
color.push('#00B3BE')
} else if (res.verifyTaskAffirmStatus == 'List to be checked') {
data.push({
value: res.verifyTaskAffirmStatusCount,
name: this.$t('listToBeChecked'),
color: '#4B82FF',
status: res.verifyTaskAffirmStatus
})
color.push('#4B82FF')
} else if (res.verifyTaskAffirmStatus == 'Task to be confirmed') {
data.push({
value: res.verifyTaskAffirmStatusCount,
name: this.$t('taskToBeConfirmed'),
color: '#FDA71C',
status: res.verifyTaskAffirmStatus
})
color.push('#FDA71C')
} else if (res.verifyTaskAffirmStatus == 'Duty Person Accepted') {
data.push({
value: res.verifyTaskAffirmStatusCount,
name: this.$t('acceptanceTheResponsiblePerson'),
color: '#26BC4B',
status: res.verifyTaskAffirmStatus
})
color.push('#26BC4B')
} else if (res.verifyTaskAffirmStatus == 'Duty Person Rejected') {
data.push({
value: res.verifyTaskAffirmStatusCount,
name: this.$t('dutyPersonRejected'),
color: '#E83030',
status: res.verifyTaskAffirmStatus
})
color.push('#E83030')
}
this.mainTopRightNum += res.verifyTaskAffirmStatusCount
})
}
this.getEcharts('main-top-right', this.$t('verificationTaskValidation'), color, data)
},
mainLeftEcharts(dataSource) {
@@ -228,22 +307,38 @@
if (dataSource && dataSource.length > 0) {
this.dataSource = [{}]
dataSource.forEach(res => {
if (res.designFlowTaskStatus == 'Not started') {
if (res.designFlowTaskStatus == 'Task to be confirmed') {
data.push({
value: res.designFlowTaskStatusCount,
name: this.$t('notLaunch'),
color: '#00B3BE',
status: res.designFlowTaskStatus
})
color.push('#00B3BE')
} else if (res.designFlowTaskStatus == 'List to confirm') {
data.push({
value: res.designFlowTaskStatusCount,
name: this.$t('listToConfirm'),
name: this.$t('taskToBeConfirmed'),
color: '#FDA71C',
status: res.designFlowTaskStatus
})
color.push('#FDA71C')
} else if (res.designFlowTaskStatus == 'Results to be submitted') {
data.push({
value: res.designFlowTaskStatusCount,
name: this.$t('resultsToBeSubmitted'),
color: '#4C83FF',
status: res.designFlowTaskStatus
})
color.push('#4C83FF')
} else if (res.designFlowTaskStatus == 'Results to be reviewed') {
data.push({
value: res.designFlowTaskStatusCount,
name: this.$t('resultsToBeReviewed'),
color: '#745ADB',
status: res.designFlowTaskStatus
})
color.push('#745ADB')
} else if (res.designFlowTaskStatus == 'To be tracked') {
data.push({
value: res.designFlowTaskStatusCount,
name: this.$t('toBeTracked'),
color: '#FD9F48',
status: res.designFlowTaskStatus
})
color.push('#FD9F48')
} else if (res.designFlowTaskStatus == 'Compliance') {
data.push({
value: res.designFlowTaskStatusCount,
@@ -256,10 +351,10 @@
data.push({
value: res.designFlowTaskStatusCount,
name: this.$t('nonCompliance'),
color: '#707486',
color: '#E83030',
status: res.designFlowTaskStatus
})
color.push('#707486')
color.push('#E83030')
}
this.mainLeftNum += res.designFlowTaskStatusCount
})
@@ -274,22 +369,38 @@
if (dataSource && dataSource.length > 0) {
this.dataSource = [{}]
dataSource.forEach(res => {
if (res.verifyFlowTaskStatus == 'Not started') {
if (res.verifyFlowTaskStatus == 'Task to be confirmed') {
data.push({
value: res.verifyFlowTaskStatusCount,
name: this.$t('notLaunch'),
color: '#00B3BE',
status: res.verifyFlowTaskStatus
})
color.push('#00B3BE')
} else if (res.verifyFlowTaskStatus == 'List to confirm') {
data.push({
value: res.verifyFlowTaskStatusCount,
name: this.$t('listToConfirm'),
name: this.$t('taskToBeConfirmed'),
color: '#FDA71C',
status: res.verifyFlowTaskStatus
})
color.push('#FDA71C')
} else if (res.verifyFlowTaskStatus == 'Results to be submitted') {
data.push({
value: res.verifyFlowTaskStatusCount,
name: this.$t('resultsToBeSubmitted'),
color: '#4C83FF',
status: res.verifyFlowTaskStatus
})
color.push('#4C83FF')
} else if (res.verifyFlowTaskStatus == 'Results to be reviewed') {
data.push({
value: res.verifyFlowTaskStatusCount,
name: this.$t('resultsToBeReviewed'),
color: '#745ADB',
status: res.verifyFlowTaskStatus
})
color.push('#745ADB')
} else if (res.verifyFlowTaskStatus == 'To be tracked') {
data.push({
value: res.verifyFlowTaskStatusCount,
name: this.$t('toBeTracked'),
color: '#FD9F48',
status: res.verifyFlowTaskStatus
})
color.push('#FD9F48')
} else if (res.verifyFlowTaskStatus == 'Compliance') {
data.push({
value: res.verifyFlowTaskStatusCount,
@@ -302,10 +413,10 @@
data.push({
value: res.verifyFlowTaskStatusCount,
name: this.$t('nonCompliance'),
color: '#707486',
color: '#E83030',
status: res.verifyFlowTaskStatus
})
color.push('#707486')
color.push('#E83030')
}
this.mainRightNum += res.verifyFlowTaskStatusCount
})
@@ -357,6 +468,13 @@
padding: 20px 24px;
box-sizing: border-box;
}
#main-top-left {
width: 100%;
height: 100%;
padding: 20px 24px;
box-sizing: border-box;
}
}
.box-content-right {
@@ -373,6 +491,13 @@
padding: 24px;
box-sizing: border-box;
}
#main-top-right {
width: 100%;
height: 100%;
padding: 20px 24px;
box-sizing: border-box;
}
}
}