票务
This commit is contained in:
@ -0,0 +1,6 @@
|
||||
<nz-timeline [nzMode]="'left'">
|
||||
<nz-timeline-item nzLabel="2021-10-15 16:30:30">快件已签收</nz-timeline-item>
|
||||
<nz-timeline-item nzLabel="2015-09-01 09:12:11">正在派送中,请您准备签收(派件人:吴彦祖,联系电话:13811223133)</nz-timeline-item>
|
||||
<nz-timeline-item nzLabel="2021-10-15 16:30:30">快件已到【深圳市龙岗区配送中心】扫描员是【张三】</nz-timeline-item>
|
||||
<nz-timeline-item nzLabel="2015-09-01 09:12:11">【顺丰快递】的收件员已揽件</nz-timeline-item>
|
||||
</nz-timeline>
|
||||
@ -0,0 +1,28 @@
|
||||
:host::ng-deep {
|
||||
|
||||
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
|
||||
width: 140px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
|
||||
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
|
||||
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
|
||||
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
|
||||
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
|
||||
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
|
||||
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
|
||||
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
|
||||
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
|
||||
left: 145px;
|
||||
}
|
||||
|
||||
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
|
||||
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
|
||||
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
|
||||
left : calc(50% - 135px);
|
||||
width : calc(100% - 150px);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-logistics-time-line',
|
||||
templateUrl: './logistics-time-line.component.html',
|
||||
styleUrls: ['./logistics-time-line.component.less']
|
||||
})
|
||||
export class LogisticsTimeLineComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
}
|
||||
@ -3,5 +3,6 @@ import { SEModule } from '@delon/abc/se';
|
||||
import { STModule } from '@delon/abc/st';
|
||||
import { SVModule } from '@delon/abc/sv';
|
||||
import { DelonFormModule } from '@delon/form';
|
||||
import { QRModule } from '@delon/abc/qr';
|
||||
|
||||
export const SHARED_DELON_MODULES = [PageHeaderModule, STModule, SVModule, SEModule,DelonFormModule ];
|
||||
export const SHARED_DELON_MODULES = [PageHeaderModule, STModule, SVModule, SEModule, DelonFormModule, QRModule];
|
||||
|
||||
@ -1,9 +1,3 @@
|
||||
import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
|
||||
import { NzTreeModule } from 'ng-zorro-antd/tree';
|
||||
import { NzProgressModule } from 'ng-zorro-antd/progress';
|
||||
import { NzPopoverModule } from 'ng-zorro-antd/popover';
|
||||
import { NzModalModule } from 'ng-zorro-antd/modal';
|
||||
import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
|
||||
/*
|
||||
* @Author: your name
|
||||
* @Date: 2021-11-29 10:20:33
|
||||
@ -12,6 +6,12 @@ import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
|
||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
* @FilePath: \tms-obc-web\src\app\shared\shared-zorro.module.ts
|
||||
*/
|
||||
import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
|
||||
import { NzTreeModule } from 'ng-zorro-antd/tree';
|
||||
import { NzProgressModule } from 'ng-zorro-antd/progress';
|
||||
import { NzPopoverModule } from 'ng-zorro-antd/popover';
|
||||
import { NzModalModule } from 'ng-zorro-antd/modal';
|
||||
import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
|
||||
import { NzStepsModule } from 'ng-zorro-antd/steps';
|
||||
import { NzAlertModule } from 'ng-zorro-antd/alert';
|
||||
import { NzBadgeModule } from 'ng-zorro-antd/badge';
|
||||
@ -36,8 +36,9 @@ import { NzTabsModule } from 'ng-zorro-antd/tabs';
|
||||
import { NzRadioModule } from 'ng-zorro-antd/radio';
|
||||
import { NzTimePickerModule } from 'ng-zorro-antd/time-picker';
|
||||
import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
|
||||
import { QRModule } from '@delon/abc/qr';
|
||||
import { NzEmptyModule } from 'ng-zorro-antd/empty';
|
||||
import { NzStatisticModule } from 'ng-zorro-antd/statistic';
|
||||
import { NzTimelineModule } from 'ng-zorro-antd/timeline';
|
||||
export const SHARED_ZORRO_MODULES = [
|
||||
NzButtonModule,
|
||||
NzGridModule,
|
||||
@ -67,7 +68,8 @@ export const SHARED_ZORRO_MODULES = [
|
||||
NzTimePickerModule,
|
||||
NzCheckboxModule,
|
||||
NzInputNumberModule,
|
||||
QRModule,
|
||||
NzPopoverModule,
|
||||
NzEmptyModule
|
||||
NzEmptyModule,
|
||||
NzStatisticModule,
|
||||
NzTimelineModule
|
||||
];
|
||||
|
||||
@ -26,6 +26,7 @@ import { MouseFocusModule } from './components/mouse-focus';
|
||||
import { ScrollbarModule } from './components/scrollbar';
|
||||
import { StatusLabelModule } from './components/status-label';
|
||||
import { SharedThirdModule } from './shared-third.module';
|
||||
import { LogisticsTimeLineComponent } from './components/logistics-time-line/logistics-time-line.component';
|
||||
|
||||
const MODULES = [
|
||||
AddressModule,
|
||||
@ -41,6 +42,8 @@ const MODULES = [
|
||||
];
|
||||
// #endregion
|
||||
|
||||
const SHAREDCOMPONENTS = [LogisticsTimeLineComponent];
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
@ -69,7 +72,9 @@ const MODULES = [
|
||||
...SHARED_ZORRO_MODULES,
|
||||
...MODULES,
|
||||
// third libs
|
||||
...THIRDMODULES
|
||||
]
|
||||
...THIRDMODULES,
|
||||
...SHAREDCOMPONENTS
|
||||
],
|
||||
declarations: SHAREDCOMPONENTS
|
||||
})
|
||||
export class SharedModule {}
|
||||
|
||||
Reference in New Issue
Block a user