Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

车辆对接

Browse Source
This commit is contained in:
wangshiming
2021-12-28 17:26:38 +08:00
parent 1587602f7e
commit 5aec1bf8f1
2 changed files with 30 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.html
View File

@ -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>
<div style="width: 60%;margin: 0 auto;">
<div style="width: 50%;margin: 0 auto;">
<div class="">
<h2>公司名称:{{i.companyName}}</h2>
<h2>公司名称 : {{i?.enterpriseInfoName}}</h2>
<qr [value]="i.id" #qr></qr>
<div>卸货地:{{i.adddress}}</div>
<div>装货地:{{i.adddress}}</div>
<div>截止时间:{{i.createdAt}}</div>
<div>Tips:二维码用于司机扫码抢单</div>
</div>
<div class="modal-footer text-center">
<button nz-button type="submit" nzType="primary" (click)="downLoadQrcode('二维码')">下载二维码</button>
<div class="mb-sm" *ngFor="let address of i?.loadingAddressArr">卸货地 : {{address}}</div>
<div class="mb-sm" *ngFor="let address of i?.unloadingAddressArr">装货地 : {{address}}</div>
<div class="mb-sm">截止时间 : {{i?.deadlineTime}}</div>
<div>Tips : 二维码用于司机扫码抢单</div>
</div>
</div>
<div class="modal-footer text-center">
<button nz-button type="submit" nzType="primary" (click)="downLoadQrcode('二维码')">下载二维码</button>
</div>

28
src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.ts
View File

@ -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 { QRComponent } from '@delon/abc/qr';
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';
@ -15,16 +20,7 @@ export class SupplyManagementQrcodePageComponent implements OnInit {
@ViewChild('qr') qr!: QRComponent;
record: any = {};
i: any;
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'],
};
schema: SFSchema = {};
ui: SFUISchema = {
'*': {
spanLabelFixed: 100,
@ -44,15 +40,13 @@ export class SupplyManagementQrcodePageComponent implements OnInit {
constructor(
private modal: NzModalRef,
private msgSrv: NzMessageService,
public http: _HttpClient,
) { }
ngOnInit(): void {
if (this.record.id > 0)
this.http.get(`/user/${this.record.id}`).subscribe(res => (this.i = res));
console.log(this.i);
}
downLoadQrcode(downloadName: any): void {
let aLink = document.createElement('a');
const content = this.qr.dataURL;