准考证下载详情

src/app/routes/art/enrol/report/report.art.module.ts

@@ -13,6 +13,7 @@ import { TicketDownloadReportComponent } from './ticket-download-report/ticket-d
 import { EnrolWorksPageComponent } from './enrol-works-page/enrol-works-page.component';
 import { EnrolWorksReportComponent } from './enrol-works-report/enrol-works-report.component';
 import { EnrolReportAspectDetailComponent } from './enrol-report-aspect-detail/enrol-report-aspect-detail.component';
+import { TicketDownloadReportDetailComponent } from './ticket-download-report-detail/ticket-download-report-detail.component';
 
 const routes: Routes = [
   {path: 'province', component: EnrolReportPorvinceComponent},
@@ -38,7 +39,7 @@ const routes: Routes = [
   ],
   entryComponents: [EnrolReportPorvinceComponent,VideoAppReportComponent,VideoAppReportStdComponent],
   declarations: [EnrolReportPorvinceComponent,EnrolReportAspectComponent,EnrolReportReexamineComponent,EnrolReportAgentComponent,VideoAppReportComponent,VideoAppReportStdComponent, EnrolReportAppointmentComponent, 
-    EnrolReportCommonComponent, TicketDownloadReportComponent,EnrolWorksReportComponent,EnrolWorksPageComponent, EnrolReportAspectDetailComponent],
+    EnrolReportCommonComponent, TicketDownloadReportComponent,EnrolWorksReportComponent,EnrolWorksPageComponent, EnrolReportAspectDetailComponent, TicketDownloadReportDetailComponent],
   exports: [
     RouterModule
   ]

src/app/routes/art/enrol/report/ticket-download-report-detail/ticket-download-report-detail.component.html

@@ -0,0 +1,44 @@
+<div class="modal-header">
+  <h4 class="modal-title pull-left">考生详情</h4>
+</div>
+
+<div class="table-responsive bg-white table-full">
+  <table class="table table-striped table-hover table-bordered">
+    <thead>
+      <tr>
+        <th>考生姓名</th>
+        <th>证件号码</th>
+        <th>高考报名号</th>
+        <th>性别</th>
+        <th>联系电话</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr *ngFor="let v of pager.getRecords();let i=index">
+        <td>{{v.std_name}}</td>
+        <td>{{v.cert_id}}</td>
+        <td>{{v.exam_id}}</td>
+        <td>{{v.std_sex}}</td>
+        <td>{{v.std_mobile}}</td>
+      </tr>
+    </tbody>
+  </table>
+  <frame-pager [url]="'./enrol/report/ticket/download/page.htm'" [showSearch]="false" [pagerLimit]="10"
+    [pagerParams]="{province_flag: ResponseEntity.provinceFlag, downloadFlag: ResponseEntity.downloadFlag }" #pager>
+  </frame-pager>
+</div>
+
+<div class="modal-footer">
+  <div>
+    <div class="btn-group mb-1 mr-1" dropdown>
+      <button class="btn dropdown-toggle btn-secondary " type="button" dropdownToggle>导出
+        <span class="caret"></span>
+      </button>
+      <div *dropdownMenu class="dropdown-menu" role="menu">
+        <a class="dropdown-item text-primary" href="#" (click)="exportStd()">导出考生</a>
+        <div class="dropdown-divider"></div>
+      </div>
+    </div>
+  </div>
+  <button class="btn btn-secondary" type="button" (click)="closeWindow()">关闭窗口</button>
+</div>

src/app/routes/art/enrol/report/ticket-download-report-detail/ticket-download-report-detail.component.ts

@@ -0,0 +1,38 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { BsModalRef } from 'ngx-bootstrap/modal';
+import { FramePager } from 'src/app/core/frame/pager/frame-pager/frame-pager';
+import { FrameDetailComponent } from 'src/app/routes/frame/core/detail/frame.detail';
+
+@Component({
+  selector: 'app-ticket-download-report-detail',
+  templateUrl: './ticket-download-report-detail.component.html',
+  styleUrls: ['./ticket-download-report-detail.component.scss']
+})
+export class TicketDownloadReportDetailComponent extends FrameDetailComponent implements OnInit {
+
+  @ViewChild('pager', { static: false }) pager: FramePager;
+
+  constructor(bsModalRef: BsModalRef) {
+    super(bsModalRef);
+  }
+
+  ngOnInit(): void {
+    debugger
+    console.log(this.ResponseEntity);
+  }
+
+  exportStd() {
+    var report_name = '';
+    if (this.ResponseEntity.downloadFlag) {
+      report_name = 'TicketStdDownloadReport';
+    } else {
+      report_name = 'TicketStdNotDownloadReport';
+    }
+    let entity = {
+      province_flag: this.ResponseEntity.provinceFlag,
+      report_name: report_name
+    };
+    this.FuncService.ajaxDownload('frame/report/download.htm', entity);
+  }
+
+}

src/app/routes/art/enrol/report/ticket-download-report/ticket-download-report.component.html

@@ -14,11 +14,11 @@
         </thead>
         <tbody>
             <tr *ngFor="let t of ticketArr" align="center">
-                <td>{{t.nums}}</td>
-                <td>{{t.in_nums}}</td>
-                <td>{{t.out_nums}}</td>
-                <td>{{t.no_nums}}</td>
+                <td><a href="#" (click)="showStd(true,null)">{{t.nums}}</a></td>
+                <td><a href="#" (click)="showStd(true,'Active')">{{t.in_nums}}</a></td>
+                <td><a href="#" (click)="showStd(true,'InActive')">{{t.out_nums}}</a></td>
+                <td><a href="#" (click)="showStd(false,null)">{{t.no_nums}}</a></td>
             </tr>
         </tbody>
     </table>
-</div>
+</div>

src/app/routes/art/enrol/report/ticket-download-report/ticket-download-report.component.ts

@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { BsModalService } from 'ngx-bootstrap/modal';
 import { AjaxService } from '../../../../../core/service/ajax.service';
 import { FramePageComponent } from '../../../../frame/core/page/frame.page';
+import { TicketDownloadReportDetailComponent } from '../ticket-download-report-detail/ticket-download-report-detail.component';
 
 @Component({
   selector: 'app-ticket-download-report',
@@ -12,18 +13,30 @@ export class TicketDownloadReportComponent extends FramePageComponent implements
 
   ticketArr = [];
 
-  constructor(private modalService: BsModalService) { 
+  constructor(private modalService: BsModalService) {
     super(modalService);
     this.goInit();
   }
 
   ngOnInit() {
   }
-  
+
   goInit() {
     AjaxService.requestArray('enrol/report/ticket/download.htm', {}, (array) => {
       this.ticketArr = array;
-    }, {RequestWithLoading: true});
+    }, { RequestWithLoading: true });
+  }
+
+  showStd(downloadFlag, province_flag) {
+    var entity = {
+      downloadFlag: '',
+      provinceFlag: ''
+    };
+    entity.downloadFlag = downloadFlag;
+    entity.provinceFlag = province_flag;
+    this.showComponentModal(TicketDownloadReportDetailComponent, {
+      ResponseEntity: entity
+    });
   }
 
 }