对接项目库详情的项目状态

This commit is contained in:
范强强
2023-04-25 15:13:10 +08:00
parent eef08d8a66
commit f431f39e1b
4 changed files with 901 additions and 706 deletions
+3
View File
@@ -1813,4 +1813,7 @@ module.exports = {
certificationActivityManagement:'Certification Activity Management', certificationActivityManagement:'Certification Activity Management',
parameterCollectionProgressManagement:'Parameter Collection Progress Management', parameterCollectionProgressManagement:'Parameter Collection Progress Management',
certificationTaskConfirmation:'Certification Task Confirmation', certificationTaskConfirmation:'Certification Task Confirmation',
selectTime:'Select Time',
designCompliance:'Design Compliance',
verifyCompliance:'Verify Compliance',
} }
+3
View File
@@ -1915,4 +1915,7 @@ module.exports = {
certificationActivityManagement:'认证活动管理', certificationActivityManagement:'认证活动管理',
parameterCollectionProgressManagement:'参数收集进度管理', parameterCollectionProgressManagement:'参数收集进度管理',
certificationTaskConfirmation:'认证任务确认', certificationTaskConfirmation:'认证任务确认',
selectTime:'选择时间',
designCompliance:'设计符合性',
verifyCompliance:'验证符合性',
} }
@@ -36,7 +36,6 @@
data() { data() {
return { return {
loading: false, loading: false,
currentProjectStatusTotal: 0,
url: { url: {
getProjectDetailsStatistics: '/project/projectLibraryBase/getProjectDetailsStatistics' getProjectDetailsStatistics: '/project/projectLibraryBase/getProjectDetailsStatistics'
}, },
@@ -82,9 +81,12 @@
getAction(this.url.getProjectDetailsStatistics, { id: id }).then((res) => { getAction(this.url.getProjectDetailsStatistics, { id: id }).then((res) => {
if (res.success) { if (res.success) {
if (res.result) { if (res.result) {
let dataSource = res.result.currentProjectStatusMap ? res.result.currentProjectStatusMap.currentProjectStatusMapList : [] let mainTopDataSource = res.result.taskToConfirmMap ? res.result.taskToConfirmMap.taskToConfirmMapList : []
this.mainLeftEcharts(dataSource) let mainLeftDataSource = res.result.designComplianceMap ? res.result.designComplianceMap.designComplianceMapList : []
this.currentProjectStatusTotal = res.result.currentProjectStatusMap ? res.result.currentProjectStatusMap.currentProjectStatusTotal : 0 let mainRightDataSource = res.result.verifyComplianceMap ? res.result.verifyComplianceMap.verifyComplianceMapList : []
this.mainTopEcharts(mainTopDataSource)
this.mainLeftEcharts(mainLeftDataSource)
this.mainRightEcharts(mainRightDataSource)
} }
} }
}) })
@@ -124,61 +126,137 @@
} }
] ]
}) })
myChart.on('click', (params) => { // myChart.on('click', (params) => {
let query = { // let query = {
title: params.seriesName, // title: params.seriesName,
projectLibraryId: this.$route.query.id, // projectLibraryId: this.$route.query.id,
operatorType: 'queryCurrentProjectStatusStatistics', // operatorType: 'queryCurrentProjectStatusStatistics',
conditionAssessment: params.data.color // conditionAssessment: params.data.color
} // }
this.$refs.responsibilityListRef.getData(query) // this.$refs.responsibilityListRef.getData(query)
}) // })
}, },
mainLeftEcharts(dataSource) {
mainTopEcharts(dataSource) {
let data = [] let data = []
let color = [] let color = []
if (dataSource && dataSource.length > 0) { if (dataSource && dataSource.length > 0) {
this.dataSource = [{}] this.dataSource = [{}]
dataSource.forEach(res => { dataSource.forEach(res => {
if (res.color == '4') { if (res.taskAffirmStatus == 'Not started') {
data.push({ data.push({
value: res.conditionAssessmentCount, value: res.taskAffirmStatusCount,
name: this.$t('blue'), name: this.$t('notLaunch'),
color: res.color color: '#00B3BE'
}) })
color.push('#00B3BE') color.push('#00B3BE')
this.dataSource[0].blueCount = res.conditionAssessmentCount } else if (res.taskAffirmStatus == 'List to confirm') {
} else if (res.color == '1') {
data.push({ data.push({
value: res.conditionAssessmentCount, value: res.taskAffirmStatusCount,
name: this.$t('red'), name: this.$t('listToConfirm'),
color: res.color color: '#FDA71C'
})
color.push('#E83030')
this.dataSource[0].redCount = res.conditionAssessmentCount
} else if (res.color == '2') {
data.push({
value: res.conditionAssessmentCount,
name: this.$t('yellow'),
color: res.color
}) })
color.push('#FDA71C') color.push('#FDA71C')
this.dataSource[0].yellowCount = res.conditionAssessmentCount } else if (res.taskAffirmStatus == 'Accepted') {
} else if (res.color == '3') {
data.push({ data.push({
value: res.conditionAssessmentCount, value: res.taskAffirmStatusCount,
name: this.$t('green'), name: this.$t('accept'),
color: res.color color: '#26BC4B'
}) })
this.dataSource[0].greenCount = res.conditionAssessmentCount color.push('#26BC4B')
color.push('#26BD4B') } else if (res.taskAffirmStatus == 'Rejected') {
data.push({
value: res.taskAffirmStatusCount,
name: this.$t('refuse'),
color: '#E83030'
})
color.push('#E83030')
} }
}) })
} }
this.getEcharts('main-left', this.$t('regulatoryTaskConfirmation'), color, data)
this.getEcharts('main-right', this.$t('regulatoryTaskConfirmation'), color, data)
this.getEcharts('main-top', this.$t('regulatoryTaskConfirmation'), color, data) this.getEcharts('main-top', this.$t('regulatoryTaskConfirmation'), color, data)
}, },
mainLeftEcharts(dataSource){
let data = []
let color = []
if (dataSource && dataSource.length > 0) {
this.dataSource = [{}]
dataSource.forEach(res => {
if (res.designFlowTaskStatus == 'Not started') {
data.push({
value: res.designFlowTaskStatusCount,
name: this.$t('notLaunch'),
color: '#00B3BE'
})
color.push('#00B3BE')
} else if (res.designFlowTaskStatus == 'List to confirm') {
data.push({
value: res.designFlowTaskStatusCount,
name: this.$t('listToConfirm'),
color: '#FDA71C'
})
color.push('#FDA71C')
} else if (res.designFlowTaskStatus == 'Compliance') {
data.push({
value: res.designFlowTaskStatusCount,
name: this.$t('compliance'),
color: '#26BC4B'
})
color.push('#26BC4B')
} else if (res.designFlowTaskStatus == 'Non-Compliance') {
data.push({
value: res.designFlowTaskStatusCount,
name: this.$t('nonCompliance'),
color: '#707486'
})
color.push('#707486')
}
})
}
this.getEcharts('main-left', this.$t('designCompliance'), color, data)
},
mainRightEcharts(dataSource){
let data = []
let color = []
if (dataSource && dataSource.length > 0) {
this.dataSource = [{}]
dataSource.forEach(res => {
if (res.verifyFlowTaskStatus == 'Not started') {
data.push({
value: res.verifyFlowTaskStatusCount,
name: this.$t('notLaunch'),
color: '#00B3BE'
})
color.push('#00B3BE')
} else if (res.verifyFlowTaskStatus == 'List to confirm') {
data.push({
value: res.verifyFlowTaskStatusCount,
name: this.$t('listToConfirm'),
color: '#FDA71C'
})
color.push('#FDA71C')
} else if (res.verifyFlowTaskStatus == 'Compliance') {
data.push({
value: res.verifyFlowTaskStatusCount,
name: this.$t('compliance'),
color: '#26BC4B'
})
color.push('#26BC4B')
} else if (res.verifyFlowTaskStatus == 'Non-Compliance') {
data.push({
value: res.verifyFlowTaskStatusCount,
name: this.$t('nonCompliance'),
color: '#707486'
})
color.push('#707486')
}
})
}
this.getEcharts('main-right', this.$t('verifyCompliance'), color, data)
},
responsibility(item) { responsibility(item) {
this.$emit('currentStatus', item) this.$emit('currentStatus', item)
} }
File diff suppressed because it is too large Load Diff