From d2e8926ca60070ed5a5819203bbb053a35a12290 Mon Sep 17 00:00:00 2001 From: wangshiming Date: Thu, 7 Apr 2022 15:03:32 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E5=86=B2=E7=AA=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../datascreen/curve/map.component.ts | 6 +- .../datascreen/datascreen.component.html | 124 ++++++++++++------ .../datascreen/datascreen.component.less | 3 + .../datascreen/datascreen.component.ts | 102 ++++++++------ .../bulk-detail/bulk-detail.component.html | 14 +- 5 files changed, 157 insertions(+), 92 deletions(-) diff --git a/src/app/routes/datatable/components/datascreen/curve/map.component.ts b/src/app/routes/datatable/components/datascreen/curve/map.component.ts index b1f08a74..5a66c684 100644 --- a/src/app/routes/datatable/components/datascreen/curve/map.component.ts +++ b/src/app/routes/datatable/components/datascreen/curve/map.component.ts @@ -49,7 +49,7 @@ export class DatatableCustomindexMapComponent implements OnInit, OnChanges { this.chart = new Chart({ container: el, autoFit: true, - height: 540, + height: 700, padding: [0, 0] }); this.chart.tooltip({ @@ -88,9 +88,9 @@ export class DatatableCustomindexMapComponent implements OnInit, OnChanges { // 可视化用户数据 this.userData = [ - { name: '山东', value: '21',trend:'#F51D27' }, + { name: '山东', value: 21 }, { name: '山东', value: 22}, - { name: '广东', value: 20,trend:'#0A61D7' }, + { name: '广东', value: 20, }, { name: '广东', value: 20 }, { name: '四川', value: 120 }, { name: '湖南', value: 200 }, diff --git a/src/app/routes/datatable/components/datascreen/datascreen.component.html b/src/app/routes/datatable/components/datascreen/datascreen.component.html index 624e60f0..0c3e37dc 100644 --- a/src/app/routes/datatable/components/datascreen/datascreen.component.html +++ b/src/app/routes/datatable/components/datascreen/datascreen.component.html @@ -4,46 +4,68 @@ * @Author : Shiming * @Date : 2022-04-06 10:57:56 * @LastEditors : Shiming - * @LastEditTime : 2022-04-07 01:26:56 + * @LastEditTime : 2022-04-07 14:59:07 * @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\datascreen\\datascreen.component.html * Copyright (C) 2022 huzhenhong. All rights reserved. --> +
+

运多星网络货运平台实时交易监控

+
- + - + - + - + - + + [data]="monthData" + [titleMap]="{ y1: '订单数', y2: '运单数' }" + [height]="200" + mask="MM月DD日" + [slider]="false" + > - + [res]="{ reName: { list: 'data' } }" + [page]="{ show: false, showSize: false, pageSizes: [5, 50, 100] }" + [loading]="service.http.loading" + > + + {{ index }} + + + {{ item.weight ? item.weight + '吨' : '' }} + {{ item.volume ? item.volume + '方' : '' }} + + + {{ item.weight ? item.weight + '吨' : '' }} + {{ item.volume ? item.volume + '方' : '' }} +
@@ -51,20 +73,20 @@ - + - + - + - + - +
@@ -72,59 +94,75 @@ - + - + - + - + - + - + - + - + - - - + + +
+ +
- - + +
+ +
- - + +
+ +
- - + +
+ +
- - + + - \ No newline at end of file + diff --git a/src/app/routes/datatable/components/datascreen/datascreen.component.less b/src/app/routes/datatable/components/datascreen/datascreen.component.less index 9bca0f81..69baee23 100644 --- a/src/app/routes/datatable/components/datascreen/datascreen.component.less +++ b/src/app/routes/datatable/components/datascreen/datascreen.component.less @@ -4,5 +4,8 @@ color: #399ffd; font-weight: bold; } + .nz-statistic-number,.ant-statistic-content-value { + font-size: 20px; + } } } \ No newline at end of file diff --git a/src/app/routes/datatable/components/datascreen/datascreen.component.ts b/src/app/routes/datatable/components/datascreen/datascreen.component.ts index b44238ec..df261bc6 100644 --- a/src/app/routes/datatable/components/datascreen/datascreen.component.ts +++ b/src/app/routes/datatable/components/datascreen/datascreen.component.ts @@ -5,7 +5,7 @@ import { map } from 'rxjs/operators'; * @Author : Shiming * @Date : 2022-04-06 10:57:56 * @LastEditors : Shiming - * @LastEditTime : 2022-04-07 09:30:20 + * @LastEditTime : 2022-04-07 14:59:12 * @FilePath : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\datascreen\\datascreen.component.ts * Copyright (C) 2022 huzhenhong. All rights reserved. */ @@ -32,7 +32,14 @@ export class DatatableDatascreenComponent implements OnInit { columns: STColumn[] = []; chartData: G2TimelineData[] = []; orderColumns: STColumn[] = []; - salesData = this.genData(); + allDeal: any; + headDeal: any; + classifyDeal: any; + todaysDeal: any; + + monthData: G2TimelineData[] = []; + salesData :any; + salesData2 :any = this.genData(); constructor(public service: DataService) { } @@ -49,8 +56,6 @@ export class DatatableDatascreenComponent implements OnInit { get reqParams() { const params = { } - - return { ...params }; } ngOnInit(): void { @@ -61,55 +66,74 @@ export class DatatableDatascreenComponent implements OnInit { } initData(){ this.service.request(this.service.$api_getAnnualTransactions).subscribe((res: any) => { - console.log(res); - + this.allDeal = res }) - } + this.service.request(this.service.$api_getTransactionAmount).subscribe((res: any) => { + this.headDeal = res + }) + this.service.request(this.service.$api_getCustomerStatistics).subscribe((res: any) => { + this.classifyDeal = res + }) + this.service.request(this.service.$api_getTradingToday).subscribe((res: any) => { + this.todaysDeal = res + }) +} initLineData(){ - for (let i = 0; i < 20; i += 1) { - this.chartData.push({ - time: new Date().getTime() + 1000 * 60 * 60 * 24 * i, - y1: Math.floor(Math.random() * 100) + 1000, - y2: Math.floor(Math.random() * 100) + 10, - }); - } + this.service.request(this.service.$api_getTradingTrend).subscribe((res: any) => { + this.monthData = res + // for (let i = 0; i < 20; i += 1) { + // this.monthData.push({ + // time: new Date().getTime() + 1000 * 60 * 60 * 24 * i, + // y1: Math.floor(Math.random() * 100) + 1000, + // y2: Math.floor(Math.random() * 100) + 10, + // }); + // } + }) + let value: any = [] + this.service.request(this.service.$api_getShipmentRanking).subscribe((res: any) => { + console.log(res); + res.forEach((element: any) => { + value.push({ + x: element.city, + y: element.weight, + }); + }); + this.salesData = value + console.log(this.salesData); + }) } - private genData(): G2MiniAreaData[] { - const beginDay = new Date().getTime(); - const res: G2MiniAreaData[] = []; - for (let i = 0; i < 20; i += 1) { - res.push({ - x: format(new Date(beginDay + 1000 * 60 * 60 * 24 * i), 'yyyy-MM-dd'), - y: Math.floor(Math.random() * 100) + 10, + public genData(): G2MiniAreaData[] { + let value: any = [] + this.service.request(this.service.$api_getShipmentRanking).subscribe((res: any) => { + console.log(res); + res.forEach((element: any) => { + value.push({ + x: element.city, + y: element.weight, }); + }); + }) + console.log(value); + return value; } - return res; - } /** * 初始化数据列表 */ initST() { this.columns = [ - { title: '序号', index: 'carNo', className: 'text-center' }, - { title: '发货地', index: 'carNoColorLabel', className: 'text-center' }, - { title: '卸货地', index: 'carModelLabel', className: 'text-center' }, - { title: '货物', index: 'carStatus', className: 'text-center'}, - { title: '数量', index: 'approvalStatus', className: 'text-center' }, + { title: '序号', render: 'index', className: 'text-center',width: '70px' }, + { title: '发货地', index: 'loadAddress', className: 'text-center',width: '90px' }, + { title: '卸货地', index: 'dischargeAddress', className: 'text-center' ,width: '90px'}, + { title: '货物', index: 'goodsName', className: 'text-center',width: '90px'}, + { title: '数量', render: 'weight', className: 'text-center',width: '120px' }, ]; - console.log(this.map); - setTimeout(() => { - if(this.map) { - this.map.reRender() - } - }, 500); - } initOrderST() { this.orderColumns = [ - { title: '运单号', index: 'carNo', className: 'text-center' }, - { title: '货主', index: 'carNoColorLabel', className: 'text-center' }, - { title: '时间', index: 'carModelLabel', className: 'text-center' }, - { title: '风险等级', index: 'carStatus', className: 'text-center'} + { title: '运单号', index: 'wayCode', className: 'text-center',width: '120px' }, + { title: '货主', index: 'shipperName', className: 'text-center',width: '70px' }, + { title: '时间', index: 'createTime', className: 'text-center',width: '200px' }, + { title: '风险等级', index: 'warningType', className: 'text-center',width: '90px'} ]; } diff --git a/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html index c264cc4d..ae0c1cfb 100644 --- a/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html +++ b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html @@ -1,7 +1,7 @@ -

{{i?.goodsInfos?.[0]?.freightPrice}}{{i?.goodsInfos?.[0]?.freightTypeLabel}}（{{ i?.goodsInfos?.[0]?.settlementBasisLabel ? i?.goodsInfos?.[0]?.settlementBasisLabel + '，' :' ' }}{{i?.goodsInfos?.[0]?.ruleLabel}}）

+

{{i?.freightPrice}}{{i?.goodsInfos?.[0]?.freightTypeLabel}}（{{ i?.goodsInfos?.[0]?.settlementBasisLabel ? i?.goodsInfos?.[0]?.settlementBasisLabel + '，' :' ' }}{{i?.goodsInfos?.[0]?.ruleLabel}}）

到付 @@ -176,7 +176,7 @@ 附加费{{ i?.totalSurcharge | currency }}，附加费率{{ (i?.totalRate * 100).toFixed(2)}}%） -
车队长：{{ i?.payee?.name }}/{{ i?.payee?.phone }}/{{ i?.payee?.idNo }}
+
收款人：{{ i?.payee?.name }}/{{ i?.payee?.phone }}/{{ i?.payee?.idNo }}