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

车队长列表

Browse Source
This commit is contained in:
wangshiming
2021-11-30 20:38:56 +08:00
parent b1814a722f
commit 4d0627ff35
18 changed files with 623 additions and 2228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
src/app/routes/usercenter/components/driver/detail/detail.component.html
View File

@ -1,6 +1,6 @@
<ng-container >
<!-- 页头 -->
<page-header-wrapper [logo]="logo" [action]="action" [content]="content">
<page-header-wrapper [logo]="logo" [title]="'司机详情'" [action]="action" [content]="content">
<ng-template #logo>
<button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
<i nz-icon nzType="left" nzTheme="outline"></i>
@ -11,13 +11,13 @@
<img [src]="detailData?.shoppFeignVO?.logoUrl" />
<div style="flex: 1">
<div style="display: flex;">
<p style="padding-right: 80px; width: 400px;">深圳市xxxx科技有限公司{{ detailData?.shoppFeignVO?.publicity }}</p>
<nz-badge nzStatus="success" nzText="正常" *ngIf="detailData?.status === 0"></nz-badge>
<p style="padding-right: 80px; width: 400px;">张司机{{ detailData?.shoppFeignVO?.publicity }}</p>
<nz-badge nzStatus="success" nzText="正常" ></nz-badge>
<nz-badge nzStatus="error" nzText="冻结" *ngIf="detailData?.status === 1"></nz-badge>
<nz-badge nzStatus="warning" nzText="废弃" *ngIf="detailData?.status === 2"></nz-badge>
</div>
<div style="display: flex;">
<p style="padding-right: 80px; width: 400px;">4545456655645{{ detailData?.shoppFeignVO?.introduction }}</p>
<p style="padding-right: 80px; width: 400px;">手机号：1452454545{{ detailData?.shoppFeignVO?.introduction }}</p>
<p >认证时间：2021-09-02 12.53.32</p>
</div>
<div>
@ -47,28 +47,6 @@
nzPopconfirmPlacement="bottomRight"
>
冻结
</button>
<button
[nzLoading]="service.http.loading"
nz-button
nzDanger
nz-popconfirm
[nzPopconfirmTitle]="Payfrozen"
(nzOnConfirm)="PayOrResume(0)"
nzPopconfirmPlacement="bottomRight"
>
开通支付权限
</button>
<button
[nzLoading]="service.http.loading"
nz-button
nzDanger
nz-popconfirm
[nzPopconfirmTitle]="Payenable"
(nzOnConfirm)="PayOrResume(1)"
nzPopconfirmPlacement="bottomRight"
>
关闭支付权限
</button>
</div>
</div>
@ -124,166 +102,173 @@
</div>
</div>
</ng-template>
<ng-template #Payenable>
<div class="ant-popover-message">
<i nz-icon="" nztheme="fill" class="anticon anticon-exclamation-circle ng-star-inserted">
<svg
viewBox="64 64 896 896"
focusable="false"
fill="currentColor"
width="1em"
height="1em"
class="ng-tns-c358-1487"
data-icon="exclamation-circle"
aria-hidden="true"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
></path>
</svg>
</i>
<div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">确定关闭该企业支付权限吗？</div>
<div class="ant-popover-message-title ng-star-inserted">
停用后，该企业将被限制使用支付功能，请谨慎操作
</div>
</div>
</ng-template>
<ng-template #Payfrozen>
<div class="ant-popover-message">
<i nz-icon="" nztheme="fill" class="anticon anticon-exclamation-circle ng-star-inserted">
<svg
viewBox="64 64 896 896"
focusable="false"
fill="currentColor"
width="1em"
height="1em"
class="ng-tns-c358-1487"
data-icon="exclamation-circle"
aria-hidden="true"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
></path>
</svg>
</i>
<div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">确定开通该企业支付权限吗？</div>
<div class="ant-popover-message-title ng-star-inserted">
启用后，该企业将恢复正常支付功能，请再次确认
</div>
</div>
</ng-template>
</page-header-wrapper>
<nz-card>
<sv-container col="3">
<sv-title>联系信息人</sv-title>
<sv label="联系人">
<sv-container col="2">
<sv-title>实名认证信息</sv-title>
<sv label="姓名">
{{ detailData?.contactsName }}
</sv>
<sv label="联系人手机号">
{{ detailData?.contactsPhone }}
</sv>
<sv label="联系人身份证号">
<sv label="身份证号">
{{ detailData?.contactsPhone }}
</sv>
</sv-container>
<sv-container col="1">
<sv label="企业授权函">
<!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
<div style="display: flex;">
<div style=" position: relative;
top: -65%;
left: 75%;">
<button nz-button nzType="default" nzDanger (click)="auditPass()">审核通过</button>
<button nz-button nzType="default" nzDanger (click)="auditNo()">驳回审核</button>
</div>
</div>
</sv>
</sv-container>
<nz-divider></nz-divider>
<sv-container col="3" class="mt16">
<sv-title>公司基本信息</sv-title>
<sv label="公司名称">
<sv-title>驾驶证信息</sv-title>
<sv label="驾驶证号">
{{ detailData?.enterpriseName }}
</sv>
<sv label="统一社会信用代码">
<sv label="准驾车型">
{{ detailData?.unifiedSocialCreditCode }}
</sv>
<sv label="公司类型">
<sv label="有效期起">
{{ detailData?.enterpriseType }}
</sv>
<sv label="注册资本">
{{ detailData?.registrationCapital }}
<span *ngIf="detailData?.registrationCapital">万元</span>
</sv>
<sv label="成立日期">
{{ detailData?.enterpriseRegistrationTime }}
</sv>
<sv label="营业期限">
<div *ngIf="!!detailData?.operatingStartTime && !!detailData?.operatingEndTime">
{{ detailData?.operatingStartTime }} 至 {{ detailData?.operatingEndTime }}
</div>
<div *ngIf="!detailData?.operatingStartTime && !detailData?.operatingEndTime">长期</div>
<div *ngIf="!!detailData?.operatingStartTime && !detailData?.operatingEndTime">{{ detailData?.operatingStartTime }} 至 长期</div>
</sv>
</sv-container>
<sv-container col="2" class="mt16">
<sv label="公司所在地" col="3">
{{ detailData?.enterpriseAddressCodeStr }}
</sv>
<sv label="公司详细地址">
{{ detailData?.enterpriseAddress }}
</sv>
</sv-container>
<sv-container col="2" class="mt16">
<sv label="公司实际经营所在地" col="3">
{{ detailData?.enterpriseAddressCodeStr }}
</sv>
<sv label="公司实际经营详细地址">
{{ detailData?.enterpriseAddress }}
</sv>
</sv-container>
<sv-container col="2" class="mt16">
<sv label="公司电话" col="3">
{{ detailData?.enterpriseAddressCodeStr }}
</sv>
<sv label="公司邮箱">
{{ detailData?.enterpriseAddress }}
</sv>
</sv-container>
<sv-container col="1" class="mt16">
<sv label="经营范围">
<sv label="有效期至">
{{ detailData?.registrationCapital }}
<span *ngIf="detailData?.registrationCapital">万元</span>
</sv>
<sv label="驾驶证签发机关">
{{ detailData?.enterpriseRegistrationTime }}
</sv>
<sv label="驾驶证照片">
<!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
</sv>
</sv-container>
<sv-container col="3" class="mt16">
<sv-title>从业资格证信息</sv-title>
<sv label="从业资格证号">
{{ detailData?.businessScope }}
</sv>
<sv label="营业执照">
<!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
<sv label="发证日期">
{{ detailData?.businessScope }}
</sv>
<sv label="有效期至">
{{ detailData?.businessScope }}
</sv>
</sv-container>
<sv-container col="1">
<sv label="从业资格证照片">
<!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
<div style="display: flex;">
<div style="position: relative;
top: -65%;
left: 75%;">
<button nz-button nzType="default" nzDanger (click)="auditPass()">审核通过</button>
<button nz-button nzType="default" nzDanger (click)="auditNo()">驳回审核</button>
<button nz-button nzType="default" nzDanger (click)="auditNo()">修改</button>
</div>
</div>
</sv>
</sv-container>
<nz-divider></nz-divider>
<sv-container col="3" class="mt16">
<sv-title>法人信息</sv-title>
<sv label="法定代表人">
<sv-title>载具信息</sv-title>
<sv label="车牌号">
{{ detailData?.name }}
</sv>
<sv label="身份证号">
<sv label="车牌颜色">
{{ detailData?.certificateNumber }}
</sv>
<sv label="身份证有效期">
{{ detailData?.validStartTime }} -
{{ detailData?.validEndTime ? detailData?.validEndTime : '长期' }}
<sv label="车型">
{{ detailData?.validStartTime }}
</sv>
<sv label="身份证照" col="1">
<sv label="车长">
{{ detailData?.validStartTime }}
</sv>
<sv label="是否为当前车辆">
{{ detailData?.validStartTime }}
</sv>
<sv label="自有载具">
{{ detailData?.validStartTime }}
</sv>
<sv label="行驶证照片" col="1">
<!-- <app-imagelist [imgList]="detailData?.certificatePhoto"></app-imagelist> -->
</sv>
<sv label="道路运输证照片" col="1">
<!-- <app-imagelist [imgList]="detailData?.certificatePhoto"></app-imagelist> -->
</sv>
<sv label="车头照" col="1">
<!-- <app-imagelist [imgList]="detailData?.certificatePhoto"></app-imagelist> -->
</sv>
</sv-container>
<nz-divider></nz-divider>
<sv-container col="3" class="mt16">
<sv-title>银行结算信息</sv-title>
<sv label="开户名称">
<sv label="开户银行">
{{ detailData?.name }}
</sv>
<sv label="开户账户">
<sv label="银行卡号">
{{ detailData?.certificateNumber }}
</sv>
<sv label="开户支行">
{{ detailData?.validStartTime }}
</sv>
</sv-container>
<nz-divider></nz-divider>
<sv-container col="3" class="mt16">
<sv-title>服务评级</sv-title>
<sv label="服务评级">
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
</sv>
<sv label="运输效率">
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
</sv>
<sv label="运输安全">
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
</sv>
<sv label="服务质量">
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
</sv>
<sv label="客户满意度">
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
</sv>
<sv label="车辆整洁程度">
<nz-rate [ngModel]="2" nzDisabled></nz-rate>
</sv>
</sv-container>
<div style="float: right;">
<button nz-button nzType="default" nzDanger (click)="auditNo()">修改</button>
</div>
</nz-card>
</ng-container>
<nz-modal [(nzVisible)]="isVisible" nzTitle="类型" (nzOnOk)="handleOK('suppliersType')">
<sf #sf1 [schema]="schema1" [ui]="ui" [compact]="false" [button]="'none'" [formData]="suppliersData"></sf>
<div *nzModalFooter>
<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" nzTitle="审核通过" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('suppliersType')">
<ng-container *nzModalContent>
<sf #sf [schema]="schema" [ui]="ui" [compact]="false" [button]="'none'" [formData]="suppliersData"></sf>
</ng-container>
<ng-template #nzModalFooter>
<button nz-button nzType="default" (click)="handleCancel('suppliersType')">取消</button>
<button nz-button nzType="primary" (click)="handleOK('suppliersType')" [disabled]="!sf1.valid">确认</button>
</div>
<button nz-button nzType="primary" (click)="handleOK()" [disabled]="">确认</button>
</ng-template>
</nz-modal>
<nz-modal [(nzVisible)]="isVisibleNo" [nzFooter]="nzModalFooter2" nzTitle="审核驳回" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('suppliersTypeNo')">
<ng-container *nzModalContent>
<sf #sf2 [schema]="schema2" [ui]="ui2" [compact]="false" [button]="'none'" [formData]="suppliersData"></sf>
</ng-container>
<ng-template #nzModalFooter2>
<button nz-button nzType="default" (click)="handleCancel('suppliersTypeNo')">取消</button>
<button nz-button nzType="primary" (click)="handleOK()" [disabled]="">确认</button>
</ng-template>
</nz-modal>

12
src/app/routes/usercenter/components/driver/detail/detail.component.spec.ts
View File

@ -7,20 +7,20 @@
* @FilePath: \tms-obc-web\src\app\routes\usercenter\components\freight\list\detail\detail.component.spec.ts
*/
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { FreightComponentsListDetailComponent } from './detail.component';
import { UserCenterComponentsDriverDetailComponent } from './detail.component';
describe('FreightComponentsListDetailComponent', () => {
let component: FreightComponentsListDetailComponent;
let fixture: ComponentFixture<FreightComponentsListDetailComponent>;
describe('UserCenterComponentsDriverDetailComponent', () => {
let component: UserCenterComponentsDriverDetailComponent;
let fixture: ComponentFixture<UserCenterComponentsDriverDetailComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [FreightComponentsListDetailComponent],
declarations: [UserCenterComponentsDriverDetailComponent],
}).compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(FreightComponentsListDetailComponent);
fixture = TestBed.createComponent(UserCenterComponentsDriverDetailComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

117
src/app/routes/usercenter/components/driver/detail/detail.component.ts
View File

@ -1,30 +1,33 @@
import { Component, OnInit, ViewChild } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { STColumn, STComponent } from '@delon/abc/st';
import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
import { SFComponent, SFDateWidgetSchema, SFSchema, SFTagWidgetSchema, SFTextWidgetSchema, SFUISchema } from '@delon/form';
import { ModalHelper, _HttpClient } from '@delon/theme';
import { NzMessageService } from 'ng-zorro-antd/message';
import { UsermanageService } from '../../../../services/usercenter.service';
import { UsermanageService } from '../../../services/usercenter.service';
@Component({
selector: 'app-supplier-components-list-view',
selector: 'app-usercenter-components-driver-detail',
templateUrl: './detail.component.html',
styleUrls: ['./detail.component.less'],
})
export class FreightComponentsListDetailComponent implements OnInit {
export class UserCenterComponentsDriverDetailComponent implements OnInit {
i: any;
url = `/rule?_allow_anonymous=true`;
@ViewChild('st', { static: false }) st!: STComponent;
detailData: any;
isShow = false;
isVisible = false;
isVisibleNo = false;
modalTitle = '有效期';
modalName = '';
ui!: SFUISchema;
schema!: SFSchema;
ui2!: SFUISchema;
schema2!: SFSchema;
@ViewChild('sf', { static: false }) sf!: SFComponent;
schema1!: SFSchema;
@ViewChild('sf1', { static: false }) sf1!: SFComponent;
@ViewChild('sf2', { static: false }) sf2!: SFComponent;
validData: any = ['suppliersType'];
suppliersData: any = {};
@ -41,7 +44,7 @@ export class FreightComponentsListDetailComponent implements OnInit {
console.log(this.route.snapshot);
// this.initData();
this.initSF();
this.initSF1();
this.initSFNo();
// this.launchSign();
}
/**
@ -65,44 +68,36 @@ export class FreightComponentsListDetailComponent implements OnInit {
};
this.ui = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
}
initSF1() {
this.schema1 = {
initSFNo() {
this.schema2 = {
properties: {
_$expand: { type: 'boolean', ui: { hidden: true } },
suppliersType: {
'姓名': { type: 'number', ui: { widget: 'text', defaultText: '深圳市星链供应链云科技有限公' } as SFTextWidgetSchema },
roleDescription: {
title: '备注',
type: 'string',
title: '类型',
enum: [
{ label: '非外部供应商', value: 0 },
{ label: '外部供应商', value: 1 },
],
default: '',
maxLength: 30,
ui: {
widget: 'select',
change: (args: any) => {
console.log(args, 'args');
this.suppliersData.suppliersType = args;
if (args === 1) {
this.validData = ['suppliersType', 'externalSuppliersId'];
} else {
this.validData = ['suppliersType'];
this.suppliersData.externalSuppliersId = '';
}
this.initSF1();
},
placeholder: '请输入地址',
widget: 'textarea',
},
},
externalSuppliersId: {
title: '外部供应商id',
type: 'string',
default: '',
like: {
type: 'number',
title: '可选理由',
enum: [
{ value: 1, label: '电影' },
{ value: 2, label: '书' },
{ value: 3, label: '旅行' },
],
ui: {
visibleIf: { suppliersType: (value: any) => value === 1 },
},
widget: 'tag',
} as SFTagWidgetSchema,
default: [1, 2],
},
},
required: this.validData,
required: ['roleDescription'],
};
this.ui2 = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
}
showModal(name: any) {
this.modalName = name;
@ -221,35 +216,45 @@ export class FreightComponentsListDetailComponent implements OnInit {
}
handleCancel(name: any) {
if (name === 'effectiveDate') {
this.isShow = false;
if (name === 'suppliersTypeNo') {
this.isVisibleNo = false;
} else {
this.isVisible = false;
}
}
handleOK(name: any) {
handleOK() {
const params: any = {
tenantId: this.route.snapshot.params.id,
// tenantId: this.route.snapshot.queryParams.tenantId,
};
if (name === 'effectiveDate') {
params.effectiveDate = this.sf?.value?.effectiveDate;
} else {
Object.assign(params, this.sf1?.value);
}
this.service.http.post(this.service.$api_set_freezeOrResume, params).subscribe((res) => {
if (res.data === true) {
this.service.msgSrv.success(`编辑成功！`);
this.ngOnInit();
} else {
this.service.msgSrv.error(res.msg || '编辑失败！');
}
if (name === 'effectiveDate') {
this.isShow = false;
} else {
this.isVisible = false;
}
});
// if (name === 'effectiveDate') {
// params.effectiveDate = this.sf?.value?.effectiveDate;
// } else {
// Object.assign(params, this.sf1?.value);
// }
// this.service.http.post(this.service.$api_set_freezeOrResume, params).subscribe((res) => {
// if (res.data === true) {
// this.service.msgSrv.success(`编辑成功！`);
// this.ngOnInit();
// } else {
// this.service.msgSrv.error(res.msg || '编辑失败！');
// }
// if (name === 'effectiveDate') {
// this.isShow = false;
// } else {
// this.isVisible = false;
// }
// });
}
auditPass() {
this.isVisible = true
}
auditNo() {
this.isVisibleNo = true
}
ratify() {
}
}