feat: baisc data

Signed-off-by: carlos <568187512@qq.com>

package.json

@@ -4,8 +4,8 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve --port 4201",
-    "start:prod": "ng serve --open --proxy-config=proxy.prod.conf.json",
-    "start:stage": "ng serve --open --proxy-config=proxy.stage.conf.json",
+    "start:prod": "ng serve --open --port 4201 --proxy-config=proxy.prod.conf.json",
+    "start:stage": "ng serve --open --port 4201 --proxy-config=proxy.stage.conf.json",
     "format": "prettier --write \"src/**/*.(ts|html|less)\"",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",

proxy.prod.conf.json

@@ -1,6 +1,6 @@
 {
   "/api": {
-    "target": "http://sa.leadinvr.com/",
+    "target": "https://precaution-check2.stage.leadinvr.com",
     "secure": false,
     "changeOrigin": true
   }

proxy.stage.conf.json

@@ -1,6 +1,6 @@
 {
   "/api": {
-    "target": "https://precaution-check2.stage.leadinvr.com",
+    "target": "https://safety-check2.stage.leadinvr.com",
     "secure": false,
     "changeOrigin": true
   }

src/app/pages/login/login.component.html

@@ -40,7 +40,6 @@
                       placeholder="密码"
                       formControlName="password"
                       class="bg-[transparent] !pl-[10px] !pr-[10px] text-white"
-                      (keyup.enter)="submitForm()"
                     />
                   </nz-input-group>
 

src/app/pages/login/login.component.ts

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { Router } from '@angular/router';
 import { NzMessageService } from 'ng-zorro-antd/message';
+import { Md5 } from 'ts-md5';
 import { CommonNzModule } from '../../common.nz.module';
 import { AuthService } from '../../services/auth.service';
 import { SettingService } from '../../services/setting.service';
@@ -38,10 +39,12 @@ export class LoginComponent {
   initUserInfo() {
     const username = this.storage.getString('username');
     const password = this.storage.getString('password');
+    const remember = this.storage.getBoolean('remember');
     if (username !== undefined && password !== undefined) {
       this.validateForm.setValue({
         userName: username,
         password: password,
+        remember: remember || false,
       });
     }
   }
@@ -59,24 +62,32 @@ export class LoginComponent {
     this.loading = true;
     const username = this.validateForm.get('userName')?.value;
     let password = this.validateForm.get('password')?.value;
-    // const resp = await this.auth
-    //   .login({ username, password: Md5.hashStr(password) })
-    //   .catch(e => {
-    //     this.message.error('用户名或密码错误');
-    //     throw e;
-    //   })
-    //   .finally(() => {
-    //     this.loading = false;
-    //   });
-    // this.storage.setString('username', username);
-    // this.storage.setString('password', password);
+    const remember = this.validateForm.get('remember')?.value;
+    const resp = await this.auth
+      .login({ username, password: Md5.hashStr(password) })
+      .catch(e => {
+        this.message.error('用户名或密码错误');
+        throw e;
+      })
+      .finally(() => {
+        this.loading = false;
+      });
+    if (remember) {
+      this.storage.setString('username', username);
+      this.storage.setString('password', password);
+      this.storage.setBoolean('remember', remember);
+    } else {
+      // this.storage.remove('username');
+      // this.storage.remove('password');
+      this.storage.remove('remember');
+    }
     // this.storage.setNumber('id', resp.changePassword);
-    // this.storage.addUser({
-    //   id: username,
-    //   name: username,
-    //   password: password,
-    // });
-    // this.storage.token = resp.token;
+    this.storage.addUser({
+      id: username,
+      name: username,
+      password: password,
+    });
+    this.storage.token = resp.token;
     await this.afterLogin();
   }
   private async afterLogin() {
@@ -84,7 +95,7 @@ export class LoginComponent {
     const { url } = this.router;
     const l = new URL(location.origin + url);
     const form = l.searchParams.get('from');
-    const nvUrl = form ? form : '/manager/task';
+    const nvUrl = form ? form : '/manager/workbench/my';
     location.replace(nvUrl);
   }
 }

src/app/pages/manager/basic/basic.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BasicComponent } from './basic.component';
+
+describe('BasicComponent', () => {
+  let component: BasicComponent;
+  let fixture: ComponentFixture<BasicComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [BasicComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(BasicComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/basic.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'app-basic',
+  standalone: true,
+  imports: [RouterOutlet],
+  template: `<router-outlet></router-outlet>`,
+  styleUrl: './basic.component.less',
+})
+export class BasicComponent {}

src/app/pages/manager/basic/basic.route.ts

@@ -0,0 +1,80 @@
+import { Routes } from '@angular/router';
+
+export const basicRoutes: Routes = [
+  {
+    path: 'line',
+    loadComponent: () => import('./line/line.component').then(m => m.LineComponent),
+    data: {
+      title: '线路',
+      icon: 'icons:line',
+      weight: 1,
+    },
+  },
+  {
+    path: 'type',
+    loadComponent: () => import('./type/type.component').then(m => m.TypeComponent),
+    data: {
+      animation: 'TypePage',
+      title: '生产类型',
+      icon: 'icons:type',
+      weight: 2,
+    },
+  },
+  {
+    path: 'unit',
+    loadComponent: () => import('./unit/unit.component').then(m => m.UnitComponent),
+    data: {
+      animation: 'UnitPage',
+      title: '生产单元',
+      icon: 'icons:unit',
+      weight: 3,
+    },
+  },
+  {
+    path: 'post',
+    loadComponent: () => import('./post/post.component').then(m => m.PostComponent),
+    data: {
+      animation: 'PostPage',
+      title: '岗位',
+      icon: 'icons:user-fill',
+      weight: 4,
+    },
+  },
+  {
+    path: 'post-group',
+    loadComponent: () => import('./post-group/post-group.component').then(m => m.PostGroupComponent),
+    data: {
+      animation: 'PostGroupPage',
+      title: '岗位组',
+      icon: 'icons:post-group',
+      weight: 5,
+    },
+  },
+  {
+    path: 'operation',
+    loadComponent: () => import('./operation/operation.component').then(m => m.OperationComponent),
+    data: {
+      title: '作业',
+      icon: 'icons:transit',
+      weight: 6,
+    },
+  },
+  {
+    path: 'equipment',
+    loadComponent: () => import('./equipment/equipment.component').then(m => m.EquipmentComponent),
+    data: {
+      title: '设备',
+      icon: 'icons:equipment',
+      weight: 7,
+    },
+  },
+  {
+    path: 'department',
+    loadComponent: () => import('./department/department.component').then(m => m.DepartmentComponent),
+    data: {
+      title: '部门',
+      icon: 'icons:post-group',
+      weight: 8,
+    },
+  },
+];

src/app/pages/manager/basic/department/department.component.html

@@ -0,0 +1 @@
+<p>department works!</p>

src/app/pages/manager/basic/department/department.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DepartmentComponent } from './department.component';
+
+describe('DepartmentComponent', () => {
+  let component: DepartmentComponent;
+  let fixture: ComponentFixture<DepartmentComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [DepartmentComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(DepartmentComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/department/department.component.ts

@@ -0,0 +1,41 @@
+import { Component } from '@angular/core';
+import { CommonNzModule } from '../../../../common.nz.module';
+import { Column, SimpleFormPageComponent } from '../../../../shared/simple-form-page/simple-form-page.component';
+
+@Component({
+  selector: 'app-department',
+  standalone: true,
+  imports: [SimpleFormPageComponent, CommonNzModule],
+  templateUrl: '../../../../shared/simple-form-page/simple-form-page.component.html',
+  styleUrl: './department.component.less',
+})
+export class DepartmentComponent extends SimpleFormPageComponent<BasicData.Predefine> {
+  override showSearchForm = false;
+  override editable = false;
+  override keyWord: string = '部门';
+  override key: string = 'value';
+  override columns: Column[] = [
+    { key: 'seq', label: '序号' },
+    { key: 'value', label: '部门名称' },
+  ];
+  override inputFields = [{ label: '部门名称', key: 'value', initValue: '' }];
+  override async fetchList() {
+    const list = await this.api.basic.getPredefineList('department');
+    this.list = list;
+  }
+  override async onAdd(data: BasicData.Predefine) {
+    return this.api.basic
+      .addPredefine({
+        ...data,
+        type: 'department',
+      })
+      .then(() => {
+        this.message.success('添加成功');
+      });
+  }
+  override async onDelete(data: BasicData.Predefine) {
+    return this.api.basic.deletePredefine('department', data.value).then(() => {
+      this.message.success('删除成功');
+    });
+  }
+}

src/app/pages/manager/basic/equipment/equipment.component.html

@@ -0,0 +1,126 @@
+<div class="flex justify-between py-4 items-center">
+  <div class="page-headline-font pl-8">{{ keyWord }}</div>
+  <div class="pr-8 flex">
+    <form nz-form nzLayout="inline" [formGroup]="validateForm">
+      <nz-space>
+        @for (item of inputFields; track item.key) {
+          <nz-form-item *nzSpaceItem>
+            <nz-form-label>{{ item.label }}</nz-form-label>
+            <nz-form-control>
+              <input
+                nz-input
+                class="precaution-input"
+                [placeholder]="'请输入' + item.label"
+                [formControlName]="item.key"
+                (ngModelChange)="searchFormChange(item.key)"
+              />
+            </nz-form-control>
+          </nz-form-item>
+        }
+        <nz-form-item *nzSpaceItem>
+          <nz-form-label>线路</nz-form-label>
+          <nz-form-control>
+            <nz-select
+              class="precaution-select"
+              nzDropdownClassName="precaution-select-dropdown"
+              nzAllowClear
+              style="min-width: 144px"
+              formControlName="line"
+              nzPlaceHolder="请选择线路"
+              (ngModelChange)="searchFormChange('line')"
+            >
+              @for (item of lines; track item.value) {
+                <nz-option [nzValue]="item.value" [nzLabel]="item.value"></nz-option>
+              }
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item *nzSpaceItem>
+          <nz-form-label>生产单元</nz-form-label>
+          <nz-form-control>
+            <nz-select
+              class="precaution-select"
+              nzDropdownClassName="precaution-select-dropdown"
+              nzAllowClear
+              style="min-width: 144px"
+              formControlName="unit"
+              nzPlaceHolder="请选择生产单元"
+              (ngModelChange)="searchFormChange('unit')"
+            >
+              @for (item of units; track item.name) {
+                <nz-option [nzValue]="item.name" [nzLabel]="item.name"></nz-option>
+              }
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+      </nz-space>
+    </form>
+
+    <button class="precaution-secondary ml-2" nz-button (click)="onReset()">重置</button>
+    <button class="precaution-button ml-6" nz-button nzType="primary" (click)="handleAdd()">
+      <span nz-icon nzType="plus"></span>
+      {{ '新增' + keyWord }}
+    </button>
+  </div>
+</div>
+
+<div class="px-6">
+  <nz-table
+    class="safety-table"
+    #table
+    [nzData]="filterList"
+    nzShowPagination
+    nzPaginationType="small"
+    [nzFrontPagination]="false"
+    [nzTotal]="pageConfig.total"
+    [nzPageIndex]="pageConfig.current + 1"
+    (nzPageIndexChange)="onCurrentPageChange($event - 1)"
+  >
+    <thead>
+      <tr>
+        @for (item of columns; track $index) {
+          <th
+            [nzShowSort]="item.sortable"
+            [nzSortOrder]="item.sortOrder || null"
+            [nzSortDirections]="sortDirections"
+            (nzSortOrderChange)="handleSort(item, $event)"
+            [nzWidth]="item.width || null"
+          >
+            {{ item.label }}
+          </th>
+        }
+        <th>操作</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr *ngFor="let data of table.data">
+        @for (item of columns; track $index) {
+          <td>
+            <!-- @if (item.type === 'line') {
+              <ng-container *ngTemplateOutlet="lineTpl; context: { $implicit: data }"></ng-container>
+            } @else if (item.type === 'type') {
+              <ng-container *ngTemplateOutlet="typeTpl; context: { $implicit: data }"></ng-container>
+            } @else { -->
+            <span>{{ getValue(data, item.key) }}</span>
+            <!-- } -->
+          </td>
+        }
+
+        <td>
+          <button class="safety-button px-4" nz-button nzSize="small" nzType="primary" (click)="handleEdit(data)">
+            编辑
+          </button>
+          <button
+            class="safety-secondary px-4 ml-2"
+            nz-button
+            nzSize="small"
+            nzType="primary"
+            (click)="handleDelete(data)"
+          >
+            删除
+          </button>
+        </td>
+      </tr>
+    </tbody>
+  </nz-table>
+</div>

src/app/pages/manager/basic/equipment/equipment.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EquipmentComponent } from './equipment.component';
+
+describe('EquipmentComponent', () => {
+  let component: EquipmentComponent;
+  let fixture: ComponentFixture<EquipmentComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [EquipmentComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(EquipmentComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/equipment/equipment.component.ts

@@ -0,0 +1,128 @@
+import { Component } from '@angular/core';
+import { CommonNzModule } from '../../../../common.nz.module';
+import { Column, SimpleFormPageComponent } from '../../../../shared/simple-form-page/simple-form-page.component';
+import { EquipmentFormComponent, EquipmentFormModalData } from './form/form.component';
+
+@Component({
+  selector: 'app-equipment',
+  standalone: true,
+  imports: [CommonNzModule],
+  templateUrl: './equipment.component.html',
+  styleUrl: './equipment.component.less',
+})
+export class EquipmentComponent extends SimpleFormPageComponent<BasicData.Equipment> {
+  filterList: BasicData.Equipment[] = [];
+  override keyWord: string = '设备';
+  override key: string = 'name';
+  override columns: Column[] = [
+    {
+      key: 'id',
+      label: '编号',
+      // sortOrder: 'ascend',
+      // sortable: true,
+      width: '80px',
+    },
+    { key: 'name', label: '设备名称' },
+    { key: 'unit', label: '生产单元' },
+    { key: 'line', label: '线路' },
+  ];
+  override inputFields = [{ label: '设备名称', key: 'equipment', initValue: '' }];
+  override validateForm = this.fb.group({
+    equipment: this.fb.control<string | undefined>(undefined),
+    line: this.fb.control<string | undefined>(undefined),
+    unit: this.fb.control<string | undefined>(undefined),
+  });
+  override ngOnInit(): void {
+    super.ngOnInit();
+  }
+  override async fetchList() {
+    const list = (await this.api.basic.getEquipmentList()).filter(item =>
+      this.lines.map(l => l.value).includes(item.line)
+    );
+    this.list = list;
+    this.resetFilterList();
+  }
+  override async onEdit(data: Partial<BasicData.Equipment>) {
+    return this.api.basic.updateEquipment(data).then(() => {
+      this.message.success('编辑成功');
+    });
+  }
+  override async onAdd(data: Partial<BasicData.Equipment>) {
+    return this.api.basic.addEquipment(data).then(() => {
+      this.message.success('新增成功');
+    });
+  }
+  override async onDelete(data: BasicData.Equipment): Promise<void> {
+    return this.api.basic.deletedEquipment(data.id).then(() => {
+      this.message.success('删除成功');
+    });
+  }
+  override createModal(type: 'add' | 'edit', data?: BasicData.Equipment): void {
+    const name = data ? this.getValue(data, this.key) : '';
+    this.modal.create<EquipmentFormComponent, EquipmentFormModalData>({
+      nzClassName: 'precaution-modal',
+      nzTitle: type === 'add' ? '新增' + this.keyWord : '编辑' + this.keyWord + ' - ' + name,
+      nzOkText: type === 'add' ? '新增' : '修改',
+      nzContent: EquipmentFormComponent,
+      nzWidth: 500,
+      nzViewContainerRef: this.viewContainerRef,
+      nzData: {
+        keyWord: this.keyWord,
+        type,
+        params: {
+          name,
+          id: data ? this.getValue(data, 'id') : undefined,
+          line: data ? this.getValue(data, 'line') : undefined,
+          unit: data ? this.getValue(data, 'unit') : undefined,
+        },
+        lines: this.lines,
+      },
+      nzOnOk: async instance => {
+        const res = await instance.submit();
+        if (type === 'add') {
+          await this.onAdd(res!);
+          this.fetchList();
+        } else {
+          await this.onEdit({
+            ...data!,
+            ...res!,
+          });
+          this.onSearch();
+        }
+      },
+    });
+  }
+  searchFormChange(key: string) {
+    if (key === 'line') {
+      this.validateForm.get('unit')?.reset();
+    }
+    this.resetFilterList();
+  }
+  resetFilterList() {
+    const { equipment, line, unit } = this.validateForm.value;
+    this.filterList = this.list.filter(item => {
+      let isMatch = true;
+      if (equipment) {
+        isMatch = item.name.includes(equipment);
+      }
+      if (isMatch && line) {
+        isMatch = item.line === line;
+      }
+      if (isMatch && unit) {
+        isMatch = item.unit === unit;
+      }
+      return isMatch;
+    });
+  }
+  get lines() {
+    return this.basic.lines || [];
+  }
+  get types() {
+    return this.basic.types || [];
+  }
+  get units() {
+    const line = this.validateForm.value.line;
+    if (!line) return [];
+    return this.basic.units?.filter(item => item.line === line) || [];
+  }
+}

src/app/pages/manager/basic/equipment/form/form.component.html

@@ -0,0 +1,45 @@
+<form nz-form nzLayout="horizontal" [formGroup]="validateForm">
+  <nz-form-item>
+    <nz-form-label nzRequired style="width: 90px">{{ nzModalData.keyWord }}名称</nz-form-label>
+    <nz-form-control [nzErrorTip]="'请输入' + nzModalData.keyWord + '名称'">
+      <input
+        nz-input
+        class="precaution-input"
+        [placeholder]="'请输入' + nzModalData.keyWord + '名称'"
+        formControlName="name"
+      />
+    </nz-form-control>
+  </nz-form-item>
+  <nz-form-item>
+    <nz-form-label style="width: 90px" nzRequired>线路</nz-form-label>
+    <nz-form-control [nzErrorTip]="'请选择线路'">
+      <nz-select
+        class="precaution-select"
+        nzDropdownClassName="precaution-select-dropdown"
+        style="min-width: 144px"
+        formControlName="line"
+        nzPlaceHolder="请选择线路"
+      >
+        @for (item of lineList; track item) {
+          <nz-option [nzValue]="item.value" [nzLabel]="item.value"></nz-option>
+        }
+      </nz-select>
+    </nz-form-control>
+  </nz-form-item>
+  <nz-form-item nzRequired>
+    <nz-form-label style="width: 90px" nzRequired>生产单元</nz-form-label>
+    <nz-form-control [nzErrorTip]="'请选择生产单元'">
+      <nz-select
+        class="precaution-select"
+        nzDropdownClassName="precaution-select-dropdown"
+        style="min-width: 144px"
+        formControlName="unit"
+        nzPlaceHolder="请选择生产单元"
+      >
+        @for (item of unitList; track item.name) {
+          <nz-option [nzValue]="item.name" [nzLabel]="item.name"></nz-option>
+        }
+      </nz-select>
+    </nz-form-control>
+  </nz-form-item>
+</form>

src/app/pages/manager/basic/equipment/form/form.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FormComponent } from './form.component';
+
+describe('FormComponent', () => {
+  let component: FormComponent;
+  let fixture: ComponentFixture<FormComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FormComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FormComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/equipment/form/form.component.ts

@@ -0,0 +1,82 @@
+import { Component, inject } from '@angular/core';
+import { NonNullableFormBuilder, Validators } from '@angular/forms';
+import { NZ_MODAL_DATA } from 'ng-zorro-antd/modal';
+import { CommonNzModule } from '../../../../../common.nz.module';
+import { BasicDataService } from '../../../../../services/basic.service';
+
+export interface EquipmentFormModalData {
+  keyWord: string;
+  type: 'add' | 'edit';
+  params: {
+    id?: number;
+    name?: string;
+    line?: string;
+    unit?: string;
+  };
+  lines: BasicData.Predefine[];
+}
+
+@Component({
+  selector: 'equipment-form',
+  standalone: true,
+  imports: [CommonNzModule],
+  templateUrl: './form.component.html',
+  styleUrl: './form.component.less',
+})
+export class EquipmentFormComponent {
+  readonly nzModalData: EquipmentFormModalData = inject(NZ_MODAL_DATA);
+  validateForm = this.fb.group({
+    name: this.fb.control<string>('', [Validators.required]),
+    id: this.fb.control<number>(0),
+    line: this.fb.control<string>('', [Validators.required]),
+    unit: this.fb.control<string>('', [Validators.required]),
+  });
+  loading = false;
+  constructor(
+    private fb: NonNullableFormBuilder,
+    private basic: BasicDataService
+  ) {}
+  ngOnInit() {
+    this.init();
+    this.basic.fetchBasicData();
+  }
+  async init() {
+    if (this.nzModalData.type === 'edit') {
+      const { name, id, line, unit } = this.nzModalData.params;
+      this.validateForm.patchValue({
+        name,
+        id,
+        line,
+        unit,
+      });
+    }
+  }
+  async submit() {
+    if (this.loading) return;
+    if (!this.validateForm.valid) {
+      Object.values(this.validateForm.controls).forEach(control => {
+        if (control.invalid) {
+          control.markAsDirty();
+          control.updateValueAndValidity({ onlySelf: true });
+        }
+      });
+      return Promise.reject();
+    }
+    this.loading = true;
+    const values = this.validateForm.value;
+    return Promise.resolve({
+      name: values.name!,
+      id: values.id,
+      line: values.line,
+      unit: values.unit,
+    });
+  }
+  get lineList() {
+    return this.nzModalData.lines || [];
+  }
+  get unitList() {
+    const line = this.validateForm.value.line;
+    if (!line) return [];
+    return this.basic.units?.filter(item => item.line === line) || [];
+  }
+}

src/app/pages/manager/basic/line/line.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LineComponent } from './line.component';
+
+describe('LineComponent', () => {
+  let component: LineComponent;
+  let fixture: ComponentFixture<LineComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LineComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(LineComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/line/line.component.ts

@@ -0,0 +1,41 @@
+import { Component } from '@angular/core';
+import { CommonNzModule } from '../../../../common.nz.module';
+import { Column, SimpleFormPageComponent } from '../../../../shared/simple-form-page/simple-form-page.component';
+
+@Component({
+  selector: 'app-line',
+  standalone: true,
+  imports: [SimpleFormPageComponent, CommonNzModule],
+  templateUrl: '../../../../shared/simple-form-page/simple-form-page.component.html',
+  styleUrl: './line.component.less',
+})
+export class LineComponent extends SimpleFormPageComponent<BasicData.Predefine> {
+  override showSearchForm = false;
+  override editable = false;
+  override keyWord: string = '线路';
+  override key: string = 'value';
+  override columns: Column[] = [
+    { key: 'seq', label: '序号' },
+    { key: 'value', label: '线路名称' },
+  ];
+  override inputFields = [{ label: '线路名称', key: 'value', initValue: '' }];
+  override async fetchList() {
+    const list = await this.api.basic.getPredefineList('line');
+    this.list = list;
+  }
+  override async onAdd(data: BasicData.Predefine) {
+    return this.api.basic
+      .addPredefine({
+        ...data,
+        type: 'line',
+      })
+      .then(() => {
+        this.message.success('添加成功');
+      });
+  }
+  override async onDelete(data: BasicData.Predefine) {
+    return this.api.basic.deletePredefine('line', data.value).then(() => {
+      this.message.success('删除成功');
+    });
+  }
+}

src/app/pages/manager/basic/operation/operation.component.html

@@ -0,0 +1 @@
+<p>operation works!</p>

src/app/pages/manager/basic/operation/operation.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OperationComponent } from './operation.component';
+
+describe('OperationComponent', () => {
+  let component: OperationComponent;
+  let fixture: ComponentFixture<OperationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [OperationComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(OperationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/operation/operation.component.ts

@@ -0,0 +1,41 @@
+import { Component } from '@angular/core';
+import { CommonNzModule } from '../../../../common.nz.module';
+import { Column, SimpleFormPageComponent } from '../../../../shared/simple-form-page/simple-form-page.component';
+
+@Component({
+  selector: 'app-operation',
+  standalone: true,
+  imports: [SimpleFormPageComponent, CommonNzModule],
+  templateUrl: '../../../../shared/simple-form-page/simple-form-page.component.html',
+  styleUrl: './operation.component.less',
+})
+export class OperationComponent extends SimpleFormPageComponent<BasicData.Predefine> {
+  override showSearchForm = false;
+  override editable = false;
+  override keyWord: string = '作业';
+  override key: string = 'value';
+  override columns: Column[] = [
+    { key: 'seq', label: '序号' },
+    { key: 'value', label: '作业名称' },
+  ];
+  override inputFields = [{ label: '作业名称', key: 'value', initValue: '' }];
+  override async fetchList() {
+    const list = await this.api.basic.getPredefineList('operation');
+    this.list = list;
+  }
+  override async onAdd(data: BasicData.Predefine) {
+    return this.api.basic
+      .addPredefine({
+        ...data,
+        type: 'operation',
+      })
+      .then(() => {
+        this.message.success('添加成功');
+      });
+  }
+  override async onDelete(data: BasicData.Predefine) {
+    return this.api.basic.deletePredefine('operation', data.value).then(() => {
+      this.message.success('删除成功');
+    });
+  }
+}

src/app/pages/manager/basic/post-group/post-group.component.html

@@ -0,0 +1 @@
+<p>post-group works!</p>

src/app/pages/manager/basic/post-group/post-group.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PostGroupComponent } from './post-group.component';
+
+describe('PostGroupComponent', () => {
+  let component: PostGroupComponent;
+  let fixture: ComponentFixture<PostGroupComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [PostGroupComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(PostGroupComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/post-group/post-group.component.ts

@@ -0,0 +1,35 @@
+import { Component } from '@angular/core';
+import { CommonNzModule } from '../../../../common.nz.module';
+import { Column, SimpleFormPageComponent } from '../../../../shared/simple-form-page/simple-form-page.component';
+
+@Component({
+  selector: 'app-post-group',
+  standalone: true,
+  imports: [SimpleFormPageComponent, CommonNzModule],
+  templateUrl: '../../../../shared/simple-form-page/simple-form-page.component.html',
+  styleUrl: './post-group.component.less',
+})
+export class PostGroupComponent extends SimpleFormPageComponent<BasicData.Predefine> {
+  override keyWord: string = '岗位组';
+  override editable = false;
+  override showSearchForm = false;
+  override key: string = 'value';
+  override columns: Column[] = [
+    { key: 'seq', label: '序号' },
+    { key: 'value', label: '岗位组名称' },
+  ];
+  override inputFields = [{ label: '岗位组名称', key: 'value', initValue: '' }];
+  override async fetchList() {
+    const list = await this.api.basic.getPredefineList('job-group');
+    this.list = list;
+  }
+  override async onAdd(data: BasicData.Predefine) {
+    return this.api.basic.addPredefine({
+      ...data,
+      type: 'job-group',
+    });
+  }
+  override async onDelete(data: BasicData.Predefine) {
+    return this.api.basic.deletePredefine('job-group', data.value);
+  }
+}

src/app/pages/manager/basic/post/post.component.html

@@ -0,0 +1 @@
+<p>post works!</p>

src/app/pages/manager/basic/post/post.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PostComponent } from './post.component';
+
+describe('PostComponent', () => {
+  let component: PostComponent;
+  let fixture: ComponentFixture<PostComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [PostComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(PostComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/post/post.component.ts

@@ -0,0 +1,35 @@
+import { Component } from '@angular/core';
+import { CommonNzModule } from '../../../../common.nz.module';
+import { Column, SimpleFormPageComponent } from '../../../../shared/simple-form-page/simple-form-page.component';
+
+@Component({
+  selector: 'app-post',
+  standalone: true,
+  imports: [SimpleFormPageComponent, CommonNzModule],
+  templateUrl: '../../../../shared/simple-form-page/simple-form-page.component.html',
+  styleUrl: './post.component.less',
+})
+export class PostComponent extends SimpleFormPageComponent<BasicData.Predefine> {
+  override keyWord: string = '岗位';
+  override showSearchForm = false;
+  override editable = false;
+  override key: string = 'value';
+  override columns: Column[] = [
+    { key: 'seq', label: '序号' },
+    { key: 'value', label: '岗位名称' },
+  ];
+  override inputFields = [{ label: '岗位名称', key: 'value', initValue: '' }];
+  override async fetchList() {
+    const list = await this.api.basic.getPredefineList('job');
+    this.list = list;
+  }
+  override async onAdd(data: BasicData.Predefine) {
+    return this.api.basic.addPredefine({
+      ...data,
+      type: 'job',
+    });
+  }
+  override async onDelete(data: BasicData.Predefine) {
+    return this.api.basic.deletePredefine('job', data.value);
+  }
+}

src/app/pages/manager/basic/type/type.component.html

@@ -0,0 +1 @@
+<p>type works!</p>

src/app/pages/manager/basic/type/type.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TypeComponent } from './type.component';
+
+describe('TypeComponent', () => {
+  let component: TypeComponent;
+  let fixture: ComponentFixture<TypeComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TypeComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TypeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/type/type.component.ts

@@ -0,0 +1,42 @@
+import { Component } from '@angular/core';
+import { CommonNzModule } from '../../../../common.nz.module';
+import { Column, SimpleFormPageComponent } from '../../../../shared/simple-form-page/simple-form-page.component';
+
+@Component({
+  selector: 'app-type',
+  standalone: true,
+  imports: [CommonNzModule],
+  templateUrl: '../../../../shared/simple-form-page/simple-form-page.component.html',
+  styleUrl: './type.component.less',
+})
+export class TypeComponent extends SimpleFormPageComponent<BasicData.Predefine> {
+  override showSearchForm = false;
+  override editable = false;
+  override keyWord: string = '车站类型';
+  override key: string = 'value';
+  override columns: Column[] = [
+    { key: 'seq', label: '序号' },
+    { key: 'value', label: '车站类型' },
+  ];
+
+  override async fetchList() {
+    const list = await this.api.basic.getPredefineList('product');
+    this.list = list;
+  }
+  override async onAdd(data: BasicData.Predefine) {
+    return this.api.basic
+      .addPredefine({
+        seq: 0,
+        type: 'product',
+        value: data.value,
+      })
+      .then(() => {
+        this.message.success('添加成功');
+      });
+  }
+  override async onDelete(data: BasicData.Predefine) {
+    return this.api.basic.deletePredefine('product', data.value).then(() => {
+      this.message.success('删除成功');
+    });
+  }
+}

src/app/pages/manager/basic/unit/form/form.component.html

@@ -0,0 +1,40 @@
+<form nz-form nzLayout="horizontal" [formGroup]="validateForm">
+  <nz-form-item>
+    <nz-form-label nzRequired style="width: 90px">{{ nzModalData.keyWord }}</nz-form-label>
+    <nz-form-control [nzErrorTip]="'请输入' + nzModalData.keyWord">
+      <input nz-input class="precaution-input" [placeholder]="'请输入' + nzModalData.keyWord" formControlName="name" />
+    </nz-form-control>
+  </nz-form-item>
+  <nz-form-item>
+    <nz-form-label style="width: 90px" nzRequired>线路</nz-form-label>
+    <nz-form-control [nzErrorTip]="'请选择线路'">
+      <nz-select
+        class="precaution-select"
+        nzDropdownClassName="precaution-select-dropdown"
+        style="min-width: 144px"
+        formControlName="line"
+        nzPlaceHolder="请选择线路"
+      >
+        @for (item of lineList; track item) {
+          <nz-option [nzValue]="item.value" [nzLabel]="item.value"></nz-option>
+        }
+      </nz-select>
+    </nz-form-control>
+  </nz-form-item>
+  <nz-form-item>
+    <nz-form-label style="width: 90px" nzRequired>类型</nz-form-label>
+    <nz-form-control [nzErrorTip]="'请选择类型'">
+      <nz-select
+        class="precaution-select"
+        nzDropdownClassName="precaution-select-dropdown"
+        style="min-width: 144px"
+        formControlName="type"
+        nzPlaceHolder="请选择类型"
+      >
+        @for (item of typeList; track item) {
+          <nz-option [nzValue]="item.value" [nzLabel]="item.value"></nz-option>
+        }
+      </nz-select>
+    </nz-form-control>
+  </nz-form-item>
+</form>

src/app/pages/manager/basic/unit/form/form.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FormComponent } from './form.component';
+
+describe('FormComponent', () => {
+  let component: FormComponent;
+  let fixture: ComponentFixture<FormComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FormComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FormComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/unit/form/form.component.ts

@@ -0,0 +1,80 @@
+import { Component, inject } from '@angular/core';
+import { NonNullableFormBuilder, Validators } from '@angular/forms';
+import { NZ_MODAL_DATA } from 'ng-zorro-antd/modal';
+import { CommonNzModule } from '../../../../../common.nz.module';
+import { BasicDataService } from '../../../../../services/basic.service';
+
+export interface UnitFormModalData {
+  keyWord: string;
+  type: 'add' | 'edit';
+  params: {
+    id?: number;
+    name?: string;
+    line?: string;
+    type?: string;
+  };
+  lines: BasicData.Predefine[];
+}
+
+@Component({
+  selector: 'unit-form',
+  standalone: true,
+  imports: [CommonNzModule],
+  templateUrl: './form.component.html',
+  styleUrl: './form.component.less',
+})
+export class UnitFormComponent {
+  readonly nzModalData: UnitFormModalData = inject(NZ_MODAL_DATA);
+  validateForm = this.fb.group({
+    name: this.fb.control<string>('', [Validators.required]),
+    id: this.fb.control<number>(0),
+    line: this.fb.control<string>('', [Validators.required]),
+    type: this.fb.control<string>('', [Validators.required]),
+  });
+  loading = false;
+  constructor(
+    private fb: NonNullableFormBuilder,
+    private basic: BasicDataService
+  ) {}
+  ngOnInit() {
+    this.init();
+    this.basic.fetchBasicData();
+  }
+  async init() {
+    if (this.nzModalData.type === 'edit') {
+      const { name, id, line, type } = this.nzModalData.params;
+      this.validateForm.patchValue({
+        name,
+        id,
+        line,
+        type,
+      });
+    }
+  }
+  async submit() {
+    if (this.loading) return;
+    if (!this.validateForm.valid) {
+      Object.values(this.validateForm.controls).forEach(control => {
+        if (control.invalid) {
+          control.markAsDirty();
+          control.updateValueAndValidity({ onlySelf: true });
+        }
+      });
+      return Promise.reject();
+    }
+    this.loading = true;
+    const values = this.validateForm.value;
+    return Promise.resolve({
+      name: values.name!,
+      id: values.id,
+      line: values.line,
+      type: values.type,
+    });
+  }
+  get lineList() {
+    return this.nzModalData.lines || [];
+  }
+  get typeList() {
+    return this.basic.types || [];
+  }
+}

src/app/pages/manager/basic/unit/unit.component.html

@@ -0,0 +1,134 @@
+<div class="flex justify-between py-4 items-center">
+  <div class="page-headline-font pl-8">{{ keyWord }}</div>
+  <div class="pr-8 flex">
+    <form nz-form nzLayout="inline" [formGroup]="validateForm">
+      <nz-space>
+        @for (item of inputFields; track item.key) {
+          <nz-form-item *nzSpaceItem>
+            <nz-form-label>{{ item.label }}</nz-form-label>
+            <nz-form-control>
+              <input
+                nz-input
+                class="precaution-input"
+                [placeholder]="'请输入' + item.label"
+                [formControlName]="item.key"
+                (ngModelChange)="searchFormChange()"
+              />
+            </nz-form-control>
+          </nz-form-item>
+        }
+        <nz-form-item *nzSpaceItem>
+          <nz-form-label>生产类型</nz-form-label>
+          <nz-form-control>
+            <nz-select
+              class="precaution-select"
+              nzDropdownClassName="precaution-select-dropdown"
+              nzAllowClear
+              style="min-width: 144px"
+              formControlName="type"
+              nzPlaceHolder="请选择生产类型"
+              (ngModelChange)="searchFormChange()"
+            >
+              @for (item of types; track item.value) {
+                <nz-option [nzValue]="item.value" [nzLabel]="item.value"></nz-option>
+              }
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item *nzSpaceItem>
+          <nz-form-label>线路</nz-form-label>
+          <nz-form-control>
+            <nz-select
+              class="precaution-select"
+              nzDropdownClassName="precaution-select-dropdown"
+              nzAllowClear
+              style="min-width: 144px"
+              formControlName="line"
+              nzPlaceHolder="请选择线路"
+              (ngModelChange)="searchFormChange()"
+            >
+              @for (item of lines; track item.value) {
+                <nz-option [nzValue]="item.value" [nzLabel]="item.value"></nz-option>
+              }
+            </nz-select>
+          </nz-form-control>
+        </nz-form-item>
+      </nz-space>
+    </form>
+
+    <button class="precaution-secondary ml-2" nz-button (click)="onReset()">重置</button>
+    <button class="precaution-button ml-6" nz-button nzType="primary" (click)="handleAdd()">
+      <span nz-icon nzType="plus"></span>
+      {{ '新增' + keyWord }}
+    </button>
+  </div>
+</div>
+
+<div class="px-6">
+  <nz-table
+    class="safety-table"
+    #table
+    [nzData]="filterList"
+    nzShowPagination
+    nzPaginationType="small"
+    [nzFrontPagination]="false"
+    [nzTotal]="pageConfig.total"
+    [nzPageIndex]="pageConfig.current + 1"
+    (nzPageIndexChange)="onCurrentPageChange($event - 1)"
+  >
+    <thead>
+      <tr>
+        @for (item of columns; track $index) {
+          <th
+            [nzShowSort]="item.sortable"
+            [nzSortOrder]="item.sortOrder || null"
+            [nzSortDirections]="sortDirections"
+            (nzSortOrderChange)="handleSort(item, $event)"
+            [nzWidth]="item.width || null"
+          >
+            {{ item.label }}
+          </th>
+        }
+        <th>操作</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr *ngFor="let data of table.data">
+        @for (item of columns; track $index) {
+          <td>
+            <!-- @if (item.type === 'line') {
+              <ng-container *ngTemplateOutlet="lineTpl; context: { $implicit: data }"></ng-container>
+            } @else if (item.type === 'type') {
+              <ng-container *ngTemplateOutlet="typeTpl; context: { $implicit: data }"></ng-container>
+            } @else { -->
+            <span>{{ getValue(data, item.key) }}</span>
+            <!-- } -->
+          </td>
+        }
+
+        <td>
+          <button class="safety-button px-4" nz-button nzSize="small" nzType="primary" (click)="handleEdit(data)">
+            编辑
+          </button>
+          <button
+            class="safety-secondary px-4 ml-2"
+            nz-button
+            nzSize="small"
+            nzType="primary"
+            (click)="handleDelete(data)"
+          >
+            删除
+          </button>
+        </td>
+      </tr>
+    </tbody>
+  </nz-table>
+</div>
+
+<!-- <ng-template #lineTpl let-data>
+  <nz-tag class="rounded" [nzColor]="'cyan'">{{ getTagText(data, 'line_id') }}</nz-tag>
+</ng-template>
+
+<ng-template #typeTpl let-data>
+  <nz-tag class="rounded" [nzColor]="'cyan'">{{ getTagText(data, 'type_id') }}</nz-tag>
+</ng-template> -->

src/app/pages/manager/basic/unit/unit.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UnitComponent } from './unit.component';
+
+describe('UnitComponent', () => {
+  let component: UnitComponent;
+  let fixture: ComponentFixture<UnitComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [UnitComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(UnitComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/manager/basic/unit/unit.component.ts

@@ -0,0 +1,118 @@
+import { Component } from '@angular/core';
+import { CommonNzModule } from '../../../../common.nz.module';
+import { Column, SimpleFormPageComponent } from '../../../../shared/simple-form-page/simple-form-page.component';
+import { UnitFormComponent, UnitFormModalData } from './form/form.component';
+
+@Component({
+  selector: 'app-unit',
+  standalone: true,
+  imports: [CommonNzModule],
+  templateUrl: './unit.component.html',
+  styleUrl: './unit.component.less',
+})
+export class UnitComponent extends SimpleFormPageComponent<BasicData.Unit> {
+  filterList: BasicData.Unit[] = [];
+  override keyWord: string = '生产单元';
+  override key: string = 'name';
+  override columns: Column[] = [
+    {
+      key: 'id',
+      label: '编号',
+      // sortOrder: 'ascend',
+      // sortable: true,
+      width: '80px',
+    },
+    { key: 'name', label: '生产单元' },
+    { key: 'line', label: '线路' },
+    { key: 'type', label: '生产类型' },
+  ];
+  override inputFields = [{ label: '生产单元', key: 'unit', initValue: '' }];
+  override validateForm = this.fb.group({
+    unit: this.fb.control<string | undefined>(undefined),
+    line: this.fb.control<string | undefined>(undefined),
+    type: this.fb.control<string | undefined>(undefined),
+  });
+  override ngOnInit(): void {
+    super.ngOnInit();
+  }
+  override async fetchList() {
+    const list = (await this.api.basic.getUnitList()).filter(item => this.lines.map(l => l.value).includes(item.line));
+    this.list = list;
+    this.resetFilterList();
+  }
+  override async onEdit(data: Partial<BasicData.Unit>) {
+    return this.api.basic.updateUnit(data).then(() => {
+      this.message.success('编辑成功');
+    });
+  }
+  override async onAdd(data: Partial<BasicData.Unit>) {
+    return this.api.basic.addUnit(data).then(() => {
+      this.message.success('新增成功');
+    });
+  }
+  override async onDelete(data: BasicData.Unit): Promise<void> {
+    return this.api.basic.deletedUnit(data.id).then(() => {
+      this.message.success('删除成功');
+    });
+  }
+  override createModal(type: 'add' | 'edit', data?: BasicData.Unit): void {
+    const name = data ? this.getValue(data, this.key) : '';
+    this.modal.create<UnitFormComponent, UnitFormModalData>({
+      nzClassName: 'precaution-modal',
+      nzTitle: type === 'add' ? '新增' + this.keyWord : '编辑' + this.keyWord + ' - ' + name,
+      nzOkText: type === 'add' ? '新增' : '修改',
+      nzContent: UnitFormComponent,
+      nzWidth: 500,
+      nzViewContainerRef: this.viewContainerRef,
+      nzData: {
+        keyWord: this.keyWord,
+        type,
+        params: {
+          name,
+          id: data ? this.getValue(data, 'id') : undefined,
+          line: data ? this.getValue(data, 'line') : undefined,
+          type: data ? this.getValue(data, 'type') : undefined,
+        },
+        lines: this.lines,
+      },
+      nzOnOk: async instance => {
+        const res = await instance.submit();
+        if (type === 'add') {
+          await this.onAdd(res!);
+          this.fetchList();
+        } else {
+          await this.onEdit({
+            ...data!,
+            ...res!,
+          });
+          this.onSearch();
+        }
+      },
+    });
+  }
+  searchFormChange() {
+    this.resetFilterList();
+  }
+  resetFilterList() {
+    const { unit, line, type } = this.validateForm.value;
+    this.filterList = this.list.filter(item => {
+      let isMatch = true;
+      if (unit) {
+        isMatch = item.name.includes(unit);
+      }
+      if (isMatch && line) {
+        isMatch = item.line === line;
+      }
+      if (isMatch && type) {
+        isMatch = item.type === type;
+      }
+      return isMatch;
+    });
+  }
+  get lines() {
+    return this.basic.lines || [];
+  }
+  get types() {
+    return this.basic.types || [];
+  }
+}

src/app/pages/manager/layout/header/header.component.ts

@@ -50,6 +50,11 @@ export class HeaderComponent {
       label: '隐患管理',
       icon: 'assets/images/nav/potential-hazard.png',
     },
+    {
+      path: '/manager/basic-data',
+      label: '基础数据管理',
+      icon: 'assets/images/nav/potential-hazard.png',
+    },
   ];
   constructor(
     readonly setting: SettingService,

src/app/pages/manager/manager.routes.ts

@@ -1,4 +1,5 @@
 import { Routes } from '@angular/router';
+import { basicRoutes } from './basic/basic.route';
 import { knowledgeRoutes } from './knowledge/knowledge.route';
 import { workbenchRoutes } from './workbench/workbench.route';
 
@@ -23,5 +24,15 @@ export const managerRoutes: Routes = [
       weight: 0,
     },
   },
+  {
+    path: 'basic-data',
+    loadComponent: () => import('./basic/basic.component').then(m => m.BasicComponent),
+    children: basicRoutes,
+    data: {
+      title: '基础数据管理',
+      icon: 'user',
+      weight: 0,
+    },
+  },
   { path: '', pathMatch: 'full', redirectTo: 'workbench' },
 ];

src/app/services/api.service.ts

@@ -1,10 +1,16 @@
 import { Injectable } from '@angular/core';
 
+import { AuthApi } from './apis/auth';
+import { BasicApi } from './apis/basic';
 import { HttpService } from './http.service';
 
 @Injectable({ providedIn: 'root' })
 export class ApiService {
-  constructor(public readonly http: HttpService) {}
+  constructor(
+    public readonly http: HttpService,
+    public readonly basic: BasicApi,
+    public readonly auth: AuthApi
+  ) {}
 
   getAllUrls(): string[] {
     const ret: string[] = [];

src/app/services/apis/auth.ts

@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+import { Post, requestDone } from '../http.decorators';
+import { _BaseApi } from './_base';
+
+@Injectable({ providedIn: 'root' })
+export class AuthApi extends _BaseApi {
+  @Post('/user/login')
+  async login(data: UserApi.LoginParams): Promise<UserApi.LoginResponse> {
+    requestDone(data);
+  }
+
+  @Post('/auth/logout')
+  async logout(): Promise<void> {
+    requestDone();
+  }
+}

src/app/services/apis/basic.ts

@@ -0,0 +1,58 @@
+import { Injectable } from '@angular/core';
+import { Get, Post, requestDone } from '../http.decorators';
+import { _BaseApi } from './_base';
+
+@Injectable({ providedIn: 'root' })
+export class BasicApi extends _BaseApi {
+  @Get('/basic/predefine/all', false, ['type'])
+  async getPredefineList(type: string): Promise<BasicData.Predefine[]> {
+    requestDone();
+  }
+  @Post('/basic/predefine/add')
+  async addPredefine(data: Omit<BasicData.Predefine, 'id'>): Promise<void> {
+    requestDone(data);
+  }
+  async deletePredefine(type: string, value: string): Promise<void> {
+    return this.http.delete('/basic/predefine/remove', { type, value });
+  }
+
+  async deleteType(name: string): Promise<void> {
+    return this.http.delete('/basic/product/remove-type', { name });
+  }
+
+  @Get('/basic/product/units')
+  async getUnitList(): Promise<BasicData.Unit[]> {
+    requestDone();
+  }
+  @Post('/basic/product/update-unit')
+  async updateUnit(data: Partial<BasicData.Unit>): Promise<void> {
+    requestDone(data);
+  }
+  @Post('/basic/product/add-unit')
+  async addUnit(data: Partial<BasicData.Unit>): Promise<void> {
+    requestDone(data);
+  }
+  async deletedUnit(id: number): Promise<void> {
+    return this.http.delete('/basic/product/remove-unit', { id });
+  }
+
+  @Get('/basic/equipment/all')
+  async getEquipmentList(): Promise<BasicData.Equipment[]> {
+    requestDone();
+  }
+  @Post('/basic/equipment/update')
+  async updateEquipment(data: Partial<BasicData.Equipment>): Promise<void> {
+    requestDone(data);
+  }
+  @Post('/basic/equipment/add')
+  async addEquipment(data: Partial<BasicData.Equipment>): Promise<void> {
+    requestDone(data);
+  }
+  async deletedEquipment(id: number): Promise<void> {
+    return this.http.delete('/basic/equipment/remove', { id });
+  }
+
+  async removeDepartment(departmentName: string, companyName: string): Promise<void> {
+    return this.http.delete('/hr/department/remove', { department: departmentName, company: companyName });
+  }
+}

src/app/services/auth.service.ts

@@ -18,8 +18,10 @@ export class AuthService {
     return this.token != undefined;
   }
 
-  async login(): Promise<UserApi.User> {
-    const result = {} as UserApi.User;
+  async login(params: UserApi.LoginParams): Promise<UserApi.LoginResponse> {
+    const result = await this.api.auth.login(params).catch(err => {
+      throw err;
+    });
     await this.afterLogin(result);
     return result;
   }
@@ -35,8 +37,8 @@ export class AuthService {
     return true;
   }
 
-  private async afterLogin(result: UserApi.User) {
-    this.storage.token = result.name;
+  private async afterLogin(result: UserApi.LoginResponse) {
+    this.storage.token = result.token;
     const autoLogin = await this.autoLogin();
     if (!autoLogin) {
       return undefined;

src/app/services/basic.service.ts

@@ -6,11 +6,38 @@ import { ApiService } from './api.service';
   providedIn: 'root',
 })
 export class BasicDataService {
+  lines: BasicData.Predefine[] = [];
+  types: BasicData.Predefine[] = [];
+  jobs: BasicData.Predefine[] = [];
+  units: BasicData.Unit[] = [];
   private _initialized = false;
   $fetched = new Subject<void>();
   constructor(private readonly api: ApiService) {}
+  async fetchBasicData() {
+    return Promise.all([this.fetchLines(), this.fetchTypes(), this.fetchJobs(), this.fetchUnits()]).then(() => {
+      setTimeout(() => {
+        this.$fetched.next();
+      }, 100);
+    });
+  }
+  async fetchUnits() {
+    this.units = await this.api.basic.getUnitList();
+  }
+  async fetchLines() {
+    this.lines = await this.api.basic.getPredefineList('line');
+  }
+  async fetchTypes() {
+    this.types = await this.api.basic.getPredefineList('product');
+  }
+  async fetchJobs() {
+    this.jobs = await this.api.basic.getPredefineList('job');
+  }
   clear() {
     this._initialized = false;
+    this.lines = [];
+    this.types = [];
+    this.jobs = [];
+    this.units = [];
   }
 
   async init(): Promise<boolean> {
@@ -24,6 +51,7 @@ export class BasicDataService {
   }
 
   private async onInit() {
+    await this.fetchBasicData();
     this._initialized = true;
     return true;
   }

src/app/services/storage.service.ts

@@ -32,6 +32,9 @@ export class StorageService {
     this._cacheToken = undefined;
     this.setString('token', '');
   }
+  remove(key: string) {
+    localStorage.removeItem(this.getRealKey(key));
+  }
   setString(key: string, data: string): void {
     key = this.getRealKey(key);
     if (!data || data.length <= 0) {

src/app/shared/simple-form-page/simple-form-page.component.ts

@@ -26,7 +26,7 @@ export interface Column {
   templateUrl: './simple-form-page.component.html',
   styleUrl: './simple-form-page.component.less',
 })
-export class SimpleFormPageComponent<T = BaseData.Predefine> {
+export class SimpleFormPageComponent<T = BasicData.Predefine> {
   list: T[] = [];
   sortDirections: NzTableSortOrder[] = ['ascend', 'descend', null];
   @Input() keyWord = '';

src/assets/icons/database.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 10c4.418 0 8-1.79 8-4s-3.582-4-8-4s-8 1.79-8 4s3.582 4 8 4zm6.328.17A7.61 7.61 0 0 0 20 9.053V18c0 2.21-3.582 4-8 4s-8-1.79-8-4V9.053a7.61 7.61 0 0 0 1.672 1.117C7.37 11.018 9.608 11.5 12 11.5c2.392 0 4.63-.482 6.328-1.33z" fill="currentColor"></path></g></svg>

src/assets/icons/db.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 448 512"><path d="M448 73.143v45.714C448 159.143 347.667 192 224 192S0 159.143 0 118.857V73.143C0 32.857 100.333 0 224 0s224 32.857 224 73.143zM448 176v102.857C448 319.143 347.667 352 224 352S0 319.143 0 278.857V176c48.125 33.143 136.208 48.572 224 48.572S399.874 209.143 448 176zm0 160v102.857C448 479.143 347.667 512 224 512S0 479.143 0 438.857V336c48.125 33.143 136.208 48.572 224 48.572S399.874 369.143 448 336z" fill="currentColor"></path></svg>

src/assets/icons/equipment.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"><path d="M32 26v-2h-2.101a4.968 4.968 0 0 0-.732-1.753l1.49-1.49l-1.414-1.414l-1.49 1.49A4.968 4.968 0 0 0 26 20.101V18h-2v2.101a4.968 4.968 0 0 0-1.753.732l-1.49-1.49l-1.414 1.414l1.49 1.49A4.968 4.968 0 0 0 20.101 24H18v2h2.101a4.968 4.968 0 0 0 .732 1.753l-1.49 1.49l1.414 1.414l1.49-1.49a4.968 4.968 0 0 0 1.753.732V32h2v-2.101a4.968 4.968 0 0 0 1.753-.732l1.49 1.49l1.414-1.414l-1.49-1.49A4.968 4.968 0 0 0 29.899 26zm-7 2a3 3 0 1 1 3-3a3.003 3.003 0 0 1-3 3z" fill="currentColor"></path><circle cx="7" cy="20" r="2" fill="currentColor"></circle><path d="M14 20a4 4 0 1 1 4-4a4.012 4.012 0 0 1-4 4zm0-6a2 2 0 1 0 2 2a2.006 2.006 0 0 0-2-2z" fill="currentColor"></path><circle cx="21" cy="12" r="2" fill="currentColor"></circle><path d="M13.02 28.271L3 22.427V9.574l11-6.416l11.496 6.706l1.008-1.728l-12-7a1 1 0 0 0-1.008 0l-12 7A1 1 0 0 0 1 9v14a1 1 0 0 0 .496.864L12.013 30z" fill="currentColor"></path></svg>

src/assets/icons/line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class=" iconify iconify--maki" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M5.5 0s-.75 0-1 1L3 6.5V10c0 1 1 1 1 1h7s1 0 1-1V6.5L10.5 1c-.273-1-1-1-1-1zm1 1.5h2s.536 0 .75 1L10 6c.215 1.002-1 1-1 1H6s-1.215.002-1-1l.75-3.5c.214-1 .75-1 .75-1M5 8a1 1 0 1 1 0 2a1 1 0 0 1 0-2m1.75 0h1.5a.25.25 0 1 1 0 .5h-1.5a.25.25 0 1 1 0-.5M10 8a1 1 0 1 1 0 2a1 1 0 0 1 0-2m-5.875 4L3 15h1.5l.375-1h5.25l.375 1H12l-1.125-3h-1.5l.375 1h-4.5l.375-1z"></path></svg>

src/assets/icons/post-group.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class=" iconify iconify--material-symbols" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 18v-1.575q0-1.075 1.1-1.75T4 14q.325 0 .625.013t.575.062q-.35.525-.525 1.1t-.175 1.2V18zm6 0v-1.625q0-.8.438-1.463t1.237-1.162T9.588 13T12 12.75q1.325 0 2.438.25t1.912.75t1.225 1.163t.425 1.462V18zm13.5 0v-1.625q0-.65-.162-1.225t-.488-1.075q.275-.05.563-.062T20 14q1.8 0 2.9.663t1.1 1.762V18zM4 13q-.825 0-1.412-.587T2 11q0-.85.588-1.425T4 9q.85 0 1.425.575T6 11q0 .825-.575 1.413T4 13m16 0q-.825 0-1.412-.587T18 11q0-.85.588-1.425T20 9q.85 0 1.425.575T22 11q0 .825-.575 1.413T20 13m-8-1q-1.25 0-2.125-.875T9 9q0-1.275.875-2.137T12 6q1.275 0 2.138.863T15 9q0 1.25-.862 2.125T12 12"></path></svg>

src/assets/icons/transit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M12 2c-4 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20v1h12v-1l-1.5-1c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM8.5 16c-.83 0-1.5-.67-1.5-1.5S7.67 13 8.5 13s1.5.67 1.5 1.5S9.33 16 8.5 16zm2.5-6H6V7h5v3zm4.5 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm2.5-6h-5V7h5v3z" fill="currentColor"></path></svg>

src/assets/icons/type.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class=" iconify iconify--lucide" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7V4h16v3M9 20h6M12 4v16"></path></svg>

src/assets/icons/unit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class=" iconify iconify--material-symbols" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 9V7h8v2zM7 23q-.825 0-1.412-.587T5 21V3q0-.825.588-1.412T7 1h10q.825 0 1.413.588T19 3v18q0 .825-.587 1.413T17 23zm0-5h10V6H7z"></path></svg>

src/assets/icons/user-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M256 288c79.5 0 144-64.5 144-144S335.5 0 256 0S112 64.5 112 144s64.5 144 144 144zm128 32h-55.1c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16H128C57.3 320 0 377.3 0 448v16c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48v-16c0-70.7-57.3-128-128-128z" fill="currentColor"></path></svg>

src/types/basic.d.ts

@@ -0,0 +1,32 @@
+declare namespace BasicData {
+  interface Predefine {
+    id: number;
+    type: string;
+    value: string;
+    seq: number;
+  }
+
+  interface PostList {
+    data: Post[];
+    total: number;
+  }
+
+  interface PostGroupList {
+    data: PostGroup[];
+    total: number;
+  }
+
+  interface Unit {
+    id: number;
+    name: string;
+    line: string;
+    type: string;
+  }
+
+  interface Equipment {
+    id: number;
+    name: string;
+    line: string;
+    unit: string;
+  }
+}

src/types/user.d.ts

@@ -1,4 +1,11 @@
 declare namespace UserApi {
+  interface LoginParams {
+    username: string;
+    password: string;
+  }
+  interface LoginResponse {
+    token: string;
+  }
   /**
    * 修改当前用户 RequestParams
    */