车队长列表
This commit is contained in:
wangshiming
@ -1,3 +1,11 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: your name
|
||||||
|
* @Date: 2021-12-01 09:58:58
|
||||||
|
* @LastEditTime: 2021-12-01 14:44:51
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
|
* @FilePath: \tms-obc-web\src\app\routes\supply-goods\components\carload\carload.component.html
|
||||||
|
-->
|
||||||
|
|
||||||
<nz-card>
|
<nz-card>
|
||||||
<!-- 搜索区 -->
|
<!-- 搜索区 -->
|
||||||
@ -37,11 +45,10 @@
|
|||||||
</nz-card>
|
</nz-card>
|
||||||
<nz-card>
|
<nz-card>
|
||||||
<div class="actionAreaWrap">
|
<div class="actionAreaWrap">
|
||||||
<button nz-button (click)="orderExport()" nzType="primary">订单导入</button>
|
<button nz-button (click)="orderExport()" nzType="primary">导入货源</button>
|
||||||
<!-- <button nz-button (click)="deliverBelivery()" nzType="primary">批量发货</button> -->
|
|
||||||
</div>
|
</div>
|
||||||
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" class="table" [nzSelectedIndex]="nzSelectedIndex">
|
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" class="table" [nzSelectedIndex]="nzSelectedIndex">
|
||||||
<nz-tab *ngFor="let tab of tabs; let i = index" [nzTitle]="i === 3 ? tab + '（' + toSendCount + '）' : tab" (nzClick)="tabChange(i)">
|
<nz-tab *ngFor="let tab of tabs; let i = index" [nzTitle]="tab" (nzClick)="tabChange(i)">
|
||||||
<nz-table
|
<nz-table
|
||||||
#nzTable
|
#nzTable
|
||||||
[nzData]="listData"
|
[nzData]="listData"
|
||||||
@ -49,6 +56,7 @@
|
|||||||
[nzLoading]="loading"
|
[nzLoading]="loading"
|
||||||
[nzTotal]="total"
|
[nzTotal]="total"
|
||||||
[nzBordered]="true"
|
[nzBordered]="true"
|
||||||
|
[nzScroll]="{ x: '1400px' }"
|
||||||
[nzFrontPagination]="false"
|
[nzFrontPagination]="false"
|
||||||
[nzPageSize]="pageSize"
|
[nzPageSize]="pageSize"
|
||||||
[nzPageIndex]="pageIndex"
|
[nzPageIndex]="pageIndex"
|
||||||
@ -61,123 +69,89 @@
|
|||||||
<ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
|
<ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th nzAlign="center">商品</th>
|
<th nzAlign="center">货源编号</th>
|
||||||
<th nzWidth="100px" nzAlign="center">订单金额</th>
|
<th nzWidth="100px" nzAlign="center">货源类型</th>
|
||||||
<th nzWidth="160px" nzAlign="center">收件人</th>
|
<th nzWidth="100px" nzAlign="center">货主</th>
|
||||||
<th nzWidth="160px" nzAlign="center">下单商家</th>
|
<th nzWidth="100px" nzAlign="center">项目名称</th>
|
||||||
<th nzWidth="120px" nzAlign="center">状态</th>
|
<th nzWidth="100px" nzAlign="center">装货地</th>
|
||||||
|
<th nzWidth="100px" nzAlign="center">卸货地</th>
|
||||||
|
<th nzWidth="100px" nzAlign="center">货物名称</th>
|
||||||
|
<th nzWidth="160px" nzAlign="center">重量/体积</th>
|
||||||
|
<th nzWidth="160px" nzAlign="center">用车需求</th>
|
||||||
|
<th nzWidth="160px" nzAlign="center">总费用</th>
|
||||||
|
<th nzWidth="160px" nzAlign="center">附加费</th>
|
||||||
|
<th nzWidth="160px" nzAlign="center">用车需求</th>
|
||||||
|
<th nzWidth="120px" nzAlign="center">货源状态</th>
|
||||||
|
<th nzWidth="120px" nzAlign="center">创建时间</th>
|
||||||
|
<th nzWidth="120px" nzAlign="center">审核状态</th>
|
||||||
<th nzWidth="120px" nzAlign="center">操作</th>
|
<th nzWidth="120px" nzAlign="center">操作</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<ng-container *ngFor="let data of nzTable.data; index as key">
|
<tr *ngFor="let data of nzTable.data">
|
||||||
<tr [nzExpand]="true">
|
|
||||||
<div class="order-line">
|
|
||||||
<div class="order-line-number">
|
|
||||||
订单号：{{ data.orderSn }} 下单时间：{{
|
|
||||||
data.createTime
|
|
||||||
}} 订单类型：{{
|
|
||||||
data.supplierType == 1 ? '普通订单' : 'GD订单'
|
|
||||||
}}
|
|
||||||
支付方式：{{ data.payType === 1 ? '一次性付款，先货后款' : '-'
|
|
||||||
}}{{ data.payType === 2 ? '分批付款，先货后款' : '' }} 配送方式：{{
|
|
||||||
data.deliveryTypeDesc
|
|
||||||
}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</tr>
|
|
||||||
<tr *ngFor="let item of data.goodsList; index as i">
|
|
||||||
<td>
|
<td>
|
||||||
<div class="order-goods">
|
{{data.id3}}
|
||||||
<div class="order-goods-img">
|
</td>
|
||||||
<img [src]="item.goodsPhotoUrl" alt="" />
|
<td>
|
||||||
</div>
|
{{data.id3}}
|
||||||
<div class="order-goods-info">
|
</td>
|
||||||
<h2>
|
<td>
|
||||||
<span nz-tooltip [nzTooltipTitle]="item.goodsName"
|
{{data.id3}}
|
||||||
>{{ item.goodsName }}<br />
|
</td>
|
||||||
<span *ngFor="let items of item.goodsSpecJson; index as i">
|
<td>
|
||||||
<span *ngIf="i !== 0">，</span>{{ items.specName }}：{{ items.specValueName }}
|
{{data.id3}}
|
||||||
</span>
|
</td>
|
||||||
</span>
|
<td>
|
||||||
<p>数量：{{ item.goodsQuantity }}</p>
|
{{data.id3}}
|
||||||
</h2>
|
</td>
|
||||||
</div>
|
<td>
|
||||||
<div class="order-goods-state">
|
{{data.id3}}
|
||||||
{{ item.sendType === 1 ? '已发货' : item.sendType === 2 ? '部分发货' : '' }}<br />
|
</td>
|
||||||
{{ item.returnStatusName }}
|
<td>
|
||||||
</div>
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div><span style="color: #52c41a;">●</span>已接单</div>
|
||||||
|
<div><span >●</span>已取消</div>
|
||||||
|
<div><span style="color: #f59a23;">●</span>待接单</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<div><span style="color: #52c41a;">●</span>审核通过</div>
|
||||||
|
<div><span style="color: #d9001b;">●</span>不通过</div>
|
||||||
|
<div><span style="color: #f59a23;">●</span>待审核</div>
|
||||||
|
<!-- <span>待审核</span> -->
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
<td>
|
||||||
<ng-container [ngSwitch]="i">
|
<div>
|
||||||
<ng-container *ngSwitchCase="0">
|
<a nz-button nzType="link" (click)="showApply()">货源审核</a>
|
||||||
<td [rowSpan]="data.goodsList.length">¥{{ data.payAmount.toFixed(2) }}</td>
|
<a nz-button nzType="link" (click)="showApply()">修改运费</a>
|
||||||
<td [rowSpan]="data.goodsList.length" nzAlign="center">
|
<a nz-button nzType="link" nzDanger (click)="showApply()">指派熟车</a>
|
||||||
{{ data.receiveName }}<br />
|
<a nz-button nzType="link" nzDanger (click)="showApply()">修改单价</a>
|
||||||
{{ data.receiveMobile }}
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td [rowSpan]="data.goodsList.length" nzAlign="center">
|
</tr>
|
||||||
{{ data.tenantName }}
|
|
||||||
</td>
|
|
||||||
<td [rowSpan]="data.goodsList.length" nzAlign="center">
|
|
||||||
<ng-container *ngIf="data.orderStatusStr; else elseorderStatusTemplate">{{ data.orderStatusStr }}</ng-container
|
|
||||||
><ng-template #elseorderStatusTemplate
|
|
||||||
><span *ngIf="!(data.payType === 2 && data.orderExtend.isDeliverGoods === 1 && data.orderStatus === 20)">{{
|
|
||||||
data.orderStatusDesc
|
|
||||||
}}</span
|
|
||||||
><br /><span *ngIf="data.payType === 2 && data.orderStatus !== 5 && data.orderExtend.isPay === 0">{{
|
|
||||||
data.payStatusDesc
|
|
||||||
}}</span></ng-template
|
|
||||||
>
|
|
||||||
</td>
|
|
||||||
<td [rowSpan]="data.goodsList.length" nzAlign="center">
|
|
||||||
<div class="order-line-price">
|
|
||||||
<!-- <span *ngIf="data.updateDeliverFlag === 1"
|
|
||||||
><a nz-button nzType="link" (click)="updateLogistics(data)">修改运单</a><br
|
|
||||||
/></span> -->
|
|
||||||
<!-- *ngIf="data.orderPaymentVoucherVO.chechStatus === 0" -->
|
|
||||||
<span *ngIf="data.orderPaymentVoucherVO.checkStatus === 0 && data.supplierType === 2">
|
|
||||||
<a nz-button nzType="link" (click)="paymentReview(data)">付款审核</a>
|
|
||||||
</span>
|
|
||||||
<span *ngIf="data.orderStatus === 5 && data.supplierType === 2">
|
|
||||||
<a nz-button nzType="link" (click)="orderReview(data)">审核</a><br />
|
|
||||||
</span>
|
|
||||||
<span *ngIf="data.orderStatus === 5">
|
|
||||||
<a nz-button nzType="link" (click)="modifyPrice(data)">修改价格</a>
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
*ngIf="
|
|
||||||
data.orderExtend?.isDeliverGoods === 0 && data.orderStatus !== 5 && data.orderStatus !== 50 && data.payType === 2
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<a nz-button nzType="link" (click)="deliverGoods(data)">立即发货</a>
|
|
||||||
<br
|
|
||||||
/></span>
|
|
||||||
<span *ngIf="data.orderExtend?.isDeliverGoods === 0 && data.orderStatus === 20 && data.payType === 1">
|
|
||||||
<a nz-button nzType="link" (click)="deliverGoods(data)">立即发货</a>
|
|
||||||
<br
|
|
||||||
/></span>
|
|
||||||
<a nz-button nzType="link" (click)="goDetail(data)">查看详情</a>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</ng-container>
|
|
||||||
</ng-container>
|
|
||||||
</tr>
|
|
||||||
</ng-container>
|
|
||||||
</tbody>
|
</tbody>
|
||||||
</nz-table>
|
</nz-table>
|
||||||
</nz-tab>
|
</nz-tab>
|
||||||
</nz-tabset>
|
</nz-tabset>
|
||||||
</nz-card>
|
</nz-card>
|
||||||
|
|
||||||
<ng-template #exportTemplate>
|
|
||||||
<nz-alert nzType="info" nzMessage="为保证报表导出性能，最多只能导出最近1W个订单" nzShowIcon></nz-alert>
|
|
||||||
<sv-container col="1" style="margin-top: 20px">
|
|
||||||
<sv label="报表字段">
|
|
||||||
<nz-tag *ngFor="let item of exportFieldList" nzColor="#2db7f5">
|
|
||||||
{{ item }}
|
|
||||||
</nz-tag>
|
|
||||||
</sv>
|
|
||||||
</sv-container>
|
|
||||||
</ng-template>
|
|
||||||
|
|||||||
@ -1,128 +1,7 @@
|
|||||||
.order-goods {
|
|
||||||
display: flex;
|
|
||||||
text-align: left;
|
|
||||||
.order-goods-img {
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
margin-right: 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.order-goods-info {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
.order-goods-state {
|
|
||||||
width: 70px;
|
|
||||||
margin-left: 10px;
|
|
||||||
line-height: 28px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h2 {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.form,
|
|
||||||
.table {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.form {
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
.select-item {
|
|
||||||
width: 180px;
|
|
||||||
}
|
|
||||||
.ant-form-item {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
.order-line {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.order-receiving {
|
.status-point {
|
||||||
.order-receiving-remark {
|
display: inline-block;
|
||||||
line-height: 26px;
|
width: 6px;
|
||||||
span {
|
height: 6px;
|
||||||
color: #1890ff;
|
border-radius: 50%;
|
||||||
}
|
|
||||||
input {
|
|
||||||
width: 130px;
|
|
||||||
margin-right: 6px;
|
|
||||||
padding: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
color: #1890ff;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
&.have-edit {
|
|
||||||
color: #000000a6;
|
|
||||||
border: 1px solid #d9d9d9;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.order-operation {
|
|
||||||
div {
|
|
||||||
color: #1890ff;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.timeline {
|
|
||||||
span {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 4px;
|
|
||||||
padding: 5px 6px;
|
|
||||||
color: #999;
|
|
||||||
background-color: #f2f2f2;
|
|
||||||
border-radius: 2px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ant-table-tbody > tr.ant-table-row:hover > td {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btnBox {
|
|
||||||
margin: 0 0 10px 0;
|
|
||||||
}
|
|
||||||
.searchAreaWrap {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.sfExpand {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.actionBox {
|
|
||||||
margin: 0 0 0 10px;
|
|
||||||
}
|
|
||||||
.sfBox {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
.expandsfBox {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.expandAcitonBox {
|
|
||||||
margin: 10px 0 20px 0;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.actionAreaWrap {
|
|
||||||
margin: 0 0 20px 0;
|
|
||||||
}
|
|
||||||
.overflowText {
|
|
||||||
display: -webkit-box;
|
|
||||||
overflow: hidden;
|
|
||||||
text-align: left;
|
|
||||||
text-overflow: -o-ellipsis-lastline;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
line-clamp: 2;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
* @Description:
|
* @Description:
|
||||||
* @Author: wsm
|
* @Author: wsm
|
||||||
* @Date: 2021-07-15 09:42:57
|
* @Date: 2021-07-15 09:42:57
|
||||||
* @LastEditTime: 2021-12-01 10:36:54
|
* @LastEditTime: 2021-12-01 14:45:06
|
||||||
* @LastEditors: Please set LastEditors
|
* @LastEditors: Please set LastEditors
|
||||||
* @Reference:
|
* @Reference:
|
||||||
*/
|
*/
|
||||||
@ -29,21 +29,15 @@ export class SupplyGoodsComponentListCarloadComponent implements OnInit, AfterVi
|
|||||||
exportTemplate!: TemplateRef<any>;
|
exportTemplate!: TemplateRef<any>;
|
||||||
ui: SFUISchema = {};
|
ui: SFUISchema = {};
|
||||||
mode: any = 'search';
|
mode: any = 'search';
|
||||||
tabs = ['全部', '待审核', '待支付', '待发货', '待收货', '已完成'];
|
tabs = ['全部', '待接单', '已接单', '已取消'];
|
||||||
exportFieldList = [
|
listData: any =[
|
||||||
'订单号',
|
{
|
||||||
'下单时间',
|
id: 1,
|
||||||
'支付方式',
|
id2: 2,
|
||||||
'订单金额',
|
id3:3,
|
||||||
'订单状态',
|
id4: 4,
|
||||||
'下单商家',
|
}
|
||||||
'SKU信息（SKUID,商品名称+规格名称,数量）',
|
]
|
||||||
'配送方式',
|
|
||||||
'收件人',
|
|
||||||
'收件人电话',
|
|
||||||
'收件人地址',
|
|
||||||
];
|
|
||||||
listData: any;
|
|
||||||
orderStatus: any = '0'; // 订单状态, 10为已提交待付款, 20为已付款待发,30为已发货待收货,50取消订单,40 已完成
|
orderStatus: any = '0'; // 订单状态, 10为已提交待付款, 20为已付款待发,30为已发货待收货,50取消订单,40 已完成
|
||||||
nzSelectedIndex = 0;
|
nzSelectedIndex = 0;
|
||||||
total = 1;
|
total = 1;
|
||||||
@ -87,33 +81,36 @@ export class SupplyGoodsComponentListCarloadComponent implements OnInit, AfterVi
|
|||||||
hidden: true,
|
hidden: true,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
storeName: { title: '企业名称', type: 'string', ui: { showRequired: false } },
|
storeName: { title: '货源编号', type: 'string', ui: { showRequired: false } },
|
||||||
contactsName: {
|
contactsName: {
|
||||||
title: '联系人',
|
title: '货物名称',
|
||||||
type: 'string',
|
type: 'string',
|
||||||
ui: {
|
ui: {
|
||||||
showRequired: false,
|
showRequired: false,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
unifiedSocialCreditCode: {
|
unifiedSocialCreditCode: {
|
||||||
title: '税源地',
|
title: '装货地',
|
||||||
type: 'string',
|
type: 'string',
|
||||||
ui: {
|
ui: {
|
||||||
showRequired: false,
|
showRequired: false,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
enStatus: {
|
unifiedSocialCreditCode2: {
|
||||||
|
title: '卸货地',
|
||||||
type: 'string',
|
type: 'string',
|
||||||
title: '货主状态',
|
|
||||||
enum: [
|
|
||||||
{ label: '全部', value: '' },
|
|
||||||
{ label: '正常', value: 0 },
|
|
||||||
{ label: '冻结', value: 1 },
|
|
||||||
{ label: '废弃', value: 2 },
|
|
||||||
],
|
|
||||||
default: '',
|
|
||||||
ui: {
|
ui: {
|
||||||
widget: 'select',
|
showRequired: false,
|
||||||
|
visibleIf: {
|
||||||
|
expand: (value: boolean) => value,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
unifiedSocialCreditCode3: {
|
||||||
|
title: '货主',
|
||||||
|
type: 'string',
|
||||||
|
ui: {
|
||||||
|
showRequired: false,
|
||||||
visibleIf: {
|
visibleIf: {
|
||||||
expand: (value: boolean) => value,
|
expand: (value: boolean) => value,
|
||||||
},
|
},
|
||||||
@ -121,7 +118,7 @@ export class SupplyGoodsComponentListCarloadComponent implements OnInit, AfterVi
|
|||||||
},
|
},
|
||||||
enStatus2: {
|
enStatus2: {
|
||||||
type: 'string',
|
type: 'string',
|
||||||
title: 'CRM审核状态',
|
title: '审核状态',
|
||||||
enum: [
|
enum: [
|
||||||
{ label: '全部', value: '' },
|
{ label: '全部', value: '' },
|
||||||
{ label: '正常', value: 0 },
|
{ label: '正常', value: 0 },
|
||||||
@ -149,6 +146,7 @@ export class SupplyGoodsComponentListCarloadComponent implements OnInit, AfterVi
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
tabChange(i: number) {
|
tabChange(i: number) {
|
||||||
|
console.log(i)
|
||||||
this.changeIndex(i);
|
this.changeIndex(i);
|
||||||
this.getList();
|
this.getList();
|
||||||
}
|
}
|
||||||
@ -165,12 +163,6 @@ export class SupplyGoodsComponentListCarloadComponent implements OnInit, AfterVi
|
|||||||
} else if (i === 3) {
|
} else if (i === 3) {
|
||||||
this.orderStatus = '20';
|
this.orderStatus = '20';
|
||||||
this.payStatus = null;
|
this.payStatus = null;
|
||||||
} else if (i === 4) {
|
|
||||||
this.orderStatus = '30';
|
|
||||||
this.payStatus = null;
|
|
||||||
} else if (i === 5) {
|
|
||||||
this.orderStatus = '40';
|
|
||||||
this.payStatus = null;
|
|
||||||
}
|
}
|
||||||
this.pageIndex = 1;
|
this.pageIndex = 1;
|
||||||
}
|
}
|
||||||
@ -232,10 +224,7 @@ export class SupplyGoodsComponentListCarloadComponent implements OnInit, AfterVi
|
|||||||
this.router.navigate(['../order-detail', data.orderSn], { relativeTo: this.ar });
|
this.router.navigate(['../order-detail', data.orderSn], { relativeTo: this.ar });
|
||||||
}
|
}
|
||||||
|
|
||||||
// 批量发货
|
|
||||||
deliverBelivery() {
|
|
||||||
this.router.navigate(['../order-batch-delivery'], { relativeTo: this.ar });
|
|
||||||
}
|
|
||||||
changePageIndex(pageIndex: number) {
|
changePageIndex(pageIndex: number) {
|
||||||
this.pageIndex = pageIndex;
|
this.pageIndex = pageIndex;
|
||||||
this.getList();
|
this.getList();
|
||||||
@ -249,79 +238,10 @@ export class SupplyGoodsComponentListCarloadComponent implements OnInit, AfterVi
|
|||||||
this.sf?.setValue('/expand', this.sfExpand);
|
this.sf?.setValue('/expand', this.sfExpand);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 修改运单
|
showApply() {
|
||||||
updateLogistics(data: any) {
|
|
||||||
// 如果是多个运单
|
|
||||||
if (data.deliveryList.length > 1) {
|
|
||||||
this.updateLogisticsList(data);
|
|
||||||
} else {
|
|
||||||
data.deliveryAddrId = data.deliveryList[0].deliveryAddrId;
|
|
||||||
data.deliveryCorpSn = data.deliveryList[0].deliveryCorpSn;
|
|
||||||
data.deliverySn = data.deliveryList[0].deliverySn; // 原物流单号
|
|
||||||
data.expressName = data.deliveryList[0].expressName; // 原物流公司
|
|
||||||
data.sendName = data.deliveryList[0].sendName;
|
|
||||||
data.sendMobile = data.deliveryList[0].sendMobile;
|
|
||||||
data.sendAddr = data.deliveryList[0].sendAddr;
|
|
||||||
data.orderExpressItemVOList = data.deliveryList[0].orderExpressItemVOList; // 运单对应的发货商品信息
|
|
||||||
this.updateLogisticsPop(data);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改运单中间页List
|
|
||||||
updateLogisticsList(data: any) {
|
|
||||||
const modalRef = this.modal.create({
|
|
||||||
nzTitle: '运单信息',
|
|
||||||
nzWidth: 1200,
|
|
||||||
// nzContent: OrderComponentsOrderLogisticsmessageComponent,
|
|
||||||
nzComponentParams: {
|
|
||||||
listData: data,
|
|
||||||
},
|
|
||||||
nzFooter: null,
|
|
||||||
});
|
|
||||||
modalRef.afterClose.subscribe((result) => {
|
|
||||||
if (result === true) {
|
|
||||||
this.getList();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改运单弹窗
|
|
||||||
updateLogisticsPop(data: any) {
|
|
||||||
const modalRef = this.modal.create({
|
|
||||||
nzTitle: '已发货商品',
|
|
||||||
nzWidth: 1200,
|
|
||||||
// nzContent: OrderComponentsOrderDeliverGoodsUpdateComponent,
|
|
||||||
nzComponentParams: {
|
|
||||||
listData: data,
|
|
||||||
},
|
|
||||||
nzFooter: null,
|
|
||||||
});
|
|
||||||
modalRef.afterClose.subscribe((result) => {
|
|
||||||
if (result === true) {
|
|
||||||
this.getList();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 立即发货
|
|
||||||
deliverGoods(data: any) {
|
|
||||||
// const modalRef = this.modal.create({
|
|
||||||
// nzTitle: '订单发货',
|
|
||||||
// nzWidth: 1200,
|
|
||||||
// nzContent: OrderComponentsOrderDelivergoodsComponent,
|
|
||||||
// nzComponentParams: {
|
|
||||||
// listData: data,
|
|
||||||
// },
|
|
||||||
// nzFooter: null,
|
|
||||||
// });
|
|
||||||
// modalRef.afterOpen.subscribe(() => {});
|
|
||||||
// modalRef.afterClose.subscribe((result) => {
|
|
||||||
// if (result === true) {
|
|
||||||
// this.getList();
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
this.router.navigate(['../order-deliver-goods'], { relativeTo: this.ar });
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 重置表单
|
* 重置表单
|
||||||
@ -330,65 +250,9 @@ export class SupplyGoodsComponentListCarloadComponent implements OnInit, AfterVi
|
|||||||
this.sf.reset();
|
this.sf.reset();
|
||||||
this.sfExpand = false;
|
this.sfExpand = false;
|
||||||
}
|
}
|
||||||
/**
|
|
||||||
* 立即确认
|
|
||||||
*/
|
|
||||||
deliversure(val: any) {
|
|
||||||
const modalRef = this.modal.create({
|
|
||||||
nzTitle: '订单确认',
|
|
||||||
nzWidth: 700,
|
|
||||||
// nzContent: OrderComponentsOrderOrderlistOrderSureComponent,
|
|
||||||
nzComponentParams: {
|
|
||||||
record: val,
|
|
||||||
},
|
|
||||||
nzFooter: null,
|
|
||||||
});
|
|
||||||
modalRef.afterOpen.subscribe(() => {});
|
|
||||||
modalRef.afterClose.subscribe((result) => {
|
|
||||||
if (result === true) {
|
|
||||||
this.getList();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 付款审核
|
|
||||||
*/
|
|
||||||
paymentReview(data: any) {
|
|
||||||
const dialogData = {
|
|
||||||
...data,
|
|
||||||
};
|
|
||||||
// this.modalHelper.create(OrderComponentsOrderOrderlistPaymentReviewComponent, { dialogData }, { size: 900 }).subscribe((res) => {
|
|
||||||
// if (res === '2') {
|
|
||||||
// this.getList();
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 修改价格
|
|
||||||
*/
|
|
||||||
modifyPrice(data: any) {
|
|
||||||
const dialogData = {
|
|
||||||
...data,
|
|
||||||
};
|
|
||||||
// this.modalHelper.create(OrderComponentsOrderOrderlistModifyPriceComponent, { dialogData }, { size: 900 }).subscribe((res) => {
|
|
||||||
// if (res === '2') {
|
|
||||||
// this.getList();
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 审核
|
|
||||||
*/
|
|
||||||
orderReview(data: any) {
|
|
||||||
const dialogData = {
|
|
||||||
...data,
|
|
||||||
};
|
|
||||||
// this.modalHelper.create(OrderReviewComponent, { dialogData }, { size: 900 }).subscribe((res) => {
|
|
||||||
// if (res === '2') {
|
|
||||||
// this.getList();
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* 查询字段个数navigate
|
* 查询字段个数navigate
|
||||||
*/
|
*/
|
||||||
|
|||||||
@ -0,0 +1,157 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: your name
|
||||||
|
* @Date: 2021-12-01 09:58:58
|
||||||
|
* @LastEditTime: 2021-12-01 14:44:51
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
|
* @FilePath: \tms-obc-web\src\app\routes\supply-goods\components\carload\carload.component.html
|
||||||
|
-->
|
||||||
|
|
||||||
|
<nz-card>
|
||||||
|
<!-- 搜索区 -->
|
||||||
|
<!-- 搜索表单 -->
|
||||||
|
<div nz-row nzGutter="8">
|
||||||
|
<!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
|
||||||
|
<div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
|
||||||
|
<sf
|
||||||
|
#sf
|
||||||
|
[schema]="schema"
|
||||||
|
[ui]="ui"
|
||||||
|
[mode]="'search'"
|
||||||
|
[disabled]="!sf?.valid"
|
||||||
|
(formSubmit)="st?.load(1)"
|
||||||
|
(formReset)="resetSF()"
|
||||||
|
></sf>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- [loading]="service.http.loading" -->
|
||||||
|
|
||||||
|
<!-- 查询字段大于3个时，根据展开状态调整布局 -->
|
||||||
|
<ng-container *ngIf="queryFieldCount > 4">
|
||||||
|
<div nz-col [nzSpan]="_$expand ? 24 : 18">
|
||||||
|
<sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
|
||||||
|
</div>
|
||||||
|
<div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
|
||||||
|
|
||||||
|
<button nz-button nzType="primary" [disabled]="!sf.valid" (click)="st?.load(1)">查询</button>
|
||||||
|
<button nz-button (click)="resetSF()">重置</button>
|
||||||
|
<button nz-button nzType="link" (click)="expandToggle()">
|
||||||
|
{{ !_$expand ? '展开' : '收起' }}
|
||||||
|
<i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</ng-container>
|
||||||
|
</div>
|
||||||
|
</nz-card>
|
||||||
|
<nz-card>
|
||||||
|
<div class="actionAreaWrap">
|
||||||
|
<button nz-button (click)="orderExport()" nzType="primary">导入货源</button>
|
||||||
|
</div>
|
||||||
|
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" class="table" [nzSelectedIndex]="nzSelectedIndex">
|
||||||
|
<nz-tab *ngFor="let tab of tabs; let i = index" [nzTitle]="tab" (nzClick)="tabChange(i)">
|
||||||
|
<nz-table
|
||||||
|
#nzTable
|
||||||
|
[nzData]="listData"
|
||||||
|
nzTableLayout="fixed"
|
||||||
|
[nzLoading]="loading"
|
||||||
|
[nzTotal]="total"
|
||||||
|
[nzBordered]="true"
|
||||||
|
[nzScroll]="{ x: '1400px' }"
|
||||||
|
[nzFrontPagination]="false"
|
||||||
|
[nzPageSize]="pageSize"
|
||||||
|
[nzPageIndex]="pageIndex"
|
||||||
|
(nzPageIndexChange)="changePageIndex($event)"
|
||||||
|
[nzShowTotal]="totalTemplate"
|
||||||
|
[nzShowSizeChanger]="true"
|
||||||
|
(nzPageSizeChange)="changePageSize($event)"
|
||||||
|
[nzPageSizeOptions]="[10, 20, 30, 50, 100, 200, 300, 500, 1000]"
|
||||||
|
>
|
||||||
|
<ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th nzAlign="center">货源编号</th>
|
||||||
|
<th nzWidth="100px" nzAlign="center">货源类型</th>
|
||||||
|
<th nzWidth="100px" nzAlign="center">货主</th>
|
||||||
|
<th nzWidth="100px" nzAlign="center">项目名称</th>
|
||||||
|
<th nzWidth="100px" nzAlign="center">装货地</th>
|
||||||
|
<th nzWidth="100px" nzAlign="center">卸货地</th>
|
||||||
|
<th nzWidth="100px" nzAlign="center">货物名称</th>
|
||||||
|
<th nzWidth="160px" nzAlign="center">重量/体积</th>
|
||||||
|
<th nzWidth="160px" nzAlign="center">用车需求</th>
|
||||||
|
<th nzWidth="160px" nzAlign="center">总费用</th>
|
||||||
|
<th nzWidth="160px" nzAlign="center">附加费</th>
|
||||||
|
<th nzWidth="160px" nzAlign="center">用车需求</th>
|
||||||
|
<th nzWidth="120px" nzAlign="center">货源状态</th>
|
||||||
|
<th nzWidth="120px" nzAlign="center">创建时间</th>
|
||||||
|
<th nzWidth="120px" nzAlign="center">审核状态</th>
|
||||||
|
<th nzWidth="120px" nzAlign="center">操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr *ngFor="let data of nzTable.data">
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div><span style="color: #52c41a;">●</span>已接单</div>
|
||||||
|
<div><span >●</span>已取消</div>
|
||||||
|
<div><span style="color: #f59a23;">●</span>待接单</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{data.id3}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<div><span style="color: #52c41a;">●</span>审核通过</div>
|
||||||
|
<div><span style="color: #d9001b;">●</span>不通过</div>
|
||||||
|
<div><span style="color: #f59a23;">●</span>待审核</div>
|
||||||
|
<!-- <span>待审核</span> -->
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<a nz-button nzType="link" (click)="showApply()">货源审核</a>
|
||||||
|
<a nz-button nzType="link" (click)="showApply()">修改运费</a>
|
||||||
|
<a nz-button nzType="link" nzDanger (click)="showApply()">指派熟车</a>
|
||||||
|
<a nz-button nzType="link" nzDanger (click)="showApply()">修改单价</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</nz-table>
|
||||||
|
</nz-tab>
|
||||||
|
</nz-tabset>
|
||||||
|
</nz-card>
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
|
||||||
|
.status-point {
|
||||||
|
display: inline-block;
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
/*
|
||||||
|
* @Description:
|
||||||
|
* @Author: wsm
|
||||||
|
* @Date: 2021-07-08 15:46:29
|
||||||
|
* @LastEditTime: 2021-12-01 10:02:07
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Reference:
|
||||||
|
*/
|
||||||
|
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||||
|
import { SupplyGoodsComponentListLargeAmountComponent } from './large-amount.component';
|
||||||
|
|
||||||
|
describe('SupplyGoodsComponentListLargeAmountComponent', () => {
|
||||||
|
let component: SupplyGoodsComponentListLargeAmountComponent;
|
||||||
|
let fixture: ComponentFixture<SupplyGoodsComponentListLargeAmountComponent>;
|
||||||
|
|
||||||
|
beforeEach(async(() => {
|
||||||
|
TestBed.configureTestingModule({
|
||||||
|
declarations: [SupplyGoodsComponentListLargeAmountComponent],
|
||||||
|
}).compileComponents();
|
||||||
|
}));
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
fixture = TestBed.createComponent(SupplyGoodsComponentListLargeAmountComponent);
|
||||||
|
component = fixture.componentInstance;
|
||||||
|
fixture.detectChanges();
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should create', () => {
|
||||||
|
expect(component).toBeTruthy();
|
||||||
|
});
|
||||||
|
});
|
||||||
@ -0,0 +1,252 @@
|
|||||||
|
/*
|
||||||
|
* @Description:
|
||||||
|
* @Author: wsm
|
||||||
|
* @Date: 2021-07-15 09:42:57
|
||||||
|
* @LastEditTime: 2021-12-01 15:06:11
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Reference:
|
||||||
|
*/
|
||||||
|
import { AfterViewInit, Component, OnInit, TemplateRef, ViewChild } from '@angular/core';
|
||||||
|
import { FormBuilder, FormGroup } from '@angular/forms';
|
||||||
|
import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
|
||||||
|
import { STComponent } from '@delon/abc/st';
|
||||||
|
import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
|
||||||
|
import { ModalHelper } from '@delon/theme';
|
||||||
|
import { NzModalService } from 'ng-zorro-antd/modal';
|
||||||
|
import { filter } from 'rxjs/operators';
|
||||||
|
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-supply-goods-components-list-large-amount',
|
||||||
|
templateUrl: './large-amount.component.html',
|
||||||
|
styleUrls: ['./large-amount.component.less'],
|
||||||
|
})
|
||||||
|
export class SupplyGoodsComponentListLargeAmountComponent implements OnInit, AfterViewInit {
|
||||||
|
@ViewChild('st', { static: true }) st!: STComponent;
|
||||||
|
@ViewChild('sf', { static: false }) sf!: SFComponent;
|
||||||
|
validateForm!: FormGroup;
|
||||||
|
@ViewChild('exportTemplate')
|
||||||
|
exportTemplate!: TemplateRef<any>;
|
||||||
|
ui: SFUISchema = {};
|
||||||
|
mode: any = 'search';
|
||||||
|
tabs = ['全部', '进行中', '已完结', '已取消'];
|
||||||
|
listData: any =[
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
id2: 2,
|
||||||
|
id3:3,
|
||||||
|
id4: 4,
|
||||||
|
}
|
||||||
|
]
|
||||||
|
orderStatus: any = '0'; // 订单状态, 10为已提交待付款, 20为已付款待发,30为已发货待收货,50取消订单,40 已完成
|
||||||
|
nzSelectedIndex = 0;
|
||||||
|
total = 1;
|
||||||
|
loading = false;
|
||||||
|
pageSize = 20;
|
||||||
|
pageIndex = 1;
|
||||||
|
toSendCount = 0;
|
||||||
|
addTimeStart = '';
|
||||||
|
addTimeEnd = '';
|
||||||
|
sfExpand = false;
|
||||||
|
_$expand = false;
|
||||||
|
|
||||||
|
schema!: SFSchema;
|
||||||
|
payStatus: any;
|
||||||
|
constructor(
|
||||||
|
private fb: FormBuilder,
|
||||||
|
private modal: NzModalService,
|
||||||
|
private router: Router,
|
||||||
|
private ar: ActivatedRoute,
|
||||||
|
private modalHelper: ModalHelper,
|
||||||
|
) {}
|
||||||
|
|
||||||
|
ngOnInit(): void {
|
||||||
|
this.getList();
|
||||||
|
this.initSF();
|
||||||
|
this.initUI();
|
||||||
|
}
|
||||||
|
|
||||||
|
ngAfterViewInit() {
|
||||||
|
// this.router.events.pipe(filter((evt) => evt instanceof NavigationEnd)).subscribe(() => {
|
||||||
|
//
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|
||||||
|
initSF() {
|
||||||
|
this.schema = {
|
||||||
|
properties: {
|
||||||
|
expand: {
|
||||||
|
type: 'boolean',
|
||||||
|
ui: {
|
||||||
|
hidden: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
storeName: { title: '货源编号', type: 'string', ui: { showRequired: false } },
|
||||||
|
contactsName: {
|
||||||
|
title: '货物名称',
|
||||||
|
type: 'string',
|
||||||
|
ui: {
|
||||||
|
showRequired: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
unifiedSocialCreditCode: {
|
||||||
|
title: '装货地',
|
||||||
|
type: 'string',
|
||||||
|
ui: {
|
||||||
|
showRequired: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
unifiedSocialCreditCode2: {
|
||||||
|
title: '卸货地',
|
||||||
|
type: 'string',
|
||||||
|
ui: {
|
||||||
|
showRequired: false,
|
||||||
|
visibleIf: {
|
||||||
|
expand: (value: boolean) => value,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
enStatus2: {
|
||||||
|
type: 'string',
|
||||||
|
title: '录单员',
|
||||||
|
enum: [
|
||||||
|
{ label: '全部', value: '' },
|
||||||
|
{ label: '正常', value: 0 },
|
||||||
|
{ label: '冻结', value: 1 },
|
||||||
|
{ label: '废弃', value: 2 },
|
||||||
|
],
|
||||||
|
default: '',
|
||||||
|
ui: {
|
||||||
|
widget: 'select',
|
||||||
|
visibleIf: {
|
||||||
|
expand: (value: boolean) => value,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
this.ui = { '*': { spanLabelFixed: 90, grid: { span: 8, gutter: 4 }, enter: () => this.st.load() } };
|
||||||
|
}
|
||||||
|
initUI() {
|
||||||
|
this.ui = {
|
||||||
|
'*': {
|
||||||
|
spanLabelFixed: 90,
|
||||||
|
grid: { span: 8 },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
tabChange(i: number) {
|
||||||
|
console.log(i)
|
||||||
|
this.changeIndex(i);
|
||||||
|
this.getList();
|
||||||
|
}
|
||||||
|
changeIndex(i: number) {
|
||||||
|
if (i === 0) {
|
||||||
|
this.orderStatus = '0';
|
||||||
|
this.payStatus = null;
|
||||||
|
} else if (i === 1) {
|
||||||
|
this.orderStatus = '5';
|
||||||
|
this.payStatus = null;
|
||||||
|
} else if (i === 2) {
|
||||||
|
this.orderStatus = null;
|
||||||
|
this.payStatus = '10';
|
||||||
|
} else if (i === 3) {
|
||||||
|
this.orderStatus = '20';
|
||||||
|
this.payStatus = null;
|
||||||
|
}
|
||||||
|
this.pageIndex = 1;
|
||||||
|
}
|
||||||
|
getList(type?: string) {
|
||||||
|
// this.loading = true;
|
||||||
|
const params: any = {
|
||||||
|
pageSize: this.pageSize,
|
||||||
|
pageIndex: this.pageIndex,
|
||||||
|
...this.sf?.value,
|
||||||
|
orderStatus: this.orderStatus,
|
||||||
|
payStatus: this.payStatus,
|
||||||
|
createTime: this.sf?.value.createTime || [],
|
||||||
|
time: {},
|
||||||
|
};
|
||||||
|
if (this.sf?.value?.createTime) {
|
||||||
|
delete params.createTime;
|
||||||
|
params.time.start = this.sf?.value?.createTime[0];
|
||||||
|
params.time.end = this.sf?.value?.createTime[1];
|
||||||
|
}
|
||||||
|
delete params.expand;
|
||||||
|
if (type === 'search') {
|
||||||
|
params.pageIndex = 1;
|
||||||
|
}
|
||||||
|
// this.service.request(this.service.$api_get_page, params).subscribe((res) => {
|
||||||
|
// this.loading = false;
|
||||||
|
// this.listData = res.orderPage.records;
|
||||||
|
// this.toSendCount = res.toSendCount;
|
||||||
|
// this.listData.forEach((element: { goodsList: { goodsSpecJson: string }[] }) => {
|
||||||
|
// element.goodsList.forEach((item: { goodsSpecJson: string }) => {
|
||||||
|
// if (item.goodsSpecJson) {
|
||||||
|
// item.goodsSpecJson = JSON.parse(item.goodsSpecJson);
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// });
|
||||||
|
// this.total = res.orderPage.total;
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|
||||||
|
orderExport() {
|
||||||
|
// this.service.exportStart(params, this.service.$api_export);
|
||||||
|
this.modal.create({
|
||||||
|
nzTitle: '订单导出',
|
||||||
|
nzContent: this.exportTemplate,
|
||||||
|
// nzContent: `待导出订单总数：${this.pageInfo.total}条，确定要导出吗？`,
|
||||||
|
nzOnOk: () => {
|
||||||
|
const params: any = {
|
||||||
|
pageSize: this.pageSize,
|
||||||
|
pageIndex: this.pageIndex,
|
||||||
|
...this.sf?.value,
|
||||||
|
orderStatus: this.orderStatus,
|
||||||
|
// createTime: this.sf?.value.createTime || [],
|
||||||
|
};
|
||||||
|
delete params.expand;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
goDetail(data: any) {
|
||||||
|
this.router.navigate(['../order-detail', data.orderSn], { relativeTo: this.ar });
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
changePageIndex(pageIndex: number) {
|
||||||
|
this.pageIndex = pageIndex;
|
||||||
|
this.getList();
|
||||||
|
}
|
||||||
|
changePageSize(value: number) {
|
||||||
|
this.pageSize = value;
|
||||||
|
this.getList();
|
||||||
|
}
|
||||||
|
expandToggle() {
|
||||||
|
this.sfExpand = !this.sfExpand;
|
||||||
|
this.sf?.setValue('/expand', this.sfExpand);
|
||||||
|
}
|
||||||
|
|
||||||
|
showApply() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 重置表单
|
||||||
|
*/
|
||||||
|
resetSF() {
|
||||||
|
this.sf.reset();
|
||||||
|
this.sfExpand = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询字段个数navigate
|
||||||
|
*/
|
||||||
|
get queryFieldCount(): number {
|
||||||
|
return Object.keys(this.schema?.properties || {}).length;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,19 +1,17 @@
|
|||||||
<!--
|
<!--
|
||||||
* @Author: your name
|
* @Author: your name
|
||||||
* @Date: 2021-12-01 09:25:32
|
* @Date: 2021-12-01 09:25:32
|
||||||
* @LastEditTime: 2021-12-01 10:03:18
|
* @LastEditTime: 2021-12-01 10:55:15
|
||||||
* @LastEditors: Please set LastEditors
|
* @LastEditors: Please set LastEditors
|
||||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
* @FilePath: \tms-obc-web\src\app\routes\supply-goods\components\list\list.component.html
|
* @FilePath: \tms-obc-web\src\app\routes\supply-goods\components\list\list.component.html
|
||||||
-->
|
-->
|
||||||
<page-header-wrapper [title]="''"></page-header-wrapper>
|
<page-header-wrapper [title]="''" ></page-header-wrapper>
|
||||||
<nz-card>
|
|
||||||
<nz-tabset [nzSelectedIndex]="nzSelectedIndex">
|
<nz-tabset [nzSelectedIndex]="nzSelectedIndex">
|
||||||
<nz-tab nzTitle="整车货源">
|
<nz-tab nzTitle="整车货源">
|
||||||
<app-supply-goods-components-list-carload></app-supply-goods-components-list-carload>
|
<app-supply-goods-components-list-carload></app-supply-goods-components-list-carload>
|
||||||
</nz-tab>
|
</nz-tab>
|
||||||
<nz-tab nzTitle="大宗货源">
|
<nz-tab nzTitle="大宗货源">
|
||||||
|
<app-supply-goods-components-list-large-amount></app-supply-goods-components-list-large-amount>
|
||||||
</nz-tab>
|
</nz-tab>
|
||||||
</nz-tabset>
|
</nz-tabset>
|
||||||
</nz-card>
|
|
||||||
|
|||||||
@ -1,20 +1,22 @@
|
|||||||
/*
|
/*
|
||||||
* @Author: your name
|
* @Author: your name
|
||||||
* @Date: 2021-11-29 15:22:34
|
* @Date: 2021-11-29 15:22:34
|
||||||
* @LastEditTime: 2021-12-01 10:03:01
|
* @LastEditTime: 2021-12-01 15:03:22
|
||||||
* @LastEditors: Please set LastEditors
|
* @LastEditors: Please set LastEditors
|
||||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
*/
|
*/
|
||||||
import { NgModule } from '@angular/core';
|
import { NgModule } from '@angular/core';
|
||||||
import { SharedModule } from '@shared';
|
import { SharedModule } from '@shared';
|
||||||
import { SupplyGoodsComponentListCarloadComponent } from './components/carload/carload.component';
|
import { SupplyGoodsComponentListCarloadComponent } from './components/carload/carload.component';
|
||||||
|
import { SupplyGoodsComponentListLargeAmountComponent } from './components/large-amount/large-amount.component';
|
||||||
import { SupplyGoodsComponentListComponent } from './components/list/list.component';
|
import { SupplyGoodsComponentListComponent } from './components/list/list.component';
|
||||||
|
|
||||||
import { SupplyGoodsRoutingModule } from './supply-goods-routing.module';
|
import { SupplyGoodsRoutingModule } from './supply-goods-routing.module';
|
||||||
|
|
||||||
const COMPONENTS = [
|
const COMPONENTS = [
|
||||||
SupplyGoodsComponentListComponent,
|
SupplyGoodsComponentListComponent,
|
||||||
SupplyGoodsComponentListCarloadComponent
|
SupplyGoodsComponentListCarloadComponent,
|
||||||
|
SupplyGoodsComponentListLargeAmountComponent
|
||||||
];
|
];
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
|
|||||||
1
src/assets/images/user/yuandian.svg
Normal file
1
src/assets/images/user/yuandian.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1638338410086" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4102" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M514.048 128q79.872 0 149.504 30.208t121.856 82.432 82.432 122.368 30.208 150.016q0 78.848-30.208 148.48t-82.432 121.856-121.856 82.432-149.504 30.208-149.504-30.208-121.856-82.432-82.432-121.856-30.208-148.48q0-79.872 30.208-150.016t82.432-122.368 121.856-82.432 149.504-30.208z" p-id="4103"></path></svg>
|
||||||
|
After Width: | Height: | Size: 683 B |
Reference in New Issue
Block a user