WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加项目库的项目详情

Browse Source
This commit is contained in:
qq787203167
2022-04-07 21:29:47 +08:00
parent 2a7393d2b7
commit 31e8d39f71
4 changed files with 206 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/common/lang/en-us.js
+7
View File
@@ -619,4 +619,11 @@ module.exports = {
ParameterName:'Parameter name',
ParameterDescription:'Parameter description',
Version:'Version',
certificationProgramTime:'Certification program time',
ArchitecturePlatform:'Architecture platform',
ModelPlatform:'Model platform',
ListOfRelevantPersonnel:'List of relevant personnel',
DeliverableStatus:'Deliverable status',
CurrentStatusOfTheProject:'Current status of the project',
NonConformance:'Non conformance',
}
jero-web/src/common/lang/zh-cn.js
+7
View File
@@ -623,4 +623,11 @@ module.exports = {
ParameterName:'参数名称',
ParameterDescription:'参数说明',
Version:'版本',
certificationProgramTime:'认证计划时间',
ArchitecturePlatform:'架构平台',
ModelPlatform:'车型平台',
ListOfRelevantPersonnel:'相关人员名单',
DeliverableStatus:'交付物状态',
CurrentStatusOfTheProject:'项目当前状态',
NonConformance:'未符合项',
}
jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
+2 -2
View File
@@ -16,8 +16,8 @@
</div>
</div>
</div>
<div style="margin-top: 84px;background: #fff">
<div class="detail-content">
<div style="padding-top: 84px;background: #fff;height: 100%">
<div class="detail-content" style="height: 100%">
<div class="Virtual-detail-content">
<div class="box-title-text-add">
<div class="title-text-add">
jero-web/src/views/projectManagement/components/ProjectDetails.vue
+190 -5
View File
@@ -1,15 +1,200 @@
<template>
<div>
项目详情
</div>
<div class="box">
<div class="header-text">
参数基本信息
</div>
<div class="content-text">
<div class="text-field">
<span class="text-field-left" :title="$t('entryName')">{{$t('entryName')}}</span>
<span class="text-field-right text-field-right-color"
>lakdjaslkdjkslad离开对方角度上考虑</span>
</div>
<div class="text-field">
<span class="text-field-left" :title="$t('targetMarket')">{{$t('targetMarket')}}</span>
<span class="text-field-right text-field-right-color"
>lakdjaslkdjkslad离开对方角度上考虑</span>
</div>
<div class="text-field">
<span class="text-field-left" :title="$t('projectStatus')">{{$t('projectStatus')}}</span>
<span class="text-field-right text-field-right-color"
>lakdjaslkdjkslad离开对方角度上考虑</span>
</div>
<div class="text-field">
<span class="text-field-left" :title="$t('IPDInformation')">{{$t('IPDInformation')}}</span>
<span class="text-field-right text-field-right-color"
>lakdjaslkdjkslad离开对方角度上考虑</span>
</div>
<div class="text-field">
<span class="text-field-left">Gate</span>
<span class="text-field-right text-field-right-color"
>lakdjaslkdjkslad离开对方角度上考虑</span>
</div>
<div class="text-field">
<span class="text-field-left" :title="$t('certificationProgramTime')">{{$t('certificationProgramTime')}}</span>
<span class="text-field-right text-field-right-color"
>2020-12-12</span>
</div>
<div class="text-field">
<span class="text-field-left" :title="$t('ArchitecturePlatform')">{{$t('ArchitecturePlatform')}}</span>
<span class="text-field-right text-field-right-color"
>2020-12-12</span>
</div>
<div class="text-field">
<span class="text-field-left" :title="$t('ModelPlatform')">{{$t('ModelPlatform')}}</span>
<span class="text-field-right text-field-right-color"
>2020-12-12</span>
</div>
<div class="text-field">
<span class="text-field-left" :title="$t('ListOfRelevantPersonnel')">{{$t('ListOfRelevantPersonnel')}}</span>
<span class="text-field-right text-field-right-color"
>2020-12-12</span>
</div>
<div class="text-field">
<span class="text-field-left" :title="$t('StudioEngineer')">{{$t('StudioEngineer')}}</span>
<span class="text-field-right text-field-right-color"
>2020-12-12</span>
</div>
<div class="text-field">
<span class="text-field-left" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>
<span class="text-field-right text-field-right-color"
>2020-12-12</span>
</div>
</div>
<div class="header-text">
法规/认证任务计划
</div>
<a-tabs default-active-key="1" class="ant-tabs">
<a-tab-pane key="1" :tab="$t('DeliverableStatus')">
<div class="box-content">
<div class="box-content-left">
<div id="main"></div>
</div>
<div class="box-content-right">
</div>
</div>
</a-tab-pane>
<a-tab-pane key="2" :tab="$t('CurrentStatusOfTheProject')">
Tab 2
</a-tab-pane>
<a-tab-pane key="3" :tab="$t('CertificationProgress')">
Tab 3
</a-tab-pane>
<a-tab-pane key="4" :tab="$t('NonConformance')">
Tab 4
</a-tab-pane>
</a-tabs>
</div>
</template>
<script>
import * as echarts from 'echarts';
export default {
name: 'ProjectDetails'
name: 'ProjectDetails',
data(){
return{
}
},
mounted() {
this.mainEcharts()
},
methods:{
mainEcharts(){
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis: {},
series: [
{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}
]
});
},
},
}
</script>
<style scoped>
<style scoped lang="less">
@import '~@assets/less/common.less';
.box {
padding: 0 24px 24px 24px;
box-sizing: border-box;
}
.header-text {
font-size: 16px;
font-weight: 400;
height: 80px;
color: #000F16;
line-height: 80px;
}
.content-text {
width: 100%;
display: flex;
flex-wrap: wrap;
.text-field {
width: 33%;
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;
margin-right: 24px;
}
.text-field-right {
width: calc(100% - 200px);
display: inline-block;
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #040B29;
font-weight: 400;
}
}
}
.box-content {
width: 100%;
display: flex;
justify-content: space-between;
.box-content-left {
width: calc(50% - 12px);
height: 300px;
border: 2px #eff1f3 solid;
#main{
width: 100%;
height: 100%;
}
}
.box-content-right {
width: calc(50% - 12px);
height: 300px;
border: 2px #eff1f3 solid;
}
}
</style>