对接项目详情

jero-web/src/views/projectManagement/components/ProjectDetails.vue

@@ -1,67 +1,72 @@
 <template>
   <div class="box">
     <div class="header-text">
-      参数基本信息
+      {{$t('basicInformationOfParameters')}}
     </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>
+        >{{queryForm.projectName}}</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>
+        >{{queryForm.targetMarket_dictText}}</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>
+        >{{queryForm.projectStatus_dictText}}</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>
+        >{{queryForm.ipdInfo}}</span>
       </div>
       <div class="text-field">
-        <span class="text-field-left">Gate</span>
+        <span class="text-field-left" :title="$t('DigitalPlatform')">{{$t('DigitalPlatform')}}</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>
+        >{{queryForm.digitalPlatform_dictText}}</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>
+        >{{queryForm.vehiclePlatform_dictText}}</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>
+        >{{queryForm.studioEngineerName}}</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>
+        >{{queryForm.certificationEngineerName}}</span>
+      </div>
+      <div class="text-field">
+        <span class="text-field-left" :title="$t('dehicleDevelopmentPlan')">{{$t('dehicleDevelopmentPlan')}}</span>
+        <span class="text-field-right text-field-right-color"
+        >{{queryForm.vehicleDevelopmentPlan}}</span>
+      </div>
+      <div class="text-field">
+        <span class="text-field-left" :title="$t('certificationProgram')">{{$t('certificationProgram')}}</span>
+        <span class="text-field-right text-field-right-color"
+        >{{queryForm.attestationPlan}}</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"
+        >
+          <a-button type="primary" class="button-text"
+                    @click="ListOfRelevantPersonnelClick">
+                  {{$t('ListOfRelevantPersonnel')}}
+          </a-button>
+        </span>
       </div>
     </div>
     <div class="header-text">
-      法规/认证任务计划
+      {{$t('regulatoryCertificationTaskPlan')}}
     </div>
     <div class="process-content">
 
@@ -145,20 +150,25 @@
         Tab 4
       </a-tab-pane>
     </a-tabs>
+    <listOfRelevantPersonnel ref="listOfRelevantPersonnelRef"/>
   </div>
-
-
 </template>
 
 <script>
   import * as echarts from 'echarts'
-
+  import listOfRelevantPersonnel from './listOfRelevantPersonnel'
   export default {
     name: 'ProjectDetails',
+    components:{
+      listOfRelevantPersonnel,
+    },
     data() {
-      return {}
+      return {
+        queryForm: {},
+      }
     },
     mounted() {
+      this.queryForm = this.$route.query
       this.mainEcharts()
     },
     methods: {
@@ -181,7 +191,10 @@
             }
           ]
         })
-      }
+      },
+      ListOfRelevantPersonnelClick(){
+          this.$refs.listOfRelevantPersonnelRef.getData()
+      },
     }
   }
 </script>
@@ -243,7 +256,7 @@
 
     .process-content-content {
       background: #fff;
-      z-index: 1000000;
+      z-index: 1000;
       padding: 0 20px;
 
       .process-content-left {
@@ -317,7 +330,7 @@
   @media screen and (min-width: 600px) and (max-width: 1600px) {
 
     .process-content-right-top {
-      max-width: 70px!important;
+      max-width: 70px !important;
     }
 
   }