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

edit

Browse Source
This commit is contained in:
Taric Xin
2022-02-16 17:25:35 +08:00
parent 888103ed65
commit c0801a94d6
3 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/routes/usercenter/components/freight/list/detail/detail.component.html
View File

@ -1,5 +1,5 @@
<!-- 页头 --> <!-- 页头 -->
<page-header-wrapper [logo]="logo" [content]="content" [title]="'企业详情'"> <page-header-wrapper [logo]="logo" [content]="content" [title]="'企业详情'" [ngClass]="{'affix': scrollTop>210}">
<ng-template #logo> <ng-template #logo>
<button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()"> <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
<i nz-icon nzType="left" nzTheme="outline"></i> <i nz-icon nzType="left" nzTheme="outline"></i>

9
src/app/routes/usercenter/components/freight/list/detail/detail.component.less
View File

@ -19,3 +19,12 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
} }
:host::ng-deep {
.affix {
position: fixed !important;
top : 20px !important;
z-index : 999 !important;
width : 100% !important;
}
}

15
src/app/routes/usercenter/components/freight/list/detail/detail.component.ts
View File

@ -1,4 +1,4 @@
import { Component, OnInit, ViewChild } from '@angular/core'; import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
import { ActivatedRoute } from '@angular/router'; import { ActivatedRoute } from '@angular/router';
import { apiConf } from '@conf/api.conf'; import { apiConf } from '@conf/api.conf';
import { STColumn, STComponent } from '@delon/abc/st'; import { STColumn, STComponent } from '@delon/abc/st';
@ -6,6 +6,8 @@ import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/fo
import { DatePipe, ModalHelper, _HttpClient } from '@delon/theme'; import { DatePipe, ModalHelper, _HttpClient } from '@delon/theme';
import { NzMessageService } from 'ng-zorro-antd/message'; import { NzMessageService } from 'ng-zorro-antd/message';
import { NzModalService } from 'ng-zorro-antd/modal'; import { NzModalService } from 'ng-zorro-antd/modal';
import { logging } from 'protractor';
import { fromEvent, Subscription } from 'rxjs';
import { UsermanageService } from '../../../../services/usercenter.service'; import { UsermanageService } from '../../../../services/usercenter.service';
@Component({ @Component({
@ -14,7 +16,7 @@ import { UsermanageService } from '../../../../services/usercenter.service';
styleUrls: ['./detail.component.less'], styleUrls: ['./detail.component.less'],
providers: [DatePipe] providers: [DatePipe]
}) })
export class FreightComponentsListDetailComponent implements OnInit { export class FreightComponentsListDetailComponent implements OnInit, OnDestroy {
@ViewChild('approvedModal', { static: false }) @ViewChild('approvedModal', { static: false })
approvedModal!: any; approvedModal!: any;
@ViewChild('redectModal', { static: false }) @ViewChild('redectModal', { static: false })
@ -41,16 +43,25 @@ export class FreightComponentsListDetailComponent implements OnInit {
}; };
billEvaluate = null; billEvaluate = null;
scrollTop = 0;
subscribeScoll!: Subscription;
constructor( constructor(
public service: UsermanageService, public service: UsermanageService,
private route: ActivatedRoute, private route: ActivatedRoute,
private nzModalService: NzModalService, private nzModalService: NzModalService,
private datePipe: DatePipe private datePipe: DatePipe
) {} ) {}
ngOnDestroy(): void {
this.subscribeScoll.unsubscribe();
}
ngOnInit() { ngOnInit() {
this.initData(); this.initData();
this.loadltdId(); this.loadltdId();
this.subscribeScoll = fromEvent(window, 'scroll').subscribe(event => {
this.scrollTop = document.documentElement.scrollTop;
});
} }
loadltdId() { loadltdId() {
this.service.getNetworkFreightForwarder().subscribe(res => { this.service.getNetworkFreightForwarder().subscribe(res => {