添加项目库的项目详情

jero-web/src/common/lang/en-us.js

@@ -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

@@ -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

@@ -16,8 +16,8 @@
         </div>
       </div>
     </div>
-    <div style="margin-top: 84px;background: #fff">
+    <div style="padding-top: 84px;background: #fff;height: 100%">
-      <div class="detail-content">
+      <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

@@ -1,15 +1,200 @@
 <template>
-<div>
+  <div class="box">
-  项目详情
+    <div class="header-text">
-</div>
+      参数基本信息
+    </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>