331 lines
8.7 KiB
TypeScript
331 lines
8.7 KiB
TypeScript
import { Component, Input, OnInit, ViewChild } from '@angular/core';
|
|
import { ActivatedRoute, Router } from '@angular/router';
|
|
import { STColumn, STComponent, STData } from '@delon/abc/st';
|
|
import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
|
|
import { ModalHelper } from '@delon/theme';
|
|
import { EAEnvironmentService } from '@shared';
|
|
import { NzDrawerService } from 'ng-zorro-antd/drawer';
|
|
import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
|
|
import { SupplyManagementAddDriversComponent } from 'src/app/routes/supply-management/components/add-drivers/add-drivers.component';
|
|
import { SupplyManagementService } from '../../services/supply-management.service';
|
|
import { CarAddmodalComponent } from '../addmodal/addmodal.component';
|
|
|
|
|
|
@Component({
|
|
selector: 'app-publish-goods-choose-famifiar',
|
|
templateUrl: './choose-famifiar.component.html'
|
|
})
|
|
export class PublishGoodsChooseFamifiarComponent implements OnInit {
|
|
schema: SFSchema = {};
|
|
columns!: STColumn[];
|
|
i: any;
|
|
ui!: SFUISchema;
|
|
sfExpand = false;
|
|
@ViewChild('st', { static: false })
|
|
st!: STComponent;
|
|
@ViewChild('sf', { static: false })
|
|
sf!: SFComponent;
|
|
|
|
@ViewChild('st2', { static: false })
|
|
st2!: STComponent;
|
|
columns2!: STColumn[];
|
|
st2Data: STData[] = [];
|
|
|
|
@Input()
|
|
submitUrl = '';
|
|
|
|
@Input()
|
|
submitParams: any;
|
|
|
|
constructor(
|
|
private modal: NzModalRef,
|
|
public router: Router,
|
|
public ar: ActivatedRoute,
|
|
private drawerService: NzDrawerService,
|
|
public service: SupplyManagementService,
|
|
private modalService: NzModalService,
|
|
private modalHelper: ModalHelper,
|
|
private envSrv: EAEnvironmentService
|
|
) { }
|
|
|
|
/**
|
|
* 查询参数
|
|
*/
|
|
get reqParams() {
|
|
return {
|
|
...this.sf?.value,
|
|
isManage: 0
|
|
};
|
|
}
|
|
ngOnInit() {
|
|
this.initSF();
|
|
this.initST();
|
|
this.initST2();
|
|
}
|
|
|
|
initSF() {
|
|
this.schema = {
|
|
properties: {
|
|
nameOrPhone: {
|
|
type: 'string',
|
|
title: '承运司机',
|
|
ui: {
|
|
placeholder: '请输入司机姓名/手机号'
|
|
}
|
|
},
|
|
carNo: {
|
|
type: 'string',
|
|
title: '车牌号',
|
|
ui: {
|
|
placeholder: '请输入车牌号'
|
|
}
|
|
}
|
|
}
|
|
};
|
|
this.ui = {
|
|
'*': {
|
|
grid: { span: 12, gutter: 4 }
|
|
}
|
|
};
|
|
}
|
|
|
|
initST() {
|
|
this.columns = [
|
|
{
|
|
title: '司机姓名',
|
|
index: 'name'
|
|
},
|
|
{
|
|
title: '手机号',
|
|
index: 'telephone'
|
|
},
|
|
{
|
|
title: '指定车辆',
|
|
width: 130,
|
|
render: 'userCarLicenseDesensitizationVOList'
|
|
},
|
|
{
|
|
title: '状态',
|
|
className: 'text-center',
|
|
index: 'certificationStatus',
|
|
type: 'badge',
|
|
badge: {
|
|
'-1': { text: '未提交', color: 'default' },
|
|
0: { text: '待审核', color: 'processing' },
|
|
1: { text: '已认证', color: 'success' },
|
|
2: { text: '未认证', color: 'error' }
|
|
}
|
|
},
|
|
{
|
|
title: '操作',
|
|
className: 'text-center',
|
|
buttons: [
|
|
{
|
|
text: '选择',
|
|
iif: item => item.showChoose != false,
|
|
click: (_record, _modal, _instance) => this.verifyVechicleStatus(_record),
|
|
iifBehavior: 'disabled'
|
|
}
|
|
]
|
|
}
|
|
];
|
|
}
|
|
|
|
initST2() {
|
|
this.columns2 = [
|
|
{
|
|
title: '司机姓名',
|
|
index: 'name',
|
|
width: '90px'
|
|
},
|
|
{
|
|
title: '手机号',
|
|
index: 'telephone',
|
|
width: '120px'
|
|
},
|
|
{
|
|
title: '车队长',
|
|
render: 'captain',
|
|
width: '200px'
|
|
},
|
|
{
|
|
title: '指定车辆',
|
|
render: 'defaultCar',
|
|
width: '130px'
|
|
},
|
|
{
|
|
title: '操作',
|
|
className: 'text-center',
|
|
width: '90px',
|
|
buttons: [
|
|
{
|
|
text: '移除',
|
|
click: (_record, _modal, _instance) => this.remove(_record, _modal, _instance)
|
|
}
|
|
]
|
|
}
|
|
];
|
|
}
|
|
|
|
// 选择
|
|
choose(record: STData) {
|
|
this.st2Data = [...this.st2Data, ...[record]];
|
|
this.st.setRow(record, { showChoose: false });
|
|
}
|
|
// 移除
|
|
remove(record: STData, value1: any, comp: any) {
|
|
const index = this.st?.list.findIndex((obj: any) => obj.appUserId === record.appUserId);
|
|
if (index >= 0) {
|
|
comp!.removeRow(record);
|
|
this.st2Data = this.st2Data.filter(item => item.appUserId !== record.appUserId);
|
|
this.st.setRow(index, { showChoose: true });
|
|
}
|
|
}
|
|
|
|
//添加司机
|
|
add() {
|
|
this.modalHelper.create(CarAddmodalComponent, {}, { size: 900, modalOptions: { nzMaskClosable: false } }).subscribe(res => {
|
|
if (res) this.st.reload();
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 校验司机是否能设置车队长
|
|
* @param item 当前对象
|
|
*/
|
|
verifyCanSetCarCaptain(item: any, index: any) {
|
|
this.service.request(this.service.$api_get_sys_config, [{ itemKey: 'sys.config.shipper.setCarCaptain', businessId: this.envSrv.env.enterpriseId }]).subscribe(res => {
|
|
if (res && res.length > 0) {
|
|
const { itemValue } = res[0];
|
|
if (itemValue !== '1') {
|
|
this.service.msgSrv.error('不可设置车队长！');
|
|
return;
|
|
}
|
|
this.setCaptain(item, index);
|
|
}
|
|
})
|
|
}
|
|
|
|
//设置车队长
|
|
setCaptain(record: STData, index: any) {
|
|
this.modalHelper
|
|
.create(
|
|
SupplyManagementAddDriversComponent,
|
|
{ dirvierInfo: record },
|
|
{
|
|
size: 900,
|
|
modalOptions: { nzMaskClosable: false, nzTitle: '设置' }
|
|
}
|
|
)
|
|
.subscribe(res => {
|
|
if (res) {
|
|
this.st2.setRow(index, { captainName: res.name, captainPhone: res.mobile, captainAppUserId: res.appUserId });
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 重置表单
|
|
*/
|
|
resetSF() {
|
|
this.sf.reset();
|
|
this.sfExpand = false;
|
|
this.st.load(1);
|
|
}
|
|
|
|
expandToggle() {
|
|
this.sfExpand = !this.sfExpand;
|
|
this.sf?.setValue('/_expand', this.sfExpand);
|
|
}
|
|
|
|
// 熟车请求数据处理
|
|
reqProcess = (data: STData[], rawData: any): STData[] => {
|
|
if (rawData.status === 505016) {
|
|
this.modalService.confirm({
|
|
nzTitle: '系统提示',
|
|
nzContent: '<b>该司机还未注册，是否邀请他注册？点击"是"系统将发送邀请短信给司机</b>',
|
|
nzOkText: '确定',
|
|
nzCancelText: '取消',
|
|
nzOnOk: () => console.log('OK')
|
|
});
|
|
return [];
|
|
}
|
|
return data.map((i, index) => {
|
|
const defaultCart = i.userCarLicenseDesensitizationVOList.find((cart: any) => cart.isDefault);
|
|
return { ...i, default: defaultCart || '' };
|
|
});
|
|
}
|
|
|
|
cancel() {
|
|
this.modal.destroy();
|
|
}
|
|
|
|
ok() {
|
|
if (this.st2._data?.length <= 0) {
|
|
this.service.msgSrv.warning('请选择熟车');
|
|
return;
|
|
}
|
|
const data = this.st2._data.map(item => ({
|
|
driverId: item.appUserId,
|
|
carId: item.default?.carId || null,
|
|
carCaptainId: item.captainAppUserId
|
|
}));
|
|
this.service.request(this.submitUrl, { ...this.submitParams, carDriverIds: data }).subscribe((rs: any) => {
|
|
if (rs) {
|
|
this.service.msgSrv.success('指派成功');
|
|
this.modal.destroy(true);
|
|
}
|
|
});
|
|
}
|
|
|
|
carChange(event: any, item: STData) {
|
|
|
|
}
|
|
|
|
/**
|
|
* 验证车辆的状态
|
|
*/
|
|
verifyVechicleStatus(_record: STData) {
|
|
const { carId, appUserId: driverId, captainAppUserId: carCaptainId } = _record;
|
|
const carInfo: any = { carId, driverId, carCaptainId };
|
|
const goodsInfoList = this.submitParams?.goodsInfoList;
|
|
this.service.request(this.service.$api_verify_vehicle_status, { ...carInfo, goodsInfoList }).subscribe((res: any) => {
|
|
if (res) {
|
|
const { title, alert, subContent, content } = res;
|
|
switch (alert) {
|
|
case 'Error':
|
|
this.error(title, content, subContent);
|
|
break;
|
|
case 'Warn':
|
|
this.showConfirm(_record, title, content, subContent);
|
|
break;
|
|
case 'Success':
|
|
this.choose(_record);
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
error(title: string, content: string, subContent: string): void {
|
|
this.modalService.error({
|
|
nzTitle: title,
|
|
nzContent: `<span class="text-error-dark">${content ? content : ''}</span><span class="text-grey-dark">${subContent ? subContent : ''}</span>`,
|
|
nzOkText: '知道了'
|
|
});
|
|
}
|
|
|
|
showConfirm(_record: STData, title: string, content: string, subContent: string): void {
|
|
this.modalService.confirm({
|
|
nzTitle: title,
|
|
nzContent: `<span class="text-error-dark">${content ? content : ''}</span><span class="text-grey-dark">${subContent ? subContent : ''}</span>`,
|
|
nzOkText: '继续',
|
|
nzCancelText: '取消',
|
|
nzOnOk: () => {
|
|
this.choose(_record);
|
|
}
|
|
});
|
|
}
|
|
}
|