布局项目库变更
This commit is contained in:
@@ -23,13 +23,18 @@
|
||||
<span class="text-field-right" :title="queryForm.targetMarket_dictText"
|
||||
>{{queryForm.targetMarket_dictText}}</span>
|
||||
</div>
|
||||
<div class="text-field">
|
||||
<span class="text-field-left" :title="$t('VersionNumber')">{{$t('VersionNumber')}}</span>
|
||||
<span class="text-field-right" :title="queryForm.VersionNumber"
|
||||
>{{queryForm.VersionNumber}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<div class="text-field">
|
||||
<span class="text-field-left" :title="$t('projectStatus')">{{$t('projectStatus')}}</span>
|
||||
<span class="text-field-right" :title="queryForm.projectStatus_dictText"
|
||||
>{{queryForm.projectStatus_dictText}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<div class="text-field">
|
||||
<span class="text-field-left" :title="$t('DigitalPlatform')">{{$t('DigitalPlatform')}}</span>
|
||||
<span class="text-field-right" :title="queryForm.digitalPlatform"
|
||||
@@ -43,17 +48,10 @@
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<div class="text-field">
|
||||
<span class="text-field-left" :title="$t('StudioEngineer')">{{$t('StudioEngineer')}}</span>
|
||||
<span class="text-field-right" :title="queryForm.studioEngineerName"
|
||||
>{{queryForm.studioEngineerName}}</span>
|
||||
<span class="text-field-left" :title="$t('softwareVersion')">{{$t('softwareVersion')}}</span>
|
||||
<span class="text-field-right" :title="queryForm.softwareVersion"
|
||||
>{{queryForm.softwareVersion}}</span>
|
||||
</div>
|
||||
<div class="text-field">
|
||||
<span class="text-field-left" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>
|
||||
<span class="text-field-right" :title="queryForm.certificationEngineerName"
|
||||
>{{queryForm.certificationEngineerName}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<div class="text-field">
|
||||
<span class="text-field-left" :title="$t('IPDInformation')">{{$t('IPDInformation')}}</span>
|
||||
<span class="text-field-right text-field-right-color"
|
||||
@@ -61,6 +59,8 @@
|
||||
@click="urlClick(queryForm.ipdInfo)"
|
||||
>{{queryForm.ipdInfo}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<div class="text-field">
|
||||
<span class="text-field-left" :title="$t('certificationProgram')">{{$t('certificationProgram')}}</span>
|
||||
<span class="text-field-right text-field-right-color"
|
||||
@@ -77,16 +77,38 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<div class="text-field" style="width: 50%">
|
||||
<div class="text-field-content">
|
||||
<span class="text-field-left" :title="$t('explain')">{{$t('explain')}}</span>
|
||||
<span class="text-field-right" :title="queryForm.explain"
|
||||
>{{queryForm.explain}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<div class="text-field">
|
||||
<span class="text-field-left" :title="$t('StudioEngineer')">{{$t('StudioEngineer')}}</span>
|
||||
<span class="text-field-right" :title="queryForm.studioEngineerName"
|
||||
>{{queryForm.studioEngineerName}}</span>
|
||||
</div>
|
||||
<div class="text-field">
|
||||
<span class="text-field-left" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>
|
||||
<span class="text-field-right" :title="queryForm.certificationEngineerName"
|
||||
>{{queryForm.certificationEngineerName}}</span>
|
||||
</div>
|
||||
<div class="text-field">
|
||||
<span class="text-field-left" :title="$t('ListOfRelevantPersonnel')">{{$t('ListOfRelevantPersonnel')}}</span>
|
||||
<span class="text-field-right"
|
||||
>
|
||||
<a-button type="primary" v-has="'projectRelatedPersonnel:page'" class="button-text"
|
||||
<a-button type="primary" v-has="'projectRelatedPersonnel:page'"
|
||||
:title="$t('ListOfRelevantPersonnel')"
|
||||
class="button-text"
|
||||
@click="ListOfRelevantPersonnelClick">
|
||||
{{$t('ListOfRelevantPersonnel')}}
|
||||
</a-button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
|
||||
</div>
|
||||
<div class="box-text">
|
||||
<div class="header-text">
|
||||
@@ -114,21 +136,21 @@
|
||||
</div>
|
||||
<div class="process-content-right-xian"></div>
|
||||
</div>
|
||||
<a-tabs style="margin-top: 20px" v-model="activeKey" class="ant-tabs">
|
||||
<a-tab-pane :key="$t('CurrentStatusOfTheProject')" :tab="$t('CurrentStatusOfTheProject')">
|
||||
<currentStatusOfTheProjectEcharts @currentStatus="currentStatus"
|
||||
v-if="activeKey == $t('CurrentStatusOfTheProject')"/>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane :key="$t('DeliverableStatus')" :tab="$t('DeliverableStatus')">
|
||||
<deliverableStatusEchart @currentStatus="currentStatus" v-if="activeKey == $t('DeliverableStatus')"/>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane :key="$t('CertificationProgress')" :tab="$t('CertificationProgress')">
|
||||
<certificationProgressEchart @currentStatus="currentStatus" v-if="activeKey == $t('CertificationProgress')"/>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane :key="$t('Parametercollection')" :tab="$t('Parametercollection')">
|
||||
<ParameterCollectionEchart @currentStatus="currentStatus" v-if="activeKey == $t('Parametercollection')"/>
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
<!-- <a-tabs style="margin-top: 20px" v-model="activeKey" class="ant-tabs">-->
|
||||
<!-- <a-tab-pane :key="$t('CurrentStatusOfTheProject')" :tab="$t('CurrentStatusOfTheProject')">-->
|
||||
<!-- <currentStatusOfTheProjectEcharts @currentStatus="currentStatus"-->
|
||||
<!-- v-if="activeKey == $t('CurrentStatusOfTheProject')"/>-->
|
||||
<!-- </a-tab-pane>-->
|
||||
<!-- <a-tab-pane :key="$t('DeliverableStatus')" :tab="$t('DeliverableStatus')">-->
|
||||
<!-- <deliverableStatusEchart @currentStatus="currentStatus" v-if="activeKey == $t('DeliverableStatus')"/>-->
|
||||
<!-- </a-tab-pane>-->
|
||||
<!-- <a-tab-pane :key="$t('CertificationProgress')" :tab="$t('CertificationProgress')">-->
|
||||
<!-- <certificationProgressEchart @currentStatus="currentStatus" v-if="activeKey == $t('CertificationProgress')"/>-->
|
||||
<!-- </a-tab-pane>-->
|
||||
<!-- <a-tab-pane :key="$t('Parametercollection')" :tab="$t('Parametercollection')">-->
|
||||
<!-- <ParameterCollectionEchart @currentStatus="currentStatus" v-if="activeKey == $t('Parametercollection')"/>-->
|
||||
<!-- </a-tab-pane>-->
|
||||
<!-- </a-tabs>-->
|
||||
<listOfRelevantPersonnel ref="listOfRelevantPersonnelRef"/>
|
||||
<addModel :url="url" ref="addModelRef" @addModelList="addModelList"/>
|
||||
<settingList :url="url" ref="settingListRef" @settingListForm="settingListForm"/>
|
||||
@@ -189,9 +211,9 @@
|
||||
}
|
||||
})
|
||||
},
|
||||
currentStatus(item) {
|
||||
this.$emit('TaskListChange', item)
|
||||
},
|
||||
// currentStatus(item) {
|
||||
// this.$emit('TaskListChange', item)
|
||||
// },
|
||||
getSetting() {
|
||||
getAction(this.url.queryByProjectId, { projectId: this.$route.query.id }).then((res) => {
|
||||
if (res.success) {
|
||||
@@ -273,6 +295,35 @@
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.text-field-content {
|
||||
width: 100%;
|
||||
margin-bottom: 8px;
|
||||
|
||||
.text-field-left {
|
||||
width: 124px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #6F7385;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
margin-right: 24px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.text-field-right {
|
||||
width: calc(100% - 200px);
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
float: left;
|
||||
word-break: break-word;
|
||||
color: #040B29;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.process-content {
|
||||
@@ -354,4 +405,8 @@
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.button-text {
|
||||
padding: 0 13px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user