车辆对接
This commit is contained in:
		@ -1,14 +1,23 @@
 | 
				
			|||||||
 | 
					<!--
 | 
				
			||||||
 | 
					 * @Author: your name
 | 
				
			||||||
 | 
					 * @Date: 2021-12-03 11:10:14
 | 
				
			||||||
 | 
					 * @LastEditTime: 2021-12-28 17:24:48
 | 
				
			||||||
 | 
					 * @LastEditors: your name
 | 
				
			||||||
 | 
					 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 | 
				
			||||||
 | 
					 * @FilePath: \tms-obc-web\src\app\routes\supply-management\components\qrcode-page\qrcode-page.component.html
 | 
				
			||||||
 | 
					-->
 | 
				
			||||||
<nz-spin *ngIf="!i" class="modal-spin"></nz-spin>
 | 
					<nz-spin *ngIf="!i" class="modal-spin"></nz-spin>
 | 
				
			||||||
<div style="width: 60%;margin: 0 auto;">
 | 
					<div style="width: 50%;margin: 0 auto;">
 | 
				
			||||||
  <div class="">
 | 
					  <div class="">
 | 
				
			||||||
    <h2>公司名称:{{i.companyName}}</h2>
 | 
					    <h2>公司名称 : {{i?.enterpriseInfoName}}</h2>
 | 
				
			||||||
    <qr [value]="i.id" #qr></qr>
 | 
					    <qr [value]="i.id" #qr></qr>
 | 
				
			||||||
    <div>卸货地:{{i.adddress}}</div>
 | 
					    <div class="mb-sm" *ngFor="let address of i?.loadingAddressArr">卸货地 : {{address}}</div>
 | 
				
			||||||
    <div>装货地:{{i.adddress}}</div>
 | 
					    <div class="mb-sm" *ngFor="let address of i?.unloadingAddressArr">装货地 : {{address}}</div>
 | 
				
			||||||
    <div>截止时间:{{i.createdAt}}</div>
 | 
					    <div class="mb-sm">截止时间 : {{i?.deadlineTime}}</div>
 | 
				
			||||||
    <div>Tips : 二维码用于司机扫码抢单</div>
 | 
					    <div>Tips : 二维码用于司机扫码抢单</div>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					</div>
 | 
				
			||||||
<div class="modal-footer text-center">
 | 
					<div class="modal-footer text-center">
 | 
				
			||||||
  <button nz-button type="submit" nzType="primary" (click)="downLoadQrcode('二维码')">下载二维码</button>
 | 
					  <button nz-button type="submit" nzType="primary" (click)="downLoadQrcode('二维码')">下载二维码</button>
 | 
				
			||||||
</div>
 | 
					</div>
 | 
				
			||||||
</div>
 | 
					 | 
				
			||||||
@ -1,9 +1,14 @@
 | 
				
			|||||||
import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
 | 
					/*
 | 
				
			||||||
 | 
					 * @Author: your name
 | 
				
			||||||
 | 
					 * @Date: 2021-12-03 11:10:14
 | 
				
			||||||
 | 
					 * @LastEditTime: 2021-12-28 17:24:54
 | 
				
			||||||
 | 
					 * @LastEditors: your name
 | 
				
			||||||
 | 
					 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 | 
				
			||||||
 | 
					 * @FilePath: \tms-obc-web\src\app\routes\supply-management\components\qrcode-page\qrcode-page.component.ts
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
import { Component, OnInit, ViewChild } from '@angular/core';
 | 
					import { Component, OnInit, ViewChild } from '@angular/core';
 | 
				
			||||||
import { QRComponent } from '@delon/abc/qr';
 | 
					import { QRComponent } from '@delon/abc/qr';
 | 
				
			||||||
import { SFSchema, SFUISchema } from '@delon/form';
 | 
					import { SFSchema, SFUISchema } from '@delon/form';
 | 
				
			||||||
import { _HttpClient } from '@delon/theme';
 | 
					 | 
				
			||||||
import { NzMessageService } from 'ng-zorro-antd/message';
 | 
					 | 
				
			||||||
import { NzModalRef } from 'ng-zorro-antd/modal';
 | 
					import { NzModalRef } from 'ng-zorro-antd/modal';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -15,16 +20,7 @@ export class SupplyManagementQrcodePageComponent implements OnInit {
 | 
				
			|||||||
  @ViewChild('qr') qr!: QRComponent;
 | 
					  @ViewChild('qr') qr!: QRComponent;
 | 
				
			||||||
  record: any = {};
 | 
					  record: any = {};
 | 
				
			||||||
  i: any;
 | 
					  i: any;
 | 
				
			||||||
  schema: SFSchema = {
 | 
					  schema: SFSchema = {};
 | 
				
			||||||
    properties: {
 | 
					 | 
				
			||||||
      no: { type: 'string', title: '编号' },
 | 
					 | 
				
			||||||
      owner: { type: 'string', title: '姓名', maxLength: 15 },
 | 
					 | 
				
			||||||
      callNo: { type: 'number', title: '调用次数' },
 | 
					 | 
				
			||||||
      href: { type: 'string', title: '链接', format: 'uri' },
 | 
					 | 
				
			||||||
      description: { type: 'string', title: '描述', maxLength: 140 },
 | 
					 | 
				
			||||||
    },
 | 
					 | 
				
			||||||
    required: ['owner', 'callNo', 'href', 'description'],
 | 
					 | 
				
			||||||
  };
 | 
					 | 
				
			||||||
  ui: SFUISchema = {
 | 
					  ui: SFUISchema = {
 | 
				
			||||||
    '*': {
 | 
					    '*': {
 | 
				
			||||||
      spanLabelFixed: 100,
 | 
					      spanLabelFixed: 100,
 | 
				
			||||||
@ -44,15 +40,13 @@ export class SupplyManagementQrcodePageComponent implements OnInit {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
  constructor(
 | 
					  constructor(
 | 
				
			||||||
    private modal: NzModalRef,
 | 
					    private modal: NzModalRef,
 | 
				
			||||||
    private msgSrv: NzMessageService,
 | 
					 | 
				
			||||||
    public http: _HttpClient,
 | 
					 | 
				
			||||||
  ) { }
 | 
					  ) { }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  ngOnInit(): void {
 | 
					  ngOnInit(): void {
 | 
				
			||||||
    if (this.record.id > 0)
 | 
					    console.log(this.i);
 | 
				
			||||||
      this.http.get(`/user/${this.record.id}`).subscribe(res => (this.i = res));
 | 
					 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  downLoadQrcode(downloadName: any): void {
 | 
					  downLoadQrcode(downloadName: any): void {
 | 
				
			||||||
    let aLink = document.createElement('a');
 | 
					    let aLink = document.createElement('a');
 | 
				
			||||||
    const content = this.qr.dataURL;
 | 
					    const content = this.qr.dataURL;
 | 
				
			||||||
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user