From c5eaff493d12c97563ad2e3e058d606525d02f26 Mon Sep 17 00:00:00 2001 From: wangshiming Date: Mon, 29 Nov 2021 20:03:45 +0800 Subject: [PATCH] =?UTF-8?q?=E7=94=A8=E6=88=B7=E4=B8=AD=E5=BF=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../routes/account/account-routing.module.ts | 2 - src/app/routes/account/account.module.ts | 4 +- .../edit-info/edit-info.component.html | 15 - .../edit-info/edit-info.component.less | 6 - .../edit-info/edit-info.component.spec.ts | 23 - .../edit-info/edit-info.component.ts | 207 --- .../edit-name/edit-name.component.ts | 1 + src/app/routes/routes-routing.module.ts | 8 +- .../freight/list/list.component.html | 77 + .../freight/list/list.component.spec.ts | 23 + .../components/freight/list/list.component.ts | 224 +++ .../freight/list/new/new.component.html | 109 ++ .../freight/list/new/new.component.less | 95 ++ .../freight/list/new/new.component.ts | 1400 +++++++++++++++++ .../freight/list/view/view.component.html | 49 + .../freight/list/view/view.component.less | 46 + .../freight/list/view/view.component.spec.ts | 23 + .../freight/list/view/view.component.ts | 257 +++ .../usercenter/services/usercenter.service.ts | 91 ++ .../usercenter/usercenter-routing.module.ts | 29 + .../routes/usercenter/usercenter.module.ts | 26 + src/app/shared/shared-zorro.module.ts | 17 +- src/assets/mocks/menu-data.json | 36 + src/style-icons-auto.ts | 5 +- 24 files changed, 2511 insertions(+), 262 deletions(-) delete mode 100644 src/app/routes/account/components/edit-info/edit-info.component.html delete mode 100644 src/app/routes/account/components/edit-info/edit-info.component.less delete mode 100644 src/app/routes/account/components/edit-info/edit-info.component.spec.ts delete mode 100644 src/app/routes/account/components/edit-info/edit-info.component.ts create mode 100644 src/app/routes/usercenter/components/freight/list/list.component.html create mode 100644 src/app/routes/usercenter/components/freight/list/list.component.spec.ts create mode 100644 src/app/routes/usercenter/components/freight/list/list.component.ts create mode 100644 src/app/routes/usercenter/components/freight/list/new/new.component.html create mode 100644 src/app/routes/usercenter/components/freight/list/new/new.component.less create mode 100644 src/app/routes/usercenter/components/freight/list/new/new.component.ts create mode 100644 src/app/routes/usercenter/components/freight/list/view/view.component.html create mode 100644 src/app/routes/usercenter/components/freight/list/view/view.component.less create mode 100644 src/app/routes/usercenter/components/freight/list/view/view.component.spec.ts create mode 100644 src/app/routes/usercenter/components/freight/list/view/view.component.ts create mode 100644 src/app/routes/usercenter/services/usercenter.service.ts create mode 100644 src/app/routes/usercenter/usercenter-routing.module.ts create mode 100644 src/app/routes/usercenter/usercenter.module.ts diff --git a/src/app/routes/account/account-routing.module.ts b/src/app/routes/account/account-routing.module.ts index c6412c83..f3e14b15 100644 --- a/src/app/routes/account/account-routing.module.ts +++ b/src/app/routes/account/account-routing.module.ts @@ -9,7 +9,6 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { AccountComponentsCenterComponent } from './components/center/center.component'; -import { AccountComponentsEditInfoComponent } from './components/edit-info/edit-info.component'; const routes: Routes = [ { path: '', redirectTo: 'center', pathMatch: 'full' }, @@ -21,7 +20,6 @@ const routes: Routes = [ titleI18n: 'app.my.center', }, }, - { path: 'editInfo', component: AccountComponentsEditInfoComponent }, ]; @NgModule({ diff --git a/src/app/routes/account/account.module.ts b/src/app/routes/account/account.module.ts index 5bfacc1a..b25127f7 100644 --- a/src/app/routes/account/account.module.ts +++ b/src/app/routes/account/account.module.ts @@ -1,7 +1,7 @@ /* * @Author: your name * @Date: 2021-11-29 11:06:01 - * @LastEditTime: 2021-11-29 15:04:25 + * @LastEditTime: 2021-11-29 15:42:10 * @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\account\account.module.ts @@ -10,14 +10,12 @@ import { NgModule } from '@angular/core'; import { SharedModule } from '@shared'; import { AccountRoutingModule } from './account-routing.module'; import { AccountComponentsCenterComponent } from './components/center/center.component'; -import { AccountComponentsEditInfoComponent } from './components/edit-info/edit-info.component'; import { AccountComponentsEditNameComponent } from './components/edit-name/edit-name.component'; import { AccountComponentsCenterEditComponent } from './components/edit-password/edit-password.component'; const COMPONENTS = [ AccountComponentsCenterComponent, AccountComponentsEditNameComponent, - AccountComponentsEditInfoComponent, AccountComponentsCenterEditComponent ]; const COMPONENTS_NOROUNT = [AccountComponentsEditNameComponent]; diff --git a/src/app/routes/account/components/edit-info/edit-info.component.html b/src/app/routes/account/components/edit-info/edit-info.component.html deleted file mode 100644 index d40f4edc..00000000 --- a/src/app/routes/account/components/edit-info/edit-info.component.html +++ /dev/null @@ -1,15 +0,0 @@ -
- -
- -
- - - - - - -
-
- -
diff --git a/src/app/routes/account/components/edit-info/edit-info.component.less b/src/app/routes/account/components/edit-info/edit-info.component.less deleted file mode 100644 index 9711336e..00000000 --- a/src/app/routes/account/components/edit-info/edit-info.component.less +++ /dev/null @@ -1,6 +0,0 @@ -:host { - .myForm { - width: 600px; - margin: 5rem auto; - } -} diff --git a/src/app/routes/account/components/edit-info/edit-info.component.spec.ts b/src/app/routes/account/components/edit-info/edit-info.component.spec.ts deleted file mode 100644 index a8f871cb..00000000 --- a/src/app/routes/account/components/edit-info/edit-info.component.spec.ts +++ /dev/null @@ -1,23 +0,0 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; -import { OfficialWebsiteComponentsMemberEditInfoComponent } from './edit-info.component'; - -describe('OfficialWebsiteComponentsMemberEditInfoComponent', () => { - let component: OfficialWebsiteComponentsMemberEditInfoComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [OfficialWebsiteComponentsMemberEditInfoComponent], - }).compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(OfficialWebsiteComponentsMemberEditInfoComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/app/routes/account/components/edit-info/edit-info.component.ts b/src/app/routes/account/components/edit-info/edit-info.component.ts deleted file mode 100644 index 45b0121c..00000000 --- a/src/app/routes/account/components/edit-info/edit-info.component.ts +++ /dev/null @@ -1,207 +0,0 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; -import { ActivatedRoute, Router } from '@angular/router'; -import { SFComponent, SFSchema, SFSelectWidgetSchema, SFUISchema, SFUploadWidgetSchema } from '@delon/form'; -import { ModalHelper, _HttpClient } from '@delon/theme'; -import { environment } from '@env/environment'; -import { Observable, Observer } from 'rxjs'; -import { AccountService } from '../../services/account.service'; - -@Component({ - selector: 'app-account-components-edit-info', - templateUrl: './edit-info.component.html', - styleUrls: ['./edit-info.component.less'], -}) -export class AccountComponentsEditInfoComponent implements OnInit { - @ViewChild('sf', { static: false }) - sf!: SFComponent; - i: any; - schema!: SFSchema; - ui!: SFUISchema; - formData: any = { - // avatar:[ - // { - // uid: -1, - // name: 'LOGO', - // status: 'done', - // url: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png', - // response: { - // url: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png', - // }, - // }, - // ], - // name:'西四' - }; - - constructor(public service: AccountService, private modal: ModalHelper, private route: ActivatedRoute) { - const { realName, identity } = route.snapshot?.queryParams; - Object.assign(this.formData, { realName, certificateNumber: identity }); - } - - ngOnInit() { - this.initSF(); - this.getInfo(); - } - initSF() { - this.schema = { - properties: { - 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、GIF、PNG、JPEG、BMP格式，文件小于2M', - 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) => { - const isLt2M = file.size / 1024 / 1024 < 2; - if (!isLt2M) { - this.service.msgSrv.warning('图片大小超过2M!'); - observer.complete(); - return; - } - observer.next(isLt2M); - observer.complete(); - }); - }, - } as SFUploadWidgetSchema, - }, - name: { - title: '用户名', - type: 'string', - ui: { - widget: 'text', - }, - }, - phone: { - title: '手机号', - type: 'string', - ui: { - widget: 'text', - }, - }, - nickName: { - title: '昵称', - type: 'string', - minLength: 1, - maxLength: 18, - ui: { - placeholder: '请输入昵称', - errors: { - required: '请输入昵称', - }, - }, - }, - sex: { - title: '性别', - type: 'string', - default: 0, - enum: [ - { label: '未知', value: 0 }, - { label: '男', value: 1 }, - { label: '女', value: 2 }, - { label: '保密', value: 3 }, - ], - ui: { - widget: 'select', - } as SFSelectWidgetSchema, - }, - birthday: { - title: '生日', - type: 'string', - format: 'date', - }, - realName: { - title: '真实姓名', - type: 'string', - ui: { - widget: 'text', - optionalHelp: '实名认证渠道来自供应商入驻，仅在用户同意的情况下，合理用于相关业务，且平台有义务保障您的信息安全。', - }, - }, - certificateNumber: { - title: '身份证号码', - type: 'string', - ui: { - widget: 'text', - }, - }, - }, - required: ['nickName', 'sex', 'avatar'], - }; - this.ui = { - '*': { - spanLabel: 5, - grid: { span: 24 }, - }, - }; - } - getInfo() { - const params = { - // id: this.i.id, - }; - // this.service.http.post(this.service.$api_get_current_user_detail, params).subscribe((res) => { - // this.formData = res.data; - // if (!res.data.birthday) { - // this.formData.birthday = Date; - // } - // this.formData.avatar = [ - // { - // uid: -1, - // name: 'LOGO', - // status: 'done', - // url: res.data.avatar, - // response: { - // url: res.data.avatar, - // }, - // }, - // ]; - // this.formData.realName = this.route.snapshot.queryParams.realName; - // // this.formData.phone = this.route.snapshot.queryParams.phone; - // this.formData.certificateNumber = this.route.snapshot.queryParams.certificateNumber; - // this.initSF(); - // }); - } - formSubmit() { - const params: any = { - ...this.sf.value, - }; - delete params.realName; - delete params.certificateNumber; - // this.service.http.post(this.service.$api_updateUserInfo, params).subscribe((res) => { - // if (res.data) { - // this.service.msgSrv.success('修改成功'); - // this.goBack(); - // } - // }); - } - goBack() { - history.go(-1); - } -} diff --git a/src/app/routes/account/components/edit-name/edit-name.component.ts b/src/app/routes/account/components/edit-name/edit-name.component.ts index 14e9686f..28a6dc63 100644 --- a/src/app/routes/account/components/edit-name/edit-name.component.ts +++ b/src/app/routes/account/components/edit-name/edit-name.component.ts @@ -14,6 +14,7 @@ import { AccountService } from '../../services/account.service'; }) export class AccountComponentsEditNameComponent implements OnInit, AfterViewInit { // @ViewChild('dun', { static: false }) + url = `/rule?_allow_anonymous=true`; // private dun!: CaptchaComponent; @ViewChild('sf', { static: false }) sf!: SFComponent; record: any = {}; diff --git a/src/app/routes/routes-routing.module.ts b/src/app/routes/routes-routing.module.ts index 7726d684..351f4ee8 100644 --- a/src/app/routes/routes-routing.module.ts +++ b/src/app/routes/routes-routing.module.ts @@ -1,8 +1,8 @@ /* * @Author: your name * @Date: 2021-11-29 10:20:33 - * @LastEditTime: 2021-11-29 11:05:20 - * @LastEditors: your name + * @LastEditTime: 2021-11-29 15:38:35 + * @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\routes-routing.module.ts */ @@ -27,6 +27,10 @@ const routes: Routes = [ path: 'account', loadChildren: () => import('./account/account.module').then((m) => m.AccountModule), }, + { + path: 'usercenter', + loadChildren: () => import('./usercenter/usercenter.module').then((m) => m.UsercenterModule), + }, ] }, // passport diff --git a/src/app/routes/usercenter/components/freight/list/list.component.html b/src/app/routes/usercenter/components/freight/list/list.component.html new file mode 100644 index 00000000..1619105e --- /dev/null +++ b/src/app/routes/usercenter/components/freight/list/list.component.html @@ -0,0 +1,77 @@ + + + + + + +
+ +
+ + +
+ + + + +
+ +
+
+ + + + + +
+ +
+ + + + + + + +
+
+ {{ item.enterpriseName }} +
+
+ + + 冻结 + 正常 + + + diff --git a/src/app/routes/usercenter/components/freight/list/list.component.spec.ts b/src/app/routes/usercenter/components/freight/list/list.component.spec.ts new file mode 100644 index 00000000..e695c14a --- /dev/null +++ b/src/app/routes/usercenter/components/freight/list/list.component.spec.ts @@ -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; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [FreightComponentsListComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(FreightComponentsListComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/routes/usercenter/components/freight/list/list.component.ts b/src/app/routes/usercenter/components/freight/list/list.component.ts new file mode 100644 index 00000000..7fff418c --- /dev/null +++ b/src/app/routes/usercenter/components/freight/list/list.component.ts @@ -0,0 +1,224 @@ +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-list', + templateUrl: './list.component.html', +}) +export class FreightComponentsListComponent 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) {} + /** + * 查询字段个数 + */ + 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' }, + { 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(['./view', item.tenantId], { relativeTo: this.ar }); + // this.router.navigate(['./view', item.id], { relativeTo: this.ar, queryParams: { tenantId: item.tenantId } }); + }, + }, + ], + }, + ]; + } + + 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; + } +} diff --git a/src/app/routes/usercenter/components/freight/list/new/new.component.html b/src/app/routes/usercenter/components/freight/list/new/new.component.html new file mode 100644 index 00000000..fe0400fa --- /dev/null +++ b/src/app/routes/usercenter/components/freight/list/new/new.component.html @@ -0,0 +1,109 @@ + + + + + +
营业执照基本信息
+ + +
营业执照法人信息
+ + +
+ 请上传营业执照原件的高清照片，若上传复印件，则需加盖公司印章； +
上传后系统会自动识别并填写
+
+ + +
万元
+ + + +
+
请上传身份证原件的高清照片，若上传复印件，则需申请人签字；
+
上传后系统会自动识别并填写
+
+ + +
+
+
正面照（人像面）
+
示例
+
+
+
+ + +
+
+
背面照（国徽面）
+
示例
+
+
+
+ + + + + +
公司其他补充信息
+ + +
企业管理员信息
+ + + +
+
请上传该企业授权您成为本系统企业管理员的文件的高清照片，需加盖公司印章
+
上传后系统会自动识别并填写
+
+
+ + +
+
+
+
示例
+
+
+
+ + +
+
{{ telephone }} 默认当前登录账号绑定的手机号
+
+ + +
+
请上传身份证原件的高清照片，若上传复印件，则需申请人签字；
+
上传后系统会自动识别并填写
+
+ + +
+
+
正面照（人像面）
+
示例
+
+
+
+ + +
+
+
背面照（国徽面）
+
示例
+
+
+
+ + + + + +
+ + +
+ + diff --git a/src/app/routes/usercenter/components/freight/list/new/new.component.less b/src/app/routes/usercenter/components/freight/list/new/new.component.less new file mode 100644 index 00000000..1014aacf --- /dev/null +++ b/src/app/routes/usercenter/components/freight/list/new/new.component.less @@ -0,0 +1,95 @@ +: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%; + } + } + } + /deep/ .ant-row { + margin-left: 100px; + } + } +} diff --git a/src/app/routes/usercenter/components/freight/list/new/new.component.ts b/src/app/routes/usercenter/components/freight/list/new/new.component.ts new file mode 100644 index 00000000..df20847f --- /dev/null +++ b/src/app/routes/usercenter/components/freight/list/new/new.component.ts @@ -0,0 +1,1400 @@ +import { Component, OnInit, ViewChild } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { apiConf } from '@conf/api.conf'; +import { + SFCascaderWidgetSchema, + SFCheckboxWidgetSchema, + SFComponent, + SFDateWidgetSchema, + SFSchema, + SFSchemaEnum, + SFSelectWidgetSchema, + SFTextareaWidgetSchema, + SFUISchema, + SFUploadWidgetSchema, +} from '@delon/form'; +import { ModalHelper } from '@delon/theme'; +import { EnvironmentService } from '@env/environment.service'; +import { NzCascaderOption } from 'ng-zorro-antd/cascader'; +import { NzMessageService } from 'ng-zorro-antd/message'; +import { NzModalService } from 'ng-zorro-antd/modal'; +import { map } from 'rxjs/operators'; +// import { AccountService } from '../../services/account.service'; +// import { AccountComponentsImgViewComponent } from '../img-view/img-view.component'; + +@Component({ + selector: 'app-account-components-freight-new', + templateUrl: './new.component.html', + styleUrls: ['./new.component.less'], +}) +export class FreightComponentsListNewComponent implements OnInit { + url = `/rule?_allow_anonymous=true`; + + @ViewChild('sf', { static: false }) + sf!: SFComponent; + @ViewChild('sf1', { static: false }) + sf1!: SFComponent; + // @ViewChild('sf2', { static: false }) + // sf2!: SFComponent; + // @ViewChild('sf3', { static: false }) + // sf3!: SFComponent; + telephone = ''; + record: any = {}; + i: any; + schema!: SFSchema; + schema1!: SFSchema; + // schema2!: SFSchema; + // schema3!: SFSchema; + ui!: SFUISchema; + + id!: string; + isEdit!: boolean; + subStep = 0; + infoData: any = {}; + infoData1: any = {}; + infoData2: any = { + accountName: '', + }; + infoData3: any = {}; + branchBankName = ''; + bankArea = ''; + bankName = ''; + bankLogoUrl = ''; + bankRegion: any[] = []; + branchBanks: any[] = []; + signingPeriod = 2; + pdfSrc: any; + result = true; + enterpriseAddressCodeStr = ''; + enterpriseAddressCode: any; + enterpriseBusinessAddressCodeStr = ''; + enterpriseBusinessAddressCode = ''; + taxpayerTypeStr = ''; + regionData: any = []; + aptitudes: any = []; + constructor( + private routerinfo: ActivatedRoute, + public msg: NzMessageService, + private router: Router, + private modalService: NzModalService, + private modal: ModalHelper, + ) {} + ngOnInit() { + this.id = this.routerinfo.snapshot.queryParams.id; + + if (this.routerinfo.snapshot.queryParams.id) { + this.isEdit = true; + this.getApplicationInfo(this.routerinfo.snapshot.queryParams.id); + } else { + this.getUserDetail(); + } + this.initSF(); + } + initSF() { + this.schema = { + properties: { + title1: { + title: '', + type: 'string', + ui: { + widget: 'custom', + }, + }, + + // tipsE: { + // title: '', + // type: 'string', + // ui: { + // widget: 'custom', + // offsetControl: 6, + // }, + // }, + tipsD: { + title: '企业授权函', + type: 'string', + ui: { + widget: 'custom', + }, + }, + tipsE: { + title: '', + type: 'string', + ui: { + widget: 'custom', + offsetControl: 6, + }, + }, + certificatePhotoFront2: { + type: 'string', + title: '', + ui: { + offsetControl: 6, + action: apiConf.fileUpload, + fileType: 'image/png,image/jpeg,image/jpg,image/gif', + fileSize: 5120, + limit: 1, + limitFileCount: 1, + resReName: 'url', + urlReName: 'url', + widget: 'upload', + descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', + data: { + // appId: this.envSrv.getEnvironment().appId, + }, + name: 'multipartFile', + multiple: false, + listType: 'picture-card', + change: (args) => { + if (args.type === 'success') { + this.checkIdCard(args.fileList[0].response.url, 0, 1); + } + }, + } as SFUploadWidgetSchema, + }, + region2: { + type: 'number', + title: '常用服务', + enum: this.regionData, + // default: [110000, 110100, 110105], + ui: { + width: 700, + widget: 'cascader', + valueProperty: 'regionCode', + labelProperty: 'name', + change: (ngModel: string | any[]) => { + const len = ngModel.length - 1; + this.enterpriseAddressCode = ngModel[len]; + // this.getRegionDetailByCode(ngModel[len],'name', 1); // 获取省市区名称 + }, + selectionChange: (values: NzCascaderOption[]) => { + // 获取省市区名称 + const len = values.length - 1; + this.enterpriseAddressCodeStr = values[len].regionFullName.split(',').reverse().join(''); + }, + }, + }, + contactsName: { + title: '推广业务员手机号', + type: 'string', + minLength: 1, + maxLength: 32, + ui: { + width: 700, + placeholder: '请输入您的真实姓名', + errors: { + required: '请输入您的真实姓名', + }, + }, + }, + title99: { + title: '', + type: 'string', + ui: { + widget: 'custom', + }, + }, + tipsA: { + title: '企业管理员证件照', + type: 'string', + ui: { + widget: 'custom', + }, + }, + certificatePhotoFront: { + type: 'string', + title: '', + ui: { + offsetControl: 6, + action: apiConf.fileUpload, + fileType: 'image/png,image/jpeg,image/jpg,image/gif', + fileSize: 5120, + limit: 1, + limitFileCount: 1, + resReName: 'url', + urlReName: 'url', + widget: 'upload', + descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', + data: { + // appId: this.envSrv.getEnvironment().appId, + }, + name: 'multipartFile', + multiple: false, + listType: 'picture-card', + change: (args) => { + if (args.type === 'success') { + this.checkIdCard(args.fileList[0].response.url, 0, 1); + } + }, + } as SFUploadWidgetSchema, + }, + tipsB: { + title: '', + type: 'string', + ui: { + widget: 'custom', + offsetControl: 6, + }, + }, + certificatePhotoBack: { + type: 'string', + title: '', + ui: { + offsetControl: 6, + action: apiConf.fileUpload, + fileType: 'image/png,image/jpeg,image/jpg,image/gif', + fileSize: 5120, + limit: 1, + limitFileCount: 1, + resReName: 'url', + urlReName: 'url', + widget: 'upload', + descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', + data: { + // appId: this.envSrv.getEnvironment().appId, + }, + name: 'multipartFile', + multiple: false, + listType: 'picture-card', + change: (args) => { + if (args.type === 'success') { + this.checkIdCard(args.fileList[0].response.url, 1, 1); + } + }, + } as SFUploadWidgetSchema, + }, + name: { + title: '企业管理员姓名', + type: 'string', + maxLength: 8, + ui: { + width: 700, + placeholder: '请输入营业执照上的企业管理员姓名', + }, + }, + certificateNumber: { + title: '企业管理员身份证号', + type: 'string', + format: 'id-card', + minLength: 1, + maxLength: 18, + ui: { + width: 700, + placeholder: '请输入法定代表人身份证号码', + }, + }, + telephone: { + title: '企业管理员手机号', + type: 'string', + maxLength: 11, + format: 'mobile', + ui: { + placeholder: '请输入企业管理员手机号', + }, + }, + }, + required: ['contactsName'], + }; + this.schema1 = { + properties: { + title1: { + title: '', + type: 'string', + ui: { + widget: 'custom', + }, + }, + tips: { + title: '', + type: 'string', + ui: { + widget: 'custom', + offsetControl: 6, + }, + }, + enterpriseQualificationCertificate: { + type: 'string', + title: '营业执照', + ui: { + action: apiConf.fileUpload, + fileType: 'image/png,image/jpeg,image/jpg,image/gif', + fileSize: 5120, + limit: 1, + limitFileCount: 1, + resReName: 'url', + urlReName: 'url', + widget: 'upload', + descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', + data: { + // appId: this.envSrv.getEnvironment().appId, + }, + name: 'multipartFile', + multiple: false, + listType: 'picture-card', + change: (args) => { + if (args.type === 'success') { + this.checkBusinessLicense(args.fileList[0].response.url); + } + }, + } as SFUploadWidgetSchema, + }, + unifiedSocialCreditCode: { + title: '统一社会信用代码', + type: 'string', + minLength: 1, + maxLength: 18, + ui: { + width: 700, + optionalHelp: + '为了企业用户的使用体验，若公司代码即统一社会信用代码已在本应用其他关联平台注册，则此处填写的公司资料将同步更新至对应已注册的平台', + placeholder: '请输入营业执照上的统一社会信用代码', + errors: { + required: '请输入18位公司代码', + }, + }, + }, + enterpriseName: { + title: '公司名称', + type: 'string', + minLength: 2, + maxLength: 100, + ui: { + width: 700, + placeholder: '请输入公司名称', + errors: { + required: '请输入公司名称', + }, + }, + }, + enterpriseType: { + title: '公司类型', + type: 'string', + minLength: 1, + maxLength: 30, + ui: { + width: 700, + placeholder: '请输入公司类型', + errors: { + required: '请输入公司类型', + }, + }, + }, + region: { + type: 'number', + title: '营业执照所在地', + enum: this.regionData, + // default: [110000, 110100, 110105], + ui: { + width: 700, + widget: 'cascader', + valueProperty: 'regionCode', + labelProperty: 'name', + change: (ngModel: string | any[]) => { + const len = ngModel.length - 1; + this.enterpriseAddressCode = ngModel[len]; + // this.getRegionDetailByCode(ngModel[len],'name', 1); // 获取省市区名称 + }, + selectionChange: (values: NzCascaderOption[]) => { + // 获取省市区名称 + const len = values.length - 1; + this.enterpriseAddressCodeStr = values[len].regionFullName.split(',').reverse().join(''); + }, + }, + }, + enterpriseAddress: { + title: '营业执照详细地址', + type: 'string', + minLength: 1, + maxLength: 240, + ui: { + width: 700, + widget: 'textarea', + autosize: { minRows: 2, maxRows: 5 }, + placeholder: '请输入营业执照上的完整详细地址', + errors: { + required: '请输入营业执照上的完整详细地址', + }, + } as SFTextareaWidgetSchema, + }, + + title2: { + title: '', + type: 'string', + ui: { + widget: 'custom', + }, + }, + tipsC: { + title: '法定代表人证件照', + type: 'string', + ui: { + widget: 'custom', + // offsetControl: 6, + }, + }, + tipsA: { + title: '', + type: 'string', + ui: { + widget: 'custom', + offsetControl: 6, + }, + }, + certificatePhotoFront: { + type: 'string', + title: '', + ui: { + offsetControl: 6, + action: apiConf.fileUpload, + fileType: 'image/png,image/jpeg,image/jpg,image/gif', + fileSize: 5120, + limit: 1, + limitFileCount: 1, + resReName: 'url', + urlReName: 'url', + widget: 'upload', + descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', + data: { + // appId: this.envSrv.getEnvironment().appId, + }, + name: 'multipartFile', + multiple: false, + listType: 'picture-card', + change: (args) => { + if (args.type === 'success') { + this.checkIdCard(args.fileList[0].response.url, 0, 1); + } + }, + } as SFUploadWidgetSchema, + }, + tipsB: { + title: '', + type: 'string', + ui: { + widget: 'custom', + offsetControl: 6, + }, + }, + certificatePhotoBack: { + type: 'string', + title: '', + ui: { + offsetControl: 6, + action: apiConf.fileUpload, + fileType: 'image/png,image/jpeg,image/jpg,image/gif', + fileSize: 5120, + limit: 1, + limitFileCount: 1, + resReName: 'url', + urlReName: 'url', + widget: 'upload', + descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M', + data: { + // appId: this.envSrv.getEnvironment().appId, + }, + name: 'multipartFile', + multiple: false, + listType: 'picture-card', + change: (args) => { + if (args.type === 'success') { + this.checkIdCard(args.fileList[0].response.url, 1, 1); + } + }, + } as SFUploadWidgetSchema, + }, + name: { + title: '法人姓名', + type: 'string', + maxLength: 8, + ui: { + width: 700, + placeholder: '请输入营业执照上的法人姓名', + }, + }, + region2: { + type: 'number', + title: '法人证件类型', + enum: this.regionData, + // default: [110000, 110100, 110105], + ui: { + width: 700, + widget: 'cascader', + valueProperty: 'regionCode', + labelProperty: 'name', + change: (ngModel: string | any[]) => { + const len = ngModel.length - 1; + this.enterpriseAddressCode = ngModel[len]; + // this.getRegionDetailByCode(ngModel[len],'name', 1); // 获取省市区名称 + }, + selectionChange: (values: NzCascaderOption[]) => { + // 获取省市区名称 + const len = values.length - 1; + this.enterpriseAddressCodeStr = values[len].regionFullName.split(',').reverse().join(''); + }, + }, + }, + certificateNumber: { + title: '法定代表人身份证号码', + type: 'string', + format: 'id-card', + minLength: 1, + maxLength: 18, + ui: { + width: 700, + placeholder: '请输入法定代表人身份证号码', + }, + }, + validStartTime: { + title: '身份证有效开始日期', + type: 'string', + ui: { + widget: 'date', + format: 'yyyy-MM-dd', + placeholder: '请选择', + errors: { + required: '请选择开始日期', + }, + change: (i) => { + // this.sf1?.setValue('/dateType1', false); + }, + } as SFDateWidgetSchema, + }, + validEndTime: { + title: '身份证有效截止日期', + type: 'string', + ui: { + widget: 'date', + format: 'yyyy-MM-dd', + placeholder: '请选择', + errors: { + required: '请选择截止日期', + }, + change: (i) => { + this.sf1?.setValue('/dateType1', false); + }, + } as SFDateWidgetSchema, + }, + dateType1: { + title: '长期', + type: 'boolean', + // enum: [{ label: '长期', value: true }], + ui: { + widget: 'checkbox', + change: (i) => this.longTime(i, 'schema11'), + } as SFCheckboxWidgetSchema, + }, + }, + required: [ + 'enterpriseQualificationCertificate', + 'unifiedSocialCreditCode', + 'enterpriseName', + 'enterpriseType', + 'region', + 'enterpriseAddress', + 'registrationCapital', + 'enterpriseRegistrationTime', + 'operatingEndTime', + 'operatingStartTime', + 'dateType', + 'businessScope', + 'certificatePhotoFront', + 'certificatePhotoBack', + 'name', + 'certificateNumber', + 'validStartTime', + 'validEndTime', + 'dateType1', + ], + }; + + this.ui = { + '*': { + spanLabelFixed: 180, + grid: { span: 24 }, + }, + $title1: { + spanLabelFixed: 0, + }, + $title99: { + spanLabelFixed: 0, + }, + $title2: { + spanLabelFixed: 0, + }, + $title3: { + spanLabelFixed: 0, + }, + $registrationCapital: { + spanLabelFixed: 180, + grid: { span: 11 }, + }, + $unit: { + spanLabelFixed: 100, + grid: { span: 6 }, + }, + }; + } + submitForm() { + + } + // submitForm() { + // // 营业执照基本信息 + // if (!this.sf.value.contactsName) { + // // this.service.msgSrv.warning('请填写申请人姓名'); + // return; + // } + // if (!this.sf1.value.enterpriseQualificationCertificate) { + // // this.service.msgSrv.warning('请上传营业执照'); + // return; + // } + // if (!this.sf1.value.unifiedSocialCreditCode) { + // // this.service.msgSrv.warning('请填写统一社会信用代码'); + // return; + // } + // if (!this.sf1.value.enterpriseName) { + // // this.service.msgSrv.warning('请填写公司名称'); + // return; + // } + // if (!this.sf1.value.enterpriseType) { + // // this.service.msgSrv.warning('请填写公司类型'); + // return; + // } + // if (!this.sf1.value.region) { + // // this.service.msgSrv.warning('请选择所在地区'); + // return; + // } + // if (!this.sf1.value.enterpriseAddress) { + // // this.service.msgSrv.warning('请填写营业执照详细地址'); + // return; + // } + // if (!this.sf1.value.registrationCapital) { + // // this.service.msgSrv.warning('请填写注册资本'); + // return; + // } + // if (!this.sf1.value.enterpriseRegistrationTime) { + // // this.service.msgSrv.warning('请选择成立日期'); + // return; + // } + // if (!this.sf1.value.operatingStartTime) { + // // this.service.msgSrv.warning('请选择营业期限开始日期'); + // return; + // } + // if (this.sf1.value.dateType !== true) { + // if (!this.sf1.value.operatingEndTime) { + // this.service.msgSrv.warning('请选择营业期限结束日期'); + // return; + // } + // if (this.sf1.value.operatingEndTime <= this.sf1.value.operatingStartTime) { + // this.service.msgSrv.warning('营业期限结束日期不能小于或等于开始日期'); + // return; + // } + // } + // if (!this.sf1.value.businessScope) { + // this.service.msgSrv.warning('请填写经营范围'); + // return; + // } + // if (!this.sf1.value.certificatePhotoFront) { + // this.service.msgSrv.warning('请上传身份证正面照'); + // return; + // } + // if (!this.sf1.value.certificatePhotoBack) { + // this.service.msgSrv.warning('请上传身份证反面照'); + // return; + // } + // if (!this.sf1.value.name) { + // this.service.msgSrv.warning('请填写法定代表人'); + // return; + // } + // if (!this.sf1.value.certificateNumber) { + // this.service.msgSrv.warning('请填写法定代表人身份证号'); + // return; + // } + // if (!this.sf1.value.validStartTime) { + // this.service.msgSrv.warning('请选择身份证有效开始日期'); + // return; + // } + // if (this.sf1.value.dateType1 !== true) { + // if (!this.sf1.value.validEndTime) { + // this.service.msgSrv.warning('请选择身份证有效截止日期'); + // return; + // } + // if (this.sf1.value.validEndTime <= this.sf1.value.validStartTime) { + // this.service.msgSrv.warning('身份证有效截止日期不能小于或等于开始日期'); + // return; + // } + // } + // const params: any = { + // contactsName: this.sf.value.contactsName, + // contactsPhone: this.sf.value.telephone, + // certificateNumber: this.sf1.value.certificateNumber, + // unifiedSocialCreditCode: this.sf1.value.unifiedSocialCreditCode, + // enterpriseAddressCodeStr: this.sf1.value.enterpriseAddressCodeStr, + // enterpriseAddressCode: this.sf1.value.region[2], + // enterpriseAddress: this.sf1.value.enterpriseAddress, + // enterpriseName: this.sf1.value.enterpriseName, + // enterpriseNameAbbreviation: this.sf1.value.enterpriseNameAbbreviation, + // enterpriseQualificationCertificate: this.sf1.value.enterpriseQualificationCertificate, + // enterpriseType: this.sf1.value.enterpriseType, + // enterpriseTelephone: this.sf1.value.enterpriseTelephone, + // enterpriseRegistrationTime: this.sf1.value.enterpriseRegistrationTime, + // businessScope: this.sf1.value.businessScope, + // operatingEndTime: this.sf1.value.operatingEndTime, + // operatingStartTime: this.sf1.value.operatingStartTime, + // organizationCode: this.sf1.value.organizationCode, + // registrationCapital: this.sf1.value.registrationCapital, + + // legalPersonIdentity: { + // // ...this.sf1.value, + // validStartTime: this.sf1.value.validStartTime, + // validEndTime: this.sf1.value.validEndTime, + // certificatePhotoBack: this.sf1.value.certificatePhotoBack, + // certificateNumber: this.sf1.value.certificateNumber, + // certificatePhotoFront: this.sf1.value.certificatePhotoFront, + // certificateType: this.sf1.value.certificateType, + // handCertificate: this.sf1.value.handCertificate, + // name: this.sf1.value.name, + // }, + // }; + // if (this.routerinfo.snapshot.queryParams.id) { + // params.id = this.routerinfo.snapshot.queryParams.id; + // } + // delete params?.tips; + // this.service.http.post(this.service.$api_supplierSubmitInfo, params).subscribe((res) => { + // if (res) { + // this.getApplicationInfo(res.data?.id); + // } + // }); + // } + getUserDetail() { + // this.service.http.post(this.service.$api_get_current_user_detail).subscribe((res) => { + // if (res) { + // this.infoData.telephone = res.data.phone; + // this.initSF(); + // } + // }); + } + + viewImg(image: any) { + // this.modal.createStatic(AccountComponentsImgViewComponent, { i: { imgUrl: image } }).subscribe(() => { + // // this.st.reload(); + // }); + } + getRegionToThree() { + // 获取一、二、三级地区详情 + // this.service.http.post(this.service.$api_getRegionToThree).subscribe((res) => { + // this.regionData = res.data; + // this.initSF(); + // }); + } + getApplicationInfo(id: string) { + // 查询申请信息详情 + const params: any = { + id, + }; + // this.service.http.post(this.service.$api_getSupplierEntryDetailInfo, params).subscribe((res) => { + // this.infoData.updateTime = res.data.updateTime; + // this.infoData.auditStatus = res.data.auditStatus; + // this.infoData.auditOpinion = res.data.auditOpinion; + // this.infoData1.contactsName = res.data.contactsName; + // this.infoData1.operationUserPhone = res.data.contactsPhone; + // this.infoData1.enterpriseName = res.data.enterpriseName; + // this.infoData1.unifiedSocialCreditCode = res.data.unifiedSocialCreditCode; + // this.infoData1.enterpriseType = res.data.enterpriseType; + // this.infoData1.registrationCapital = res.data.registrationCapital; + // this.infoData1.enterpriseRegistrationTime = res.data.operatingStartTime; + // this.infoData1.enterpriseRegistrationTime = res.data.operatingStartTime; + // this.infoData1.operatingStartTime = res.data.operatingStartTime; + // this.infoData1.operatingEndTime = res.data.operatingEndTime; + // this.infoData1.operatingEndTime = res.data.operatingEndTime; + // this.enterpriseAddressCodeStr = res.data.enterpriseAddressCodeStr; + // this.infoData1.enterpriseAddress = res.data.enterpriseAddress; + // this.infoData1.enterpriseBusinessAddress = res.data.enterpriseAddress; + // this.infoData1.businessScope = res.data.businessScope; + // this.infoData1.name = res.data.name; + // this.infoData1.certificateNumber = res.data.certificateNumber; + // this.infoData1.validStartTime = res.data.validStartTime; + // this.infoData1.validEndTime = res.data.validEndTime; + // this.infoData1.certificatePhotoFront = res.data.certificatePhotoFront; + // this.infoData1.enterpriseQualificationCertificate = res.data.enterpriseQualificationCertificate; + // this.infoData1.certificatePhotoBackurl = res.data.certificatePhotoBack; + // this.infoData1.certificatePhotoFronturl = res.data.certificatePhotoFront; + // this.infoData1.enterpriseQualificationCertificateurl = res.data.enterpriseQualificationCertificate; + + // this.infoData1.certificatePhotoBack = res.data.certificatePhotoBack; + // this.signingPeriod = res.data.signingPeriod; + // if (res.data) { + // // 申请人信息 + // this.infoData.certificatePhotoBack = [ + // { + // uid: -1, + // name: 'LOGO', + // status: 'done', + // url: res.data.certificatePhotoBack, + // response: { + // url: res.data.certificatePhotoBack, + // }, + // }, + // ]; + // this.infoData.certificatePhotoFront = [ + // { + // uid: -1, + // name: 'LOGO', + // status: 'done', + // url: res.data.certificatePhotoFront, + // response: { + // url: res.data.certificatePhotoFront, + // }, + // }, + // ]; + // if (!res.data.validEndTime) { + // this.infoData1.dateType1 = true; + // // this.sf.getProperty('/validStartTime').schema.readOnly = true; + // // this.sf.getProperty('/validEndTime').schema.readOnly = true; + // } + // } + // if (res.data) { + // // 营业执照基本信息 + // this.infoData1.enterpriseQualificationCertificate = [ + // { + // uid: -1, + // name: 'LOGO', + // status: 'done', + // url: res.data.enterpriseQualificationCertificate, + // response: { + // url: res.data.enterpriseQualificationCertificate, + // }, + // }, + // ]; + // this.infoData1.certificatePhotoFront = [ + // { + // uid: -1, + // name: 'LOGO', + // status: 'done', + // url: res.data.certificatePhotoFront, + // response: { + // url: res.data.certificatePhotoFront, + // }, + // }, + // ]; + // this.infoData1.certificatePhotoBack = [ + // { + // uid: -1, + // name: 'LOGO', + // status: 'done', + // url: res.data.certificatePhotoBack, + // response: { + // url: res.data.certificatePhotoBack, + // }, + // }, + // ]; + // this.infoData1.unifiedSocialCreditCode = res.data.unifiedSocialCreditCode; + // this.infoData1.enterpriseName = res.data.enterpriseName; + // this.infoData1.enterpriseType = res.data.enterpriseType; + // this.infoData1.enterpriseAddress = res.data.enterpriseAddress; + // // this.infoData1.enterpriseAddressCodeStr = res.data.businessLicenseJson.enterpriseAddressCodeStr; + // // this.infoData1.enterpriseBusinessAddressCodeStr = res.data.businessLicenseJson.enterpriseBusinessAddressCodeStr; + // this.infoData1.registrationCapital = res.data.registrationCapital; + // this.infoData1.enterpriseRegistrationTime = res.data.enterpriseRegistrationTime; + // this.infoData1.operatingStartTime = res.data.operatingStartTime; + // this.infoData1.operatingEndTime = res.data.operatingEndTime; + // this.infoData1.businessScope = res.data.businessScope; + // this.enterpriseAddressCodeStr = res.data.enterpriseAddressCodeStr; + // this.enterpriseAddressCode = +res.data.enterpriseAddressCode; + // this.getRegionDetailByCode(res.data.enterpriseAddressCode); + + // this.enterpriseBusinessAddressCodeStr = res.data.enterpriseBusinessAddressCodeStr; + // this.enterpriseBusinessAddressCode = res.data.enterpriseBusinessAddressCode; + // if (!res.data.operatingEndTime) { + // this.infoData1.dateType = true; + // } + // this.infoData.contactsName = res.data.contactsName; + // this.infoData.telephone = res.data.contactsPhone; + // } + + // if (res.data.auditStatus === 0 || res.data.auditStatus === 2 || res.data.auditStatus === 3) { + // // 1：待审核,2:复审，3：终审,5:已驳回 + // } else if (res.data.auditStatus === 1) { + // // 4：待签约 + // // this.getPdf(); + // // this.getEnterpriseInfo(this.id); + // } else if (res.data.auditStatus === 4) { + // // 6：已终止,7:已成功 + // this.step = 3; + // } + // this.initSF(); + // }); + } + getApplicationInfo2(id: string) { + // 查询申请信息详情 + const params: any = { + id, + }; + // this.service.http.post(this.service.$api_getSupplierEntryDetailInfo, params).subscribe((res) => { + // this.infoData.updateTime = res.data.updateTime; + // this.infoData.auditStatus = res.data.auditStatus; + // this.infoData.auditOpinion = res.data.auditOpinion; + // this.infoData1.contactsName = res.data.contactsName; + // this.infoData1.enterpriseName = res.data.enterpriseName; + // this.infoData1.unifiedSocialCreditCode = res.data.unifiedSocialCreditCode; + // this.infoData1.enterpriseType = res.data.enterpriseType; + // this.infoData1.registrationCapital = res.data.registrationCapital; + // this.infoData1.enterpriseRegistrationTime = res.data.operatingStartTime; + // this.infoData1.enterpriseRegistrationTime = res.data.operatingStartTime; + // this.infoData1.operatingStartTime = res.data.operatingStartTime; + // this.infoData1.operatingEndTime = res.data.operatingEndTime; + // this.infoData1.operatingEndTime = res.data.operatingEndTime; + // this.enterpriseAddressCodeStr = res.data.enterpriseAddressCodeStr; + // this.infoData1.enterpriseAddress = res.data.enterpriseAddress; + // this.infoData1.enterpriseBusinessAddress = res.data.enterpriseAddress; + // this.infoData1.businessScope = res.data.businessScope; + // this.infoData1.name = res.data.name; + // this.infoData1.certificateNumber = res.data.certificateNumber; + // this.infoData1.validStartTime = res.data.validStartTime; + // this.infoData1.validEndTime = res.data.validEndTime; + // this.infoData1.certificatePhotoFront = res.data.certificatePhotoFront; + // this.infoData1.enterpriseQualificationCertificate = res.data.enterpriseQualificationCertificate; + // this.infoData1.certificatePhotoBackurl = res.data.certificatePhotoBack; + // this.infoData1.certificatePhotoFronturl = res.data.certificatePhotoFront; + // this.infoData1.enterpriseQualificationCertificateurl = res.data.enterpriseQualificationCertificate; + + // this.infoData1.certificatePhotoBack = res.data.certificatePhotoBack; + // this.signingPeriod = res.data.signingPeriod; + // if (res.data) { + // // 申请人信息 + // this.infoData.certificatePhotoBack = [ + // { + // uid: -1, + // name: 'LOGO', + // status: 'done', + // url: res.data.certificatePhotoBack, + // response: { + // url: res.data.certificatePhotoBack, + // }, + // }, + // ]; + // this.infoData.certificatePhotoFront = [ + // { + // uid: -1, + // name: 'LOGO', + // status: 'done', + // url: res.data.certificatePhotoFront, + // response: { + // url: res.data.certificatePhotoFront, + // }, + // }, + // ]; + // if (!res.data.validEndTime) { + // this.infoData1.dateType = true; + // // this.sf.getProperty('/validStartTime').schema.readOnly = true; + // // this.sf.getProperty('/validEndTime').schema.readOnly = true; + // } + // } + // if (res.data) { + // // 营业执照基本信息 + // this.infoData1.enterpriseQualificationCertificate = [ + // { + // uid: -1, + // name: 'LOGO', + // status: 'done', + // url: res.data.enterpriseQualificationCertificate, + // response: { + // url: res.data.enterpriseQualificationCertificate, + // }, + // }, + // ]; + // this.infoData1.certificatePhotoFront = [ + // { + // uid: -1, + // name: 'LOGO', + // status: 'done', + // url: res.data.certificatePhotoFront, + // response: { + // url: res.data.certificatePhotoFront, + // }, + // }, + // ]; + // this.infoData1.certificatePhotoBack = [ + // { + // uid: -1, + // name: 'LOGO', + // status: 'done', + // url: res.data.certificatePhotoBack, + // response: { + // url: res.data.certificatePhotoBack, + // }, + // }, + // ]; + // this.infoData1.unifiedSocialCreditCode = res.data.unifiedSocialCreditCode; + // this.infoData1.enterpriseName = res.data.enterpriseName; + // this.infoData1.enterpriseType = res.data.enterpriseType; + // this.infoData1.enterpriseAddress = res.data.enterpriseAddress; + // // this.infoData1.enterpriseAddressCodeStr = res.data.businessLicenseJson.enterpriseAddressCodeStr; + // // this.infoData1.enterpriseBusinessAddressCodeStr = res.data.businessLicenseJson.enterpriseBusinessAddressCodeStr; + // this.infoData1.registrationCapital = res.data.registrationCapital; + // this.infoData1.enterpriseRegistrationTime = res.data.enterpriseRegistrationTime; + // this.infoData1.operatingStartTime = res.data.operatingStartTime; + // this.infoData1.operatingEndTime = res.data.operatingEndTime; + // this.infoData1.businessScope = res.data.businessScope; + // this.enterpriseAddressCodeStr = res.data.enterpriseAddressCodeStr; + // this.enterpriseAddressCode = +res.data.enterpriseAddressCode; + // this.getRegionDetailByCode(res.data.enterpriseAddressCode); + + // this.enterpriseBusinessAddressCodeStr = res.data.enterpriseBusinessAddressCodeStr; + // this.enterpriseBusinessAddressCode = res.data.enterpriseBusinessAddressCode; + // if (!res.data.operatingEndTime) { + // this.infoData1.dateType1 = true; + // } + // this.infoData.contactsName = res.data.contactsName; + // this.infoData.telephone = res.data.contactsPhone; + // this.infoData1.operationUserPhone = res.data.contactsPhone; + // } + // this.initSF(); + // }); + } + reloadApply() { + // 重新申请入驻 + this.modalService.confirm({ + nzTitle: '确定要重新申请入驻吗？', + nzContent: '当前申请已填写的资料将清空，重新申请需要重新填写资料', + nzOnOk: () => + new Promise((resolve, reject) => { + this.sf.reset(); + resolve(1); + }).catch(() => console.log('Oops errors!')), + }); + } + + updateBranchList(bankId: any, regionCode: any) { + // return this.service + // .loadBranchBankList(bankId, regionCode) + // .pipe( + // map((data) => { + // return data.map((m) => { + // return { label: m.branchName, value: m.branchCode }; + // }); + // }), + // ) + // .subscribe((res) => { + // // this.sf2.getProperty('/bankBranchName')!.schema.enum = res; + // // this.sf2.getProperty('/bankBranchName')!.widget.reset(res || res[0]); + // this.branchBanks = res || []; + // // this.initSF(); + // }); + } + loadBranchBanks(bankId: any, regionCode: any) { + // this.service + // .loadBranchBankList(bankId, regionCode) + // .pipe( + // map((data) => { + // return data.map((m) => { + // return { label: m.branchName, value: m.branchCode }; + // }); + // }), + // ) + // .subscribe((res: any[]) => { + // this.branchBanks = res || []; + // this.getUserDetail(); + this.loadBrandDist(); + this.updateBranchList(bankId, regionCode); + // }); + } + loadBrandDist() { + // this.service.http.post(this.service.$api_get_all_region).subscribe((res) => { + // const data = res.data; + // data.forEach((item: { children: any[] }) => { + // item.children.forEach((element: { isLeaf: boolean }) => { + // element.isLeaf = true; + // }); + // }); + // // this.sf2.getProperty('/bankAreaArr').schema.enum = data; + // // this.sf2.getProperty('/bankAreaArr').widget.reset(data); + // this.bankRegion = data; + // this.initSF(); + // }); + } + + getProvinceData() { + // return this.service.http.post(this.service.$api_getRegionByCode, { regionCode: '' }).pipe( + // map((res) => { + // return res.data.map((m: { name: any; regionCode: any }) => { + // return { label: m.name, value: m.regionCode }; + // }); + // }), + // ); + } + updateArea(parentId: string, target: string, type: number, nextTarget: string, sfObj: SFComponent): any { + // 改变二级数据时，同时清空三级数据 + if (type === 2 && sfObj) { + sfObj.getProperty(nextTarget)!.schema.enum = []; + sfObj.getProperty(nextTarget)!.widget.reset([]); + sfObj.getProperty(nextTarget)!.setValue(null, true); + } + + if (!parentId && sfObj) { + sfObj.getProperty(target)!.schema.enum = []; + sfObj.getProperty(target)!.widget.reset([]); + sfObj.getProperty(target)!.setValue(null, true); + } else { + // return this.service.http + // .get(this.service.$api_getRegionByCode, { regionCode: parentId }) + // .pipe( + // map((res) => { + // return res.data.map((m: { regionFullName: string; name: any; regionCode: any }) => { + // const fullName = m.regionFullName.split(',').reverse().join(''); + // return { label: m.name, value: m.regionCode, fullName }; + // }); + // }), + // ) + // .subscribe((res) => { + // sfObj.getProperty(target)!.schema.enum = res; + // sfObj.getProperty(target)!.widget.reset(res); + // }); + } + } + getCategoryList() { + // return this.service.http.post(this.service.$api_getCategoryList, { id: '' }).pipe( + // map((data) => { + // return data.data.map((m: { name: any; id: any }) => { + // return { label: m.name, value: m.id }; + // }); + // }), + // ); + // .subscribe((res) => { + // this.sf3.getProperty('/classify').schema.enum = res; + // this.sf3.getProperty('/classify').widget.reset(res || res[0]); + // }); + } + getEnterpriseInfo(id: any) { + // 查询企业信息详情 + const params: any = { + id, + }; + // this.service.http.post(this.service.$api_getEnterpriseInfo, params).subscribe((res) => { + // this.signingPeriod = res.data.signingPeriod; + // }); + } + + + + auditSupplier(contractNo: any) { + // 审核供应商,签署成功需要调此接口 + const params = { + auditStatus: 7, + id: this.id, + contractNum: contractNo, + }; + // this.service.request(this.service.$api_auditSupplier, params).subscribe((res) => { + // this.service.msgSrv.success('签署成功！'); + // this.step = 3; + // this.infoData.auditStatus = 7; + // }); + } + cancel(): void { + this.msg.info('已取消'); + } + /* + * 根据地区code查询地区详情 + * code：请求参数 + * type：参数 name：获取省市区名称，fullcode：获取省市区code + * num：参数 1：第一个地区选择，2：第二个地区选择 + */ + getRegionDetailByCode(code: any) { + // 根据地区code查询地区详情 + // this.service.http.post(this.service.$api_getRegionDetailByCode, { regionCode: code }).subscribe((res) => { + // // 供选择地区保存-获取省市区名称 + // // 第二个地区选择 + + // const a = res.data.regionFullCodes.split(','); + + // this.sf1?.setValue('/region', [+a[0], +a[1], +a[2]]); + // this.enterpriseBusinessAddressCodeStr = res.data.regionFullName.replace(/,/g, ''); + // }); + } + longTime(i: boolean | SFSchemaEnum[], type: string) { + if (type === 'schema') { + if (i) { + // this.sf?.setValue('/validStartTime', Date); + this.sf?.setValue('/validEndTime', Date); + // this.sf.getProperty('/validStartTime').schema.readOnly = true; + this.sf.getProperty('/validEndTime')!.schema.readOnly = true; + } else { + // this.sf.getProperty('/validStartTime').schema.readOnly = false; + this.sf.getProperty('/validEndTime')!.schema.readOnly = false; + } + } + if (type === 'schema1') { + if (i) { + // this.sf1?.setValue('/operatingStartTime', Date); + this.sf1?.setValue('/operatingEndTime', Date); + // this.sf1.getProperty('/operatingStartTime').schema.readOnly = true; + this.sf1.getProperty('/operatingEndTime')!.schema.readOnly = true; + } else { + // this.sf1.getProperty('/operatingStartTime').schema.readOnly = false; + this.sf1.getProperty('/operatingEndTime')!.schema.readOnly = false; + } + } + if (type === 'schema11') { + if (i) { + // this.sf1?.setValue('/validStartTime', Date); + this.sf1?.setValue('/validEndTime', Date); + // this.sf1.getProperty('/validStartTime').schema.readOnly = true; + this.sf1.getProperty('/validEndTime')!.schema.readOnly = true; + } else { + // this.sf1.getProperty('/validStartTime').schema.readOnly = false; + this.sf1.getProperty('/validEndTime')!.schema.readOnly = false; + } + } + } + prev() { + // 返回上一步 + if (this.subStep > 0) { + this.subStep--; + } + if (this.subStep === 2) { + if (this.id) { + this.loadBranchBanks(this.infoData2.bankCode, this.infoData2.bankAddressCode); + } else { + this.loadBrandDist(); + } + } + } + clearData() { + // 重新申请 + const params: any = { + id: this.id, + }; + // this.service.request(this.service.$api_deleteApplyCache, params).subscribe((res) => { + // if (res) { + // this.service.msgSrv.success('已清除申请资料，请重新申请！'); + // this.edit(); + // this.id = ''; + // this.infoData = {}; + // this.infoData1 = {}; + // this.infoData2 = { + // accountName: '', + // }; + // this.infoData3 = {}; + // } + // }); + } + edit() { + this.subStep = 0; + this.getApplicationInfo2(this.routerinfo.snapshot.queryParams.id); + } + goPage(page: string) { + if (page === 'list') { + this.router.navigate(['./account/role']); + } else { + this.router.navigate(['./account/apply-list']); + } + } + goBack() { + window.history.go(-1); + } + onChange(result: Date): void {} + refreshPage() { + window.location.reload(); + } + checkIdCard(imgurl: any, isFront: number, type: number) { + // 识别身份证 参数isFront：0-正面、1-背面；type：0-申请人身份证，1-法定代表人身份证 + const params = { + idCardImagePath: imgurl, + isFront, + }; + // this.service.request(this.service.$api_checkIdCard, params).subscribe((res) => { + // if (res) { + // if (type === 0) { + // // 申请人身份证 + // if (isFront === 0) { + // // 正面 + // if (res.name) { + // this.sf.setValue('/name', res.name); + // } + // if (res.idCardNumber) { + // this.sf.setValue('/certificateNumber', res.idCardNumber); + // } + // } + // if (isFront === 1) { + // // 背面 + // if (res.validFrom) { + // this.sf.setValue('/validStartTime', res.validFrom); + // } + // if (res.validTo) { + // this.sf.setValue('/validEndTime', res.validTo); + // } + // } + // } + // if (type === 1) { + // // 法定代表人身份证 + // if (isFront === 0) { + // // 正面 + // if (res.name) { + // this.sf1.setValue('/name', res.name); + // } + // if (res.idCardNumber) { + // this.sf1.setValue('/certificateNumber', res.idCardNumber); + // } + // } + // if (isFront === 1) { + // // 背面 + // if (res.validFrom) { + // this.sf1.setValue('/validStartTime', res.validFrom); + // } + // if (res.validTo) { + // this.sf1.setValue('/validEndTime', res.validTo); + // } + // } + // } + // } + // }); + } + checkBusinessLicense(imgurl: any) { + // 识别营业执照 + const params = { + licenseImagePath: imgurl, + }; + // this.service.request(this.service.$api_checkBusinessLicense, params).subscribe((res) => { + // if (res) { + // if (res.unifiedSocialCreditCode) { + // this.sf1.setValue('/unifiedSocialCreditCode', res.unifiedSocialCreditCode); + // } + // if (res.enterpriseName) { + // this.sf1.setValue('/enterpriseName', res.enterpriseName); + // } + // if (res.enterpriseType) { + // this.sf1.setValue('/enterpriseType', res.enterpriseType); + // } + // if (res.addressRegionCodes) { + // this.sf1.setValue('/region', res.addressRegionCodes); + // } + // if (res.address) { + // this.sf1.setValue('/enterpriseAddress', res.address); + // } + // if (res.foundDate) { + // this.sf1.setValue('/enterpriseRegistrationTime', res.foundDate); + // } + // if (res.registeredCapital) { + // this.sf1.setValue('/registrationCapital', res.registeredCapital); + // } + // if (res.businessTermStartDate) { + // this.sf1.setValue('/operatingStartTime', res.businessTermStartDate); + // } + // if (res.businessTermEndDate) { + // this.sf1.setValue('/operatingEndTime', res.businessTermEndDate); + // } + // if (res.businessScope) { + // this.sf1.setValue('/businessScope', res.businessScope); + // } + // const len = res.addressRegionCodes.length - 1; + // this.enterpriseAddressCode = res.addressRegionCodes[len]; + // this.enterpriseAddressCodeStr = res.addressRegionNames; + // if (!res.businessTermEndDate) { + // this.sf1.setValue('/dateType', true); + // } + // } + // }); + } + + // resetForm(): void { + // this.infoData.reset(); + // } +} diff --git a/src/app/routes/usercenter/components/freight/list/view/view.component.html b/src/app/routes/usercenter/components/freight/list/view/view.component.html new file mode 100644 index 00000000..96d0bc91 --- /dev/null +++ b/src/app/routes/usercenter/components/freight/list/view/view.component.html @@ -0,0 +1,49 @@ + + + + + + + + + + + + +

道路运输经营许可证

+ +
+ + +
+ + + + diff --git a/src/app/routes/usercenter/components/freight/list/view/view.component.less b/src/app/routes/usercenter/components/freight/list/view/view.component.less new file mode 100644 index 00000000..48f605d9 --- /dev/null +++ b/src/app/routes/usercenter/components/freight/list/view/view.component.less @@ -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; + } + } +} diff --git a/src/app/routes/usercenter/components/freight/list/view/view.component.spec.ts b/src/app/routes/usercenter/components/freight/list/view/view.component.spec.ts new file mode 100644 index 00000000..6e2a7782 --- /dev/null +++ b/src/app/routes/usercenter/components/freight/list/view/view.component.spec.ts @@ -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; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [FreightComponentsListViewComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(FreightComponentsListViewComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/routes/usercenter/components/freight/list/view/view.component.ts b/src/app/routes/usercenter/components/freight/list/view/view.component.ts new file mode 100644 index 00000000..f72bb40a --- /dev/null +++ b/src/app/routes/usercenter/components/freight/list/view/view.component.ts @@ -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) => { + 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; + } + }); + } +} diff --git a/src/app/routes/usercenter/services/usercenter.service.ts b/src/app/routes/usercenter/services/usercenter.service.ts new file mode 100644 index 00000000..f73600a1 --- /dev/null +++ b/src/app/routes/usercenter/services/usercenter.service.ts @@ -0,0 +1,91 @@ +/* + * @Author: your name + * @Date: 2021-11-29 15:22:34 + * @LastEditTime: 2021-11-29 15:43:42 + * @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\services\usercenter.service.ts + */ +import { Injectable, Injector } from '@angular/core'; +import { _HttpClient } from '@delon/theme'; +import { NzMessageService } from 'ng-zorro-antd/message'; +import { BaseService } from 'src/app/shared/services/core/base.service'; +import { EAFileUtil } from 'src/app/shared/utils/file.util'; + +@Injectable({ + providedIn: 'root', +}) +export class UsermanageService extends BaseService { + public $api_add_one!: string; + public $api_add_many!: string; + public $api_edit_one!: string; + public $api_edit_many!: string; + public $api_del_one!: string; + public $api_del_many!: string; + public $api_get_many!: string; + public $api_get_one!: string; + public $api_get_page!: string; + public $api_export!: string; + public $api_import!: string; + public $api_import_download_tpl!: string; + // 平台用户列表 + $api_get_page_user = '/cuc/userApp/getOperatorUserList?_allow_anonymous=true'; + // 获取供应商采购商应用 + $api_get_supplier_purchaserApp = '/cuc/appInfo/getSupplierPurchaserApp?_allow_anonymous=true'; + + // 供应商列表 + $api_get_supplier_page = '/cuc/operator/list/listSupplierPage?_allow_anonymous=true'; + // 供应商详情 + $api_get_supplier_info = '/cuc/operator/selectSupplierDetailInfo?_allow_anonymous=true'; + // 用户冻结或恢复应用用户 + $api_set_freezeOrResume = '/cuc/operator/updateSupplierInfo?_allow_anonymous=true'; + // 获取一、二、三级地区详情 + $api_getRegionToThree = '/cms/region/getRegionToThree?_allow_anonymous=true'; + // 根据地区code查询列表 + $api_getRegionByCode = '/cms/region/getRegionByCode?_allow_anonymous=true'; + + // 根据地区code查询地区详情 + $api_get_region_detailByCode = '/cms/region/getRegionDetailByCode?_allow_anonymous=true'; + // 查询供应商申请列表分页 + $api_get_supplier_audit_page = `/cuc/operator/audit/listSupplierPage?_allow_anonymous=true`; + // 查询供应商入驻详情 + $api_get_supplier_entryInfo = `/cuc/operator/selectSupplierEntryDetailInfo?_allow_anonymous=true`; + // 审核供应商 + $api_auditSupplier = `/cuc/operator/auditSupplier?_allow_anonymous=true`; + // 查询采购商列表分页 + $api_get_purchaserList = `/cuc/operator/list/queryPurchaserPage`; + // 查询采购商申请列表分页 + $api_get_purchaserAudit = `/cuc/operator/audit/queryPurchaserPage`; + // 查询采购商认证详情 + $api_get_purchaser_detailInfo = `/cuc/operator/selectPurchaserDetailInfo`; + + // 查询采购商审核总数 + $api_query_purchaser_count = `/cuc/operator/queryPurchaserCount`; + // 获取供应商审核总数 + $api_query_supplier_count = `/cuc/operator/querySupplierCount`; + + // 审核企业详情 + $api_get_cache_enterprise_info = ''; + // 获取审核进度 + $api_get_progress = '/cuc/reviewRecordInfo/getReviewProgress'; + // 查询流程信息列表 + $api_get_progressInfoList = '/cuc/processInfo/getProcessInfoList'; + // 审核通过 + $api_set_audit_pass = '/cuc/reviewRecordInfo/reviewPassed'; + // 审核拒绝 + $api_set_audit_reject = '/cuc/reviewRecordInfo/reviewRejected'; + + // 发起签约 //撤回签约 + $api_get_startSigning = `/cuc/operator/startSigning?_allow_badcode=true`; + + // 发起续约 //撤回续约 + $api_get_startRenewalContract = `/cuc/operator/startRenewalContract?_allow_badcode=true`; + // 获取审核记录 + $api_get_reviewRecordInfoList = '/cuc/reviewRecordInfo/getReviewRecordInfoList'; + // 查看合同详情 + $api_get_contract_detail = `/scce/etc/etc/contractDetail/getContractByContractNo`; + + constructor(public injector: Injector) { + super(injector); + } +} diff --git a/src/app/routes/usercenter/usercenter-routing.module.ts b/src/app/routes/usercenter/usercenter-routing.module.ts new file mode 100644 index 00000000..c72ff65c --- /dev/null +++ b/src/app/routes/usercenter/usercenter-routing.module.ts @@ -0,0 +1,29 @@ +/* + * @Author: your name + * @Date: 2021-11-29 15:22:34 + * @LastEditTime: 2021-11-29 17:28:57 + * @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 { 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'; + + +const routes: Routes = [ + + { path: 'freight/list', component: FreightComponentsListComponent }, + { path: 'freight/list/view/:id', component: FreightComponentsListViewComponent }, + { path: 'freight/list/new', component: FreightComponentsListNewComponent }, + +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule], +}) +export class UsercenterRoutingModule {} diff --git a/src/app/routes/usercenter/usercenter.module.ts b/src/app/routes/usercenter/usercenter.module.ts new file mode 100644 index 00000000..6a731274 --- /dev/null +++ b/src/app/routes/usercenter/usercenter.module.ts @@ -0,0 +1,26 @@ +/* + * @Author: your name + * @Date: 2021-11-29 15:22:34 + * @LastEditTime: 2021-11-29 17:29:44 + * @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 { 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 { UsercenterRoutingModule } from './usercenter-routing.module'; + +const COMPONENTS = [ + FreightComponentsListComponent, + FreightComponentsListViewComponent, + FreightComponentsListNewComponent +]; + +@NgModule({ + imports: [SharedModule, UsercenterRoutingModule], + declarations: [...COMPONENTS], +}) +export class UsercenterModule {} diff --git a/src/app/shared/shared-zorro.module.ts b/src/app/shared/shared-zorro.module.ts index 8bbf3e97..2e174902 100644 --- a/src/app/shared/shared-zorro.module.ts +++ b/src/app/shared/shared-zorro.module.ts @@ -1,7 +1,11 @@ +import { NzProgressModule } from 'ng-zorro-antd/progress'; +import { NzPopoverModule } from 'ng-zorro-antd/popover'; +import { NzModalModule } from 'ng-zorro-antd/modal'; +import { NzToolTipModule } from 'ng-zorro-antd/tooltip'; /* * @Author: your name * @Date: 2021-11-29 10:20:33 - * @LastEditTime: 2021-11-29 14:59:56 + * @LastEditTime: 2021-11-29 17:25:49 * @LastEditors: Please set LastEditors * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @FilePath: \tms-obc-web\src\app\shared\shared-zorro.module.ts @@ -22,7 +26,10 @@ import { NzSelectModule } from 'ng-zorro-antd/select'; import { NzSpinModule } from 'ng-zorro-antd/spin'; import { NzTableModule } from 'ng-zorro-antd/table'; import { NzListModule } from 'ng-zorro-antd/list'; - +import { NzTagModule } from 'ng-zorro-antd/tag'; +import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm'; +import { NzRateModule } from 'ng-zorro-antd/rate'; +import { NzResultModule } from 'ng-zorro-antd/result'; export const SHARED_ZORRO_MODULES = [ NzButtonModule, NzGridModule, @@ -40,4 +47,10 @@ export const SHARED_ZORRO_MODULES = [ NzDividerModule, NzStepsModule, NzListModule, + NzTagModule, + NzToolTipModule, + NzModalModule, + NzPopconfirmModule, + NzRateModule, + NzResultModule ]; diff --git a/src/assets/mocks/menu-data.json b/src/assets/mocks/menu-data.json index 7037444d..e523be3f 100644 --- a/src/assets/mocks/menu-data.json +++ b/src/assets/mocks/menu-data.json @@ -25,6 +25,42 @@ "link": "/demo/alain" } ] + }, + { + "text": "用户中心", + "icon": "anticon anticon-dashboard", + "group": true, + "children": [ + { + "text": "货主管理", + "icon": "anticon anticon-dashboard", + "link": "/demo/zorro", + "children": [ + { + "text": "货主列表", + "icon": "anticon anticon-dashboard", + "link": "/usercenter/freight/list" + }, + { + "text": "货主详情", + "hide": true, + "icon": "anticon anticon-dashboard", + "link": "/usercenter/freight/list/view/:id" + }, + { + "text": "企业认证", + "hide": true, + "icon": "anticon anticon-dashboard", + "link": "/usercenter/freight/new" + }, + { + "text": "企业审核", + "icon": "anticon anticon-dashboard", + "link": "/usercenter/freight/list/view/:id" + } + ] + } + ] } ] } diff --git a/src/style-icons-auto.ts b/src/style-icons-auto.ts index 1fda870f..8ccf0978 100644 --- a/src/style-icons-auto.ts +++ b/src/style-icons-auto.ts @@ -51,7 +51,7 @@ import { TrophyOutline, UsbOutline, UserOutline, - WeiboCircleOutline + WeiboCircleOutline,QuestionCircleFill } from '@ant-design/icons-angular/icons'; export const ICONS_AUTO = [ @@ -102,5 +102,6 @@ export const ICONS_AUTO = [ TrophyOutline, UsbOutline, UserOutline, - WeiboCircleOutline + WeiboCircleOutline, + QuestionCircleFill ];