<!-- start 面包屑 -->
<app-breadcrumb></app-breadcrumb>
<!-- end 面包屑 -->
<!--条件搜索-->

<nz-spin [nzSpinning]="loadingObject.status"  [nzTip]="loadingObject.title">

    <div class="inner-content">
        <form nz-form [formGroup]="searchForm" (ngSubmit)="search(searchForm.value)">
            <div nz-row>

                <div nz-col nzSpan="8">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">交易单号</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <input nz-input formControlName="orderNo" />
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">客户电话</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <input nz-input formControlName="memPhone" />
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">油号</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-select formControlName="gasOilNo" nzAllowClear>
                                <nz-option *ngFor="let item of oilArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></nz-option>
                            </nz-select>
                        </nz-form-control>
                    </nz-form-item>
                </div>

            </div>

            <div nz-row *ngIf="isCollapse">

                <div nz-col nzSpan="8" *ngIf="roleType != 3 && roleType != 10">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">加油站</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <input nz-input formControlName="storeName" />
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">支付时间</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-range-picker
                                    [nzShowTime]="{ nzHideDisabledOptions: true }"
                                    formControlName="payTimeArray"
                                    nzFormat="yyyy-MM-dd HH:mm:ss"
                            ></nz-range-picker>
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">交易状态</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-select formControlName="status" nzAllowClear>
                                <nz-option *ngFor="let item of orderStatusArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></nz-option>
                            </nz-select>
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8" *ngIf="roleType != 10">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">加油员</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <input nz-input formControlName="gasStaffName" />
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">创建时间</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-range-picker
                                    [nzShowTime]="{ nzHideDisabledOptions: true }"
                                    formControlName="createTimeArray"
                                    nzFormat="yyyy-MM-dd HH:mm:ss"
                            ></nz-range-picker>
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">退款时间</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-range-picker
                                    [nzShowTime]="{ nzHideDisabledOptions: true }"
                                    formControlName="refundTimeArray"
                                    nzFormat="yyyy-MM-dd HH:mm:ss"
                            ></nz-range-picker>
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8" *ngIf="roleType == 0 || roleType == 1">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">分公司</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-select formControlName="companyId" nzAllowClear (ngModelChange)="requestMerList($event)">
                                <nz-option *ngFor="let item of companyArray" nzValue="{{item['id']}}" nzLabel="{{item['name']}}"></nz-option>
                            </nz-select>
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8" *ngIf="roleType == 0 || roleType == 1 || roleType == 5">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">商户</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-select formControlName="merId" nzAllowClear>
                                <nz-option *ngFor="let item of merArray" nzValue="{{item['id']}}" nzLabel="{{item['merchantName']}}"></nz-option>
                            </nz-select>
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8" *ngIf="roleType == 0 || roleType == 1 || roleType == 5">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">代理公司</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-select formControlName="gasOrgId" nzAllowClear (ngModelChange)="requestAgent($event)">
                                <nz-option *ngFor="let item of orgIdArray" nzValue="{{item['id']}}" nzLabel="{{item['name']}}"></nz-option>
                            </nz-select>
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8" *ngIf="roleType == 0 || roleType == 1 || roleType == 5">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">代理商</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-select formControlName="gasAgentId" nzAllowClear (ngModelChange)="requestSalesman($event)">
                                <nz-option *ngFor="let item of tyAgentArray" nzValue="{{item['id']}}" nzLabel="{{item['agentName']}}"></nz-option>
                            </nz-select>
                        </nz-form-control>
                    </nz-form-item>
                </div>

                <div nz-col nzSpan="8" *ngIf="roleType == 0 || roleType == 1 || roleType == 5 || roleType == 8">
                    <nz-form-item>
                        <nz-form-label [nzSpan]="8">业务员</nz-form-label>
                        <nz-form-control [nzSpan]="14">
                            <nz-select formControlName="gasSalesmanId" nzAllowClear>
                                <nz-option *ngFor="let item of tySalesmanArray" nzValue="{{item['id']}}" nzLabel="{{item['salesmanName']}}"></nz-option>
                            </nz-select>
                        </nz-form-control>
                    </nz-form-item>
                </div>

            </div>

            <div nz-row>
                <div nz-col nzSpan="24" class="search-button">
                    <button nz-button nzType="primary"><i nz-icon nzType="search" nzTheme="outline"></i>搜索</button>
                    <button nz-button nzType="default" (click)="resetSearchForm()"><i nz-icon nzType="reload" nzTheme="outline"></i>重置</button>
                    <a class="collapse" (click)="toggleCollapse()">更多条件<i nz-icon [nzType]="!isCollapse ? 'down' : 'up'"></i></a>
                </div>
            </div>
        </form>
    </div>

    <div class="inner-content">
        <span>共计 {{dataObject.total?dataObject.total:0}} 条数据</span>
        <div class="operating-button">
            <button nz-button nzType="primary" class="right-btn" (click)="excelOrder()"><i nz-icon nzType="export" nzTheme="outline"></i>导出订单</button>
        </div>

        <!--数组表格 -->
        <nz-table #basicTable
                  nzShowPagination
                  nzShowSizeChanger
                  nzBordered
                  [nzData]="dataObject.list"
                  [nzTotal]="dataObject.total"
                  [nzFrontPagination]="false"
                  [nzLoading]="tableLoading"
                  [nzPageIndex]="whereObject.pageNum"
                  (nzPageIndexChange)="requestOrderData($event)"
                  (nzPageSizeChange)="pageSizeChang($event)"
                  [nzPageSizeOptions]="[10,20,50,100]"
                  [nzScroll]="{ x: '3600px'}"
        >
            <thead>
            <tr>
                <th rowspan="2" nzWidth="200px">交易单号</th>
                <th rowspan="2" nzWidth="120px">客户电话</th>
                <th rowspan="2" *ngIf="roleType != 3 && roleType != 10" nzWidth="200px">加油站</th>
                <th rowspan="2" *ngIf="roleType != 10" nzWidth="120px">加油员</th>
                <th colspan="9">加油信息</th>
                <th colspan="7">支付信息</th>
                <th rowspan="2">交易状态</th>
                <th rowspan="2">创建时间</th>
                <th rowspan="2">支付时间</th>
                <th rowspan="2">退款时间</th>
                <th rowspan="2">取消时间</th>
                <th rowspan="2" *ngIf="roleType == 0 || roleType == 1">分公司</th>
                <th rowspan="2" *ngIf="roleType == 0 || roleType == 1 || roleType == 5">商户</th>
                <th rowspan="2" *ngIf="roleType == 0 || roleType == 1 || roleType == 5">代理公司</th>
                <th rowspan="2" *ngIf="roleType == 0 || roleType == 1 || roleType == 5">代理商</th>
                <th rowspan="2" *ngIf="roleType == 0 || roleType == 1 || roleType == 5 || roleType == 8">业务员</th>
                <th rowspan="2" nzWidth="110px" nzRight="0px">操作</th>
            </tr>
            <tr>
                <th>加油金额</th>
                <th>加油升数</th>
                <th>油号</th>
                <th>油枪号</th>
                <th>平台折扣</th>
                <th>平台补贴</th>
                <th>平台价</th>
                <th>油站价</th>
                <th>国标价</th>
                <th>支付方式</th>
                <th>总优惠</th>
                <th>优惠券优惠</th>
                <th>加油优惠</th>
                <th>应付金额</th>
                <th>积分抵扣</th>
                <th>实付金额</th>
            </tr>
            </thead>
            <tbody>
            <tr *ngFor="let data of basicTable.data;let i = index">
                <td>{{data.orderNo}}</td>
                <td>{{data.memPhone}}</td>
                <td *ngIf="roleType != 3 && roleType != 10">{{data.storeName}}</td>
                <td *ngIf="roleType != 10">{{data.gasStaffName?data.gasStaffName:'未知'}}</td>
                <td>{{data.gasRefuelPrice}}元</td>
                <td>{{data.gasOilLiters}}升</td>
                <td>{{data.gasOilNo}}#</td>
                <td>{{data.gasGunNo}}号枪</td>
                <td>{{data.gasDiscount != 1?(data.gasDiscount*100) + '折':'无'}}</td>
                <td>{{data.gasOilSubsidy}}元</td>
                <td>{{data.gasPricePlatform}}元</td>
                <td>{{data.gasPriceGun}}元</td>
                <td>{{data.gasPriceOfficial}}元</td>
                <td>{{data.payType | orderPayType}}</td>
                <td>{{data.totalDeductionPrice}}元</td>
                <td>{{data.deductionCouponPrice}}元</td>
                <td>{{data.deductionProductPrice}}元</td>
                <td>{{data.payablePrice}}元</td>
                <td>{{data.payGold / 100}}元</td>
                <td>{{data.payPrice!=null?data.payPrice+'元':'未支付'}}</td>
                <td>{{data.status | orderOilStatus}}</td>
                <td>{{data.createTime | date : 'yyyy-MM-dd HH:mm:ss'}}</td>
                <td>{{data.payTime | date : 'yyyy-MM-dd HH:mm:ss'}}</td>
                <td>{{data.refundTime | date : 'yyyy-MM-dd HH:mm:ss'}}</td>
                <td>{{data.cancelTime | date : 'yyyy-MM-dd HH:mm:ss'}}</td>
                <td *ngIf="roleType == 0 || roleType == 1">{{data.companyName?data.companyName:'无'}}</td>
                <td *ngIf="roleType == 0 || roleType == 1 || roleType == 5">{{data.merName?data.merName:'无'}}</td>
                <td *ngIf="roleType == 0 || roleType == 1 || roleType == 5">{{data.gasOrgName?data.gasOrgName:'无'}}</td>
                <td *ngIf="roleType == 0 || roleType == 1 || roleType == 5">{{data.gasAgentName?data.gasAgentName:'无'}}</td>
                <td *ngIf="roleType == 0 || roleType == 1 || roleType == 5 || roleType == 8">{{data.gasSalesmanName?data.gasSalesmanName:'无'}}</td>
                <td nzRight="0px" class="table-td-operation">
                    <a nz-dropdown [nzDropdownMenu]="menu"> 操作列表 <i nz-icon nzType="down"></i> </a>
                    <nz-dropdown-menu #menu="nzDropdownMenu">
                        <ul nz-menu nzSelectable>
                            <li (click)="showOrderDetail(data.orderNo)" nz-menu-item>交易详情</li>
                            <li *ngIf="data.status == 2" (click)="showRefund(data.orderNo)" nz-menu-item>交易退款</li>
                            <li nz-menu-item>退款记录</li>
                        </ul>
                    </nz-dropdown-menu>
                </td>
            </tr>
            </tbody>
        </nz-table>
    </div>
</nz-spin>


<nz-modal [(nzVisible)]="orderDetailModal" nzTitle="交易详情" (nzOnCancel)="closeOrderDetail()" [nzFooter]="null"
          nzWidth="1000px" [nzBodyStyle]=" { padding: '5px 5px 30px 5px'}">
    <nz-spin [nzSpinning]="orderDetailModalLoading">
        <nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" class="order-oil-tab">
            <nz-tab nzTitle="交易信息">
                <nz-descriptions nzBordered [nzColumn]="2" [nzSize]="'middle'">
                    <nz-descriptions-item nzTitle="交易订单号">{{orderDetailObject.tradeOrder.orderNo}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="第三方交易号">{{orderDetailObject.tradeOrder.paySerialNo!=null?orderDetailObject.tradeOrder.paySerialNo:'无'}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="客户手机号">{{orderDetailObject.tradeOrder.memPhone}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="交易状态">{{orderDetailObject.tradeOrder.orderStatus | orderStatus}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="支付方式">{{orderDetailObject.tradeOrder.payType | orderPayType}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="支付卡号" *ngIf="orderDetailObject.tradeOrder.payType == 4 || orderDetailObject.tradeOrder.payType == 7">
                        {{orderDetailObject.tradeOrder.memCardNo}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="优惠券">{{orderDetailObject.tradeOrder.memDiscountName?orderDetailObject.tradeOrder.memDiscountName:'无'}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="返利">{{orderDetailObject.tradeOrder.whetherRebate?'是':'否'}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="备注">{{orderDetailObject.tradeOrder.remarks}}</nz-descriptions-item>
                </nz-descriptions>

                <nz-divider nzText="支付信息"></nz-divider>
                <nz-descriptions nzBordered [nzColumn]="3" [nzSize]="'middle'">
                    <nz-descriptions-item nzTitle="交易总额" >{{orderDetailObject.tradeOrder.totalPrice}} 元</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="优惠信息" nzSpan="2">
                        <span nz-typography>总优惠： {{orderDetailObject.tradeOrder.totalDeductionPrice}} 元</span><br>
                        <span nz-typography>加油优惠： {{orderDetailObject.tradeOrder.deductionProductPrice}} 元</span><br>
                        <span nz-typography>优惠券优惠： {{orderDetailObject.tradeOrder.deductionCouponPrice}} 元</span><br>
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="应付金额" >{{orderDetailObject.tradeOrder.payablePrice}} 元</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="积分抵扣" >{{orderDetailObject.tradeOrder.payGold / 100}} 元 </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="实付金额" >
                        {{orderDetailObject.tradeOrder.payRealPrice!=null?orderDetailObject.tradeOrder.payRealPrice+' 元':'未支付'}}
                    </nz-descriptions-item>
                </nz-descriptions>

            </nz-tab>
            <nz-tab nzTitle="交易时间">
                <nz-card>
                    <nz-timeline>
                        <nz-timeline-item *ngIf="orderDetailObject.tradeOrder.createTime != null">
                            <p>创建时间：{{orderDetailObject.tradeOrder.createTime | date : 'yyyy-MM-dd HH:mm:ss'}}</p>
                            <p>备注：{{orderDetailObject.tradeOrder.remarks?orderDetailObject.tradeOrder.remarks:'无'}}</p>
                        </nz-timeline-item>
                        <nz-timeline-item *ngIf="orderDetailObject.tradeOrder.cancelTime != null">
                            <p>取消时间：{{orderDetailObject.tradeOrder.cancelTime | date : 'yyyy-MM-dd HH:mm:ss'}}</p>
                            <p>备注：{{orderDetailObject.tradeOrder.cancelRemarks?orderDetailObject.tradeOrder.cancelRemarks:'无'}}</p>
                        </nz-timeline-item>
                        <nz-timeline-item *ngIf="orderDetailObject.tradeOrder.payTime != null">支付时间：{{orderDetailObject.tradeOrder.payTime | date : 'yyyy-MM-dd HH:mm:ss'}}</nz-timeline-item>
                        <nz-timeline-item *ngIf="orderDetailObject.tradeOrder.finishTime != null">完成时间：{{orderDetailObject.tradeOrder.finishTime | date : 'yyyy-MM-dd HH:mm:ss'}}</nz-timeline-item>
                        <nz-timeline-item *ngIf="orderDetailObject.tradeOrder.refundTime != null">退款时间：{{orderDetailObject.tradeOrder.refundTime | date : 'yyyy-MM-dd HH:mm:ss'}}</nz-timeline-item>
                    </nz-timeline>
                </nz-card>
            </nz-tab>
            <nz-tab nzTitle="产品信息">
                <nz-table #childOrder [nzData]="orderDetailObject.tradeOrder.highChildOrderList" [nzHideOnSinglePage]="true">
                    <thead>
                    <tr>
                        <th nzWidth="60px">产品类型</th>
                        <th nzWidth="150px">产品名称</th>
                        <th nzWidth="80px">产品规格</th>
                        <th nzWidth="20px">数量</th>
                        <th nzWidth="20px">单价</th>
                        <th nzWidth="20px">总价</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr *ngFor="let data of childOrder.data">
                        <td>{{ data.goodsType | orderChildGoodsType}}</td>
                        <td>
                            {{ data.goodsName }}
                            <nz-tag *ngIf="data.giveawayType == 1" [nzColor]="'magenta'">赠品</nz-tag>
                        </td>
                        <td>{{ data.goodsSpecName }}</td>
                        <td>{{ data.saleCount }}</td>
                        <td>{{ data.goodsActualPrice }} 元</td>
                        <td>{{ data.totalActualPrice }} 元</td>
                    </tr>
                    </tbody>
                </nz-table>
            </nz-tab>
            <nz-tab nzTitle="加油详情">
                <nz-descriptions nzBordered [nzColumn]="2" [nzSize]="'middle'">
                    <nz-descriptions-item nzSpan="2" nzTitle="加油站">{{orderDetailObject.gasOrder.storeName}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="加油班组">{{orderDetailObject.gasOrder.gasClassGroupName?orderDetailObject.gasOrder.gasClassGroupName:'无'}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="加油员">{{orderDetailObject.gasOrder.gasStaffName!=null?orderDetailObject.gasOrder.gasStaffName:'未知'}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="加油金额">{{orderDetailObject.gasOrder.gasRefuelPrice}}元</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="加油升数">{{orderDetailObject.gasOrder.gasOilLiters}}升</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="油品">{{orderDetailObject.gasOrder.gasOilNo}} # </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="油枪">{{orderDetailObject.gasOrder.gasGunNo}} 号枪</nz-descriptions-item>
                    <nz-descriptions-item nzSpan="1" nzTitle="平台优惠">
                        <span nz-typography>平台折扣：{{orderDetailObject.gasOrder.gasDiscount != 1?(orderDetailObject.gasOrder.gasDiscount * 100)+'折':'无'}}</span><br>
                        <span nz-typography>平台补贴：{{orderDetailObject.gasOrder.gasOilSubsidy}} 元</span><br>
                        <span nz-typography>每升优惠：{{orderDetailObject.gasOrder.gasLitersPreferences}}元</span><br>
                    </nz-descriptions-item>
                    <nz-descriptions-item nzSpan="1" nzTitle="油价">
                        <nz-badge nzStatus="processing" nzText="平台价：{{orderDetailObject.gasOrder.gasPricePlatform}}"></nz-badge><br>
                        <nz-badge nzStatus="processing" nzText="油站价：{{orderDetailObject.gasOrder.gasPriceGun}}"></nz-badge><br>
                        <nz-badge nzStatus="processing" nzText="国标价：{{orderDetailObject.gasOrder.gasPriceOfficial}}"></nz-badge>
                    </nz-descriptions-item>
                    <nz-descriptions-item *ngIf="roleType == 0 || roleType == 1 || roleType == 5" nzTitle="代理公司">
                        {{orderDetailObject.gasOrder.gasOrgName?orderDetailObject.gasOrder.gasOrgName:'无'}}
                    </nz-descriptions-item>
                    <nz-descriptions-item *ngIf="roleType == 0 || roleType == 1 || roleType == 5" nzTitle="代理商">
                        {{orderDetailObject.gasOrder.gasAgentName?orderDetailObject.gasOrder.gasAgentName:'无'}}
                    </nz-descriptions-item>
                    <nz-descriptions-item *ngIf="roleType == 0 || roleType == 1 || roleType == 5 || roleType == 8" nzTitle="业务员">
                        {{orderDetailObject.gasOrder.gasSalesmanName?orderDetailObject.gasOrder.gasSalesmanName:'无'}}
                    </nz-descriptions-item>
                </nz-descriptions>
            </nz-tab>
        </nz-tabset>
    </nz-spin>
</nz-modal>

<nz-modal [(nzVisible)]="refundModal" nzTitle="交易退款" (nzOnCancel)="closeRefund()" [nzFooter]="null" nzWidth="800px">
    <nz-spin [nzSpinning]="loadingObject.status"  [nzTip]="loadingObject.title">
        <form nz-form [formGroup]="refundForm">
        <nz-form-item>
            <nz-form-label>交易单号</nz-form-label>
            <nz-form-control>
                <input nz-input formControlName="orderNo" />
            </nz-form-control>
        </nz-form-item>

        <nz-form-item>
            <nz-form-label>退款备注</nz-form-label>
            <nz-form-control>
                <textarea rows="4" nz-input formControlName="remarks" maxlength="100"></textarea>
            </nz-form-control>
        </nz-form-item>
        <div style="text-align: center;">
            <button nz-button [nzType]="'primary'" (click)="submitRefundConfirm()">提交退款</button>
        </div>
    </form>
    </nz-spin>
</nz-modal>

<!--
<nz-modal [(nzVisible)]="orderDetailModal" nzTitle="退款记录" (nzOnCancel)="closeOrderDetail()" [nzFooter]="null"
          nzWidth="1000px" [nzBodyStyle]=" { padding: '5px 5px 30px 5px'}">
    <nz-table #childOrder [nzData]="orderDetailObject.tradeOrder.highChildOrderList" [nzHideOnSinglePage]="true">
        <thead>
        <tr>
            <th nzWidth="60px">产品类型</th>
            <th nzWidth="150px">产品名称</th>
            <th nzWidth="80px">产品规格</th>
            <th nzWidth="20px">数量</th>
            <th nzWidth="20px">单价</th>
            <th nzWidth="20px">总价</th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let data of childOrder.data">
            <td>{{ data.goodsType | orderChildGoodsType}}</td>
            <td>
                {{ data.goodsName }}
                <nz-tag *ngIf="data.giveawayType == 1" [nzColor]="'magenta'">赠品</nz-tag>
            </td>
            <td>{{ data.goodsSpecName }}</td>
            <td>{{ data.saleCount }}</td>
            <td>{{ data.goodsActualPrice }} 元</td>
            <td>{{ data.totalActualPrice }} 元</td>
        </tr>
        </tbody>
    </nz-table>
</nz-modal>
-->
