diff --git a/src/app/routes/datatable/components/datascreen/curve/curve.component.ts b/src/app/routes/datatable/components/datascreen/curve/curve.component.ts index 36277f6e..d0f55f8b 100644 --- a/src/app/routes/datatable/components/datascreen/curve/curve.component.ts +++ b/src/app/routes/datatable/components/datascreen/curve/curve.component.ts @@ -4,7 +4,7 @@ * @Author : Shiming * @Date : 2022-04-07 17:57:23 * @LastEditors : Shiming - * @LastEditTime : 2022-04-07 18:24:57 + * @LastEditTime : 2022-04-07 18:30:46 * @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\datascreen\\curve\\curve.component.ts * Copyright (C) 2022 huzhenhong. All rights reserved. */ @@ -76,7 +76,7 @@ export class DatatableCustomindexCurveMinComponent implements OnInit,OnChanges { this.chart = new Chart({ container: el, autoFit: true, - height: 500, + height: 200, }); let value: any = [] this.service.request(this.service.$api_getTradingTrend).subscribe((res: any) => { diff --git a/src/app/routes/datatable/components/datascreen/datascreen.component.html b/src/app/routes/datatable/components/datascreen/datascreen.component.html index 2b6dea9b..c0c8f3ab 100644 --- a/src/app/routes/datatable/components/datascreen/datascreen.component.html +++ b/src/app/routes/datatable/components/datascreen/datascreen.component.html @@ -4,7 +4,7 @@ * @Author : Shiming * @Date : 2022-04-06 10:57:56 * @LastEditors : Shiming - * @LastEditTime : 2022-04-07 18:02:07 + * @LastEditTime : 2022-04-07 18:30:12 * @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\datascreen\\datascreen.component.html * Copyright (C) 2022 huzhenhong. All rights reserved. --> @@ -42,17 +42,8 @@ - - - + + { - // this.monthData = res; - // if (this.timeline) { - // console.log(this.timeline); - // // 等待组件渲染 - // setTimeout(() => this.timeline.changeData(), 100); - // } - // }); - // } public genData(): G2MiniAreaData[] { let value: any = []; this.service.request(this.service.$api_getShipmentRanking).subscribe((res: any) => { @@ -131,13 +121,7 @@ export class DatatableDatascreenComponent implements OnInit { return value; } initPillarData(){ - - this.service.request(this.service.$api_getTradingTrend).subscribe(res => { - if (res) { - this.chartData2 = res this.curve.reRender() - } - }) } public genData2(): G2TimelineData[] { let value1: any[] = []; diff --git a/src/app/routes/datatable/datatable.module.ts b/src/app/routes/datatable/datatable.module.ts index 9af1cbd2..7a1fe2be 100644 --- a/src/app/routes/datatable/datatable.module.ts +++ b/src/app/routes/datatable/datatable.module.ts @@ -1,10 +1,10 @@ /* - * @Description : + * @Description : * @Version : 1.0 * @Author : Shiming * @Date : 2022-04-06 11:02:17 * @LastEditors : Shiming - * @LastEditTime : 2022-04-06 17:22:44 + * @LastEditTime : 2022-04-07 18:29:39 * @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\datatable.module.ts * Copyright (C) 2022 huzhenhong. All rights reserved. */ @@ -42,6 +42,7 @@ import { BusitableCurveComponent } from './components/busitable/busiindex/curve/ import { DatatableCustomindexCurveComponent } from './components/customtable/customindex/curve/curve.component'; import { DatatableCustomindexMapComponent } from './components/datascreen/map/map.component'; import { DatatableCustomindexCurveMinComponent } from './components/datascreen/curve/curve.component'; +import { DatatableReportingvViewTrackComponent } from './reporting/components/view-track/view-track.component'; const COMPONENTS: Type[] = [ DatatableDataindexComponent, @@ -76,7 +77,8 @@ const COMPONENTS: Type[] = [ BusitableCurveComponent, DatatableCustomindexCurveComponent, DatatableCustomindexMapComponent, - DatatableCustomindexCurveMinComponent + DatatableCustomindexCurveMinComponent, + DatatableReportingvViewTrackComponent ] diff --git a/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.html b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.html index 117c0795..8b14bd1c 100644 --- a/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.html +++ b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.html @@ -66,10 +66,10 @@ - 查看轨迹 + 查看轨迹 - 查看轨迹 + 查看轨迹 diff --git a/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.ts b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.ts index d5b58c12..77b16932 100644 --- a/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.ts +++ b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.ts @@ -7,6 +7,7 @@ import { NzModalService } from 'ng-zorro-antd/modal'; import { ReportingService } from '../../services/reporting.service'; import { DatatableReportingUploadSettingComponent } from '../upload-setting/upload-setting.component'; import { DatatableReportingVerifyResultComponent } from '../verify-result/verify-result.component'; +import { DatatableReportingvViewTrackComponent } from '../view-track/view-track.component'; @Component({ selector: 'app-datatable-order-reporting', @@ -284,9 +285,9 @@ export class DatatableOrderReportingComponent implements OnInit { title: '订单号', render: 'billCode', className: 'text-center', - width: '150px', + width: '180px', }, - { title: '运单号', render: 'wayBillCode', className: 'text-center', width: '150px', }, + { title: '运单号', render: 'wayBillCode', className: 'text-center', width: '180px', }, { title: '网络货运人', @@ -529,9 +530,20 @@ export class DatatableOrderReportingComponent implements OnInit { /** * 查看轨迹 */ - viewTrack(_record: any) { - // const =; - this.router.navigate([]) + viewTrack(_record: any, trajectory: string) { + const title = trajectory === 'car' ? '车辆' : '司机' + const modalRef = this.modal.create({ + nzTitle: `查看${title}轨迹`, + nzWidth: 1000, + nzContent: DatatableReportingvViewTrackComponent, + nzComponentParams: { + id: _record?.orderId, + trajectory + }, + nzFooter: null + }); + modalRef.afterClose.subscribe(res => { + }) } /** diff --git a/src/app/routes/datatable/reporting/components/view-track/view-track.component.html b/src/app/routes/datatable/reporting/components/view-track/view-track.component.html new file mode 100644 index 00000000..cc66c9c3 --- /dev/null +++ b/src/app/routes/datatable/reporting/components/view-track/view-track.component.html @@ -0,0 +1,5 @@ +
+ + + +
diff --git a/src/app/routes/datatable/reporting/components/view-track/view-track.component.spec.ts b/src/app/routes/datatable/reporting/components/view-track/view-track.component.spec.ts new file mode 100644 index 00000000..c32eb107 --- /dev/null +++ b/src/app/routes/datatable/reporting/components/view-track/view-track.component.spec.ts @@ -0,0 +1,24 @@ +import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing'; +import { DatatableReportingvViewTrackComponent } from './view-track.component'; + +describe('DatatableReportingvViewTrackComponent', () => { + let component: DatatableReportingvViewTrackComponent; + let fixture: ComponentFixture; + + beforeEach(waitForAsync(() => { + TestBed.configureTestingModule({ + declarations: [DatatableReportingvViewTrackComponent] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(DatatableReportingvViewTrackComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/routes/datatable/reporting/components/view-track/view-track.component.ts b/src/app/routes/datatable/reporting/components/view-track/view-track.component.ts new file mode 100644 index 00000000..1cb10886 --- /dev/null +++ b/src/app/routes/datatable/reporting/components/view-track/view-track.component.ts @@ -0,0 +1,92 @@ +import { Component, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; +import format from 'date-fns/format'; +import { NzModalRef } from 'ng-zorro-antd/modal'; +import { OrderManagementService } from 'src/app/routes/order-management/services/order-management.service'; + + +@Component({ + selector: 'app-datatable-view-track', + templateUrl: './view-track.component.html', +}) +export class DatatableReportingvViewTrackComponent implements OnInit { + mapList: any[] = []; //地图点位数据组 + addressItems: any[] = []; //打点地址数据组 + trajectory = "car"; + pois: any[] = []; + id = ''; + constructor(public service: OrderManagementService, private modalRef: NzModalRef, public router: Router) { + + } + + ngOnInit(): void { + if (this.trajectory === 'car') { + this.getTrajectory(); + } else if (this.trajectory === 'driver') { + this.getDriverTrajectory(); + } + } + + + + selectTab(e: any) { + + } + + close(): void { + this.modalRef.destroy(); + } + + // 车辆轨迹 + getTrajectory() { + this.service.request(this.service.$api_get_getTrajectory, { id: this.id }).subscribe(res => { + if (res) { + const points = res.trackArray; + let list: any[] = []; + points?.forEach((item: any) => { + list.push({ + name: item.hgt, + lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))] + }); + }); + this.mapList = list; + this.addressItems = [...res.cityArray]; + if (this.addressItems && this.addressItems.length > 0) { + this.addressItems.forEach(item => { + item.vinOutTime = this.getLocalTime(item.vinOutTime); + }); + } + } + }); + + + } + + // 获取司机轨迹 + getDriverTrajectory() { + this.service.request(this.service.$api_get_getAppDriverPosition, { id: this.id }).subscribe(res => { + if (res) { + const points = res.tracks; + let list: any[] = []; + points?.forEach((item: any) => { + list.push({ + name: item.hgt, + lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))] + }); + }); + this.mapList = list; + this.addressItems = [...res.enclosureDataAppTrack]; + if (this.addressItems && this.addressItems.length > 0) { + this.addressItems.forEach(item => { + item.vinOutTime = item.vinOutTime ? this.getLocalTime(item.gtm) : ''; + item.cityName = item.appAdress; + }); + } + } + }); + } + getLocalTime(time: any) { + return format(new Date(parseInt(time)), 'yyyy-MM-dd HH:mm:ss'); + } + +}