车队长列表

2021-11-30 20:38:56 +08:00
parent b1814a722f
commit 4d0627ff35
18 changed files with 623 additions and 2228 deletions
--- a/src/app/routes/usercenter/components/driver/captain/captain.component.html
+++ b/src/app/routes/usercenter/components/driver/captain/captain.component.html
@ -0,0 +1,83 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime: 2021-11-30 17:38:59
+ * @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)="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>
--- a/src/app/routes/usercenter/components/driver/captain/captain.component.spec.ts
+++ b/src/app/routes/usercenter/components/driver/captain/captain.component.spec.ts
@ -0,0 +1,31 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-30 16:56:15
+ * @LastEditTime: 2021-11-30 20:36:30
+ * @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\driver\driver.component.spec.ts
+ */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { UserCenterComponentsDriverCaptainComponent } from './captain.component';
+
+describe('UserCenterComponentsDriverCaptainComponent', () => {
+  let component: UserCenterComponentsDriverCaptainComponent;
+  let fixture: ComponentFixture<UserCenterComponentsDriverCaptainComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [UserCenterComponentsDriverCaptainComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UserCenterComponentsDriverCaptainComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
--- a/src/app/routes/usercenter/components/driver/captain/captain.component.ts
+++ b/src/app/routes/usercenter/components/driver/captain/captain.component.ts
@ -0,0 +1,247 @@
+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-captain',
+  templateUrl: './captain.component.html',
+})
+export class UserCenterComponentsDriverCaptainComponent 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 } },
+        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,
+            },
+          },
+        },
+        enStatus2: {
+          type: 'string',
+          title: '驾驶证状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '正常', value: 0 },
+            { label: '冻结', value: 1 },
+            { label: '废弃', value: 2 },
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value,
+            },
+          },
+        },
+        enStatus23: {
+          type: 'string',
+          title: '从业资格证状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '正常', value: 0 },
+            { label: '冻结', value: 1 },
+            { label: '废弃', value: 2 },
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value,
+            },
+          },
+        },
+        phone2: {
+          title: '业务员手机号',
+          type: 'string',
+          format: 'mobile',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入手机号',
+          },
+        },
+  
+      },
+    };
+    this.ui = { '*': { spanLabelFixed: 180, 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: 'effectiveDateStr',
+      type: 'badge',
+      badge: {
+        正常: { text: '正常', color: 'success' },
+        冻结: { text: '冻结', color: 'warning' },
+        废弃: { text: '废弃', color: 'default' },
+      },
+     },
+      {
+        title: '驾驶证状态',
+        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: 'unifiedSocialCreditCode2' },
+      { title: '注册时间', className: 'text-center', index: 'unifiedSocialCreditCode3' },
+      {
+        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;
+  }
+}