Merge branch 'develop' of https://gitlab.eascs.com/tms-ui/tms-obc-web into develop
This commit is contained in:
Taric Xin
@ -0,0 +1,289 @@
|
||||
<ng-container >
|
||||
<!-- 页头 -->
|
||||
<page-header-wrapper [logo]="logo" [action]="action" [content]="content">
|
||||
<ng-template #logo>
|
||||
<button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
|
||||
<i nz-icon nzType="left" nzTheme="outline"></i>
|
||||
</button>
|
||||
</ng-template>
|
||||
<ng-template #content>
|
||||
<div class="user-info">
|
||||
<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>
|
||||
<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 >认证时间：2021-09-02 12.53.32</p>
|
||||
</div>
|
||||
<div>
|
||||
服务评级：<nz-rate [ngModel]="2" nzDisabled></nz-rate>
|
||||
</div>
|
||||
|
||||
<div style="position: relative;top: -65%;
|
||||
left: 75%;">
|
||||
<button
|
||||
[nzLoading]="service.http.loading"
|
||||
nz-button
|
||||
nzDanger
|
||||
nz-popconfirm
|
||||
[nzPopconfirmTitle]="enable"
|
||||
(nzOnConfirm)="freezeOrResume(0)"
|
||||
nzPopconfirmPlacement="bottomRight"
|
||||
>
|
||||
启用
|
||||
</button>
|
||||
<button
|
||||
[nzLoading]="service.http.loading"
|
||||
nz-button
|
||||
nzDanger
|
||||
nz-popconfirm
|
||||
[nzPopconfirmTitle]="frozen"
|
||||
(nzOnConfirm)="freezeOrResume(1)"
|
||||
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>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template #action> </ng-template>
|
||||
|
||||
<ng-template #frozen>
|
||||
<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 #enable>
|
||||
<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 #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="联系人">
|
||||
{{ detailData?.contactsName }}
|
||||
</sv>
|
||||
<sv label="联系人手机号">
|
||||
{{ detailData?.contactsPhone }}
|
||||
</sv>
|
||||
<sv label="联系人身份证号">
|
||||
{{ detailData?.contactsPhone }}
|
||||
</sv>
|
||||
<sv label="企业授权函">
|
||||
<!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
|
||||
</sv>
|
||||
</sv-container>
|
||||
<nz-divider></nz-divider>
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>公司基本信息</sv-title>
|
||||
<sv label="公司名称">
|
||||
{{ detailData?.enterpriseName }}
|
||||
</sv>
|
||||
<sv label="统一社会信用代码">
|
||||
{{ detailData?.unifiedSocialCreditCode }}
|
||||
</sv>
|
||||
<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="经营范围">
|
||||
{{ detailData?.businessScope }}
|
||||
</sv>
|
||||
<sv label="营业执照">
|
||||
<!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
|
||||
</sv>
|
||||
</sv-container>
|
||||
<nz-divider></nz-divider>
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>法人信息</sv-title>
|
||||
<sv label="法定代表人">
|
||||
{{ detailData?.name }}
|
||||
</sv>
|
||||
<sv label="身份证号">
|
||||
{{ detailData?.certificateNumber }}
|
||||
</sv>
|
||||
<sv label="身份证有效期">
|
||||
{{ detailData?.validStartTime }} -
|
||||
{{ detailData?.validEndTime ? detailData?.validEndTime : '长期' }}
|
||||
</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="开户名称">
|
||||
{{ detailData?.name }}
|
||||
</sv>
|
||||
<sv label="开户账户">
|
||||
{{ detailData?.certificateNumber }}
|
||||
</sv>
|
||||
<sv label="开户支行">
|
||||
{{ detailData?.validStartTime }}
|
||||
</sv>
|
||||
</sv-container>
|
||||
</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>
|
||||
<button nz-button nzType="default" (click)="handleCancel('suppliersType')">取消</button>
|
||||
<button nz-button nzType="primary" (click)="handleOK('suppliersType')" [disabled]="!sf1.valid">确认</button>
|
||||
</div>
|
||||
</nz-modal>
|
||||
@ -0,0 +1,46 @@
|
||||
@import '~@delon/theme/index';
|
||||
:host {
|
||||
::ng-deep {
|
||||
.ant-steps-dot {
|
||||
.ant-steps-item-content {
|
||||
width: 200px;
|
||||
}
|
||||
.ant-steps-item-icon {
|
||||
margin-left: 96px;
|
||||
}
|
||||
.ant-steps-item-tail::after {
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
.success {
|
||||
color: @success-color;
|
||||
}
|
||||
|
||||
.warning {
|
||||
color: @warning-color;
|
||||
}
|
||||
|
||||
.error {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
.mt16 {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.user-info {
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
.enterprise-name {
|
||||
margin-right: 15px;
|
||||
}
|
||||
img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin-right: 15px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.user-info-des {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,31 @@
|
||||
/*
|
||||
* @Author: your name
|
||||
* @Date: 2021-11-29 20:19:08
|
||||
* @LastEditTime: 2021-11-29 20:31:00
|
||||
* @LastEditors: your name
|
||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
* @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';
|
||||
|
||||
describe('FreightComponentsListDetailComponent', () => {
|
||||
let component: FreightComponentsListDetailComponent;
|
||||
let fixture: ComponentFixture<FreightComponentsListDetailComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [FreightComponentsListDetailComponent],
|
||||
}).compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(FreightComponentsListDetailComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,255 @@
|
||||
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 { ModalHelper, _HttpClient } from '@delon/theme';
|
||||
import { NzMessageService } from 'ng-zorro-antd/message';
|
||||
import { UsermanageService } from '../../../../services/usercenter.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-supplier-components-list-view',
|
||||
templateUrl: './detail.component.html',
|
||||
styleUrls: ['./detail.component.less'],
|
||||
})
|
||||
export class FreightComponentsListDetailComponent implements OnInit {
|
||||
i: any;
|
||||
url = `/rule?_allow_anonymous=true`;
|
||||
@ViewChild('st', { static: false }) st!: STComponent;
|
||||
detailData: any;
|
||||
isShow = false;
|
||||
isVisible = false;
|
||||
modalTitle = '有效期';
|
||||
modalName = '';
|
||||
ui!: SFUISchema;
|
||||
schema!: SFSchema;
|
||||
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
||||
schema1!: SFSchema;
|
||||
@ViewChild('sf1', { static: false }) sf1!: SFComponent;
|
||||
validData: any = ['suppliersType'];
|
||||
suppliersData: any = {};
|
||||
|
||||
constructor(
|
||||
private http: _HttpClient,
|
||||
private modal: ModalHelper,
|
||||
public service: UsermanageService,
|
||||
private route: ActivatedRoute,
|
||||
private modalHelper: ModalHelper,
|
||||
private msgSrv: NzMessageService,
|
||||
) {}
|
||||
|
||||
ngOnInit() {
|
||||
console.log(this.route.snapshot);
|
||||
// this.initData();
|
||||
this.initSF();
|
||||
this.initSF1();
|
||||
// this.launchSign();
|
||||
}
|
||||
/**
|
||||
* 初始化查询表单
|
||||
*/
|
||||
initSF() {
|
||||
this.schema = {
|
||||
properties: {
|
||||
_$expand: { type: 'boolean', ui: { hidden: true } },
|
||||
effectiveDate: {
|
||||
title: '有效期',
|
||||
type: 'string',
|
||||
ui: {
|
||||
widget: 'date',
|
||||
format: 'yyyy-MM-dd 00:00:00',
|
||||
// hidden: this.modalName === 'effectiveDate' ? false : true,
|
||||
} as SFDateWidgetSchema,
|
||||
},
|
||||
},
|
||||
required: ['effectiveDate'],
|
||||
};
|
||||
this.ui = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
|
||||
}
|
||||
initSF1() {
|
||||
this.schema1 = {
|
||||
properties: {
|
||||
_$expand: { type: 'boolean', ui: { hidden: true } },
|
||||
suppliersType: {
|
||||
type: 'string',
|
||||
title: '类型',
|
||||
enum: [
|
||||
{ label: '非外部供应商', value: 0 },
|
||||
{ label: '外部供应商', value: 1 },
|
||||
],
|
||||
default: '',
|
||||
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();
|
||||
},
|
||||
},
|
||||
},
|
||||
externalSuppliersId: {
|
||||
title: '外部供应商id',
|
||||
type: 'string',
|
||||
default: '',
|
||||
ui: {
|
||||
visibleIf: { suppliersType: (value: any) => value === 1 },
|
||||
},
|
||||
},
|
||||
},
|
||||
required: this.validData,
|
||||
};
|
||||
}
|
||||
showModal(name: any) {
|
||||
this.modalName = name;
|
||||
if (name === 'effectiveDate') {
|
||||
this.isShow = true;
|
||||
} else {
|
||||
this.isVisible = true;
|
||||
}
|
||||
}
|
||||
async initData() {
|
||||
console.log(this.route.snapshot, 'this.route.snapshot');
|
||||
|
||||
const params = {
|
||||
tenantId: this.route.snapshot.params.id,
|
||||
// tenantId: this.route.snapshot.queryParams.tenantId,
|
||||
};
|
||||
const res = await this.service.asyncRequest(this.service.$api_get_supplier_info, params);
|
||||
// // 商品资质
|
||||
// if (res.enterpriseBusinessJson) {
|
||||
// res.enterpriseBusinessJson.aptitudes = res.enterpriseBusinessJson?.aptitudes ? res.enterpriseBusinessJson.aptitudes.split(',') : [];
|
||||
// }
|
||||
// // // 申请人身份证证件
|
||||
// // res.applyUserJson.imagelist = [];
|
||||
// // res.applyUserJson.imagelist.push(res.applyUserJson.certificatePhotoFront);
|
||||
// // res.applyUserJson.imagelist.push(res.applyUserJson.certificatePhotoBack);
|
||||
// // res.applyUserJson.imagelist.push(res.applyUserJson.handCertificate);
|
||||
|
||||
// 法人身份证证件
|
||||
const imagelist = [];
|
||||
imagelist.push(res?.certificatePhotoFront);
|
||||
imagelist.push(res?.certificatePhotoBack);
|
||||
res.certificatePhoto = imagelist;
|
||||
|
||||
// 营业执照
|
||||
res.enterpriseQualificationCertificate = res.enterpriseQualificationCertificate
|
||||
? res.enterpriseQualificationCertificate.split(',')
|
||||
: [];
|
||||
|
||||
// 返回所在地
|
||||
res.enterpriseAddressCodeStr = await this.getRegionFullName(res.enterpriseAddressCode);
|
||||
|
||||
this.detailData = res;
|
||||
this.suppliersData = {
|
||||
suppliersType: res?.suppliersType,
|
||||
externalSuppliersId: res?.externalSuppliersId,
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据地区code查询地区详情
|
||||
* @param code 地区代码
|
||||
*/
|
||||
async getRegionFullName(code: any) {
|
||||
const params = {
|
||||
regionCode: code,
|
||||
};
|
||||
const res = await this.service.asyncRequest(this.service.$api_get_region_detailByCode, params, 'POST', true);
|
||||
// if (res && res.regionFullName) {
|
||||
// const arr = res.regionFullName.split(',');
|
||||
// res.regionFullName = arr.reverse().join('-');
|
||||
// }
|
||||
return res && res.regionFullName;
|
||||
}
|
||||
add() {
|
||||
// this.modal
|
||||
// .createStatic(FormEditComponent, { i: { id: 0 } })
|
||||
// .subscribe(() => this.st.reload());
|
||||
}
|
||||
goBack() {
|
||||
window.history.go(-1);
|
||||
}
|
||||
/**
|
||||
* 冻结
|
||||
*/
|
||||
freezeOrResume(type: number) {
|
||||
console.log(type)
|
||||
// this.service.http
|
||||
// .post(this.service.$api_set_freezeOrResume, {
|
||||
// tenantId: this.route.snapshot.params.id,
|
||||
// // tenantId: this.route.snapshot.queryParams.tenantId,
|
||||
// status: type,
|
||||
// })
|
||||
// .subscribe((res) => {
|
||||
// if (res.data === true) {
|
||||
// if (type === 0) {
|
||||
// this.service.msgSrv.success(`启用成功！`);
|
||||
// } else if (type === 1) {
|
||||
// this.service.msgSrv.success(`冻结成功！`);
|
||||
// }
|
||||
// this.ngOnInit();
|
||||
// } else {
|
||||
// this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
// }
|
||||
// });
|
||||
}
|
||||
PayOrResume(type: number) {
|
||||
console.log(type)
|
||||
// this.service.http
|
||||
// .post(this.service.$api_set_freezeOrResume, {
|
||||
// tenantId: this.route.snapshot.params.id,
|
||||
// // tenantId: this.route.snapshot.queryParams.tenantId,
|
||||
// status: type,
|
||||
// })
|
||||
// .subscribe((res) => {
|
||||
// if (res.data === true) {
|
||||
// if (type === 0) {
|
||||
// this.service.msgSrv.success(`启用成功！`);
|
||||
// } else if (type === 1) {
|
||||
// this.service.msgSrv.success(`冻结成功！`);
|
||||
// }
|
||||
// this.ngOnInit();
|
||||
// } else {
|
||||
// this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
// }
|
||||
// });
|
||||
}
|
||||
|
||||
handleCancel(name: any) {
|
||||
if (name === 'effectiveDate') {
|
||||
this.isShow = false;
|
||||
} else {
|
||||
this.isVisible = false;
|
||||
}
|
||||
}
|
||||
handleOK(name: any) {
|
||||
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;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,84 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-11-29 15:22:34
|
||||
* @LastEditTime: 2021-11-30 17:18:22
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
* @FilePath: \tms-obc-web\src\app\routes\usercenter\components\freight\list\list.component.html
|
||||
-->
|
||||
<!-- 页头 -->
|
||||
<page-header-wrapper [title]="'司机列表'"></page-header-wrapper>
|
||||
<nz-card>
|
||||
<!-- 搜索区 -->
|
||||
<!-- 搜索表单 -->
|
||||
<div nz-row nzGutter="8">
|
||||
<!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
|
||||
<div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
|
||||
<sf
|
||||
#sf
|
||||
[schema]="schema"
|
||||
[ui]="ui"
|
||||
[mode]="'search'"
|
||||
[disabled]="!sf?.valid"
|
||||
(formSubmit)="st?.load(1)"
|
||||
(formReset)="resetSF()"
|
||||
></sf>
|
||||
|
||||
</div>
|
||||
<!-- [loading]="service.http.loading" -->
|
||||
|
||||
<!-- 查询字段大于3个时，根据展开状态调整布局 -->
|
||||
<ng-container *ngIf="queryFieldCount > 4">
|
||||
<div nz-col [nzSpan]="_$expand ? 24 : 18">
|
||||
<sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
|
||||
</div>
|
||||
<div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
|
||||
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="creat()">新建</button>
|
||||
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">导出</button>
|
||||
<button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
|
||||
<button nz-button (click)="resetSF()">重置</button>
|
||||
<button nz-button nzType="link" (click)="expandToggle()">
|
||||
{{ !_$expand ? '展开' : '收起' }}
|
||||
<i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
|
||||
</button>
|
||||
</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
</nz-card>
|
||||
<nz-card>
|
||||
<!-- 数据列表 -->
|
||||
<!-- [data]="service.$api_get_supplier_page" -->
|
||||
|
||||
<st
|
||||
#st
|
||||
[bordered]="true"
|
||||
[columns]="columns"
|
||||
[data]='datalist'
|
||||
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
|
||||
[res]="{ reName: { list: 'data.records', total: 'data.total' }, process: dataProcess }"
|
||||
[page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
|
||||
[loadingDelay]="500"
|
||||
[loading]="service.http.loading"
|
||||
>
|
||||
<ng-template st-row="enterpriseName" let-item let-index="index">
|
||||
<div nz-tooltip [nzTooltipTitle]="item.enterpriseName">
|
||||
<div
|
||||
style="display: inline-block; max-width: 280px; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis"
|
||||
>
|
||||
{{ item.enterpriseName }}
|
||||
</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template st-row="contactsPhone" let-item let-index="index">
|
||||
<div
|
||||
style="color: #52c41a;" (click)="daoyun(item)"
|
||||
>
|
||||
{{ item.contactsPhone }}
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template st-row="stateCol" let-item let-index="index">
|
||||
<nz-tag *ngIf="item.stateLocked" nzColor="error">冻结</nz-tag>
|
||||
<nz-tag *elseBlock nzColor="success">正常</nz-tag>
|
||||
</ng-template>
|
||||
</st>
|
||||
</nz-card>
|
||||
@ -0,0 +1,31 @@
|
||||
/*
|
||||
* @Author: your name
|
||||
* @Date: 2021-11-30 16:56:15
|
||||
* @LastEditTime: 2021-11-30 17:00:07
|
||||
* @LastEditors: your name
|
||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
* @FilePath: \tms-obc-web\src\app\routes\usercenter\components\driver\driver.component.spec.ts
|
||||
*/
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
import { UserCenterComponentsDriverComponent } from './driver.component';
|
||||
|
||||
describe('UserCenterComponentsDriverComponent', () => {
|
||||
let component: UserCenterComponentsDriverComponent;
|
||||
let fixture: ComponentFixture<UserCenterComponentsDriverComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [UserCenterComponentsDriverComponent],
|
||||
}).compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(UserCenterComponentsDriverComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
228
src/app/routes/usercenter/components/driver/driver.component.ts
Normal file
228
src/app/routes/usercenter/components/driver/driver.component.ts
Normal file
@ -0,0 +1,228 @@
|
||||
import { Component, OnInit, ViewChild } from '@angular/core';
|
||||
import { ActivatedRoute, Router } from '@angular/router';
|
||||
import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
|
||||
import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
|
||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||
import { UsermanageService } from '../../services/usercenter.service';
|
||||
@Component({
|
||||
selector: 'app-usercenter-components-driver',
|
||||
templateUrl: './driver.component.html',
|
||||
})
|
||||
export class UserCenterComponentsDriverComponent implements OnInit {
|
||||
_$expand = false;
|
||||
url = `/rule?_allow_anonymous=true`;
|
||||
|
||||
ui!: SFUISchema;
|
||||
schema!: SFSchema;
|
||||
columns!: STColumn[];
|
||||
datalist = [
|
||||
{
|
||||
storeName: '企业名称',
|
||||
contactsName: '152746565',
|
||||
enterpriseName: '湖南',
|
||||
unifiedSocialCreditCode: '45454',
|
||||
contactsPhone: '*97889461561',
|
||||
effectiveDateStr: '废弃eww',
|
||||
enStatusStr2: '正常',
|
||||
enStatusStr3: '正常',
|
||||
unifiedSocialCreditCode3: '常用服务',
|
||||
unifiedSocialCreditCode2: '正常',
|
||||
tenantId: 1
|
||||
},
|
||||
{
|
||||
storeName: '企业名称',
|
||||
contactsName: '152746565',
|
||||
enterpriseName: '湖南',
|
||||
unifiedSocialCreditCode: '45454',
|
||||
contactsPhone: '*97889461561',
|
||||
effectiveDateStr: '废弃eww',
|
||||
enStatusStr2: '正常',
|
||||
enStatusStr3: '正常',
|
||||
unifiedSocialCreditCode3: '常用服务',
|
||||
unifiedSocialCreditCode2: '正常',
|
||||
tenantId: 2
|
||||
},
|
||||
]
|
||||
@ViewChild('st', { static: false }) st!: STComponent;
|
||||
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
||||
|
||||
constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute) {}
|
||||
/**
|
||||
* 查询字段个数navigate
|
||||
*/
|
||||
get queryFieldCount(): number {
|
||||
return Object.keys(this.schema?.properties || {}).length;
|
||||
}
|
||||
|
||||
/**
|
||||
* 查询参数
|
||||
*/
|
||||
get reqParams() {
|
||||
const params: any = {
|
||||
...(this.sf && this.sf.value),
|
||||
};
|
||||
if (this.sf?.value.effectiveDate) {
|
||||
params.effectiveDateStart = this.sf?.value.effectiveDate[0];
|
||||
params.effectiveDateEnd = this.sf?.value.effectiveDate[1];
|
||||
}
|
||||
delete params.effectiveDate;
|
||||
delete params.expand;
|
||||
return params;
|
||||
}
|
||||
|
||||
get selectedRows() {
|
||||
return this.st?.list.filter((item) => item.checked) || [];
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
this.initSF();
|
||||
this.initST();
|
||||
this.ar.url.subscribe((params) => {
|
||||
this.st?.load(1);
|
||||
});
|
||||
}
|
||||
dataProcess(data: STData[]): STData[] {
|
||||
return data.map((i, index) => {
|
||||
i.showSortFlag = false;
|
||||
return i;
|
||||
});
|
||||
}
|
||||
initSF() {
|
||||
this.schema = {
|
||||
properties: {
|
||||
expand: {
|
||||
type: 'boolean',
|
||||
ui: {
|
||||
hidden: true,
|
||||
},
|
||||
},
|
||||
storeName: { title: '企业名称', type: 'string', ui: { showRequired: false } },
|
||||
contactsName: {
|
||||
title: '联系人',
|
||||
type: 'string',
|
||||
ui: {
|
||||
showRequired: false,
|
||||
},
|
||||
},
|
||||
unifiedSocialCreditCode: {
|
||||
title: '税源地',
|
||||
type: 'string',
|
||||
ui: {
|
||||
showRequired: false,
|
||||
},
|
||||
},
|
||||
enStatus: {
|
||||
type: 'string',
|
||||
title: '货主状态',
|
||||
enum: [
|
||||
{ label: '全部', value: '' },
|
||||
{ label: '正常', value: 0 },
|
||||
{ label: '冻结', value: 1 },
|
||||
{ label: '废弃', value: 2 },
|
||||
],
|
||||
default: '',
|
||||
ui: {
|
||||
widget: 'select',
|
||||
visibleIf: {
|
||||
expand: (value: boolean) => value,
|
||||
},
|
||||
},
|
||||
},
|
||||
enStatus2: {
|
||||
type: 'string',
|
||||
title: 'CRM审核状态',
|
||||
enum: [
|
||||
{ label: '全部', value: '' },
|
||||
{ label: '正常', value: 0 },
|
||||
{ label: '冻结', value: 1 },
|
||||
{ label: '废弃', value: 2 },
|
||||
],
|
||||
default: '',
|
||||
ui: {
|
||||
widget: 'select',
|
||||
visibleIf: {
|
||||
expand: (value: boolean) => value,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
this.ui = { '*': { spanLabelFixed: 90, grid: { span: 8, gutter: 4 }, enter: () => this.st.load() } };
|
||||
}
|
||||
|
||||
initST() {
|
||||
this.columns = [
|
||||
// { title: '', type: 'checkbox', className: 'text-center' },
|
||||
{ title: '企业名称', className: 'text-center', index: 'storeName' },
|
||||
{ title: '联系人', className: 'text-center', index: 'contactsName' },
|
||||
{ title: '税源地', className: 'text-center', render: 'enterpriseName' },
|
||||
{ title: '累计运单金额', className: 'text-center', index: 'unifiedSocialCreditCode' },
|
||||
{ title: '道运证', className: 'text-center', index: 'contactsPhone',
|
||||
render: 'contactsPhone'
|
||||
},
|
||||
{ title: '企业状态', className: 'text-center', index: 'effectiveDateStr',
|
||||
type: 'badge',
|
||||
badge: {
|
||||
正常: { text: '正常', color: 'success' },
|
||||
冻结: { text: '冻结', color: 'warning' },
|
||||
废弃: { text: '废弃', color: 'default' },
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'CRM审核状态',
|
||||
className: 'text-center',
|
||||
index: 'enStatusStr2',
|
||||
type: 'badge',
|
||||
badge: {
|
||||
正常: { text: '正常', color: 'success' },
|
||||
冻结: { text: '冻结', color: 'warning' },
|
||||
废弃: { text: '废弃', color: 'default' },
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '代收权限',
|
||||
className: 'text-center',
|
||||
index: 'enStatusStr3',
|
||||
type: 'badge',
|
||||
badge: {
|
||||
正常: { text: '正常', color: 'success' },
|
||||
冻结: { text: '冻结', color: 'warning' },
|
||||
废弃: { text: '废弃', color: 'default' },
|
||||
},
|
||||
},
|
||||
{ title: '常用服务', className: 'text-center', index: 'unifiedSocialCreditCode3' },
|
||||
{ title: '推广业务员', className: 'text-center', index: 'unifiedSocialCreditCode2' },
|
||||
{
|
||||
title: '操作',
|
||||
width: '170px',
|
||||
className: 'text-center',
|
||||
buttons: [
|
||||
{
|
||||
text: '查看',
|
||||
click: (item) => {
|
||||
this.router.navigate(['./detail', item.tenantId], { relativeTo: this.ar });
|
||||
// this.router.navigate(['./view', item.id], { relativeTo: this.ar, queryParams: { tenantId: item.tenantId } });
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
}
|
||||
daoyun(item: any) {
|
||||
this.router.navigate(['./view', item.tenantId], { relativeTo: this.ar });
|
||||
}
|
||||
expandToggle() {
|
||||
this._$expand = !this._$expand;
|
||||
this.sf?.setValue('/expand', this._$expand);
|
||||
}
|
||||
creat() {
|
||||
this.router.navigate(['./new',], { relativeTo: this.ar });
|
||||
}
|
||||
/**
|
||||
* 重置表单
|
||||
*/
|
||||
resetSF() {
|
||||
this.sf.reset();
|
||||
this._$expand = false;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,109 @@
|
||||
<page-header-wrapper [title]="'企业认证'"></page-header-wrapper>
|
||||
<nz-card>
|
||||
<ng-container>
|
||||
<sf #sf1 [compact]="true" [ui]="ui" [schema]="schema1" [button]="'none'" [formData]="infoData1">
|
||||
<ng-template sf-template="title1" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="form-title">营业执照基本信息</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="title2" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="form-title" style="margin-top: 40px">营业执照法人信息</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="tips" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">
|
||||
请上传营业执照原件的高清照片，若上传复印件，则需加盖公司印章；
|
||||
<div>上传后系统会自动识别并填写</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="unit" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">万元</div>
|
||||
</ng-template>
|
||||
|
||||
<ng-template sf-template="tipsC" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">
|
||||
<div>请上传身份证原件的高清照片，若上传复印件，则需申请人签字；</div>
|
||||
<div>上传后系统会自动识别并填写</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">
|
||||
<dl class="tips">
|
||||
<dt>正面照（人像面）</dt>
|
||||
<dd>示例</dd>
|
||||
</dl>
|
||||
<div class="pa"><img width="190" src="/assets/images/eg01.png" /></div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">
|
||||
<dl class="tips">
|
||||
<dt>背面照（国徽面）</dt>
|
||||
<dd>示例</dd>
|
||||
</dl>
|
||||
<div class="pa"><img width="190" src="/assets/images/eg02.png" /></div>
|
||||
</div>
|
||||
</ng-template>
|
||||
|
||||
</sf>
|
||||
<sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" [formData]="infoData">
|
||||
<ng-template sf-template="title1" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="form-title">公司其他补充信息</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="title99" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="form-title">企业管理员信息</div>
|
||||
</ng-template>
|
||||
|
||||
<ng-template sf-template="tipsD" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">
|
||||
<div>请上传该企业授权您成为本系统企业管理员的文件的高清照片，需加盖公司印章</div>
|
||||
<div>上传后系统会自动识别并填写</div>
|
||||
<div></div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="tipsE" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">
|
||||
<dl class="tips">
|
||||
<dt></dt>
|
||||
<dd>示例</dd>
|
||||
</dl>
|
||||
<div class="pa"><img width="190" src="/assets/images/eg02.png" /></div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="telephone" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">
|
||||
<div>{{ telephone }} <span>默认当前登录账号绑定的手机号</span></div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="tips" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">
|
||||
<div>请上传身份证原件的高清照片，若上传复印件，则需申请人签字；</div>
|
||||
<div>上传后系统会自动识别并填写</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">
|
||||
<dl class="tips">
|
||||
<dt>正面照（人像面）</dt>
|
||||
<dd>示例</dd>
|
||||
</dl>
|
||||
<div class="pa"><img width="190" src="/assets/images/eg01.png" /></div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
|
||||
<div class="pr">
|
||||
<dl class="tips">
|
||||
<dt>背面照（国徽面）</dt>
|
||||
<dd>示例</dd>
|
||||
</dl>
|
||||
<div class="pa"><img width="190" src="/assets/images/eg02.png" /></div>
|
||||
</div>
|
||||
</ng-template>
|
||||
|
||||
</sf>
|
||||
|
||||
|
||||
<div style="padding-left: 379px">
|
||||
<button nz-button type="button" nzType="primary" (click)="submitForm()" >确认新增</button>
|
||||
<button nz-button (click)="goBack()">返回</button>
|
||||
</div>
|
||||
</ng-container>
|
||||
</nz-card>
|
||||
@ -0,0 +1,109 @@
|
||||
:host {
|
||||
::ng-deep {
|
||||
nz-card {
|
||||
.page-title {
|
||||
margin-bottom: 39px;
|
||||
color : #333;
|
||||
font-weight : 500;
|
||||
font-size : 20px;
|
||||
line-height : 28px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.step-title {
|
||||
display: block;
|
||||
width : 800px !important;
|
||||
margin : 0 auto;
|
||||
}
|
||||
|
||||
.myForm {
|
||||
width : 680px;
|
||||
margin: 5rem auto;
|
||||
}
|
||||
|
||||
.steps-content {
|
||||
min-height: 250px;
|
||||
}
|
||||
|
||||
.btn-submit {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.pr {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pa {
|
||||
position: absolute;
|
||||
top : 35px;
|
||||
left : 150px;
|
||||
}
|
||||
|
||||
.tips {
|
||||
display : flex;
|
||||
margin-bottom: 0;
|
||||
color : #333;
|
||||
|
||||
dt {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
dd {
|
||||
width : 190px;
|
||||
margin-bottom: 0;
|
||||
text-align : center;
|
||||
}
|
||||
}
|
||||
|
||||
.form-title {
|
||||
margin-bottom: 10px;
|
||||
padding-left : 8px;
|
||||
color : #333;
|
||||
font-weight : 700;
|
||||
font-size : 18px;
|
||||
line-height : 20px;
|
||||
border-left : solid 3px #1890ff;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 48px 32px;
|
||||
}
|
||||
|
||||
.apply-sv {
|
||||
margin : 16px 0;
|
||||
padding : 20px;
|
||||
background : #f8f8f8;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.result-date {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.result-tips {
|
||||
color : #ff4d4f;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.sv-img {
|
||||
display : inline-block;
|
||||
width : 104px;
|
||||
height : 104px;
|
||||
margin-right : 20px;
|
||||
padding : 8px;
|
||||
background : #fff;
|
||||
border : 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-radius: 2px;
|
||||
|
||||
img {
|
||||
width : 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ant-row {
|
||||
margin-left: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
1400
src/app/routes/usercenter/components/driver/new/new.component.ts
Normal file
1400
src/app/routes/usercenter/components/driver/new/new.component.ts
Normal file
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,49 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-11-29 15:22:34
|
||||
* @LastEditTime: 2021-11-29 17:07:37
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
* @FilePath: \tms-obc-web\src\app\routes\usercenter\components\freight\list\view\view.component.html
|
||||
-->
|
||||
<ng-container >
|
||||
<!-- 页头 -->
|
||||
<page-header-wrapper [logo]="logo" [content]="content">
|
||||
<ng-template #logo>
|
||||
<button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
|
||||
<i nz-icon nzType="left" nzTheme="outline"></i>
|
||||
</button>
|
||||
</ng-template>
|
||||
<ng-template #content>
|
||||
<div class="user-info">
|
||||
<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>
|
||||
<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 >认证时间：2021-09-02 12.53.32</p>
|
||||
</div>
|
||||
<div>
|
||||
服务评级：<nz-rate [ngModel]="2" nzDisabled></nz-rate>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
</page-header-wrapper>
|
||||
<nz-card>
|
||||
<h1 style="font-weight: 700; font-size: 16px; margin-left: '15%';">道路运输经营许可证</h1>
|
||||
<sf #sf [compact]="false" [ui]="ui" [schema]="schema" [button]="'none'" [formData]="detailData?.effectiveDate"></sf>
|
||||
<div style="display: flex; justify-content: center; align-items: center;">
|
||||
<button nz-button nzType="default" (click)="handleCancel('suppliersType')">取消</button>
|
||||
<button nz-button nzType="primary" (click)="handleOK('suppliersType')" [disabled]="!sf.valid">确认</button>
|
||||
</div>
|
||||
</nz-card>
|
||||
</ng-container>
|
||||
|
||||
|
||||
@ -0,0 +1,46 @@
|
||||
@import '~@delon/theme/index';
|
||||
:host {
|
||||
::ng-deep {
|
||||
.ant-steps-dot {
|
||||
.ant-steps-item-content {
|
||||
width: 200px;
|
||||
}
|
||||
.ant-steps-item-icon {
|
||||
margin-left: 96px;
|
||||
}
|
||||
.ant-steps-item-tail::after {
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
.success {
|
||||
color: @success-color;
|
||||
}
|
||||
|
||||
.warning {
|
||||
color: @warning-color;
|
||||
}
|
||||
|
||||
.error {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
.mt16 {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.user-info {
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
.enterprise-name {
|
||||
margin-right: 15px;
|
||||
}
|
||||
img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin-right: 15px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.user-info-des {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
import { FreightComponentsListViewComponent } from './view.component';
|
||||
|
||||
describe('FreightComponentsListViewComponent', () => {
|
||||
let component: FreightComponentsListViewComponent;
|
||||
let fixture: ComponentFixture<FreightComponentsListViewComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [FreightComponentsListViewComponent],
|
||||
}).compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(FreightComponentsListViewComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,257 @@
|
||||
import { Component, OnInit, ViewChild } from '@angular/core';
|
||||
import { ActivatedRoute } from '@angular/router';
|
||||
import { STColumn, STComponent } from '@delon/abc/st';
|
||||
import { ModalHelper, _HttpClient } from '@delon/theme';
|
||||
import { NzMessageService } from 'ng-zorro-antd/message';
|
||||
import { UsermanageService } from '../../../../services/usercenter.service';
|
||||
import { SFComponent, SFSchema, SFDateWidgetSchema, SFUISchema, SFUploadWidgetSchema } from '@delon/form';
|
||||
import { Observable, Observer } from 'rxjs';
|
||||
@Component({
|
||||
selector: 'app-Freight-components-list-view',
|
||||
templateUrl: './view.component.html',
|
||||
styleUrls: ['./view.component.less'],
|
||||
})
|
||||
export class FreightComponentsListViewComponent implements OnInit {
|
||||
i: any;
|
||||
url = `/rule?_allow_anonymous=true`;
|
||||
|
||||
@ViewChild('st', { static: false }) st!: STComponent;
|
||||
detailData: any = {
|
||||
status: 0
|
||||
};
|
||||
isShow = false;
|
||||
isVisible = false;
|
||||
modalTitle = '有效期';
|
||||
modalName = '';
|
||||
ui!: SFUISchema;
|
||||
schema!: SFSchema;
|
||||
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
||||
@ViewChild('sf1', { static: false }) sf1!: SFComponent;
|
||||
validData: any = ['FreightsType'];
|
||||
FreightsData: any = {};
|
||||
|
||||
constructor(
|
||||
private http: _HttpClient,
|
||||
private modal: ModalHelper,
|
||||
public service: UsermanageService,
|
||||
private route: ActivatedRoute,
|
||||
private modalHelper: ModalHelper,
|
||||
private msgSrv: NzMessageService,
|
||||
) {}
|
||||
|
||||
ngOnInit() {
|
||||
console.log(this.route.snapshot);
|
||||
this.initData();
|
||||
this.initSF();
|
||||
// this.launchSign();
|
||||
}
|
||||
/**
|
||||
* 初始化查询表单
|
||||
*/
|
||||
initSF() {
|
||||
this.schema = {
|
||||
properties: {
|
||||
name: {
|
||||
title: '许可证号',
|
||||
type: 'string',
|
||||
maxLength: 20,
|
||||
ui: {
|
||||
placeholder: '请输入角色名称',
|
||||
},
|
||||
},
|
||||
phone: {
|
||||
title: '业户名称',
|
||||
type: 'string',
|
||||
maxLength: 20,
|
||||
ui: {
|
||||
placeholder: '请输入业户名称',
|
||||
},
|
||||
},
|
||||
roleDescription: {
|
||||
title: '地址',
|
||||
type: 'string',
|
||||
maxLength: 30,
|
||||
ui: {
|
||||
placeholder: '请输入地址',
|
||||
widget: 'textarea',
|
||||
},
|
||||
},
|
||||
effectiveDate: {
|
||||
title: '发证日期',
|
||||
type: 'string',
|
||||
ui: {
|
||||
widget: 'date',
|
||||
format: 'yyyy-MM-dd 00:00:00',
|
||||
// hidden: this.modalName === 'effectiveDate' ? false : true,
|
||||
} as SFDateWidgetSchema,
|
||||
},
|
||||
phone3: {
|
||||
title: '有效期',
|
||||
type: 'string',
|
||||
ui: {
|
||||
placeholder: '请输入业户名称',
|
||||
},
|
||||
},
|
||||
phone4: {
|
||||
title: '有效期截止',
|
||||
type: 'string',
|
||||
ui: {
|
||||
placeholder: '请输入业户名称',
|
||||
},
|
||||
},
|
||||
phone5: {
|
||||
title: '经营范围',
|
||||
type: 'string',
|
||||
ui: {
|
||||
placeholder: '请输入业户名称',
|
||||
},
|
||||
},
|
||||
avatar: {
|
||||
type: 'string',
|
||||
title: '证照',
|
||||
ui: {
|
||||
// action: environment.UPLOAD_URL,
|
||||
fileType: 'image/png,image/jpeg,image/jpg,image/png,image/gif,image/bmp',
|
||||
limit: 1,
|
||||
limitFileCount: 1,
|
||||
resReName: 'url',
|
||||
urlReName: 'url',
|
||||
widget: 'upload',
|
||||
descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
|
||||
data: {
|
||||
// appId: environment.appId,
|
||||
},
|
||||
name: 'multipartFile',
|
||||
multiple: false,
|
||||
listType: 'picture-card',
|
||||
change: (args) => {
|
||||
if (args.type === 'success') {
|
||||
const avatar = [
|
||||
{
|
||||
uid: -1,
|
||||
name: 'LOGO',
|
||||
status: 'done',
|
||||
url: args.fileList[0].response.url,
|
||||
response: {
|
||||
url: args.fileList[0].response.url,
|
||||
},
|
||||
},
|
||||
];
|
||||
this.sf?.setValue('/avatar', avatar);
|
||||
}
|
||||
},
|
||||
beforeUpload: (file: any, _fileList) => {
|
||||
return new Observable((observer: Observer<boolean>) => {
|
||||
const isLt2M = file.size / 1024 / 1024 < 5;
|
||||
if (!isLt2M) {
|
||||
this.service.msgSrv.warning('图片大小超过5M!');
|
||||
observer.complete();
|
||||
return;
|
||||
}
|
||||
observer.next(isLt2M);
|
||||
observer.complete();
|
||||
});
|
||||
},
|
||||
} as SFUploadWidgetSchema,
|
||||
},
|
||||
},
|
||||
required: ['name', 'phone'],
|
||||
};
|
||||
this.ui = { '*': { spanLabelFixed: 200, grid: {offset:4, span: 12 } } };
|
||||
}
|
||||
showModal(name: any) {
|
||||
this.modalName = name;
|
||||
if (name === 'effectiveDate') {
|
||||
this.isShow = true;
|
||||
} else {
|
||||
this.isVisible = true;
|
||||
}
|
||||
}
|
||||
async initData() {
|
||||
console.log(this.route.snapshot, 'this.route.snapshot');
|
||||
|
||||
const params = {
|
||||
tenantId: this.route.snapshot.params.id,
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据地区code查询地区详情
|
||||
* @param code 地区代码
|
||||
*/
|
||||
async getRegionFullName(code: any) {
|
||||
const params = {
|
||||
regionCode: code,
|
||||
};
|
||||
const res = await this.service.asyncRequest(this.service.$api_get_region_detailByCode, params, 'POST', true);
|
||||
// if (res && res.regionFullName) {
|
||||
// const arr = res.regionFullName.split(',');
|
||||
// res.regionFullName = arr.reverse().join('-');
|
||||
// }
|
||||
return res && res.regionFullName;
|
||||
}
|
||||
add() {
|
||||
// this.modal
|
||||
// .createStatic(FormEditComponent, { i: { id: 0 } })
|
||||
// .subscribe(() => this.st.reload());
|
||||
}
|
||||
goBack() {
|
||||
window.history.go(-1);
|
||||
}
|
||||
/**
|
||||
* 冻结
|
||||
*/
|
||||
freezeOrResume(type: number) {
|
||||
this.service.http
|
||||
.post(this.service.$api_set_freezeOrResume, {
|
||||
tenantId: this.route.snapshot.params.id,
|
||||
// tenantId: this.route.snapshot.queryParams.tenantId,
|
||||
status: type,
|
||||
})
|
||||
.subscribe((res) => {
|
||||
if (res.data === true) {
|
||||
if (type === 0) {
|
||||
this.service.msgSrv.success(`启用成功！`);
|
||||
} else if (type === 1) {
|
||||
this.service.msgSrv.success(`冻结成功！`);
|
||||
}
|
||||
this.ngOnInit();
|
||||
} else {
|
||||
this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
handleCancel(name: any) {
|
||||
if (name === 'effectiveDate') {
|
||||
this.isShow = false;
|
||||
} else {
|
||||
this.isVisible = false;
|
||||
}
|
||||
}
|
||||
handleOK(name: any) {
|
||||
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;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
<ng-container >
|
||||
<!-- 页头 -->
|
||||
<page-header-wrapper [logo]="logo" [action]="action" [content]="content">
|
||||
<page-header-wrapper [logo]="logo" [content]="content">
|
||||
<ng-template #logo>
|
||||
<button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
|
||||
<i nz-icon nzType="left" nzTheme="outline"></i>
|
||||
@ -30,117 +30,24 @@
|
||||
</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template #action> </ng-template>
|
||||
|
||||
<ng-template #frozen>
|
||||
<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 #enable>
|
||||
<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 #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-title>申请人信息</sv-title>
|
||||
<sv label="申请人">
|
||||
{{ detailData?.contactsName }}
|
||||
</sv>
|
||||
<sv label="联系人手机号">
|
||||
<sv label="申请人手机号">
|
||||
{{ detailData?.contactsPhone }}
|
||||
</sv>
|
||||
<sv label="联系人身份证号">
|
||||
<sv label="身份证号码">
|
||||
{{ detailData?.contactsPhone }}
|
||||
</sv>
|
||||
</sv-container>
|
||||
<sv-container col="2">
|
||||
<sv label="身份证照">
|
||||
<!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
|
||||
</sv>
|
||||
<sv label="企业授权函">
|
||||
<!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
|
||||
</sv>
|
||||
@ -180,22 +87,6 @@
|
||||
{{ 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="经营范围">
|
||||
{{ detailData?.businessScope }}
|
||||
@ -221,25 +112,42 @@
|
||||
<!-- <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="开户名称">
|
||||
{{ detailData?.name }}
|
||||
</sv>
|
||||
<sv label="开户账户">
|
||||
{{ detailData?.certificateNumber }}
|
||||
</sv>
|
||||
<sv label="开户支行">
|
||||
{{ detailData?.validStartTime }}
|
||||
</sv>
|
||||
</sv-container>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
margin-top: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
text-align: right;
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #eee;
|
||||
"
|
||||
>
|
||||
<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)="ratify()">修改</button>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
@ -4,7 +4,7 @@ import { STColumn, STComponent } from '@delon/abc/st';
|
||||
import { ModalHelper, _HttpClient } from '@delon/theme';
|
||||
import { NzMessageService } from 'ng-zorro-antd/message';
|
||||
import { UsermanageService } from '../../../../services/usercenter.service';
|
||||
import { SFComponent, SFSchema, SFDateWidgetSchema, SFUISchema, SFUploadWidgetSchema } from '@delon/form';
|
||||
import { SFComponent, SFSchema, SFDateWidgetSchema, SFUISchema, SFUploadWidgetSchema, SFSelectWidgetSchema, SFTextWidgetSchema, SFTagWidgetSchema } from '@delon/form';
|
||||
import { Observable, Observer } from 'rxjs';
|
||||
@Component({
|
||||
selector: 'app-Freight-components-EnterpriseAudit-view',
|
||||
@ -16,15 +16,16 @@ export class FreightComponentsEnterpriseAuditViewComponent implements OnInit {
|
||||
url = `/rule?_allow_anonymous=true`;
|
||||
@ViewChild('st', { static: false }) st!: STComponent;
|
||||
detailData: any;
|
||||
isShow = false;
|
||||
isVisible = false;
|
||||
isVisibleNo = false;
|
||||
modalTitle = '有效期';
|
||||
modalName = '';
|
||||
ui!: SFUISchema;
|
||||
ui2!: SFUISchema;
|
||||
schema!: SFSchema;
|
||||
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
||||
schema1!: SFSchema;
|
||||
@ViewChild('sf1', { static: false }) sf1!: SFComponent;
|
||||
schema2!: SFSchema;
|
||||
@ViewChild('sf2', { static: false }) sf2!: SFComponent;
|
||||
validData: any = ['suppliersType'];
|
||||
suppliersData: any = {};
|
||||
|
||||
@ -41,7 +42,7 @@ export class FreightComponentsEnterpriseAuditViewComponent implements OnInit {
|
||||
console.log(this.route.snapshot);
|
||||
// this.initData();
|
||||
this.initSF();
|
||||
this.initSF1();
|
||||
this.initSFNo();
|
||||
// this.launchSign();
|
||||
}
|
||||
/**
|
||||
@ -50,68 +51,58 @@ export class FreightComponentsEnterpriseAuditViewComponent implements OnInit {
|
||||
initSF() {
|
||||
this.schema = {
|
||||
properties: {
|
||||
_$expand: { type: 'boolean', ui: { hidden: true } },
|
||||
effectiveDate: {
|
||||
title: '有效期',
|
||||
'公司名称': { type: 'number', ui: { widget: 'text', defaultText: '深圳市星链供应链云科技有限公' } as SFTextWidgetSchema },
|
||||
status: {
|
||||
type: 'string',
|
||||
title: '税源地',
|
||||
enum: [
|
||||
{ label: '待支付', value: 'WAIT_BUYER_PAY', otherData: 1 },
|
||||
{ label: '已支付', value: 'TRADE_SUCCESS' },
|
||||
{ label: '交易完成', value: 'TRADE_FINISHED' },
|
||||
],
|
||||
default: 'WAIT_BUYER_PAY',
|
||||
ui: {
|
||||
widget: 'date',
|
||||
format: 'yyyy-MM-dd 00:00:00',
|
||||
// hidden: this.modalName === 'effectiveDate' ? false : true,
|
||||
} as SFDateWidgetSchema,
|
||||
widget: 'select',
|
||||
change: (value, orgData) => console.log(value, orgData),
|
||||
} as SFSelectWidgetSchema,
|
||||
},
|
||||
},
|
||||
required: ['effectiveDate'],
|
||||
required: ['status'],
|
||||
};
|
||||
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;
|
||||
if (name === 'effectiveDate') {
|
||||
this.isShow = true;
|
||||
} else {
|
||||
this.isVisible = true;
|
||||
}
|
||||
}
|
||||
|
||||
async initData() {
|
||||
console.log(this.route.snapshot, 'this.route.snapshot');
|
||||
|
||||
@ -166,90 +157,36 @@ export class FreightComponentsEnterpriseAuditViewComponent implements OnInit {
|
||||
// }
|
||||
return res && res.regionFullName;
|
||||
}
|
||||
add() {
|
||||
// this.modal
|
||||
// .createStatic(FormEditComponent, { i: { id: 0 } })
|
||||
// .subscribe(() => this.st.reload());
|
||||
}
|
||||
goBack() {
|
||||
window.history.go(-1);
|
||||
}
|
||||
/**
|
||||
* 冻结
|
||||
*/
|
||||
freezeOrResume(type: number) {
|
||||
console.log(type)
|
||||
// this.service.http
|
||||
// .post(this.service.$api_set_freezeOrResume, {
|
||||
// tenantId: this.route.snapshot.params.id,
|
||||
// // tenantId: this.route.snapshot.queryParams.tenantId,
|
||||
// status: type,
|
||||
// })
|
||||
// .subscribe((res) => {
|
||||
// if (res.data === true) {
|
||||
// if (type === 0) {
|
||||
// this.service.msgSrv.success(`启用成功！`);
|
||||
// } else if (type === 1) {
|
||||
// this.service.msgSrv.success(`冻结成功！`);
|
||||
// }
|
||||
// this.ngOnInit();
|
||||
// } else {
|
||||
// this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
// }
|
||||
// });
|
||||
}
|
||||
PayOrResume(type: number) {
|
||||
console.log(type)
|
||||
// this.service.http
|
||||
// .post(this.service.$api_set_freezeOrResume, {
|
||||
// tenantId: this.route.snapshot.params.id,
|
||||
// // tenantId: this.route.snapshot.queryParams.tenantId,
|
||||
// status: type,
|
||||
// })
|
||||
// .subscribe((res) => {
|
||||
// if (res.data === true) {
|
||||
// if (type === 0) {
|
||||
// this.service.msgSrv.success(`启用成功！`);
|
||||
// } else if (type === 1) {
|
||||
// this.service.msgSrv.success(`冻结成功！`);
|
||||
// }
|
||||
// this.ngOnInit();
|
||||
// } else {
|
||||
// this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
// }
|
||||
// });
|
||||
}
|
||||
|
||||
|
||||
|
||||
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,
|
||||
};
|
||||
console.log(this.sf.value)
|
||||
// this.service.http.post(this.service.$api_set_freezeOrResume, params).subscribe((res) => {
|
||||
|
||||
// });
|
||||
}
|
||||
auditPass() {
|
||||
this.isVisible = true
|
||||
}
|
||||
auditNo() {
|
||||
this.isVisibleNo = true
|
||||
}
|
||||
ratify() {
|
||||
|
||||
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;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,82 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-11-30 15:09:49
|
||||
* @LastEditTime: 2021-11-30 16:28:26
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
* @FilePath: \tms-obc-web\src\app\routes\usercenter\components\freight\user\detail\detail.component.html
|
||||
-->
|
||||
<ng-container >
|
||||
<!-- 页头 -->
|
||||
<page-header-wrapper [title]="'用户列表详情'" [logo]="logo" [content]="content">
|
||||
<ng-template #logo>
|
||||
<button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
|
||||
<i nz-icon nzType="left" nzTheme="outline"></i>
|
||||
</button>
|
||||
</ng-template>
|
||||
<ng-template #content>
|
||||
<div class="user-info">
|
||||
<div style="flex: 1">
|
||||
<div style="display: flex;">
|
||||
<p style="padding-right: 80px; width: 400px; font-size: 20px;">申请编号：{{ detailData?.shoppFeignVO?.publicity }}</p>
|
||||
</div>
|
||||
<div style="display: flex;">
|
||||
<p style="padding-right: 80px; width: 400px;">申请时间{{ detailData?.shoppFeignVO?.introduction }}</p>
|
||||
<p >申请人：黄龙真人</p>
|
||||
</div>
|
||||
<div>
|
||||
申请人手机号：6846846416541
|
||||
</div>
|
||||
<div style="position: relative;top: -65%;
|
||||
left: 85%;">
|
||||
<span style="font-size: 12px;">状态</span>
|
||||
<br />
|
||||
<span>待审核</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
</page-header-wrapper>
|
||||
<nz-card>
|
||||
<sv-container col="1">
|
||||
<sv-title>申请人信息</sv-title>
|
||||
<sv label="姓名">
|
||||
{{ detailData?.contactsName }}
|
||||
</sv>
|
||||
<sv label="身份证号码">
|
||||
{{ detailData?.contactsPhone }}
|
||||
</sv>
|
||||
<sv label="企业授权函">
|
||||
<!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
|
||||
<div style="float: right;">
|
||||
<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)="ratify()">修改</button>
|
||||
</div>
|
||||
</sv>
|
||||
</sv-container>
|
||||
<nz-divider></nz-divider>
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>关联企业</sv-title>
|
||||
<st
|
||||
#st
|
||||
[bordered]="true"
|
||||
[columns]="columns"
|
||||
[data]="detailData.goodsList"
|
||||
[ngStyle]="{ margin: '1rem 0' }"
|
||||
multiSort
|
||||
size="small"
|
||||
[page]="{ show: false }"
|
||||
>
|
||||
</st>
|
||||
</sv-container>
|
||||
|
||||
</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>
|
||||
<button nz-button nzType="default" (click)="handleCancel('suppliersType')">取消</button>
|
||||
<button nz-button nzType="primary" (click)="handleOK('suppliersType')" [disabled]="!sf1.valid">确认</button>
|
||||
</div>
|
||||
</nz-modal>
|
||||
@ -0,0 +1,46 @@
|
||||
@import '~@delon/theme/index';
|
||||
:host {
|
||||
::ng-deep {
|
||||
.ant-steps-dot {
|
||||
.ant-steps-item-content {
|
||||
width: 200px;
|
||||
}
|
||||
.ant-steps-item-icon {
|
||||
margin-left: 96px;
|
||||
}
|
||||
.ant-steps-item-tail::after {
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
.success {
|
||||
color: @success-color;
|
||||
}
|
||||
|
||||
.warning {
|
||||
color: @warning-color;
|
||||
}
|
||||
|
||||
.error {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
.mt16 {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.user-info {
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
.enterprise-name {
|
||||
margin-right: 15px;
|
||||
}
|
||||
img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin-right: 15px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.user-info-des {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,31 @@
|
||||
/*
|
||||
* @Author: your name
|
||||
* @Date: 2021-11-29 20:19:08
|
||||
* @LastEditTime: 2021-11-29 20:31:00
|
||||
* @LastEditors: your name
|
||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
* @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';
|
||||
|
||||
describe('FreightComponentsListDetailComponent', () => {
|
||||
let component: FreightComponentsListDetailComponent;
|
||||
let fixture: ComponentFixture<FreightComponentsListDetailComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [FreightComponentsListDetailComponent],
|
||||
}).compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(FreightComponentsListDetailComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,281 @@
|
||||
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 { ModalHelper, _HttpClient } from '@delon/theme';
|
||||
import { NzMessageService } from 'ng-zorro-antd/message';
|
||||
import { UsermanageService } from '../../../../services/usercenter.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-supplier-components-list-view',
|
||||
templateUrl: './detail.component.html',
|
||||
styleUrls: ['./detail.component.less'],
|
||||
})
|
||||
export class FreightComponentsUserDetailComponent implements OnInit {
|
||||
i: any;
|
||||
url = `/rule?_allow_anonymous=true`;
|
||||
@ViewChild('st', { static: false }) st!: STComponent;
|
||||
detailData: any = {
|
||||
goodsList: [
|
||||
{
|
||||
perPrice: '22323',
|
||||
goodsQuantity: '项目名称',
|
||||
totalPrice: '角色',
|
||||
},
|
||||
{
|
||||
perPrice: '2259595',
|
||||
goodsQuantity: '项目名称2',
|
||||
totalPrice: '角色',
|
||||
},
|
||||
]
|
||||
};
|
||||
isShow = false;
|
||||
isVisible = false;
|
||||
modalTitle = '有效期';
|
||||
modalName = '';
|
||||
ui!: SFUISchema;
|
||||
schema!: SFSchema;
|
||||
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
||||
schema1!: SFSchema;
|
||||
@ViewChild('sf1', { static: false }) sf1!: SFComponent;
|
||||
validData: any = ['suppliersType'];
|
||||
suppliersData: any = {};
|
||||
columns: STColumn[] = [
|
||||
{ title: '企业名称', index: 'perPrice', width: 300, className: 'text-center' },
|
||||
{ title: '项目名称', index: 'goodsQuantity', width: 300, className: 'text-center' },
|
||||
{ title: '角色', index: 'totalPrice', width: 300, className: 'text-center' },
|
||||
];
|
||||
constructor(
|
||||
private http: _HttpClient,
|
||||
private modal: ModalHelper,
|
||||
public service: UsermanageService,
|
||||
private route: ActivatedRoute,
|
||||
private modalHelper: ModalHelper,
|
||||
private msgSrv: NzMessageService,
|
||||
) {}
|
||||
|
||||
ngOnInit() {
|
||||
console.log(this.route.snapshot);
|
||||
// this.initData();
|
||||
this.initSF();
|
||||
this.initSF1();
|
||||
// this.launchSign();
|
||||
}
|
||||
/**
|
||||
* 初始化查询表单
|
||||
*/
|
||||
initSF() {
|
||||
this.schema = {
|
||||
properties: {
|
||||
_$expand: { type: 'boolean', ui: { hidden: true } },
|
||||
effectiveDate: {
|
||||
title: '有效期',
|
||||
type: 'string',
|
||||
ui: {
|
||||
widget: 'date',
|
||||
format: 'yyyy-MM-dd 00:00:00',
|
||||
// hidden: this.modalName === 'effectiveDate' ? false : true,
|
||||
} as SFDateWidgetSchema,
|
||||
},
|
||||
},
|
||||
required: ['effectiveDate'],
|
||||
};
|
||||
this.ui = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
|
||||
}
|
||||
initSF1() {
|
||||
this.schema1 = {
|
||||
properties: {
|
||||
_$expand: { type: 'boolean', ui: { hidden: true } },
|
||||
suppliersType: {
|
||||
type: 'string',
|
||||
title: '类型',
|
||||
enum: [
|
||||
{ label: '非外部供应商', value: 0 },
|
||||
{ label: '外部供应商', value: 1 },
|
||||
],
|
||||
default: '',
|
||||
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();
|
||||
},
|
||||
},
|
||||
},
|
||||
externalSuppliersId: {
|
||||
title: '外部供应商id',
|
||||
type: 'string',
|
||||
default: '',
|
||||
ui: {
|
||||
visibleIf: { suppliersType: (value: any) => value === 1 },
|
||||
},
|
||||
},
|
||||
},
|
||||
required: this.validData,
|
||||
};
|
||||
}
|
||||
showModal(name: any) {
|
||||
this.modalName = name;
|
||||
if (name === 'effectiveDate') {
|
||||
this.isShow = true;
|
||||
} else {
|
||||
this.isVisible = true;
|
||||
}
|
||||
}
|
||||
async initData() {
|
||||
console.log(this.route.snapshot, 'this.route.snapshot');
|
||||
|
||||
const params = {
|
||||
tenantId: this.route.snapshot.params.id,
|
||||
// tenantId: this.route.snapshot.queryParams.tenantId,
|
||||
};
|
||||
const res = await this.service.asyncRequest(this.service.$api_get_supplier_info, params);
|
||||
// // 商品资质
|
||||
// if (res.enterpriseBusinessJson) {
|
||||
// res.enterpriseBusinessJson.aptitudes = res.enterpriseBusinessJson?.aptitudes ? res.enterpriseBusinessJson.aptitudes.split(',') : [];
|
||||
// }
|
||||
// // // 申请人身份证证件
|
||||
// // res.applyUserJson.imagelist = [];
|
||||
// // res.applyUserJson.imagelist.push(res.applyUserJson.certificatePhotoFront);
|
||||
// // res.applyUserJson.imagelist.push(res.applyUserJson.certificatePhotoBack);
|
||||
// // res.applyUserJson.imagelist.push(res.applyUserJson.handCertificate);
|
||||
|
||||
// 法人身份证证件
|
||||
const imagelist = [];
|
||||
imagelist.push(res?.certificatePhotoFront);
|
||||
imagelist.push(res?.certificatePhotoBack);
|
||||
res.certificatePhoto = imagelist;
|
||||
|
||||
// 营业执照
|
||||
res.enterpriseQualificationCertificate = res.enterpriseQualificationCertificate
|
||||
? res.enterpriseQualificationCertificate.split(',')
|
||||
: [];
|
||||
|
||||
// 返回所在地
|
||||
res.enterpriseAddressCodeStr = await this.getRegionFullName(res.enterpriseAddressCode);
|
||||
|
||||
this.detailData = res;
|
||||
this.suppliersData = {
|
||||
suppliersType: res?.suppliersType,
|
||||
externalSuppliersId: res?.externalSuppliersId,
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据地区code查询地区详情
|
||||
* @param code 地区代码
|
||||
*/
|
||||
async getRegionFullName(code: any) {
|
||||
const params = {
|
||||
regionCode: code,
|
||||
};
|
||||
const res = await this.service.asyncRequest(this.service.$api_get_region_detailByCode, params, 'POST', true);
|
||||
// if (res && res.regionFullName) {
|
||||
// const arr = res.regionFullName.split(',');
|
||||
// res.regionFullName = arr.reverse().join('-');
|
||||
// }
|
||||
return res && res.regionFullName;
|
||||
}
|
||||
add() {
|
||||
// this.modal
|
||||
// .createStatic(FormEditComponent, { i: { id: 0 } })
|
||||
// .subscribe(() => this.st.reload());
|
||||
}
|
||||
goBack() {
|
||||
window.history.go(-1);
|
||||
}
|
||||
/**
|
||||
* 冻结
|
||||
*/
|
||||
freezeOrResume(type: number) {
|
||||
console.log(type)
|
||||
// this.service.http
|
||||
// .post(this.service.$api_set_freezeOrResume, {
|
||||
// tenantId: this.route.snapshot.params.id,
|
||||
// // tenantId: this.route.snapshot.queryParams.tenantId,
|
||||
// status: type,
|
||||
// })
|
||||
// .subscribe((res) => {
|
||||
// if (res.data === true) {
|
||||
// if (type === 0) {
|
||||
// this.service.msgSrv.success(`启用成功！`);
|
||||
// } else if (type === 1) {
|
||||
// this.service.msgSrv.success(`冻结成功！`);
|
||||
// }
|
||||
// this.ngOnInit();
|
||||
// } else {
|
||||
// this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
// }
|
||||
// });
|
||||
}
|
||||
PayOrResume(type: number) {
|
||||
console.log(type)
|
||||
// this.service.http
|
||||
// .post(this.service.$api_set_freezeOrResume, {
|
||||
// tenantId: this.route.snapshot.params.id,
|
||||
// // tenantId: this.route.snapshot.queryParams.tenantId,
|
||||
// status: type,
|
||||
// })
|
||||
// .subscribe((res) => {
|
||||
// if (res.data === true) {
|
||||
// if (type === 0) {
|
||||
// this.service.msgSrv.success(`启用成功！`);
|
||||
// } else if (type === 1) {
|
||||
// this.service.msgSrv.success(`冻结成功！`);
|
||||
// }
|
||||
// this.ngOnInit();
|
||||
// } else {
|
||||
// this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
// }
|
||||
// });
|
||||
}
|
||||
|
||||
handleCancel(name: any) {
|
||||
if (name === 'effectiveDate') {
|
||||
this.isShow = false;
|
||||
} else {
|
||||
this.isVisible = false;
|
||||
}
|
||||
}
|
||||
handleOK(name: any) {
|
||||
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;
|
||||
}
|
||||
});
|
||||
}
|
||||
auditPass() {
|
||||
|
||||
}
|
||||
auditNo() {
|
||||
|
||||
}
|
||||
ratify() {
|
||||
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,153 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-11-29 15:22:34
|
||||
* @LastEditTime: 2021-11-30 15:52:31
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
* @FilePath: \tms-obc-web\src\app\routes\usercenter\components\freight\list\list.component.html
|
||||
-->
|
||||
<!-- 页头 -->
|
||||
<page-header-wrapper [title]="'用户列表'"></page-header-wrapper>
|
||||
<nz-card>
|
||||
<!-- 搜索区 -->
|
||||
<!-- 搜索表单 -->
|
||||
<div nz-row nzGutter="8">
|
||||
<!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
|
||||
<div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
|
||||
<sf
|
||||
#sf
|
||||
[schema]="schema"
|
||||
[ui]="ui"
|
||||
[mode]="'search'"
|
||||
[disabled]="!sf?.valid"
|
||||
(formSubmit)="st?.load(1)"
|
||||
(formReset)="resetSF()"
|
||||
></sf>
|
||||
|
||||
</div>
|
||||
<!-- [loading]="service.http.loading" -->
|
||||
|
||||
<!-- 查询字段大于3个时，根据展开状态调整布局 -->
|
||||
<ng-container *ngIf="queryFieldCount > 4">
|
||||
<div nz-col [nzSpan]="_$expand ? 24 : 18">
|
||||
<sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
|
||||
</div>
|
||||
<div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
|
||||
<button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
|
||||
<button nz-button (click)="resetSF()">重置</button>
|
||||
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">导出</button>
|
||||
<button nz-button nzType="link" (click)="expandToggle()">
|
||||
{{ !_$expand ? '展开' : '收起' }}
|
||||
<i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
|
||||
</button>
|
||||
</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
</nz-card>
|
||||
<nz-card>
|
||||
<!-- 数据列表 -->
|
||||
<!-- [data]="service.$api_get_supplier_page" -->
|
||||
|
||||
<st
|
||||
#st
|
||||
[bordered]="true"
|
||||
[columns]="columns"
|
||||
[data]='datalist'
|
||||
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
|
||||
[res]="{ reName: { list: 'data.records', total: 'data.total' }, process: dataProcess }"
|
||||
[page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
|
||||
[loadingDelay]="500"
|
||||
[loading]="service.http.loading"
|
||||
>
|
||||
<ng-template st-row="enterpriseName" let-item let-index="index">
|
||||
<div nz-tooltip [nzTooltipTitle]="item.enterpriseName">
|
||||
<div
|
||||
style="display: inline-block; max-width: 280px; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis"
|
||||
>
|
||||
{{ item.enterpriseName }}
|
||||
</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template st-row="contactsPhone" let-item let-index="index">
|
||||
<div
|
||||
style="color: #52c41a;" (click)="daoyun(item)"
|
||||
>
|
||||
{{ item.contactsPhone }}
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template st-row="stateCol" let-item let-index="index">
|
||||
<nz-tag *ngIf="item.stateLocked" nzColor="error">冻结</nz-tag>
|
||||
<nz-tag *elseBlock nzColor="success">正常</nz-tag>
|
||||
</ng-template>
|
||||
</st>
|
||||
<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" nzTitle="推广业务员" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel()">
|
||||
<ng-container *nzModalContent>
|
||||
<sf #sf2 [schema]="schema2" [ui]="ui2" [compact]="false" [button]="'none'" [formData]="suppliersData"></sf>
|
||||
</ng-container>
|
||||
<ng-template #nzModalFooter>
|
||||
<button nz-button nzType="default" (click)="handleCancel()">取消</button>
|
||||
<button nz-button nzType="primary" (click)="handleOK()" [disabled]="">确认</button>
|
||||
</ng-template>
|
||||
</nz-modal>
|
||||
</nz-card>
|
||||
<nz-modal [(nzVisible)]="isVisibleFreeze" [nzFooter]="nzModalFooterFreeze" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel_freeze()">
|
||||
<ng-container *nzModalContent>
|
||||
<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" style="color: red;">
|
||||
停用后，该企业将被限制使用，不限于访问受限、无法发布货源等，请谨慎操作
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
<ng-template #nzModalFooterFreeze>
|
||||
<button nz-button nzType="default" (click)="handleCancel_freeze()">取消</button>
|
||||
<button nz-button nzType="primary" (click)="handleOK()" [disabled]="">确认</button>
|
||||
</ng-template>
|
||||
</nz-modal>
|
||||
<nz-modal [(nzVisible)]="isVisibleOpen" [nzFooter]="nzModalFooterOpen" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel_open()">
|
||||
<ng-container *nzModalContent>
|
||||
<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" style="color: red;">
|
||||
启用后，该企业将恢复正常使用功能，请再次确认
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
<ng-template #nzModalFooterOpen>
|
||||
<button nz-button nzType="default" (click)="handleCancel_open()">取消</button>
|
||||
<button nz-button nzType="primary" (click)="handleOK()" [disabled]="">确认</button>
|
||||
</ng-template>
|
||||
</nz-modal>
|
||||
|
||||
@ -0,0 +1,23 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
import { FreightComponentsListComponent } from './list.component';
|
||||
|
||||
describe('FreightComponentsListComponent', () => {
|
||||
let component: FreightComponentsListComponent;
|
||||
let fixture: ComponentFixture<FreightComponentsListComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [FreightComponentsListComponent],
|
||||
}).compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(FreightComponentsListComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,252 @@
|
||||
import { Component, OnInit, ViewChild } from '@angular/core';
|
||||
import { ActivatedRoute, Router } from '@angular/router';
|
||||
import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
|
||||
import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
|
||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||
import { UsermanageService } from '../../../services/usercenter.service';
|
||||
@Component({
|
||||
selector: 'app-Freight-components-user',
|
||||
templateUrl: './user.component.html',
|
||||
})
|
||||
export class FreightComponentsUserComponent implements OnInit {
|
||||
_$expand = false;
|
||||
url = `/rule?_allow_anonymous=true`;
|
||||
isVisible = false;
|
||||
isVisibleFreeze = false;
|
||||
isVisibleOpen = false;
|
||||
ui!: SFUISchema;
|
||||
ui2!: SFUISchema;
|
||||
schema!: SFSchema;
|
||||
schema2!: SFSchema;
|
||||
columns!: STColumn[];
|
||||
suppliersData: any;
|
||||
datalist = [
|
||||
{
|
||||
storeName: '企业名称',
|
||||
contactsName: '152746565',
|
||||
enterpriseName: '湖南',
|
||||
unifiedSocialCreditCode: '45454',
|
||||
contactsPhone: '*97889461561',
|
||||
effectiveDateStr: '废弃eww',
|
||||
enStatusStr2: '正常',
|
||||
enStatusStr3: '正常',
|
||||
unifiedSocialCreditCode3: '常用服务',
|
||||
unifiedSocialCreditCode2: '正常',
|
||||
tenantId: 1
|
||||
},
|
||||
{
|
||||
storeName: '企业名称',
|
||||
contactsName: '152746565',
|
||||
enterpriseName: '湖南',
|
||||
unifiedSocialCreditCode: '45454',
|
||||
contactsPhone: '*97889461561',
|
||||
effectiveDateStr: '废弃eww',
|
||||
enStatusStr2: '正常',
|
||||
enStatusStr3: '正常',
|
||||
unifiedSocialCreditCode3: '常用服务',
|
||||
unifiedSocialCreditCode2: '正常',
|
||||
tenantId: 2
|
||||
},
|
||||
]
|
||||
@ViewChild('st', { static: false }) st!: STComponent;
|
||||
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
||||
@ViewChild('sf2', { static: false }) sf2!: SFComponent;
|
||||
|
||||
constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute) {}
|
||||
/**
|
||||
* 查询字段个数navigate
|
||||
*/
|
||||
get queryFieldCount(): number {
|
||||
return Object.keys(this.schema?.properties || {}).length;
|
||||
}
|
||||
|
||||
/**
|
||||
* 查询参数
|
||||
*/
|
||||
get reqParams() {
|
||||
const params: any = {
|
||||
...(this.sf && this.sf.value),
|
||||
};
|
||||
if (this.sf?.value.effectiveDate) {
|
||||
params.effectiveDateStart = this.sf?.value.effectiveDate[0];
|
||||
params.effectiveDateEnd = this.sf?.value.effectiveDate[1];
|
||||
}
|
||||
delete params.effectiveDate;
|
||||
delete params.expand;
|
||||
return params;
|
||||
}
|
||||
|
||||
get selectedRows() {
|
||||
return this.st?.list.filter((item) => item.checked) || [];
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
this.initSF();
|
||||
this.initST();
|
||||
this.initSF2();
|
||||
this.ar.url.subscribe((params) => {
|
||||
this.st?.load(1);
|
||||
});
|
||||
}
|
||||
dataProcess(data: STData[]): STData[] {
|
||||
return data.map((i, index) => {
|
||||
i.showSortFlag = false;
|
||||
return i;
|
||||
});
|
||||
}
|
||||
initSF() {
|
||||
this.schema = {
|
||||
properties: {
|
||||
expand: {
|
||||
type: 'boolean',
|
||||
ui: {
|
||||
hidden: true,
|
||||
},
|
||||
},
|
||||
storeName: { title: '用户姓名', type: 'string', ui: { showRequired: false } },
|
||||
contactsName: {
|
||||
title: '企业名称',
|
||||
type: 'string',
|
||||
ui: {
|
||||
showRequired: false,
|
||||
},
|
||||
},
|
||||
phone: {
|
||||
title: '手机号',
|
||||
type: 'string',
|
||||
format: 'mobile',
|
||||
maxLength: 11,
|
||||
ui: {
|
||||
placeholder: '请输入手机号',
|
||||
},
|
||||
},
|
||||
enStatus: {
|
||||
type: 'string',
|
||||
title: '货主状态',
|
||||
enum: [
|
||||
{ label: '全部', value: '' },
|
||||
{ label: '正常', value: 0 },
|
||||
{ label: '冻结', value: 1 },
|
||||
{ label: '废弃', value: 2 },
|
||||
],
|
||||
default: '',
|
||||
ui: {
|
||||
widget: 'select',
|
||||
visibleIf: {
|
||||
expand: (value: boolean) => value,
|
||||
},
|
||||
},
|
||||
},
|
||||
yewuphone: {
|
||||
title: '业务员手机号',
|
||||
type: 'string',
|
||||
format: 'mobile',
|
||||
maxLength: 11,
|
||||
ui: {
|
||||
placeholder: '请输入手机号',
|
||||
visibleIf: {
|
||||
expand: (value: boolean) => value,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
this.ui = { '*': { spanLabelFixed: 180, grid: { span: 8, gutter: 4 }, enter: () => this.st.load() } };
|
||||
}
|
||||
initSF2() {
|
||||
this.schema2 = {
|
||||
properties: {
|
||||
phone: {
|
||||
title: '手机号',
|
||||
type: 'string',
|
||||
format: 'mobile',
|
||||
maxLength: 11,
|
||||
ui: {
|
||||
placeholder: '请输入手机号',
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
this.ui2 = { '*': { spanLabelFixed: 90, grid: { span: 16}, enter: () => this.st.load() } };
|
||||
}
|
||||
|
||||
initST() {
|
||||
this.columns = [
|
||||
// { title: '', type: 'checkbox', className: 'text-center' },
|
||||
{ title: '用户姓名', className: 'text-center', index: 'storeName' },
|
||||
{ title: '手机号', className: 'text-center', index: 'contactsName' },
|
||||
{ title: '身份证件号', className: 'text-center', render: 'enterpriseName' },
|
||||
{ title: '常用服务', className: 'text-center', index: 'unifiedSocialCreditCode' },
|
||||
{ title: '推广业务员', className: 'text-center', index: 'contactsPhone',
|
||||
render: 'contactsPhone'
|
||||
},
|
||||
{ title: '申请时间', className: 'text-center', index: 'unifiedSocialCreditCode2' },
|
||||
{
|
||||
title: '状态',
|
||||
className: 'text-center',
|
||||
index: 'enStatusStr2',
|
||||
type: 'badge',
|
||||
badge: {
|
||||
正常: { text: '正常', color: 'success' },
|
||||
冻结: { text: '冻结', color: 'warning' },
|
||||
废弃: { text: '废弃', color: 'default' },
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
width: '170px',
|
||||
className: 'text-center',
|
||||
buttons: [
|
||||
{
|
||||
text: '查看',
|
||||
click: (item) => {
|
||||
this.router.navigate(['./view', item.tenantId], { relativeTo: this.ar });
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '冻结',
|
||||
click: (item) => {
|
||||
this.isVisibleFreeze = true
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '启用',
|
||||
click: (item) => {
|
||||
this.isVisibleOpen = true
|
||||
console.log(item)
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
}
|
||||
daoyun(item: any) {
|
||||
this.isVisible = true
|
||||
}
|
||||
expandToggle() {
|
||||
this._$expand = !this._$expand;
|
||||
this.sf?.setValue('/expand', this._$expand);
|
||||
}
|
||||
creat() {
|
||||
this.router.navigate(['./new',], { relativeTo: this.ar });
|
||||
}
|
||||
/**
|
||||
* 重置表单
|
||||
*/
|
||||
resetSF() {
|
||||
this.sf.reset();
|
||||
this._$expand = false;
|
||||
}
|
||||
handleOK() {
|
||||
console.log(this.sf2.value)
|
||||
}
|
||||
handleCancel() {
|
||||
this.isVisible = false
|
||||
}
|
||||
handleCancel_open() {
|
||||
this.isVisibleOpen = false
|
||||
}
|
||||
handleCancel_freeze() {
|
||||
this.isVisibleFreeze = false
|
||||
}
|
||||
}
|
||||
@ -1,13 +1,14 @@
|
||||
/*
|
||||
* @Author: your name
|
||||
* @Date: 2021-11-29 15:22:34
|
||||
* @LastEditTime: 2021-11-30 10:29:19
|
||||
* @LastEditTime: 2021-11-30 17:00:50
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
* @FilePath: \tms-obc-web\src\app\routes\usercenter\usercenter-routing.module.ts
|
||||
*/
|
||||
import { NgModule } from '@angular/core';
|
||||
import { RouterModule, Routes } from '@angular/router';
|
||||
import { UserCenterComponentsDriverComponent } from './components/driver/driver.component';
|
||||
import { FreightComponentsEnterpriseAuditComponent } from './components/freight/enterprise-audit/enterprise-audit.component';
|
||||
import { FreightComponentsEnterpriseAuditViewComponent } from './components/freight/enterprise-audit/view/view.component';
|
||||
import { FreightComponentsListDetailComponent } from './components/freight/list/detail/detail.component';
|
||||
@ -15,6 +16,8 @@ import { FreightComponentsListDetailComponent } from './components/freight/list/
|
||||
import { FreightComponentsListComponent } from './components/freight/list/list.component';
|
||||
import { FreightComponentsListNewComponent } from './components/freight/list/new/new.component';
|
||||
import { FreightComponentsListViewComponent } from './components/freight/list/view/view.component';
|
||||
import { FreightComponentsUserDetailComponent } from './components/freight/user/detail/detail.component';
|
||||
import { FreightComponentsUserComponent } from './components/freight/user/user.component';
|
||||
|
||||
|
||||
const routes: Routes = [
|
||||
@ -25,6 +28,9 @@ const routes: Routes = [
|
||||
{ path: 'freight/list/detail/:id', component: FreightComponentsListDetailComponent },
|
||||
{ path: 'freight/enterprise', component: FreightComponentsEnterpriseAuditComponent },
|
||||
{ path: 'freight/enterprise/view/:id', component: FreightComponentsEnterpriseAuditViewComponent },
|
||||
{ path: 'freight/user', component: FreightComponentsUserComponent },
|
||||
{ path: 'freight/user/view/:id', component: FreightComponentsUserDetailComponent },
|
||||
{ path: 'driver', component: UserCenterComponentsDriverComponent },
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
|
||||
@ -1,19 +1,22 @@
|
||||
/*
|
||||
* @Author: your name
|
||||
* @Date: 2021-11-29 15:22:34
|
||||
* @LastEditTime: 2021-11-30 09:54:18
|
||||
* @LastEditTime: 2021-11-30 17:00:19
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
* @FilePath: \tms-obc-web\src\app\routes\usercenter\usercenter.module.ts
|
||||
*/
|
||||
import { NgModule } from '@angular/core';
|
||||
import { SharedModule } from '@shared';
|
||||
import { UserCenterComponentsDriverComponent } from './components/driver/driver.component';
|
||||
import { FreightComponentsEnterpriseAuditComponent } from './components/freight/enterprise-audit/enterprise-audit.component';
|
||||
import { FreightComponentsEnterpriseAuditViewComponent } from './components/freight/enterprise-audit/view/view.component';
|
||||
import { FreightComponentsListDetailComponent } from './components/freight/list/detail/detail.component';
|
||||
import { FreightComponentsListComponent } from './components/freight/list/list.component';
|
||||
import { FreightComponentsListNewComponent } from './components/freight/list/new/new.component';
|
||||
import { FreightComponentsListViewComponent } from './components/freight/list/view/view.component';
|
||||
import { FreightComponentsUserDetailComponent } from './components/freight/user/detail/detail.component';
|
||||
import { FreightComponentsUserComponent } from './components/freight/user/user.component';
|
||||
import { UsercenterRoutingModule } from './usercenter-routing.module';
|
||||
|
||||
const COMPONENTS = [
|
||||
@ -22,7 +25,10 @@ const COMPONENTS = [
|
||||
FreightComponentsListNewComponent,
|
||||
FreightComponentsListDetailComponent,
|
||||
FreightComponentsEnterpriseAuditComponent,
|
||||
FreightComponentsEnterpriseAuditViewComponent
|
||||
FreightComponentsEnterpriseAuditViewComponent,
|
||||
FreightComponentsUserComponent,
|
||||
FreightComponentsUserDetailComponent,
|
||||
UserCenterComponentsDriverComponent
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
|
||||
Reference in New Issue
Block a user