[完善] 考卷信息完善

src/app/student/examination-details/examination-details.component.html

@@ -3,9 +3,11 @@
   <div class="cneter">
 
     <div class="left">
-      <div class="headerLeft"><div>单位列表</div><div style="text-align: right;">总分: <label style="color: #07CDCF;">120</label></div></div>
-      <div class="centerLeft" style="background: #F5FDFE;"><div>单位名称</div><div>总分</div></div>
-      <div class="centerLeft"><div>单位名称</div><div>总分</div></div>
+      <div class="headerLeft"><div>单位列表</div><div style="text-align: right;">总分: <label style="color: #07CDCF;"></label></div></div>
+      <div class="centerLeft" style="background: #F5FDFE;"><div class="overflowText">单位名称</div><div class="overflowText">总分</div></div>
+      <div class="centerLeft" *ngFor="let item of paperCompanyData" [ngClass]="{'selectPaper': selectPaper.id == item.id}" (click)='togglePaper(item)'>
+        <div class="overflowText">{{item.companyInfo.name}}</div><div class="overflowText"></div>
+      </div>
     </div>
     <div class="right">
       

src/app/student/examination-details/examination-details.component.scss

@@ -19,10 +19,20 @@
     }
     .right {
       flex: 80%;
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
     }
   }
 }
 
+//文本溢出
+.overflowText {
+  overflow: hidden;
+  text-overflow:ellipsis;
+  white-space: nowrap;
+}
+
 //左侧
 .headerLeft{
   display: flex;
@@ -36,8 +46,14 @@
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  >div {flex: 1; overflow: hidden; text-align: center;}
+  >div {flex: 1; text-align: center;}
   height: 36px;
   padding: 0 25px;
   margin: 0 30px;
+  font-size: 14px;
+  border-radius: 3px;
+}
+.selectPaper {
+  background-color: #07CDCF;
+  color: #fff;
 }

src/app/student/examination-details/examination-details.component.ts

@@ -15,25 +15,50 @@ export class ExaminationDetailsComponent implements OnInit {
 
   async ngOnInit(): Promise<void> {
     await this.getTestInfo()
-    console.log(2)
   }
-  
-  paperData:any//试卷信息
+
+  paperData:any //试卷信息
+  paperCompanyData:any = []; //考生具体考卷
+  selectPaper:any = {id:null}; //选择当前考卷
+
   //获取考卷
   async getTestInfo () {
     let id = this.route.snapshot.queryParams.paperId
     await new Promise((resolve, reject) => {
       this.http.get(`/api/Papers/${id}`).subscribe((data:any)=>{
-        console.log(data)
         this.paperData = data
+        this.paperData.paperDataInfo.forEach(element => {
+          element.adjoinData? element.adjoinData = JSON.parse(element.adjoinData) : null
+          element.basicInfoData? element.basicInfoData = JSON.parse(element.basicInfoData) : null
+          element.facilityData? element.facilityData = JSON.parse(element.facilityData) : null
+          element.functionalDivisionData? element.functionalDivisionData = JSON.parse(element.functionalDivisionData) : null
+          element.importLocationData? element.importLocationData = JSON.parse(element.importLocationData) : null
+        });
+        this.paperCompanyData = JSON.parse( JSON.stringify(data.paperDataInfo) ) //具体考卷
+        this.selectPaper = this.paperCompanyData[0] || {id:null} //当前选择考卷
+        this.handlePaperData()
         resolve(1)
       })
     })
-    
+
+  }
+
+  //处理考卷 数据格式
+  handlePaperData () {
+    console.log(this.selectPaper)
+  }
+
+  //切换 选择考卷
+  togglePaper (e) {
+    if (this.selectPaper.id != e.id) {
+      this.selectPaper = e
+      this.handlePaperData()
+    }
   }
 
   //获得单位预案设定
   getUnitPlans(){
 
   }
+
 }