Merge branch 'feature/partner' of https://gitlab.eascs.com/tms-ui/tms-obc-web into feature/partner
This commit is contained in:
潘晓云
@ -1,27 +1,29 @@
|
||||
:host {
|
||||
.head-box {
|
||||
img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
width : 80px;
|
||||
height : 80px;
|
||||
padding: 8px;
|
||||
}
|
||||
.right-h{
|
||||
|
||||
.right-h {
|
||||
font-size: 16px;
|
||||
}
|
||||
.right-s{
|
||||
|
||||
.right-s {
|
||||
color: #7f7f7f;
|
||||
}
|
||||
|
||||
.left-rt {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
font-size : 16px;
|
||||
text-align : right;
|
||||
}
|
||||
|
||||
.left-rb {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
padding-top: 16px;
|
||||
display : flex;
|
||||
justify-content: flex-end;
|
||||
padding-top : 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
|
||||
import { ActivatedRoute } from '@angular/router';
|
||||
import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnumType, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
|
||||
import { SFAutoCompleteWidgetSchema, SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnumType, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
|
||||
import { _HttpClient } from '@delon/theme';
|
||||
import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
|
||||
import { map } from 'rxjs/operators';
|
||||
@ -38,18 +38,37 @@ export class ParterChannelSalesEditComponent implements OnInit {
|
||||
title: '',
|
||||
ui: { hidden: true }
|
||||
},
|
||||
name1: {
|
||||
title: '业务员选择',
|
||||
name: {
|
||||
title: '渠道销售姓名',
|
||||
type: 'string',
|
||||
enum: [
|
||||
{ label: '王武', value: '1'},
|
||||
],
|
||||
maxLength: 12,
|
||||
ui: {
|
||||
widget: 'select',
|
||||
placeholder:'请选择'
|
||||
} as SFSelectWidgetSchema,
|
||||
placeholder:'请输入'
|
||||
}
|
||||
},
|
||||
name2: {
|
||||
phoneNumber: {
|
||||
title: '手机号',
|
||||
type: 'string',
|
||||
maxLength: 11,
|
||||
ui: {
|
||||
placeholder:'请输入'
|
||||
}
|
||||
},
|
||||
employeeVO: {
|
||||
title: '关联OA员工',
|
||||
type: 'string',
|
||||
ui: {
|
||||
widget: 'autocomplete',
|
||||
placeholder:'请选择',
|
||||
asyncData: () => this.service.request(this.service.$api_fuzzyQuery).pipe(
|
||||
map((res: any) => {
|
||||
console.log('111',res)
|
||||
return [];
|
||||
})
|
||||
)
|
||||
} as SFAutoCompleteWidgetSchema,
|
||||
},
|
||||
isAuthorization: {
|
||||
type: 'string',
|
||||
title: '授权登录运营后台',
|
||||
enum: [
|
||||
@ -59,21 +78,31 @@ export class ParterChannelSalesEditComponent implements OnInit {
|
||||
ui: {
|
||||
widget: 'radio',
|
||||
} as SFRadioWidgetSchema,
|
||||
default: 'A',
|
||||
default: '0',
|
||||
},
|
||||
name: {
|
||||
title: '',
|
||||
roleIds: {
|
||||
title: '角色',
|
||||
type: 'string',
|
||||
enum: [
|
||||
{ label: '管理员', value: '1'},
|
||||
],
|
||||
ui: {
|
||||
widget: 'select',
|
||||
placeholder:'授权角色',
|
||||
visibleIf: { name2: (value: string) => value === '1' }
|
||||
} as SFSelectWidgetSchema,
|
||||
placeholder: '授权角色',
|
||||
mode: 'multiple',
|
||||
maxMultipleCount: 5,
|
||||
asyncData: () => {
|
||||
return this.service.request(this.service.$api_getAppRoleList).pipe(
|
||||
map((res: any) => {
|
||||
return res
|
||||
.filter((role: any) => role.roleCode !== 'Administrator')
|
||||
.map((item: any) => {
|
||||
return { label: item.roleName, value: item.id };
|
||||
});
|
||||
})
|
||||
);
|
||||
},
|
||||
visibleIf: { isAuthorization: (value: string) => value === '1' }
|
||||
},
|
||||
},
|
||||
name3: {
|
||||
remark: {
|
||||
type: 'string',
|
||||
title: '备注',
|
||||
maxLength: 50,
|
||||
@ -84,15 +113,16 @@ export class ParterChannelSalesEditComponent implements OnInit {
|
||||
} as SFTextareaWidgetSchema,
|
||||
},
|
||||
},
|
||||
required: ['name1', 'name2']
|
||||
required: ['name', 'phoneNumber', 'employeeVO', 'roleIds', 'remark']
|
||||
};
|
||||
this.ui = {
|
||||
'*': {
|
||||
spanLabelFixed: 150,
|
||||
grid: { span: 24 }
|
||||
},
|
||||
$name:{ spanLabelFixed: 10, grid: { span: 12 }},
|
||||
$name2:{ grid: { span: 12 }},
|
||||
$isAuthorization:{ grid: { span: 12 }},
|
||||
$roleIds:{ spanLabelFixed: 10, grid: { span: 12 }},
|
||||
|
||||
|
||||
};
|
||||
}
|
||||
@ -103,12 +133,12 @@ export class ParterChannelSalesEditComponent implements OnInit {
|
||||
save() {
|
||||
this.sf.validator({ emitError: true });
|
||||
if(!this.sf.valid) return;
|
||||
// this.service.request('', { ...this.sf.value }).subscribe(res => {
|
||||
// if (res) {
|
||||
// this.modalRef.destroy(true);
|
||||
// } else {
|
||||
// this.service.msgSrv.error(res.msg);
|
||||
// }
|
||||
// });
|
||||
this.service.request(this.service.$api_save, { ...this.sf.value }).subscribe(res => {
|
||||
if (res) {
|
||||
this.modalRef.destroy(true);
|
||||
} else {
|
||||
this.service.msgSrv.error(res.msg);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<!-- 数据列表 -->
|
||||
<st
|
||||
#st
|
||||
[data]="data"
|
||||
[data]="service.$api_getPage"
|
||||
[columns]="columns"
|
||||
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
|
||||
[res]="{ reName: { list: 'data.records', total: 'data.total' } }"
|
||||
|
||||
@ -47,7 +47,7 @@ export class ParterChannelSalesListComponent implements OnInit {
|
||||
type: 'string',
|
||||
title: '销售渠道姓名'
|
||||
},
|
||||
phone: {
|
||||
telephone: {
|
||||
type: 'string',
|
||||
title: '手机号'
|
||||
},
|
||||
@ -88,7 +88,7 @@ export class ParterChannelSalesListComponent implements OnInit {
|
||||
},
|
||||
{
|
||||
title: '邀请码',
|
||||
index: 'name1'
|
||||
index: 'inviteCode'
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
|
||||
@ -6,6 +6,17 @@ import { BaseService } from '@shared';
|
||||
})
|
||||
export class ChannelSalesService extends BaseService {
|
||||
|
||||
// 保存渠道销售管理
|
||||
$api_save = '/api/mdc/channelSalesManagement/save';
|
||||
|
||||
// 查询渠道销售管理表
|
||||
$api_getPage = '/api/mdc/channelSalesManagement/list/page';
|
||||
// OA员工模糊查询
|
||||
$api_fuzzyQuery = '/api/mdc/channelSalesManagement/fuzzyQuery';
|
||||
// 获取角色列表
|
||||
$api_getAppRoleList = '/api/mdc/cuc/roleInfo/getRoleList';
|
||||
|
||||
|
||||
constructor(public injector: Injector) {
|
||||
super(injector);
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
|
||||
.left-rb {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
justify-content: flex-end;
|
||||
padding-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,26 +1,29 @@
|
||||
:host {
|
||||
.head-box {
|
||||
img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
width : 80px;
|
||||
height : 80px;
|
||||
padding: 8px;
|
||||
}
|
||||
.right-h{
|
||||
|
||||
.right-h {
|
||||
font-size: 16px;
|
||||
}
|
||||
.right-s{
|
||||
|
||||
.right-s {
|
||||
color: #7f7f7f;
|
||||
}
|
||||
|
||||
.left-rt {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
font-size : 16px;
|
||||
text-align : right;
|
||||
}
|
||||
|
||||
.left-rb {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
padding-top: 16px;
|
||||
display : flex;
|
||||
justify-content: flex-end;
|
||||
padding-top : 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -38,19 +38,15 @@ export class ParterLevelConfigEditComponent implements OnInit {
|
||||
title: '',
|
||||
ui: { hidden: true }
|
||||
},
|
||||
name: {
|
||||
title: '合伙人等级',
|
||||
gradeName: {
|
||||
title: '等级名称',
|
||||
type: 'string',
|
||||
enum: [
|
||||
{ label: '管理员', value: '1'},
|
||||
],
|
||||
ui: {
|
||||
widget: 'select',
|
||||
placeholder:'请选择',
|
||||
visibleIf: { name2: (value: string) => value === '1' }
|
||||
} as SFSelectWidgetSchema,
|
||||
},
|
||||
name3: {
|
||||
sortId: {
|
||||
title: '排序',
|
||||
type: 'string',
|
||||
},
|
||||
remark: {
|
||||
type: 'string',
|
||||
title: '备注',
|
||||
maxLength: 50,
|
||||
@ -61,7 +57,7 @@ export class ParterLevelConfigEditComponent implements OnInit {
|
||||
} as SFTextareaWidgetSchema,
|
||||
},
|
||||
},
|
||||
required: ['name1', 'name2']
|
||||
required: ['gradeName', 'sortId', 'remark']
|
||||
};
|
||||
this.ui = {
|
||||
'*': {
|
||||
@ -77,12 +73,12 @@ export class ParterLevelConfigEditComponent implements OnInit {
|
||||
save() {
|
||||
this.sf.validator({ emitError: true });
|
||||
if(!this.sf.valid) return;
|
||||
// this.service.request('', { ...this.sf.value }).subscribe(res => {
|
||||
// if (res) {
|
||||
// this.modalRef.destroy(true);
|
||||
// } else {
|
||||
// this.service.msgSrv.error(res.msg);
|
||||
// }
|
||||
// });
|
||||
this.service.request(this.service.$api_save, { ...this.sf.value }).subscribe(res => {
|
||||
if (res) {
|
||||
this.modalRef.destroy(true);
|
||||
} else {
|
||||
this.service.msgSrv.error(res.msg);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<!-- 数据列表 -->
|
||||
<st
|
||||
#st
|
||||
[data]="data"
|
||||
[data]="service.$api_getList"
|
||||
[columns]="columns"
|
||||
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
|
||||
[res]="{ reName: { list: 'data.records', total: 'data.total' } }"
|
||||
|
||||
@ -43,13 +43,17 @@ export class ParterLevelConfigListComponent implements OnInit {
|
||||
initSF() {
|
||||
this.schema = {
|
||||
properties: {
|
||||
name: {
|
||||
gradeName: {
|
||||
type: 'string',
|
||||
title: '等级姓名'
|
||||
},
|
||||
phone: {
|
||||
stateLocked: {
|
||||
type: 'string',
|
||||
title: '状态'
|
||||
title: '状态',
|
||||
enum:[{label:'是',value:'1'},{label:'否',value:'2'}],
|
||||
ui:{
|
||||
widget:'select'
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
@ -64,11 +68,11 @@ export class ParterLevelConfigListComponent implements OnInit {
|
||||
this.columns = [
|
||||
{
|
||||
title: '等级姓名',
|
||||
index: 'name1'
|
||||
index: 'gradeName'
|
||||
},
|
||||
{
|
||||
title: '备注',
|
||||
index: 'name1'
|
||||
index: 'remark'
|
||||
},
|
||||
{
|
||||
title: '创建时间',
|
||||
@ -76,7 +80,7 @@ export class ParterLevelConfigListComponent implements OnInit {
|
||||
},
|
||||
{
|
||||
title: '启用时间',
|
||||
index: 'name1'
|
||||
index: 'enableTime'
|
||||
},
|
||||
{
|
||||
title: '状态',
|
||||
|
||||
@ -5,6 +5,14 @@ import { BaseService } from '@shared';
|
||||
providedIn: 'root',
|
||||
})
|
||||
export class ChannelSalesService extends BaseService {
|
||||
// 查询合伙人等级配置表
|
||||
$api_getList = '/api/mdc/partnerGradeConfig/list/page';
|
||||
// 获取合伙人等级配置表
|
||||
$api_getPartnerGradeConfig = '/api/mdc/partnerGradeConfig/get';
|
||||
// 保存合伙人等级配置表
|
||||
$api_save = '/api/mdc/partnerGradeConfig/save';
|
||||
// 删除合伙人等级配置表
|
||||
$api_del = '/api/mdc/partnerGradeConfig/deletebatch';
|
||||
|
||||
constructor(public injector: Injector) {
|
||||
super(injector);
|
||||
|
||||
@ -3,15 +3,11 @@
|
||||
<nz-card class="search-box" nzBordered>
|
||||
<div nz-row nzGutter="8">
|
||||
<div nz-col [nzXl]="_$expand ? 24 : 17" [nzLg]="24" [nzSm]="24" [nzXs]="24">
|
||||
<sf
|
||||
#sf
|
||||
[schema]="searchSchema"
|
||||
[ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
|
||||
[compact]="true"
|
||||
[button]="'none'"
|
||||
></sf>
|
||||
<sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
|
||||
[compact]="true" [button]="'none'"></sf>
|
||||
</div>
|
||||
<div nz-col [nzXl]="_$expand ? 24 : 7" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right" [class.expend-options]="_$expand">
|
||||
<div nz-col [nzXl]="_$expand ? 24 : 7" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right"
|
||||
[class.expend-options]="_$expand">
|
||||
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
|
||||
<button nz-button (click)="resetSF()">重置</button>
|
||||
<button nz-button nzType="link" (click)="expandToggle()">
|
||||
@ -25,27 +21,21 @@
|
||||
<nz-card class="content-box" nzBordered>
|
||||
<div class="d-flex align-items-center mb-md mt-md">
|
||||
<button nz-button (click)="this.routeTo('/partner/partner-list/add-etp-partner')" nzType="primary">新增企业合伙人</button>
|
||||
<button nz-button (click)="this.routeTo('/partner/partner-list/add-personal-partner')" nzType="primary">新增个人合伙人</button>
|
||||
<button nz-button (click)="this.routeTo('/partner/partner-list/add-personal-partner')"
|
||||
nzType="primary">新增个人合伙人</button>
|
||||
</div>
|
||||
|
||||
<st
|
||||
#st
|
||||
[data]="service.$api_get_partner_page"
|
||||
[columns]="columns"
|
||||
[req]="{ process: beforeReq }"
|
||||
[loading]="service.http.loading"
|
||||
[scroll]="{ x: '1200px' }"
|
||||
[page]="{}"
|
||||
>
|
||||
<st #st [data]="service.$api_get_partner_page" [columns]="columns" [req]="{ process: beforeReq }"
|
||||
[loading]="service.http.loading" [scroll]="{ x: '1200px' }" [page]="{}">
|
||||
</st>
|
||||
</nz-card>
|
||||
|
||||
<ng-template #editTemplate>
|
||||
<div nz-row nzGutter="8">
|
||||
<div nz-col nzSpan="24" se-container [labelWidth]="120">
|
||||
<se [col]="1" label="合伙人名称"> 深圳某某有限公司 </se>
|
||||
<se [col]="1" label="合伙人名称"> {{selectItem?.enterpriseName}} </se>
|
||||
<se [col]="1" label="返佣模板" required>
|
||||
<nz-select ngModel="lucy" style="width: 100%">
|
||||
<nz-select [(ngModel)]="templateId" style="width: 100%">
|
||||
<nz-option nzValue="jack" nzLabel="Jack"></nz-option>
|
||||
<nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
|
||||
</nz-select>
|
||||
@ -94,7 +84,5 @@
|
||||
</se>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-center mt-md"
|
||||
>客户转移：客户跟着上级合伙人转移一并到新渠道销售下，会同步发起CRM《客户转移》流程；不转移的，客户会与上级合伙人解绑，成为渠道销售的直客</p
|
||||
>
|
||||
<p class="text-center mt-md">客户转移：客户跟着上级合伙人转移一并到新渠道销售下，会同步发起CRM《客户转移》流程；不转移的，客户会与上级合伙人解绑，成为渠道销售的直客</p>
|
||||
</ng-template>
|
||||
@ -24,11 +24,14 @@ export class PartnerListComponent {
|
||||
|
||||
@ViewChild('editTemplate', { static: true })
|
||||
editTemplate: any;
|
||||
templateId: any;
|
||||
|
||||
@ViewChild('editCannel', { static: true })
|
||||
editCannel: any;
|
||||
customers: any[] = [];
|
||||
|
||||
selectItem: any = {};
|
||||
|
||||
constructor(public service: PartnerListService, private nzModalService: NzModalService, private router: Router) {}
|
||||
|
||||
beforeReq = (requestOptions: STRequestOptions) => {
|
||||
@ -46,12 +49,13 @@ export class PartnerListComponent {
|
||||
const modal = this.nzModalService.create({
|
||||
nzTitle: '审核',
|
||||
nzContent: PartnerAuditModalComponent,
|
||||
nzComponentParams: { info: item },
|
||||
nzComponentParams: { info: { ...item, enterpriseName: item.enterpriseName || item.contactName } },
|
||||
nzFooter: null
|
||||
});
|
||||
}
|
||||
|
||||
editTemplateAction(item: any) {
|
||||
this.selectItem = item;
|
||||
const modal = this.nzModalService.create({
|
||||
nzTitle: '修改返佣模板',
|
||||
nzContent: this.editTemplate,
|
||||
@ -66,24 +70,36 @@ export class PartnerListComponent {
|
||||
const modal = this.nzModalService.confirm({
|
||||
nzTitle: '确定要修改返佣模板吗？',
|
||||
nzOnOk: () => {
|
||||
this.nzModalService.closeAll();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
editCannelAction(item: any) {
|
||||
const modal = this.nzModalService.create({
|
||||
nzTitle: '修改返佣模板',
|
||||
nzWidth: 650,
|
||||
nzContent: this.editCannel,
|
||||
nzOnOk: () => {
|
||||
this.confirmEditCannel();
|
||||
this.service
|
||||
.request(this.service.$api_update_partner_template, {
|
||||
id: this.selectItem.id,
|
||||
templateId: this.templateId
|
||||
})
|
||||
.subscribe(res => {
|
||||
if (res) {
|
||||
this.service.msgSrv.success('修改成功');
|
||||
this.nzModalService.closeAll();
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
confirmEditCannel() {
|
||||
editCannelAction(item: any) {
|
||||
this.selectItem = item;
|
||||
const modal = this.nzModalService.create({
|
||||
nzTitle: '修改渠道销售',
|
||||
nzWidth: 650,
|
||||
nzContent: this.editCannel,
|
||||
nzOnOk: () => {
|
||||
this.confirmEditCannel(item);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
confirmEditCannel(item: any) {
|
||||
const modal = this.nzModalService.confirm({
|
||||
nzTitle: '确定提交吗？',
|
||||
nzOnOk: () => {
|
||||
@ -92,6 +108,29 @@ export class PartnerListComponent {
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 重新发起crm
|
||||
* @param item
|
||||
*/
|
||||
reSendCRM(item: any) {
|
||||
const modal = this.nzModalService.confirm({
|
||||
nzTitle: '是否确定重新发起CRM？',
|
||||
nzOnOk: () => {
|
||||
this.service
|
||||
.request(this.service.$api_resend_crm, {
|
||||
id: item.id
|
||||
})
|
||||
.subscribe(res => {
|
||||
if (res) {
|
||||
this.service.msgSrv.success('发起成功');
|
||||
} else {
|
||||
this.service.msgSrv.warning('发起失败');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
routeTo(route: string) {
|
||||
this.router.navigate([route]);
|
||||
}
|
||||
@ -261,15 +300,15 @@ export class PartnerListComponent {
|
||||
|
||||
private initST(): STColumn[] {
|
||||
return [
|
||||
{ title: '合伙人名称', index: 'enterpriseName', width: 180 },
|
||||
{ title: '付款编码', index: 'ltdName', width: 160 },
|
||||
{ title: '合伙人名称', index: 'enterpriseName', width: 180, format: item => `${item.enterpriseName || item.contactName}` },
|
||||
{ title: '付款编码', index: 'payCode', width: 160 },
|
||||
{ title: '邀请码', index: 'invitationCode', className: 'text-center', width: 130 },
|
||||
{ title: '企业管理员', index: 'contactName', width: 150 },
|
||||
{ title: '手机号', index: 'contactMobile', className: 'text-center', width: 150 },
|
||||
{ title: '类型', index: 'partnerType', className: 'text-center', width: 130, type: 'enum', enum: { 1: '企业', 2: '个人' } },
|
||||
{ title: '注册渠道', index: 'payDate', type: 'date', width: 130 },
|
||||
{ title: '注册渠道', index: 'source', type: 'enum', enum: { 1: '合伙人注册', 2: '平台添加' }, width: 130 },
|
||||
{ title: '注册时间', index: 'createTime', className: 'text-center', width: 170 },
|
||||
{ title: '渠道销售', index: 'payDate', width: 170 },
|
||||
{ title: '渠道销售', index: 'channelId', width: 170 },
|
||||
{ title: '返佣模板', index: 'templateName', width: 150 },
|
||||
{
|
||||
title: '认证审核状态',
|
||||
@ -325,7 +364,7 @@ export class PartnerListComponent {
|
||||
buttons: [
|
||||
{ type: 'divider' },
|
||||
{
|
||||
text: '详情<br>',
|
||||
text: '详情',
|
||||
click: item => {
|
||||
if (item.partnerType === 1) {
|
||||
this.router.navigate([`/partner/partner-list/etp-detail/${item.appUserId}`]);
|
||||
@ -334,6 +373,10 @@ export class PartnerListComponent {
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '审核<br>',
|
||||
click: item => this.auditPartner(item)
|
||||
},
|
||||
{
|
||||
text: '修改返佣模板',
|
||||
click: item => this.editTemplateAction(item)
|
||||
@ -342,13 +385,9 @@ export class PartnerListComponent {
|
||||
text: '修改渠道销售',
|
||||
click: item => this.editCannelAction(item)
|
||||
},
|
||||
{
|
||||
text: '审核<br>',
|
||||
click: item => this.auditPartner(item)
|
||||
},
|
||||
{
|
||||
text: '重发CRM流程',
|
||||
click: item => this.router.navigate([`/partner/account-management/list/detail/${item.id}`])
|
||||
click: item => this.reSendCRM(item)
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -3,5 +3,5 @@
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button nz-button type="button" (click)="close()">取消</button>
|
||||
<button nz-button type="button" nzType="primary" (click)="sure()" [disabled]="!sf.valid">保存</button>
|
||||
<button nz-button type="button" nzType="primary" (click)="sure()" [disabled]="!sf.valid">确定</button>
|
||||
</div>
|
||||
@ -34,7 +34,7 @@ export class PartnerAuditModalComponent implements OnInit {
|
||||
title: '合伙人名称',
|
||||
type: 'string',
|
||||
ui: { widget: 'text' },
|
||||
default: user.name
|
||||
default: user.enterpriseName
|
||||
},
|
||||
status: {
|
||||
title: '审核结果',
|
||||
@ -50,7 +50,7 @@ export class PartnerAuditModalComponent implements OnInit {
|
||||
},
|
||||
default: true
|
||||
},
|
||||
a: {
|
||||
channelId: {
|
||||
title: '渠道销售',
|
||||
type: 'string',
|
||||
enum: [
|
||||
@ -70,7 +70,7 @@ export class PartnerAuditModalComponent implements OnInit {
|
||||
},
|
||||
default: ''
|
||||
},
|
||||
b: {
|
||||
approvalOpinion: {
|
||||
title: '备注',
|
||||
type: 'string',
|
||||
maxLength: 100,
|
||||
@ -88,43 +88,41 @@ export class PartnerAuditModalComponent implements OnInit {
|
||||
}
|
||||
}
|
||||
},
|
||||
required: ['a', 'b']
|
||||
required: ['channelId', 'approvalOpinion']
|
||||
};
|
||||
}
|
||||
|
||||
sure() {
|
||||
this.nzModalService.confirm({
|
||||
nzTitle: `确定以“${this.info.userName}/${this.info.mobile}”的名义重新发起CRM《付款对象合同管理》吗？`,
|
||||
nzOnOk: () => {
|
||||
this.close();
|
||||
}
|
||||
});
|
||||
// if (!this.sf.value.roleId || this.sf.value.roleId.length === 0) {
|
||||
// this.service.msgSrv.error('员工角色不能为空！');
|
||||
// return;
|
||||
// }
|
||||
// if (this.i.userId === 0) {
|
||||
// const params: any = {
|
||||
// ...this.sf.value
|
||||
// };
|
||||
// this.service.request(this.service.$api_add_staff, params).subscribe(res => {
|
||||
// if (res) {
|
||||
// this.service.msgSrv.success('保存成功！');
|
||||
// this.modal.close(true);
|
||||
// }
|
||||
// });
|
||||
// } else {
|
||||
// const params: any = {
|
||||
// appUserId: this.i.appUserId,
|
||||
// ...this.sf.value
|
||||
// };
|
||||
// this.service.request(this.service.$api_edit_staff, params).subscribe(res => {
|
||||
// if (res) {
|
||||
// this.service.msgSrv.success('编辑成功！');
|
||||
// this.modal.close(true);
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
if (this.info.isPass || this.sf.value.status) {
|
||||
this.nzModalService.confirm({
|
||||
nzTitle: `确定以“${this.info.channelIdLabel}”的名义重新发起CRM《付款对象合同管理》吗？`,
|
||||
nzOnOk: () => {
|
||||
this.audit();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.audit();
|
||||
}
|
||||
}
|
||||
|
||||
audit() {
|
||||
const params: any = {
|
||||
...this.sf.value,
|
||||
id: this.info.id,
|
||||
auditStatusEnum: this.info.isPass || this.sf.value.status ? '20' : '30'
|
||||
};
|
||||
this.service
|
||||
.request(this.service.$api_audit_partner, {
|
||||
auditStatusEnum: params.auditStatusEnum,
|
||||
id: params.id,
|
||||
approvalOpinion: params.approvalOpinion
|
||||
})
|
||||
.subscribe(res => {
|
||||
if (res) {
|
||||
this.service.msgSrv.success('审核成功！');
|
||||
this.close();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
close() {
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
<div nz-row>
|
||||
<div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24"> 注册时间：{{ detailData?.createTime }} </div>
|
||||
<div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
|
||||
所属城市：{{ detailData?.cityCodesList?.provinceName }}{{ detailData?.cityCodesList?.cityName }}
|
||||
所属城市：{{enterpriseDefaultCityName}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -45,32 +45,14 @@
|
||||
<button [disabled]="service.http.loading" nz-button nzDanger (click)="auditPartner(false)"> 驳回 </button>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="detailData?.approvalStatus != 10">
|
||||
<button
|
||||
[disabled]="service.http.loading"
|
||||
nz-button
|
||||
nzDanger
|
||||
nz-popconfirm
|
||||
[nzPopconfirmTitle]="enable"
|
||||
(nzOnConfirm)="freezeOrResume(0)"
|
||||
nzPopconfirmPlacement="bottomRight"
|
||||
*ngIf="detailData?.stateLocked"
|
||||
acl
|
||||
[acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']"
|
||||
>
|
||||
<button [disabled]="service.http.loading" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="enable"
|
||||
(nzOnConfirm)="freezeOrResume(0)" nzPopconfirmPlacement="bottomRight" *ngIf="detailData?.stateLocked"
|
||||
acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']">
|
||||
启用
|
||||
</button>
|
||||
<button
|
||||
[disabled]="service.http.loading"
|
||||
nz-button
|
||||
nzDanger
|
||||
nz-popconfirm
|
||||
[nzPopconfirmTitle]="frozen"
|
||||
(nzOnConfirm)="freezeOrResume(1)"
|
||||
nzPopconfirmPlacement="bottomRight"
|
||||
*ngIf="!detailData?.stateLocked"
|
||||
acl
|
||||
[acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']"
|
||||
>
|
||||
<button [disabled]="service.http.loading" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="frozen"
|
||||
(nzOnConfirm)="freezeOrResume(1)" nzPopconfirmPlacement="bottomRight" *ngIf="!detailData?.stateLocked"
|
||||
acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']">
|
||||
冻结
|
||||
</button>
|
||||
</ng-container>
|
||||
@ -82,21 +64,17 @@
|
||||
</ng-template>
|
||||
|
||||
<ng-template #frozen>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
PopconfirmTempalte;
|
||||
context: { title: '确定冻结该企业吗？', content: '停用后，该企业将被限制使用，不限于访问受限、无法发布货源等，请谨慎操作' }
|
||||
"
|
||||
>
|
||||
context: { title: '确定冻结该合伙人吗？', content: '停用后，该合伙人将被限制使用，不限于访问受限、邀请客户、佣金收益等，请谨慎操作' }
|
||||
">
|
||||
</ng-container>
|
||||
</ng-template>
|
||||
<ng-template #enable>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
PopconfirmTempalte;
|
||||
context: { title: '确定启用该企业吗？', content: '启用后，该企业将恢复正常使用功能，请再次确认' }
|
||||
"
|
||||
>
|
||||
context: { title: '确定启用该合伙人吗？', content: '启用后，该该合伙人将恢复正常使用功能，请再次确认' }
|
||||
">
|
||||
</ng-container>
|
||||
</ng-template>
|
||||
</page-header-wrapper>
|
||||
@ -105,39 +83,20 @@
|
||||
<sv-container col="3">
|
||||
<sv-title>企业管理员信息</sv-title>
|
||||
<sv label="姓名">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.adminUserInfo.name"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.name" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="手机号">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.adminUserInfo.mobile"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.mobile" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="身份证号">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.adminUserInfo.certificateNumber"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.certificateNumber" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="身份证照" col="2">
|
||||
<div class="d-flex">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: {
|
||||
data: detailData?.adminUserInfo,
|
||||
@ -146,11 +105,9 @@
|
||||
key2: 'certificatePhotoFront',
|
||||
hover: 'certificateBackFront'
|
||||
}
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: {
|
||||
data: detailData?.adminUserInfo,
|
||||
@ -159,44 +116,24 @@
|
||||
key2: 'certificatePhotoBack',
|
||||
hover: 'certificateBack'
|
||||
}
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
</div>
|
||||
</sv>
|
||||
<sv label="身份证有效期" col="1">
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.operatingStartTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
style="width: 100px"
|
||||
class="calendar"
|
||||
>
|
||||
<nz-date-picker [(ngModel)]="detailData.operatingStartTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
|
||||
</nz-date-picker>
|
||||
-
|
||||
<ng-container *ngIf="!isEdit && !detailData?.operatingEndTime && detailData?.operatingStartTime">
|
||||
<label style="padding-left: 11px">长期</label>
|
||||
</ng-container>
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.operatingEndTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
style="width: 100px"
|
||||
class="calendar"
|
||||
>
|
||||
<nz-date-picker [(ngModel)]="detailData.operatingEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
|
||||
</nz-date-picker>
|
||||
<ng-container *ngIf="isEdit">
|
||||
<label
|
||||
nz-checkbox
|
||||
[ngModel]="!!!detailData.operatingEndTime"
|
||||
(ngModelChange)="$event ? (detailData.operatingEndTime = '') : ''"
|
||||
class="ml-sm"
|
||||
>长期</label
|
||||
>
|
||||
<label nz-checkbox [ngModel]="!!!detailData.operatingEndTime"
|
||||
(ngModelChange)="$event ? (detailData.operatingEndTime = '') : ''" class="ml-sm">长期</label>
|
||||
</ng-container>
|
||||
</sv>
|
||||
</sv-container>
|
||||
@ -205,91 +142,58 @@
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>
|
||||
<label class="mr-md">企业基本信息</label>
|
||||
<label *ngIf="detailData?.approvalStatus === 10" style="color: #1890ff"
|
||||
><i nz-icon nzType="info-circle" nzTheme="fill" class="mr-xs"></i>待审核
|
||||
<label *ngIf="detailData?.approvalStatus === 10" style="color: #1890ff"><i nz-icon nzType="info-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>待审核
|
||||
</label>
|
||||
<label *ngIf="detailData?.approvalStatus === 20" style="color: #52c41a"
|
||||
><i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
|
||||
<label *ngIf="detailData?.approvalStatus === 20" style="color: #52c41a"><i nz-icon nzType="check-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>审核通过
|
||||
</label>
|
||||
<label *ngIf="detailData?.approvalStatus === 30" style="color: #ff4d4f"
|
||||
><i nz-icon nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回 驳回原因:{{ detailData?.approvalOpinion }}
|
||||
<label *ngIf="detailData?.approvalStatus === 30" style="color: #ff4d4f"><i nz-icon nzType="close-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>驳回 驳回原因:{{ detailData?.approvalOpinion }}
|
||||
</label>
|
||||
<p style="margin-bottom: 0">
|
||||
四要素验证：
|
||||
<label *ngIf="detailData?.esignCheckStatus === 0" style="color: #ff4d4f"
|
||||
><i nz-icon nzType="info-circle" nzTheme="fill" class="mr-xs"></i>不通过 驳回原因:{{ detailData?.esignCheckMsg }}
|
||||
<label *ngIf="detailData?.esignCheckStatus === 0" style="color: #ff4d4f"><i nz-icon nzType="info-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>不通过 驳回原因:{{ detailData?.esignCheckMsg }}
|
||||
</label>
|
||||
<label *ngIf="detailData?.esignCheckStatus === 1" style="color: #52c41a"
|
||||
><i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs"></i>通过
|
||||
<label *ngIf="detailData?.esignCheckStatus === 1" style="color: #52c41a"><i nz-icon nzType="check-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>通过
|
||||
</label>
|
||||
<label *ngIf="detailData?.esignCheckStatus === 2" style="color: #1890ff"
|
||||
><i nz-icon nzType="close-circle" nzTheme="fill" class="mr-xs"></i>未认证
|
||||
<label *ngIf="detailData?.esignCheckStatus === 2" style="color: #1890ff"><i nz-icon nzType="close-circle"
|
||||
nzTheme="fill" class="mr-xs"></i>未认证
|
||||
</label>
|
||||
</p>
|
||||
</sv-title>
|
||||
<sv label="公司名称">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.enterpriseName"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.enterpriseName" [readonly]="!isEdit" [nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="统一社会信用代码">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.unifiedSocialCreditCode"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.unifiedSocialCreditCode" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="营业执照" col="2">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: { data: detailData, status: isEdit, key: 'licensePhotoWatermark', key2: 'licensePhoto', hover: 'detailPhoto' }
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
</sv>
|
||||
|
||||
<sv label="营业期限" col="1">
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.operatingStartTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
style="width: 100px"
|
||||
class="calendar"
|
||||
>
|
||||
<nz-date-picker [(ngModel)]="detailData.operatingStartTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
|
||||
</nz-date-picker>
|
||||
-
|
||||
<ng-container *ngIf="!isEdit && !detailData?.operatingEndTime && detailData?.operatingStartTime">
|
||||
<label style="padding-left: 11px">长期</label>
|
||||
</ng-container>
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.operatingEndTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
style="width: 100px"
|
||||
class="calendar"
|
||||
>
|
||||
<nz-date-picker [(ngModel)]="detailData.operatingEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
|
||||
</nz-date-picker>
|
||||
<ng-container *ngIf="isEdit">
|
||||
<label
|
||||
nz-checkbox
|
||||
[ngModel]="!!!detailData.operatingEndTime"
|
||||
(ngModelChange)="$event ? (detailData.operatingEndTime = '') : ''"
|
||||
class="ml-sm"
|
||||
>长期</label
|
||||
>
|
||||
<label nz-checkbox [ngModel]="!!!detailData.operatingEndTime"
|
||||
(ngModelChange)="$event ? (detailData.operatingEndTime = '') : ''" class="ml-sm">长期</label>
|
||||
</ng-container>
|
||||
</sv>
|
||||
</sv-container>
|
||||
@ -297,62 +201,33 @@
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>企业法人信息</sv-title>
|
||||
<sv label="法定代表人">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.legalPersonIdentity.name"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.legalPersonIdentity.name" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="身份证号码">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.legalPersonIdentity.certificateNumber"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.legalPersonIdentity.certificateNumber" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="身份证有效期" col="1">
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.legalPersonIdentity.validStartTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
style="width: 100px"
|
||||
class="calendar"
|
||||
></nz-date-picker>
|
||||
<nz-date-picker [(ngModel)]="detailData.legalPersonIdentity.validStartTime" [nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" " [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px"
|
||||
class="calendar"></nz-date-picker>
|
||||
-
|
||||
<ng-container *ngIf="!isEdit && !detailData?.legalPersonIdentity?.validEndTime && detailData.legalPersonIdentity.validStartTime">
|
||||
<ng-container
|
||||
*ngIf="!isEdit && !detailData?.legalPersonIdentity?.validEndTime && detailData.legalPersonIdentity.validStartTime">
|
||||
<label style="padding-left: 11px">长期</label>
|
||||
</ng-container>
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.legalPersonIdentity.validEndTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
style="width: 100px"
|
||||
class="calendar"
|
||||
></nz-date-picker>
|
||||
<nz-date-picker [(ngModel)]="detailData.legalPersonIdentity.validEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
|
||||
</nz-date-picker>
|
||||
<ng-container *ngIf="isEdit">
|
||||
<label
|
||||
nz-checkbox
|
||||
[ngModel]="!!!detailData.legalPersonIdentity.validEndTime"
|
||||
(ngModelChange)="$event ? (detailData.legalPersonIdentity.validEndTime = '') : ''"
|
||||
class="ml-sm"
|
||||
>长期</label
|
||||
>
|
||||
<label nz-checkbox [ngModel]="!!!detailData.legalPersonIdentity.validEndTime"
|
||||
(ngModelChange)="$event ? (detailData.legalPersonIdentity.validEndTime = '') : ''" class="ml-sm">长期</label>
|
||||
</ng-container>
|
||||
</sv>
|
||||
<sv label="身份证照" col="1">
|
||||
<div class="d-flex">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: {
|
||||
data: detailData?.legalPersonIdentity,
|
||||
@ -361,11 +236,9 @@
|
||||
key2: 'certificatePhotoFront',
|
||||
hover: 'legalFront'
|
||||
}
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: {
|
||||
data: detailData?.legalPersonIdentity,
|
||||
@ -374,17 +247,20 @@
|
||||
key2: 'certificatePhotoBack',
|
||||
hover: 'legalBack'
|
||||
}
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
</div>
|
||||
</sv>
|
||||
<sv label="所属城市">
|
||||
<ng-container *ngIf="isEdit; else cascaderelseTemplate">
|
||||
<nz-cascader [(ngModel)]="enterpriseAddressCode" [nzLoadData]="loadRegionData"> </nz-cascader>
|
||||
<nz-tree-select #areaTreeSelect style="width: 350px" [(ngModel)]="enterpriseAddressCode"
|
||||
[nzDropdownStyle]="{ 'max-height': '300px' }" [nzExpandedKeys]="enterpriseDefaultAddressCode"
|
||||
[nzNodes]="areaList" [nzAsyncData]="true" [nzCheckStrictly]="true" nzCheckable
|
||||
(nzExpandChange)="onExpandChange($event.node)" nzDropdownClassName="area-tree-select">
|
||||
</nz-tree-select>
|
||||
</ng-container>
|
||||
<ng-template #cascaderelseTemplate>
|
||||
{{ detailData?.fullRegionVO?.provinceName }}{{ detailData?.fullRegionVO?.cityName }}{{ detailData?.fullRegionVO?.areaName }}
|
||||
{{ enterpriseDefaultCityName || '-' }}
|
||||
</ng-template>
|
||||
</sv>
|
||||
</sv-container>
|
||||
@ -392,9 +268,9 @@
|
||||
<nz-divider></nz-divider>
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>渠道销售信息</sv-title>
|
||||
<sv label="姓名"> 张学友 </sv>
|
||||
<sv label="手机号"> 13999999999 </sv>
|
||||
<sv label="绑定时间"> 2021-09-23 14:43:31 </sv>
|
||||
<sv label="姓名"> {{ detailData?.channelName }} </sv>
|
||||
<sv label="手机号"> {{ detailData?.channelMobile }} </sv>
|
||||
<sv label="绑定时间"> {{ detailData?.bindChannelTime }} </sv>
|
||||
</sv-container>
|
||||
</nz-card>
|
||||
|
||||
@ -402,16 +278,8 @@
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>修改渠道销售记录</sv-title>
|
||||
<sv label="">
|
||||
<st
|
||||
#st
|
||||
[data]="service.$api_get_personal_channel_list"
|
||||
[columns]="columns.logsColumn"
|
||||
[loading]="service.http.loading"
|
||||
bordered
|
||||
size="small"
|
||||
[page]="{ show: false }"
|
||||
[scroll]="{ x: '1200px' }"
|
||||
>
|
||||
<st #st [data]="service.$api_get_personal_channel_list" [columns]="columns.logsColumn"
|
||||
[loading]="service.http.loading" bordered size="small" [page]="{ show: false }" [scroll]="{ x: '1200px' }">
|
||||
</st>
|
||||
</sv>
|
||||
</sv-container>
|
||||
@ -420,7 +288,8 @@
|
||||
<ng-template #PopconfirmTempalte let-title="title" let-content="content">
|
||||
<div class="ant-popover-message">
|
||||
<i nz-icon nzType="info-circle" nzTheme="fill"></i>
|
||||
<div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">{{ title }} </div>
|
||||
<div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">{{ title }}
|
||||
</div>
|
||||
<div class="ant-popover-message-title ng-star-inserted">
|
||||
{{ content }}
|
||||
</div>
|
||||
@ -428,27 +297,15 @@
|
||||
</ng-template>
|
||||
|
||||
<ng-template #uploadTemplate let-data="data" let-status="status" let-key="key" let-key2="key2" let-hover="hover">
|
||||
<nz-upload
|
||||
class="avatar-uploader"
|
||||
[nzAction]="uploadURl"
|
||||
nzName="multipartFile"
|
||||
nzListType="picture-card"
|
||||
[nzShowUploadList]="false"
|
||||
nzFileType="image/png,image/jpeg,image/jpg,image/gif"
|
||||
[nzDisabled]="!isEdit || disabledUpload"
|
||||
(nzChange)="changeUpload($event, data, key, key2, hover)"
|
||||
>
|
||||
<nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
|
||||
[nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
|
||||
[nzDisabled]="!isEdit || disabledUpload" (nzChange)="changeUpload($event, data, key, key2, hover)">
|
||||
<ng-container *ngIf="!data[key] && isEdit">
|
||||
<i class="upload-icon" nz-icon [nzType]="service.http.loading ? 'loading' : 'plus'"></i>
|
||||
<div class="ant-upload-text">上传</div>
|
||||
</ng-container>
|
||||
<div
|
||||
*ngIf="data[key]"
|
||||
(mouseover)="detailData[hover] = true"
|
||||
(mouseleave)="detailData[hover] = false"
|
||||
(click)="$event.cancelBubble = true"
|
||||
class="image-hover"
|
||||
>
|
||||
<div *ngIf="data[key]" (mouseover)="detailData[hover] = true" (mouseleave)="detailData[hover] = false"
|
||||
(click)="$event.cancelBubble = true" class="image-hover">
|
||||
<img [src]="data[key]" style="width: 200px; height: 160px" (click)="service.showImg(data[key])" />
|
||||
<div class="mask" *ngIf="detailData[hover] && isEdit"></div>
|
||||
<div class="mask-over" *ngIf="detailData[hover] && isEdit">
|
||||
@ -463,28 +320,12 @@
|
||||
|
||||
<ng-template #logModal>
|
||||
<h2>转移客户数：10</h2>
|
||||
<st
|
||||
#st
|
||||
[data]="service.$mock_url"
|
||||
[columns]="columns.changeColumn"
|
||||
[loading]="service.http.loading"
|
||||
bordered
|
||||
size="small"
|
||||
[page]="{ show: false }"
|
||||
[scroll]="{ x: '750px' }"
|
||||
>
|
||||
<st #st [data]="service.$mock_url" [columns]="columns.changeColumn" [loading]="service.http.loading" bordered
|
||||
size="small" [page]="{ show: false }" [scroll]="{ x: '750px' }">
|
||||
</st>
|
||||
<h2>不转移客户数：10</h2>
|
||||
<st
|
||||
#st
|
||||
[data]="service.$mock_url"
|
||||
[columns]="columns.beChangeColumn"
|
||||
[loading]="service.http.loading"
|
||||
bordered
|
||||
size="small"
|
||||
[page]="{ show: false }"
|
||||
[scroll]="{ x: '750px' }"
|
||||
>
|
||||
<st #st [data]="service.$mock_url" [columns]="columns.beChangeColumn" [loading]="service.http.loading" bordered
|
||||
size="small" [page]="{ show: false }" [scroll]="{ x: '750px' }">
|
||||
</st>
|
||||
<p>
|
||||
客户转移：客户跟着上级合伙人转移一并到新渠道销售下，会同步发起CRM《客户转移》流程；不转移的，客户会与上级合伙人解绑，修改成功后，修改时间也是合伙人与客户的结算结束时间，成为原来渠道销售的直客。
|
||||
|
||||
@ -4,6 +4,8 @@ import { ActivatedRoute } from '@angular/router';
|
||||
import { apiConf } from '@conf/api.conf';
|
||||
import { STColumn } from '@delon/abc/st';
|
||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||
import { NzFormatEmitEvent, NzTreeNode, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
|
||||
import { NzTreeSelectComponent } from 'ng-zorro-antd/tree-select';
|
||||
import { Subscription, fromEvent } from 'rxjs';
|
||||
|
||||
import { PartnerListService } from '../../services/partner-list.service';
|
||||
@ -18,6 +20,8 @@ import { PartnerAuditModalComponent } from '../partner-audit-modal/partner-audit
|
||||
export class PartnerDetailComponent implements OnInit, OnDestroy {
|
||||
@ViewChild('logModal')
|
||||
logModal: any;
|
||||
@ViewChild('areaTreeSelect')
|
||||
areaTreeSelect!: NzTreeSelectComponent;
|
||||
|
||||
columns: { logsColumn: STColumn[]; changeColumn: STColumn[]; beChangeColumn: STColumn[] } = this.initST();
|
||||
|
||||
@ -28,8 +32,10 @@ export class PartnerDetailComponent implements OnInit, OnDestroy {
|
||||
|
||||
uploadURl = apiConf.waterFileUpload;
|
||||
disabledUpload = false;
|
||||
enterpriseAddressCode: any = [];
|
||||
ltdId: any = [];
|
||||
enterpriseAddressCode: string[] = [];
|
||||
enterpriseDefaultAddressCode: string[] = [];
|
||||
enterpriseDefaultCityName: string = '';
|
||||
areaList = [];
|
||||
|
||||
esignCheckStatus: any = {
|
||||
0: '不通过',
|
||||
@ -51,17 +57,25 @@ export class PartnerDetailComponent implements OnInit, OnDestroy {
|
||||
|
||||
ngOnInit() {
|
||||
this.initData();
|
||||
this.loadltdId();
|
||||
this.loadlAreaList();
|
||||
this.subscribeScoll = fromEvent(window, 'scroll').subscribe(event => {
|
||||
this.scrollTop = document.documentElement.scrollTop;
|
||||
});
|
||||
}
|
||||
loadltdId() {
|
||||
// this.service.getNetworkFreightForwarder().subscribe(res => {
|
||||
// if (res) {
|
||||
// this.ltdId = res;
|
||||
// }
|
||||
// });
|
||||
|
||||
loadlAreaList() {
|
||||
this.service.request(this.service.$api_get_region_by_code, { regionCode: '' }).subscribe(res => {
|
||||
if (res) {
|
||||
this.areaList = res.map((item: any) => ({
|
||||
...item,
|
||||
isLeaf: false,
|
||||
title: item.name,
|
||||
key: item.regionCode.toString(),
|
||||
disabled: true,
|
||||
isDisableCheckbox: true
|
||||
}));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
initData() {
|
||||
@ -72,11 +86,23 @@ export class PartnerDetailComponent implements OnInit, OnDestroy {
|
||||
.subscribe(res => {
|
||||
if (res) {
|
||||
this.detailData = res;
|
||||
console.log(this.detailData);
|
||||
|
||||
// 存储数据源
|
||||
this.tempalateData = { ...this.detailData };
|
||||
if (this.detailData?.cityCodes) {
|
||||
this.enterpriseAddressCode = JSON.parse(this.detailData.cityCodes);
|
||||
// 拼接所属城市
|
||||
if (this.detailData?.cityCodesList?.length > 0) {
|
||||
this.enterpriseAddressCode = (this.detailData?.cityCodesList as any[]).map(city => city.cityCode);
|
||||
this.enterpriseDefaultCityName = (this.detailData?.cityCodesList as any[]).map(city => city.cityName).join('、');
|
||||
this.enterpriseDefaultAddressCode = [
|
||||
...new Set<string>((this.detailData?.cityCodesList as any[]).map(city => city.provinceCode))
|
||||
];
|
||||
}
|
||||
// 拼接渠道销售信息
|
||||
if (this.detailData?.channelIdLabel) {
|
||||
const channel = (this.detailData.channelIdLabel as string).split('/');
|
||||
Object.assign(this.detailData, {
|
||||
channelName: channel[0],
|
||||
channelMobile: channel[1]
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
@ -89,23 +115,23 @@ export class PartnerDetailComponent implements OnInit, OnDestroy {
|
||||
* 冻结
|
||||
*/
|
||||
freezeOrResume(type: number) {
|
||||
// this.service.http
|
||||
// .post(this.service.$api_lock_freight, {
|
||||
// id: this.route.snapshot.params.id,
|
||||
// statedLocked: !!type
|
||||
// })
|
||||
// .subscribe(res => {
|
||||
// if (res.data === true) {
|
||||
// if (type === 0) {
|
||||
// this.service.msgSrv.success(`启用成功！`);
|
||||
// } else {
|
||||
// this.service.msgSrv.success(`冻结成功！`);
|
||||
// }
|
||||
// this.initData();
|
||||
// } else {
|
||||
// this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
// }
|
||||
// });
|
||||
this.service.http
|
||||
.post(this.service.$api_lock_freight, {
|
||||
id: this.route.snapshot.params.id,
|
||||
statedLocked: !!type
|
||||
})
|
||||
.subscribe(res => {
|
||||
if (res.data === true) {
|
||||
if (type === 0) {
|
||||
this.service.msgSrv.success(`启用成功！`);
|
||||
} else {
|
||||
this.service.msgSrv.success(`冻结成功！`);
|
||||
}
|
||||
this.initData();
|
||||
} else {
|
||||
this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
auditPartner(isPass: boolean) {
|
||||
@ -129,6 +155,18 @@ export class PartnerDetailComponent implements OnInit, OnDestroy {
|
||||
|
||||
ratify() {
|
||||
this.isEdit = true;
|
||||
// 搜索展开省份并选中节点
|
||||
setTimeout(() => {
|
||||
if (this.enterpriseDefaultAddressCode?.length > 0 && this.areaTreeSelect) {
|
||||
this.enterpriseDefaultAddressCode.forEach(code => {
|
||||
const node = this.areaTreeSelect.getTreeNodeByKey(code);
|
||||
if (node) {
|
||||
node.setExpanded(true);
|
||||
this.onExpandChange(node);
|
||||
}
|
||||
});
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
|
||||
deleteImg(data: any, key: string, key2: string) {
|
||||
@ -160,6 +198,25 @@ export class PartnerDetailComponent implements OnInit, OnDestroy {
|
||||
}
|
||||
}
|
||||
|
||||
onExpandChange(node: NzTreeNode | null | undefined): void {
|
||||
if (node && node.getChildren().length === 0 && node.isExpanded) {
|
||||
this.loadRegionData(node).then(data => {
|
||||
node.addChildren(data);
|
||||
// 更新选中数据
|
||||
this.areaTreeSelect.updateSelectedNodes(true);
|
||||
// 修改子节点选中状态
|
||||
const children = node.getChildren();
|
||||
if (children?.length > 0) {
|
||||
children.forEach(childNode => {
|
||||
if (this.enterpriseAddressCode.find(area => area === childNode.key)) {
|
||||
childNode.setChecked(true);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 级联获取地区数据
|
||||
*
|
||||
@ -167,19 +224,28 @@ export class PartnerDetailComponent implements OnInit, OnDestroy {
|
||||
* @param index 层级
|
||||
* @returns
|
||||
*/
|
||||
loadRegionData = (node: any, index: number) => {
|
||||
loadRegionData(node: NzTreeNode): Promise<NzTreeNodeOptions[]> {
|
||||
let rs: any[] = [];
|
||||
return new Promise(resolve => {
|
||||
this.service.request(this.service.$api_get_region_by_code, { regionCode: node?.regionCode || '' }).subscribe(
|
||||
this.service.request(this.service.$api_get_region_by_code, { regionCode: node?.origin.regionCode || '' }).subscribe(
|
||||
res => {
|
||||
node.children = res.map((item: any) => ({ ...item, isLeaf: index === 1, value: item.regionCode, label: item.name }));
|
||||
rs = res.map((item: any) => ({
|
||||
...item,
|
||||
isLeaf: true,
|
||||
title: item.name,
|
||||
key: item.regionCode.toString(),
|
||||
isSelectable: true,
|
||||
isSelected: true,
|
||||
isChecked: true
|
||||
}));
|
||||
},
|
||||
_ => {},
|
||||
() => {
|
||||
resolve(node);
|
||||
resolve(rs);
|
||||
}
|
||||
);
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
reset() {
|
||||
this.detailData = { ...this.tempalateData };
|
||||
@ -322,13 +388,13 @@ export class PartnerDetailComponent implements OnInit, OnDestroy {
|
||||
private initST(): { logsColumn: STColumn[]; changeColumn: STColumn[]; beChangeColumn: STColumn[] } {
|
||||
return {
|
||||
logsColumn: [
|
||||
{ title: '修改后渠道销售', index: 'newChannelId', width: 180 },
|
||||
{ title: '修改前渠道销售', index: 'originalChannelId', width: 160 },
|
||||
{ title: '修改后渠道销售', index: 'newChannelName', width: 180 },
|
||||
{ title: '修改前渠道销售', index: 'originalChannelName', width: 160 },
|
||||
{ title: '转移客户数', index: 'quantity', className: 'text-center', width: 130 },
|
||||
{ title: '生效节点', index: 'effectiveNode', width: 150, type: 'enum', enum: { 1: '立即生效', 2: 'CRM审核后生效' } },
|
||||
{ title: '备注', index: 'remark', className: 'text-center', width: 150 },
|
||||
{ title: '修改时间', index: 'modifyTime', className: 'text-center', width: 130 },
|
||||
{ title: '操作人', index: 'modifyUserId', type: 'date', width: 130 },
|
||||
{ title: '修改时间', index: 'effectiveTime', className: 'text-center', width: 130, type: 'date' },
|
||||
{ title: '操作人', index: 'modifyUserId', width: 130 },
|
||||
{
|
||||
title: '操作',
|
||||
fixed: 'right',
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
<div style="flex: 1">
|
||||
<div nz-row>
|
||||
<div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
|
||||
<p style="margin-bottom: 0">{{ detailData?.enterpriseName }}</p>
|
||||
<p style="margin-bottom: 0">{{ detailData?.adminUserInfo?.name }}</p>
|
||||
</div>
|
||||
<div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
|
||||
<nz-badge nzStatus="success" nzText="正常" *ngIf="detailData?.stateLocked === 0"> </nz-badge>
|
||||
@ -22,14 +22,14 @@
|
||||
</div>
|
||||
<div nz-row>
|
||||
<div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
|
||||
<p>{{ detailData?.unifiedSocialCreditCode }}</p>
|
||||
<p>{{ detailData?.adminUserInfo?.certificateNumber }}</p>
|
||||
</div>
|
||||
<div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24"> 个人合伙人 </div>
|
||||
</div>
|
||||
<div nz-row>
|
||||
<div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24"> 注册时间：{{ detailData?.createTime }} </div>
|
||||
<div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
|
||||
所属城市：{{ detailData?.cityCodesList?.provinceName }}{{ detailData?.cityCodesList?.cityName }}
|
||||
所属城市：{{enterpriseDefaultCityName}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -45,32 +45,14 @@
|
||||
<button [disabled]="service.http.loading" nz-button nzDanger (click)="auditPartner(false)"> 驳回 </button>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="detailData?.approvalStatus != 10">
|
||||
<button
|
||||
[disabled]="service.http.loading"
|
||||
nz-button
|
||||
nzDanger
|
||||
nz-popconfirm
|
||||
[nzPopconfirmTitle]="enable"
|
||||
(nzOnConfirm)="freezeOrResume(0)"
|
||||
nzPopconfirmPlacement="bottomRight"
|
||||
*ngIf="detailData?.stateLocked"
|
||||
acl
|
||||
[acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']"
|
||||
>
|
||||
<button [disabled]="service.http.loading" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="enable"
|
||||
(nzOnConfirm)="freezeOrResume(0)" nzPopconfirmPlacement="bottomRight" *ngIf="detailData?.stateLocked"
|
||||
acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']">
|
||||
启用
|
||||
</button>
|
||||
<button
|
||||
[disabled]="service.http.loading"
|
||||
nz-button
|
||||
nzDanger
|
||||
nz-popconfirm
|
||||
[nzPopconfirmTitle]="frozen"
|
||||
(nzOnConfirm)="freezeOrResume(1)"
|
||||
nzPopconfirmPlacement="bottomRight"
|
||||
*ngIf="!detailData?.stateLocked"
|
||||
acl
|
||||
[acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']"
|
||||
>
|
||||
<button [disabled]="service.http.loading" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="frozen"
|
||||
(nzOnConfirm)="freezeOrResume(1)" nzPopconfirmPlacement="bottomRight" *ngIf="!detailData?.stateLocked"
|
||||
acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']">
|
||||
冻结
|
||||
</button>
|
||||
</ng-container>
|
||||
@ -82,21 +64,17 @@
|
||||
</ng-template>
|
||||
|
||||
<ng-template #frozen>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
PopconfirmTempalte;
|
||||
context: { title: '确定冻结该企业吗？', content: '停用后，该企业将被限制使用，不限于访问受限、无法发布货源等，请谨慎操作' }
|
||||
"
|
||||
>
|
||||
<ng-container *ngTemplateOutlet="
|
||||
PopconfirmTempalte;
|
||||
context: { title: '确定冻结该合伙人吗？', content: '停用后，该合伙人将被限制使用，不限于访问受限、邀请客户、佣金收益等，请谨慎操作' }
|
||||
">
|
||||
</ng-container>
|
||||
</ng-template>
|
||||
<ng-template #enable>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
PopconfirmTempalte;
|
||||
context: { title: '确定启用该企业吗？', content: '启用后，该企业将恢复正常使用功能，请再次确认' }
|
||||
"
|
||||
>
|
||||
<ng-container *ngTemplateOutlet="
|
||||
PopconfirmTempalte;
|
||||
context: { title: '确定启用该合伙人吗？', content: '启用后，该该合伙人将恢复正常使用功能，请再次确认' }
|
||||
">
|
||||
</ng-container>
|
||||
</ng-template>
|
||||
</page-header-wrapper>
|
||||
@ -105,72 +83,37 @@
|
||||
<sv-container col="3" class="mt16">
|
||||
<sv-title>合伙人信息</sv-title>
|
||||
<sv label="姓名">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.adminUserInfo.name"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.name" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="手机号">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.adminUserInfo.certificateNumber"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.certificateNumber" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="身份证号">
|
||||
<input
|
||||
nz-input
|
||||
type="text"
|
||||
[(ngModel)]="detailData.adminUserInfo.certificateNumber"
|
||||
[readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit"
|
||||
[placeholder]="isEdit ? '' : '-'"
|
||||
/>
|
||||
<input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.certificateNumber" [readonly]="!isEdit"
|
||||
[nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
|
||||
</sv>
|
||||
<sv label="身份证有效期" col="1">
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.adminUserInfo.validStartTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
style="width: 100px"
|
||||
class="calendar"
|
||||
></nz-date-picker>
|
||||
<nz-date-picker [(ngModel)]="detailData.adminUserInfo.validStartTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
|
||||
</nz-date-picker>
|
||||
-
|
||||
<ng-container *ngIf="!isEdit && !detailData?.adminUserInfo?.validEndTime && detailData.adminUserInfo.validStartTime">
|
||||
<ng-container
|
||||
*ngIf="!isEdit && !detailData?.adminUserInfo?.validEndTime && detailData.adminUserInfo.validStartTime">
|
||||
<label style="padding-left: 11px">长期</label>
|
||||
</ng-container>
|
||||
<nz-date-picker
|
||||
[(ngModel)]="detailData.adminUserInfo.validEndTime"
|
||||
[nzDisabled]="!isEdit"
|
||||
nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit"
|
||||
[nzSuffixIcon]="isEdit ? 'calendar' : ''"
|
||||
style="width: 100px"
|
||||
class="calendar"
|
||||
></nz-date-picker>
|
||||
<nz-date-picker [(ngModel)]="detailData.adminUserInfo.validEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
|
||||
[nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
|
||||
</nz-date-picker>
|
||||
<ng-container *ngIf="isEdit">
|
||||
<label
|
||||
nz-checkbox
|
||||
[ngModel]="!!!detailData.adminUserInfo.validEndTime"
|
||||
(ngModelChange)="$event ? (detailData.adminUserInfo.validEndTime = '') : ''"
|
||||
class="ml-sm"
|
||||
>长期</label
|
||||
>
|
||||
<label nz-checkbox [ngModel]="!!!detailData.adminUserInfo.validEndTime"
|
||||
(ngModelChange)="$event ? (detailData.adminUserInfo.validEndTime = '') : ''" class="ml-sm">长期</label>
|
||||
</ng-container>
|
||||
</sv>
|
||||
<sv label="身份证照" col="1">
|
||||
<div class="d-flex">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: {
|
||||
data: detailData?.adminUserInfo,
|
||||
@ -179,11 +122,9 @@
|
||||
key2: 'certificatePhotoFront',
|
||||
hover: 'legalFront'
|
||||
}
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
<ng-container *ngTemplateOutlet="
|
||||
uploadTemplate;
|
||||
context: {
|
||||
data: detailData?.adminUserInfo,
|
||||
@ -192,17 +133,20 @@
|
||||
key2: 'certificatePhotoBack',
|
||||
hover: 'legalBack'
|
||||
}
|
||||
"
|
||||
>
|
||||
">
|
||||
</ng-container>
|
||||
</div>
|
||||
</sv>
|
||||
<sv label="所属城市">
|
||||
<ng-container *ngIf="isEdit; else cascaderelseTemplate">
|
||||
<nz-cascader [(ngModel)]="enterpriseAddressCode" [nzLoadData]="loadRegionData"> </nz-cascader>
|
||||
<nz-tree-select #areaTreeSelect style="width: 350px" [(ngModel)]="enterpriseAddressCode"
|
||||
[nzDropdownStyle]="{ 'max-height': '300px' }" [nzExpandedKeys]="enterpriseDefaultAddressCode"
|
||||
[nzNodes]="areaList" [nzAsyncData]="true" [nzCheckStrictly]="true" nzCheckable
|
||||
(nzExpandChange)="onExpandChange($event.node)" nzDropdownClassName="area-tree-select">
|
||||
</nz-tree-select>
|
||||
</ng-container>
|
||||
<ng-template #cascaderelseTemplate>
|
||||
{{ detailData?.fullRegionVO?.provinceName }}{{ detailData?.fullRegionVO?.cityName }}{{ detailData?.fullRegionVO?.areaName }}
|
||||
{{ enterpriseDefaultCityName || '-' }}
|
||||
</ng-template>
|
||||
</sv>
|
||||
</sv-container>
|
||||
@ -211,7 +155,8 @@
|
||||
<ng-template #PopconfirmTempalte let-title="title" let-content="content">
|
||||
<div class="ant-popover-message">
|
||||
<i nz-icon nzType="info-circle" nzTheme="fill"></i>
|
||||
<div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">{{ title }} </div>
|
||||
<div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">{{ title }}
|
||||
</div>
|
||||
<div class="ant-popover-message-title ng-star-inserted">
|
||||
{{ content }}
|
||||
</div>
|
||||
@ -219,27 +164,15 @@
|
||||
</ng-template>
|
||||
|
||||
<ng-template #uploadTemplate let-data="data" let-status="status" let-key="key" let-key2="key2" let-hover="hover">
|
||||
<nz-upload
|
||||
class="avatar-uploader"
|
||||
[nzAction]="uploadURl"
|
||||
nzName="multipartFile"
|
||||
nzListType="picture-card"
|
||||
[nzShowUploadList]="false"
|
||||
nzFileType="image/png,image/jpeg,image/jpg,image/gif"
|
||||
[nzDisabled]="!isEdit || disabledUpload"
|
||||
(nzChange)="changeUpload($event, data, key, key2, hover)"
|
||||
>
|
||||
<nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
|
||||
[nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
|
||||
[nzDisabled]="!isEdit || disabledUpload" (nzChange)="changeUpload($event, data, key, key2, hover)">
|
||||
<ng-container *ngIf="!data[key] && isEdit">
|
||||
<i class="upload-icon" nz-icon [nzType]="service.http.loading ? 'loading' : 'plus'"></i>
|
||||
<div class="ant-upload-text">上传</div>
|
||||
</ng-container>
|
||||
<div
|
||||
*ngIf="data[key]"
|
||||
(mouseover)="detailData[hover] = true"
|
||||
(mouseleave)="detailData[hover] = false"
|
||||
(click)="$event.cancelBubble = true"
|
||||
class="image-hover"
|
||||
>
|
||||
<div *ngIf="data[key]" (mouseover)="detailData[hover] = true" (mouseleave)="detailData[hover] = false"
|
||||
(click)="$event.cancelBubble = true" class="image-hover">
|
||||
<img [src]="data[key]" style="width: 200px; height: 160px" (click)="service.showImg(data[key])" />
|
||||
<div class="mask" *ngIf="detailData[hover] && isEdit"></div>
|
||||
<div class="mask-over" *ngIf="detailData[hover] && isEdit">
|
||||
|
||||
@ -4,6 +4,8 @@ import { ActivatedRoute } from '@angular/router';
|
||||
import { apiConf } from '@conf/api.conf';
|
||||
import { STColumn } from '@delon/abc/st';
|
||||
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||
import { NzTreeNode, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
|
||||
import { NzTreeSelectComponent } from 'ng-zorro-antd/tree-select';
|
||||
import { Subscription, fromEvent } from 'rxjs';
|
||||
|
||||
import { PartnerListService } from '../../services/partner-list.service';
|
||||
@ -16,6 +18,9 @@ import { PartnerAuditModalComponent } from '../partner-audit-modal/partner-audit
|
||||
providers: [DatePipe]
|
||||
})
|
||||
export class PersonalPartnerDetailComponent implements OnInit {
|
||||
@ViewChild('areaTreeSelect')
|
||||
areaTreeSelect!: NzTreeSelectComponent;
|
||||
|
||||
detailData: any = { adminUserInfo: { name: '' }, legalPersonIdentity: { name: '' } };
|
||||
tempalateData = { ...this.detailData };
|
||||
|
||||
@ -23,7 +28,10 @@ export class PersonalPartnerDetailComponent implements OnInit {
|
||||
|
||||
uploadURl = apiConf.waterFileUpload;
|
||||
disabledUpload = false;
|
||||
enterpriseAddressCode: any = [];
|
||||
enterpriseAddressCode: string[] = [];
|
||||
enterpriseDefaultAddressCode: string[] = [];
|
||||
enterpriseDefaultCityName: string = '';
|
||||
areaList = [];
|
||||
|
||||
constructor(
|
||||
public service: PartnerListService,
|
||||
@ -34,6 +42,22 @@ export class PersonalPartnerDetailComponent implements OnInit {
|
||||
|
||||
ngOnInit() {
|
||||
this.initData();
|
||||
this.loadlAreaList();
|
||||
}
|
||||
|
||||
loadlAreaList() {
|
||||
this.service.request(this.service.$api_get_region_by_code, { regionCode: '' }).subscribe(res => {
|
||||
if (res) {
|
||||
this.areaList = res.map((item: any) => ({
|
||||
...item,
|
||||
isLeaf: false,
|
||||
title: item.name,
|
||||
key: item.regionCode.toString(),
|
||||
disabled: true,
|
||||
isDisableCheckbox: true
|
||||
}));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
initData() {
|
||||
@ -47,8 +71,13 @@ export class PersonalPartnerDetailComponent implements OnInit {
|
||||
console.log(this.detailData);
|
||||
|
||||
this.tempalateData = { ...this.detailData };
|
||||
if (this.detailData?.cityCodes) {
|
||||
this.enterpriseAddressCode = JSON.parse(this.detailData.cityCodes);
|
||||
// 拼接所属城市
|
||||
if (this.detailData?.cityCodesList?.length > 0) {
|
||||
this.enterpriseAddressCode = (this.detailData?.cityCodesList as any[]).map(city => city.cityCode);
|
||||
this.enterpriseDefaultCityName = (this.detailData?.cityCodesList as any[]).map(city => city.cityName).join('、');
|
||||
this.enterpriseDefaultAddressCode = [
|
||||
...new Set<string>((this.detailData?.cityCodesList as any[]).map(city => city.provinceCode))
|
||||
];
|
||||
}
|
||||
}
|
||||
});
|
||||
@ -61,36 +90,48 @@ export class PersonalPartnerDetailComponent implements OnInit {
|
||||
* 冻结
|
||||
*/
|
||||
freezeOrResume(type: number) {
|
||||
// this.service.http
|
||||
// .post(this.service.$api_lock_freight, {
|
||||
// id: this.route.snapshot.params.id,
|
||||
// statedLocked: !!type
|
||||
// })
|
||||
// .subscribe(res => {
|
||||
// if (res.data === true) {
|
||||
// if (type === 0) {
|
||||
// this.service.msgSrv.success(`启用成功！`);
|
||||
// } else {
|
||||
// this.service.msgSrv.success(`冻结成功！`);
|
||||
// }
|
||||
// this.initData();
|
||||
// } else {
|
||||
// this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
// }
|
||||
// });
|
||||
this.service.http
|
||||
.post(this.service.$api_lock_freight, {
|
||||
id: this.route.snapshot.params.id,
|
||||
statedLocked: !!type
|
||||
})
|
||||
.subscribe(res => {
|
||||
if (res.data === true) {
|
||||
if (type === 0) {
|
||||
this.service.msgSrv.success(`启用成功！`);
|
||||
} else {
|
||||
this.service.msgSrv.success(`冻结成功！`);
|
||||
}
|
||||
this.initData();
|
||||
} else {
|
||||
this.service.msgSrv.error(res.msg || '操作失败！');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
auditPartner(isPass: boolean) {
|
||||
const modal = this.nzModalService.create({
|
||||
nzTitle: '审核',
|
||||
nzContent: PartnerAuditModalComponent,
|
||||
nzComponentParams: { info: { ...this.detailData, isPass } },
|
||||
nzComponentParams: { info: { ...this.detailData, isPass, enterpriseName: this.detailData.adminUserInfo?.name } },
|
||||
nzFooter: null
|
||||
});
|
||||
}
|
||||
|
||||
ratify() {
|
||||
this.isEdit = true;
|
||||
// 搜索展开省份并选中节点
|
||||
setTimeout(() => {
|
||||
if (this.enterpriseDefaultAddressCode?.length > 0 && this.areaTreeSelect) {
|
||||
this.enterpriseDefaultAddressCode.forEach(code => {
|
||||
const node = this.areaTreeSelect.getTreeNodeByKey(code);
|
||||
if (node) {
|
||||
node.setExpanded(true);
|
||||
this.onExpandChange(node);
|
||||
}
|
||||
});
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
|
||||
deleteImg(data: any, key: string, key2: string) {
|
||||
@ -119,6 +160,25 @@ export class PersonalPartnerDetailComponent implements OnInit {
|
||||
}
|
||||
}
|
||||
|
||||
onExpandChange(node: NzTreeNode | null | undefined): void {
|
||||
if (node && node.getChildren().length === 0 && node.isExpanded) {
|
||||
this.loadRegionData(node).then(data => {
|
||||
node.addChildren(data);
|
||||
// 更新选中数据
|
||||
this.areaTreeSelect.updateSelectedNodes(true);
|
||||
// 修改子节点选中状态
|
||||
const children = node.getChildren();
|
||||
if (children?.length > 0) {
|
||||
children.forEach(childNode => {
|
||||
if (this.enterpriseAddressCode.find(area => area === childNode.key)) {
|
||||
childNode.setChecked(true);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 级联获取地区数据
|
||||
*
|
||||
@ -126,19 +186,28 @@ export class PersonalPartnerDetailComponent implements OnInit {
|
||||
* @param index 层级
|
||||
* @returns
|
||||
*/
|
||||
loadRegionData = (node: any, index: number) => {
|
||||
loadRegionData(node: NzTreeNode): Promise<NzTreeNodeOptions[]> {
|
||||
let rs: any[] = [];
|
||||
return new Promise(resolve => {
|
||||
this.service.request(this.service.$api_get_region_by_code, { regionCode: node?.regionCode || '' }).subscribe(
|
||||
this.service.request(this.service.$api_get_region_by_code, { regionCode: node?.origin.regionCode || '' }).subscribe(
|
||||
res => {
|
||||
node.children = res.map((item: any) => ({ ...item, isLeaf: index === 1, value: item.regionCode, label: item.name }));
|
||||
rs = res.map((item: any) => ({
|
||||
...item,
|
||||
isLeaf: true,
|
||||
title: item.name,
|
||||
key: item.regionCode.toString(),
|
||||
isSelectable: true,
|
||||
isSelected: true,
|
||||
isChecked: true
|
||||
}));
|
||||
},
|
||||
_ => {},
|
||||
() => {
|
||||
resolve(node);
|
||||
resolve(rs);
|
||||
}
|
||||
);
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
reset() {
|
||||
this.detailData = { ...this.tempalateData };
|
||||
|
||||
@ -17,8 +17,18 @@ export class PartnerListService extends BaseService {
|
||||
$api_get_ent_partner_detail = '/api/mdc/partner/getEnterprise';
|
||||
// 获取合伙人信息
|
||||
$api_get_personal_partner_detail = '/api/mdc/partner/getPersonally';
|
||||
// 审核合伙人
|
||||
$api_audit_partner= '/api/mdc/partner/audit';
|
||||
// 修改返佣模板
|
||||
$api_update_partner_template= '/api/mdc/partner/updateTemplate';
|
||||
// 更新渠道销售
|
||||
$api_update_partner_channel= '/api/mdc/partner/updateChannelSale';
|
||||
// 重新发起CRM
|
||||
$api_resend_crm= '/api/mdc/partner/reSendCrm';
|
||||
// 查询合伙人修改渠道渠道销售记录
|
||||
$api_get_personal_channel_list = '/api/mdc/partnerChannelRelLog/list/page';
|
||||
// 冻结/启用企业业
|
||||
$api_lock_freight = '/api/mdc/cuc/enterpriseInfo/operate/lock';
|
||||
|
||||
// 根据地区code查询列表
|
||||
$api_get_region_by_code = '/api/mdc/pbc/region/getRegionByCode';
|
||||
|
||||
@ -4,13 +4,51 @@
|
||||
* @Author : Shiming
|
||||
* @Date : 2022-02-24 20:09:49
|
||||
* @LastEditors : Shiming
|
||||
* @LastEditTime : 2022-03-11 15:25:00
|
||||
* @LastEditTime : 2022-03-21 13:53:31
|
||||
* @FilePath : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\components\\rebate-setting\\add\\add.component.html
|
||||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
||||
-->
|
||||
<page-header-wrapper [title]="''"> </page-header-wrapper>
|
||||
<page-header-wrapper [title]="'新增'"> </page-header-wrapper>
|
||||
<nz-card>
|
||||
<div nz-row>
|
||||
|
||||
<!-- 数据列表 -->
|
||||
12121212
|
||||
<app-rebate-table></app-rebate-table>
|
||||
<sv-container col="1">
|
||||
<sv label="配置名称"> <input style="max-width: 400px;" nz-input placeholder="请输入" [(ngModel)]="setValue" /></sv>
|
||||
<sv-title>固定结算费率配置</sv-title>
|
||||
<sv label="固定结算费率"> <nz-input-number [(ngModel)]="toFixedValue" [nzPrecision]="precision" nzPlaceHolder="请输入"></nz-input-number> %</sv>
|
||||
<sv-title>业务量和管理费比例配置</sv-title>
|
||||
<sv label="选择配置类型">
|
||||
<nz-radio-group [(ngModel)]="radioValue">
|
||||
<label nz-radio nzValue="A">按全部等级配置</label>
|
||||
<label nz-radio nzValue="B">按不同等级配置</label>
|
||||
</nz-radio-group>
|
||||
</sv>
|
||||
<sv col="1">
|
||||
<app-rebate-table></app-rebate-table>
|
||||
</sv>
|
||||
<sv-title>关联合伙人配置</sv-title>
|
||||
<sv label="合伙人选择">
|
||||
<nz-select ngModel="lucy" style="max-width: 400px; min-width: 200px;">
|
||||
<nz-option nzValue="jack" nzLabel="Jack"></nz-option>
|
||||
<nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
|
||||
</nz-select>
|
||||
<span >添加</span>
|
||||
</sv>
|
||||
<sv label="优先级" col="1">
|
||||
<nz-select ngModel="lucy" style="max-width: 400px; min-width: 200px;">
|
||||
<nz-option nzValue="jack" nzLabel="Jack"></nz-option>
|
||||
<nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
|
||||
</nz-select>
|
||||
</sv>
|
||||
<sv label="规则说明" col="1">
|
||||
<sf #sf mode="edit" [schema]="schema1" [ui]="{ '*': { spanLabelFixed: 10, grid: { span: 16 }} }"
|
||||
button="none"> </sf>
|
||||
</sv>
|
||||
<sv label="规则说明" col="1">
|
||||
<textarea style="max-width: 400px; min-width: 200px;" rows="4" nz-input [(ngModel)]="inputValue"></textarea>
|
||||
</sv>
|
||||
</sv-container>
|
||||
|
||||
</div>
|
||||
</nz-card>
|
||||
|
||||
@ -0,0 +1,10 @@
|
||||
:host {
|
||||
::ng-deep {
|
||||
.sv__label {
|
||||
color: #000;
|
||||
}
|
||||
.sv__title {
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,3 +1,13 @@
|
||||
/*
|
||||
* @Description :
|
||||
* @Version : 1.0
|
||||
* @Author : Shiming
|
||||
* @Date : 2022-03-21 09:26:45
|
||||
* @LastEditors : Shiming
|
||||
* @LastEditTime : 2022-03-21 13:44:34
|
||||
* @FilePath : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\components\\rebate-setting\\add\\add.component.ts
|
||||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
||||
*/
|
||||
import { ModalHelper } from '@delon/theme';
|
||||
import { Component, OnInit, ViewChild } from '@angular/core';
|
||||
import { ActivatedRoute, Router } from '@angular/router';
|
||||
@ -8,10 +18,17 @@ import { NzModalService } from 'ng-zorro-antd/modal';
|
||||
import { RebateManagementService } from '../../../services/rebate-management.service';
|
||||
@Component({
|
||||
selector: 'app-parter-channel-rebate-management-add',
|
||||
styleUrls: ['./add.component.less'],
|
||||
templateUrl: './add.component.html'
|
||||
})
|
||||
export class ParterRebateManageMentAddComponent implements OnInit {
|
||||
|
||||
setValue: string = '';
|
||||
toFixedValue: Number = 2;
|
||||
radioValue = 'A';
|
||||
precision = 2;
|
||||
inputValue= '';
|
||||
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
||||
schema1!: SFSchema;
|
||||
constructor(
|
||||
public router: Router,
|
||||
public ar: ActivatedRoute,
|
||||
@ -19,7 +36,25 @@ export class ParterRebateManageMentAddComponent implements OnInit {
|
||||
private modal: NzModalService,
|
||||
public shipperservice: ShipperBaseService,
|
||||
) {}
|
||||
|
||||
initSF(data?: any) {
|
||||
this.schema1 = {
|
||||
properties: {
|
||||
content: {
|
||||
type: 'string',
|
||||
title: '',
|
||||
ui: {
|
||||
widget: 'tinymce',
|
||||
loadingTip: 'loading...',
|
||||
config: {
|
||||
height: 650
|
||||
}
|
||||
},
|
||||
default: data?.agreementContent || ''
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
ngOnInit() {
|
||||
this.initSF()
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
* @Author : Shiming
|
||||
* @Date : 2022-01-25 20:18:52
|
||||
* @LastEditors : Shiming
|
||||
* @LastEditTime : 2022-03-11 15:12:01
|
||||
* @LastEditTime : 2022-03-21 14:14:06
|
||||
* @FilePath : \\tms-obc-web\\src\\app\\shared\\components\\rebate-table\\rebate-table.component.html
|
||||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
||||
-->
|
||||
@ -14,48 +14,52 @@
|
||||
<button nz-button nzType="primary" (click)="add()">新增公里数</button>
|
||||
<button class="ml-md" nz-button nzType="primary" (click)="save()">保存</button>
|
||||
</div> -->
|
||||
<div>
|
||||
<sf #sf [schema]="schema" [formData]="sfdata" [button]="'none'" [ui]="ui">
|
||||
<ng-template sf-template="freightPrice" let-i let-ui="ui">
|
||||
<nz-input-group [nzAddOnAfter]="addOnAfterTemplate">
|
||||
<nz-input-number [(ngModel)]="minrebatePrice" [nzMin]="0" ></nz-input-number>
|
||||
</nz-input-group>
|
||||
<ng-template #addOnAfterTemplate>
|
||||
<span >元</span>
|
||||
</ng-template>
|
||||
</ng-template>
|
||||
</sf>
|
||||
|
||||
</div>
|
||||
<nz-table #groupingTable [nzData]="data" nzBordered nzSize="small" [nzFrontPagination]="false"
|
||||
[nzScroll]="{ x: '900px' }" [nzShowPagination]="false" class="ml-xl" style="max-width: 1200px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2" nzWidth="250px" nzAlign="center" nzLeft>险种</th>
|
||||
<th nzWidth="220px" nzAlign="center" >普货-基本险</th>
|
||||
<th nzWidth="220px" nzAlign="center" >普货-综合险</th>
|
||||
<th rowspan="2" nzWidth="250px" nzAlign="center" nzLeft>序号</th>
|
||||
<th nzWidth="220px" nzAlign="center" >合伙人等级</th>
|
||||
<th nzWidth="220px" nzAlign="center" >初始业务量（万/月）</th>
|
||||
<th nzWidth="220px" nzAlign="center" >到达业务量（万/月）</th>
|
||||
<th nzWidth="220px" nzAlign="center" >管理费比例%</th>
|
||||
<th rowspan="2" nzWidth="60px" nzAlign="center" nzRight>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let item of groupingTable.data;let i = index">
|
||||
<td nzWidth="250px" nzAlign="center" nzLeft>
|
||||
<div style="display: flex;align-items: center;justify-content: space-between;">
|
||||
<div >
|
||||
公里数（km）
|
||||
</div>
|
||||
<div style="color:#f0f0f0;">|</div>
|
||||
<div >
|
||||
<label style="width: 65px;text-align: right;"> {{item.startKm}}</label>
|
||||
<label>-</label>
|
||||
|
||||
<nz-input-number [ngModel]="item.endKm" (ngModelChange)="changeEndKm($event,i)" [nzMin]="0"
|
||||
[nzFormatter]="formatterDollar" nzSize="small">
|
||||
</nz-input-number>（含）
|
||||
|
||||
<div style="text-align: center;">
|
||||
<div>
|
||||
{{i + 1}}
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td nzWidth="220px" nzAlign="center" >
|
||||
<div >
|
||||
<nz-select ngModel="lucy">
|
||||
<nz-option nzValue="jack" nzLabel="Jack154654564654"></nz-option>
|
||||
<nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
|
||||
</nz-select>
|
||||
</div>
|
||||
</td>
|
||||
<td nzWidth="220px" nzAlign="center" >
|
||||
<div style=" margin-left: 26%">
|
||||
<nz-input-group nzPrefix="=">
|
||||
<nz-input-number [(ngModel)]="item.baserebateRate" [nzMin]="0" nzSize="small"
|
||||
>
|
||||
</nz-input-number>
|
||||
</nz-input-group>
|
||||
|
||||
</div>
|
||||
</td>
|
||||
<td nzWidth="220px" nzAlign="center" >
|
||||
<div style=" margin-left: 26%">
|
||||
<nz-input-group nzPrefix="＜">
|
||||
<nz-input-number [(ngModel)]="item.blanketrebateRate" [nzMin]="0" nzSize="small" >
|
||||
</nz-input-number>
|
||||
</nz-input-group>
|
||||
</div>
|
||||
</td>
|
||||
<td nzWidth="220px" nzAlign="center" >
|
||||
<div style=" margin-left: 26%">
|
||||
@ -69,19 +73,14 @@
|
||||
</ng-template>
|
||||
</div>
|
||||
</td>
|
||||
<td nzWidth="220px" nzAlign="center" >
|
||||
<div style=" margin-left: 26%">
|
||||
<nz-input-group [nzAddOnAfter]="addOnAfterTemplate2">
|
||||
<nz-input-number [(ngModel)]="item.blanketrebateRate" [nzMin]="0" nzSize="small" >
|
||||
</nz-input-number>
|
||||
</nz-input-group>
|
||||
</div>
|
||||
</td>
|
||||
<td nzWidth="60px" nzAlign="center" nzRight>
|
||||
<a nz-popconfirm
|
||||
nzPopconfirmTitle="是否新增?" (nzOnConfirm)="add()"
|
||||
>+</a>
|
||||
<a *ngIf="i === groupingTable.data.length-1 && groupingTable.data.length>1"
|
||||
nz-popconfirm
|
||||
nzPopconfirmTitle="是否确认删除?" (nzOnConfirm)="deleteRow(i)"
|
||||
>删除</a>
|
||||
>-</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
@ -12,26 +12,17 @@ import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
|
||||
export class RebateTableComponent implements OnInit {
|
||||
data: any[] = [];
|
||||
headers: any[] = [];
|
||||
sfdata: any; // 货源单设置回显
|
||||
|
||||
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
||||
schema: SFSchema = {};
|
||||
ui!: SFUISchema;
|
||||
|
||||
formatterDollar = (value: number): string => `${value}`;
|
||||
minrebatePrice: number = 0;
|
||||
changeSub = new Subject<string>();
|
||||
constructor(public service: BaseService, private cdr: ChangeDetectorRef) {}
|
||||
|
||||
ngOnInit(): void {
|
||||
this.loadData();
|
||||
this.initSF()
|
||||
this.changeEndKmAction();
|
||||
this.minrebatePrice = 1000
|
||||
}
|
||||
|
||||
loadData() {
|
||||
this.service.request('/api/mdc/cuc/rebateConfig/list').subscribe(res => {
|
||||
this.service.request('/api/mdc/cuc/insuranceConfig/list').subscribe(res => {
|
||||
if (res) {
|
||||
console.log(res);
|
||||
this.data = res;
|
||||
@ -43,35 +34,10 @@ export class RebateTableComponent implements OnInit {
|
||||
]).subscribe(res => {
|
||||
if (res) {
|
||||
console.log(res);
|
||||
this.minrebatePrice = Number(res[0].itemValue)
|
||||
}
|
||||
});
|
||||
}
|
||||
initSF() {
|
||||
this.schema = {
|
||||
properties: {
|
||||
freightPrice: {
|
||||
type: 'string',
|
||||
title: '单票投保最低保费',
|
||||
ui: {
|
||||
widget: 'custom',
|
||||
placeholder: '请输入',
|
||||
errors: { required: '请填写' }
|
||||
}
|
||||
},
|
||||
},
|
||||
required: ['freightPrice']
|
||||
};
|
||||
this.ui = {
|
||||
'*': {
|
||||
spanLabelFixed: 160,
|
||||
grid: { span: 24 }
|
||||
},
|
||||
$freightPrice: {
|
||||
grid: { span: 8 }
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* 修改结束车长
|
||||
* @param event 车长
|
||||
@ -145,12 +111,8 @@ export class RebateTableComponent implements OnInit {
|
||||
}
|
||||
|
||||
save() {
|
||||
if(!this.minrebatePrice) {
|
||||
this.service.msgSrv.error('必填项为空！')
|
||||
return
|
||||
}
|
||||
console.log(this.data)
|
||||
let params= {
|
||||
minrebatePrice: this.minrebatePrice,
|
||||
rebateConfigDTOS: this.data
|
||||
}
|
||||
console.log(params);
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
* @Author : Shiming
|
||||
* @Date : 2022-01-25 20:23:54
|
||||
* @LastEditors : Shiming
|
||||
* @LastEditTime : 2022-02-11 17:20:49
|
||||
* @LastEditTime : 2022-03-21 14:11:56
|
||||
* @FilePath : \\tms-obc-web\\src\\app\\shared\\components\\rebate-table\\rebate-table.module.ts
|
||||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
||||
*/
|
||||
@ -18,8 +18,9 @@ import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
|
||||
import { NzInputModule } from 'ng-zorro-antd/input';
|
||||
import { DelonFormModule } from '@delon/form';
|
||||
import { NzButtonModule } from 'ng-zorro-antd/button';
|
||||
import { NzSelectModule } from 'ng-zorro-antd/select';
|
||||
const COMPONENTS = [RebateTableComponent];
|
||||
const MODULES = [NzTableModule, NzInputNumberModule, NzPopconfirmModule, NzInputModule, NzButtonModule, DelonFormModule];
|
||||
const MODULES = [NzTableModule, NzInputNumberModule, NzPopconfirmModule, NzInputModule, NzButtonModule, DelonFormModule,NzSelectModule];
|
||||
|
||||
@NgModule({
|
||||
declarations: COMPONENTS,
|
||||
|
||||
@ -47,6 +47,7 @@ import { NzAffixModule } from 'ng-zorro-antd/affix';
|
||||
import { NzTypographyModule } from 'ng-zorro-antd/typography';
|
||||
import { NzSwitchModule } from 'ng-zorro-antd/switch';
|
||||
import { NzImageModule } from 'ng-zorro-antd/image';
|
||||
import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
|
||||
|
||||
export const SHARED_ZORRO_MODULES = [
|
||||
NzButtonModule,
|
||||
@ -88,5 +89,6 @@ export const SHARED_ZORRO_MODULES = [
|
||||
NzAffixModule,
|
||||
NzTypographyModule,
|
||||
NzSwitchModule,
|
||||
NzImageModule
|
||||
NzImageModule,
|
||||
NzTreeSelectModule
|
||||
];
|
||||
|
||||
@ -64,3 +64,21 @@ input[type="number"] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
.area-tree-select {
|
||||
.ant-select-tree .ant-select-tree-treenode-disabled {
|
||||
.ant-select-tree-checkbox {
|
||||
margin: 0;
|
||||
|
||||
.ant-select-tree-checkbox-inner {
|
||||
width : 0px;
|
||||
border-color: #ffffff !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-select-tree-node-content-wrapper {
|
||||
color : unset;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user