84 lines
3.1 KiB
Java
84 lines
3.1 KiB
Java
<template>
|
|
<a-card :bordered="false">
|
|
<div class="table-operator" style="margin-bottom: 10px">
|
|
<div @click="versionStatisticsClick" v-if="!this.$route.query.parentId"
|
|
class="operator-text">
|
|
<a-icon type="plus"/>
|
|
{{$t('versionStatistics')}}
|
|
</div>
|
|
</div>
|
|
<a-tabs v-model="activeKey" class="ant-tabs">
|
|
<a-tab-pane :key="$t('CurrentStatusOfTheProject')" :tab="$t('CurrentStatusOfTheProject')">
|
|
<currentStatusOfTheProjectEcharts @currentStatus="currentStatus"
|
|
:idList="idList"
|
|
v-if="activeKey == $t('CurrentStatusOfTheProject')"/>
|
|
</a-tab-pane>
|
|
<a-tab-pane :key="$t('DeliverableStatus')" :tab="$t('DeliverableStatus')">
|
|
<deliverableStatusEchart @currentStatus="currentStatus" :idList="idList"
|
|
v-if="activeKey == $t('DeliverableStatus')"/>
|
|
</a-tab-pane>
|
|
<a-tab-pane :key="$t('CertificationProgress')" :tab="$t('CertificationProgress')">
|
|
<certificationProgressEchart @currentStatus="currentStatus" :idList="idList"
|
|
v-if="activeKey == $t('CertificationProgress')"/>
|
|
</a-tab-pane>
|
|
<a-tab-pane :key="$t('Parametercollection')" :tab="$t('Parametercollection')">
|
|
<ParameterCollectionEchart @currentStatus="currentStatus" :idList="idList"
|
|
v-if="activeKey == $t('Parametercollection')"/>
|
|
</a-tab-pane>
|
|
</a-tabs>
|
|
<versionStatistics ref="versionStatisticsRef" @versionStatisticsForm="versionStatisticsForm"/>
|
|
</a-card>
|
|
</template>
|
|
|
|
<script>
|
|
import currentStatusOfTheProjectEcharts from './currentStatusOfTheProjectEcharts'
|
|
import deliverableStatusEchart from './deliverableStatusEchart'
|
|
import ParameterCollectionEchart from './ParameterCollectionEchart'
|
|
import certificationProgressEchart from './certificationProgressEchart'
|
|
import versionStatistics from './versionStatistics'
|
|
import { getAction, postAction } from '@/api/manage'
|
|
|
|
export default {
|
|
name: 'projectStatus',
|
|
components: {
|
|
ParameterCollectionEchart,
|
|
currentStatusOfTheProjectEcharts,
|
|
deliverableStatusEchart,
|
|
certificationProgressEchart,
|
|
versionStatistics
|
|
},
|
|
data() {
|
|
return {
|
|
activeKey: this.$t('CurrentStatusOfTheProject'),
|
|
selectedRowKeys: [],
|
|
idList: []
|
|
}
|
|
},
|
|
methods: {
|
|
currentStatus(item) {
|
|
this.$emit('TaskListChange', item)
|
|
},
|
|
versionStatisticsClick() {
|
|
this.$refs.versionStatisticsRef.addModel(JSON.parse(JSON.stringify(this.selectedRowKeys)))
|
|
},
|
|
versionStatisticsForm(value) {
|
|
this.idList = []
|
|
let activeKey = JSON.parse(JSON.stringify(this.activeKey))
|
|
this.activeKey = ''
|
|
if (value && value.length > 0) {
|
|
value.forEach(res => {
|
|
this.idList.push(JSON.parse(res).id)
|
|
})
|
|
}
|
|
this.selectedRowKeys = JSON.parse(JSON.stringify(value))
|
|
this.$nextTick(() => {
|
|
this.activeKey = activeKey
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import '~@assets/less/common.less';
|
|
</style> |