@ -4,19 +4,26 @@
* @Author : Shiming
* @Date : 2022 - 01 - 12 10:52:50
* @LastEditors : Shiming
* @LastEditTime : 2022 - 01 - 25 14:02:24
* @LastEditTime : 2022 - 02 - 23 15:36:48
* @FilePath : \\tms - obc - web\\src\\app\\routes\\order - management\\components\\compliance - audit\\compliance - audit.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 nzGutter = "8" >
<!-- 查询字段小于或等于3个时, 不显示伸缩按钮 -->
< div nz-col nzSpan = "24" * ngIf = "queryFieldCount <= 4" >
< sf # sf [ schema ] = " schema " [ ui ] = " ui " [ mode ] = " ' search ' " [ disabled ] = " ! sf ? . valid " [ loading ] = " service . http . loading "
( formSubmit ) = " st ? . load ( 1 ) " ( formReset ) = " resetSF ( ) " > < / sf >
< sf
# sf
[ schema ] = " schema "
[ ui ] = " ui "
[ mode ] = " ' search ' "
[ disabled ] = " ! sf ? . valid "
[ loading ] = " service . http . loading "
( formSubmit ) = " st ? . load ( 1 ) "
( formReset ) = " resetSF ( ) "
> < / sf >
< / div >
<!-- 查询字段大于3个时, 根据展开状态调整布局 -->
@ -25,10 +32,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" [ nzLoading ] = " service . http . loading "
( click ) = " search ( ) " > 查询< / button>
< button nz-button nzType = "primary" [ disabled ] = " service . http . loading "
> 导出< / button >
< button
nz- button
nzType = "primary "
[ nzLoading ] = " service . http . loading "
( click ) = " search ( ) "
acl
[ acl-ability ] = " [ ' ORDER-COMPLIANCE-AUDIT-search ' ] "
> 查询< / button
>
< button nz-button nzType = "primary" [ disabled ] = " service . http . loading " acl [ acl-ability ] = " [ ' ORDER-COMPLIANCE-AUDIT-export ' ] "
> 导出< / button
>
< button nz-button [ disabled ] = " service . http . loading " ( click ) = " resetSF ( ) " > 重置< / button >
< button nz-button nzType = "link" ( click ) = " expandToggle ( ) " >
{{ !_$expand ? '展开' : '收起' }}
@ -40,84 +55,82 @@
< / nz-card >
< nz-card >
< nz-tabset ( nzSelectedIndexChange ) = " selectChange ( $ event ) "
[ nzTabBarExtraContent ] = " extraTemplate " >
< nz-tab [ nzTitle ] = " ' 全部 ( ' + tabs ? . totalCount + ' ) ' " > < / nz-tab >
< nz-tab [ nzTitle ] = " ' 待抽查 ( ' + tabs ? . spotQuan tity+ ' ) ' " > < / nz-tab >
< nz-tab [ nzTitle ] = " ' 合格 ( ' + tabs ? . qualified tity+ ' ) ' " > < / nz-tab >
< nz-tab [ nzTitle ] = " ' 不合格 ( ' + tabs ? . unstayQuantity + ' ) ' " > < / nz-tab >
< / nz-tabset >
< div style = "margin-top: 15px;" >
< nz-tabset ( nzSelectedIndexChange ) = " selectChange ( $ event ) " [ nzTabBarExtraContent ] = " extraTemplate " >
< nz-tab [ nzTitle ] = " ' 全部 ( ' + tabs ? . totalCount + ' ) ' " > < / nz-tab >
< nz-tab [ nzTitle ] = " ' 待抽查 ( ' + tabs ? . spotQuantity + ' ) ' " > < / nz-tab >
< nz-tab [ nzTitle ] = " ' 合格 ( ' + tabs ? . qualified tity + ' ) ' " > < / nz-tab >
< nz-tab [ nzTitle ] = " ' 不 合格( ' + tabs ? . unstayQuan tity + ' ) ' " > < / nz-tab >
< / nz-tabset >
< div style = "margin-top: 15px" >
< st
# st
[ bordered ] = " true "
[ scroll ] = " { x: ' 2000px ' } "
[ data ] = " service . $ api_get_listCompliancePage "
[ columns ] = " columns "
[ req ] = " { method: ' POST ' , allInBody: true , reName: { pi: ' pageIndex ' , ps: ' pageSize ' } , params: reqParams } "
[ res ] = " { reName: { list: ' data . records ' , total: ' data . total ' } } "
[ page ] = " { show: true , showSize: true , pageSizes: [ 10 , 20 , 30 , 50 , 100 , 200 , 300 , 500 , 1000 ] } "
[ loading ] = " service . http . loading "
# st
[ bordered ] = " true "
[ scroll ] = " { x: ' 2000px ' } "
[ data ] = " service . $ api_get_listCompliancePage "
[ columns ] = " columns "
[ req ] = " { method: ' POST ' , allInBody: true , reName: { pi: ' pageIndex ' , ps: ' pageSize ' } , params: reqParams } "
[ res ] = " { reName: { list: ' data . records ' , total: ' data . total ' } } "
[ page ] = " { show: true , showSize: true , pageSizes: [ 10 , 20 , 30 , 50 , 100 , 200 , 300 , 500 , 1000 ] } "
[ loading ] = " service . http . loading "
>
< ng-template st-row = "freightPrice" let-item let-index = "index" >
{{ item.freightPrice | currency}}
< / ng-template >
< ng-template st-row = "loadingTime" let-item let-index = "index" >
< div * ngIf = "item?.loadingTime" > 装 | {{item?.loadingTime}}< / div >
< div * ngIf = "item?.unloadingTime" > 卸 | {{item?.unloadingTime}}< / div >
< / ng-template >
< ng-template st-row = "driverName" let-item let-index = "index" >
< div >
{{item?.driverName}}/{{item?.driverPhone}}/{{item?.carNo}}
< / div >
< ng-template st-row = "freightPrice" let-item let-index = "index" >
{{ item.freightPrice | currency }}
< / ng-template >
< ng-template st-row = "loadingTime" let-item let-index = "index" >
< div * ngIf = "item?.loadingTime" > 装 | {{ item?.loadingTime }}< / div >
< div * ngIf = "item?.unloadingTime" > 卸 | {{ item?.unloadingTime }}< / div >
< / ng-template >
< ng-template st-row = "driverName" let-item let-index = "index" >
< div > {{ item?.driverName }}/{{ item?.driverPhone }}/{{ item?.carNo }} < / div >
< / ng-template >
< ng-template st-row = "payeeName" let-item let-index = "index" >
< div >
{{item?.payeeName}}/{{item?.payeePhone}}
< / div >
< div > {{ item?.payeeName }}/{{ item?.payeePhone }} < / div >
< / ng-template >
< ng-template st-row = "billCode" let-item let-index = "index" >
< a [ routerLink ] = " ' / order-management / bulk-detail / ' + item . id " > {{ item.billCode }}< / a >
< div >
< span > {{ item?.resourceTypeLabel }}{{ item?.serviceTypeLabel }}< / span >
< / div >
< div >
< span > {{ item?.billStatusLabel }}< / span >
< / div >
< / ng-template >
< ng-template st-row = "goodsName" let-item let-index = "index" >
< div > {{ item?.goodsName }}< / div >
< div >
< span > {{ item?.weight ? item?.weight + '吨/' : '' }}< / span >
< span > {{ item?.volume ? item?.volume + '方/' : '' }}< / span >
< span > {{ item?.goodsNumber ? item?.goodsNumber + '吨' : '' }}< / span >
< / div >
< / ng-template >
< ng-template st-row = "mybidDetailInfo" let-item let-index = "index" >
< div * ngIf = "item.mybidDetailInfo.length > 0" >
< p * ngFor = "let data of item.mybidDetailInfo" >
{{ data.expenseName }}: {{ data.price | currency }}
< span * ngIf = "data.paymentStatusLabel" style = "color: #f59a63" > {{ data.paymentStatusLabel }}< / span >
< / p >
< / div >
< / ng-template >
< ng-template st-row = "billCode" let-item let-index = "index" >
< a [ routerLink ] = " ' / order-management / bulk-detail / ' + item . id " > {{item.billCode}}< / a >
< div >
< span > {{item?.resourceTypeLabel}}{{item?.serviceTypeLabel}}< / span >
< / div >
< div >
< span > {{item?.billStatusLabel}}< / span >
< / div >
< / ng-template >
< ng-template st-row = "goodsName" let-item let-index = "index" >
< div > {{item?.goodsName}}< / div >
< div >
< span > {{item?.weight ? item?.weight + '吨/' : '' }}< / span >
< span > {{item?.volume ? item?.volume + '方/' : '' }}< / span >
< span > {{item?.goodsNumber ? item?.goodsNumber + '吨' : '' }}< / span >
< / div >
< / ng-template >
< ng-template st-row = "mybidDetailInfo" let-item let-index = "index" >
< div * ngIf = "item.mybidDetailInfo.length > 0" >
< p * ngFor = "let data of item.mybidDetailInfo" >
{{ data.expenseName }}: {{ data.price | currency }}
< span * ngIf = "data.paymentStatusLabel" style = "color: #f59a63" > {{ data.paymentStatusLabel }}< / span >
< / p >
< / div >
< / ng-template >
< / st >
< / div >
< / nz-card >
< ng-template # extraTemplate >
< div >
< button nz-button nzType = "primary" ( click ) = " audit ( ) " >
批量抽查
< / button >
< button nz-button nzType = "primary" ( click ) = " audit ( ) " acl [ acl-ability ] = " [ ' ORDER-COMPLIANCE-AUDIT-updateBillByComplianceBatch ' ] " > 批量抽查 < / button >
< / div >
< / ng-template >
< nz-modal [ ( nzVisible ) ] = " isVisibleRE " [ nzWidth ] = " 600 " [ nzFooter ] = " nzModalFooterview2 " ( nzOnOk ) = " handleOK ( ) " nzTitle = "抽查" ( nzOnCancel ) = " handleCancel ( ' 1 ' ) " >
< nz-modal
[ ( nzVisible ) ] = " isVisibleRE "
[ nzWidth ] = " 600 "
[ nzFooter ] = " nzModalFooterview2 "
( nzOnOk ) = " handleOK ( ) "
nzTitle = "抽查"
( nzOnCancel ) = " handleCancel ( ' 1 ' ) "
>
< ng-container * nzModalContent >
< sf # sfView [ schema ] = " schemaView " [ ui ] = " uiView " [ compact ] = " true " [ button ] = " ' none ' " >
< / sf >
< sf # sfView [ schema ] = " schemaView " [ ui ] = " uiView " [ compact ] = " true " [ button ] = " ' none ' " > < / sf >
< / ng-container >
< ng-template # nzModalFooterview2 >
< button nz-button nzType = "default" ( click ) = " reject ( ) " > 不合格< / button >
@ -125,23 +138,22 @@
< / ng-template >
< / nz-modal >
< nz-modal [ ( nzVisible ) ] = " isVisible " [ nzWidth ] = " 600 " [ nzFooter ] = " nzModalFooter " nzTitle = "运费变更记录" ( nzOnCancel ) = " handleCancel ( ' 0 ' ) " >
< nz-modal [ ( nzVisible ) ] = " isVisible " [ nzWidth ] = " 600 " [ nzFooter ] = " nzModalFooter " nzTitle = "运费变更记录" ( nzOnCancel ) = " handleCancel ( ' 0 ' ) " >
< ng-container * nzModalContent >
< st
# stFloat
multiSort
size = "small"
[ bordered ] = " true "
[ data ] = " service . $ api_get_listChangeApply "
[ columns ] = " columnsFloat "
[ req ] = " { method: ' POST ' , allInBody: true , reName: { pi: ' pageIndex ' , ps: ' pageSize ' } , params: changeParams } "
[ res ] = " { reName: { list: ' data ' , total: ' data . total ' } } "
>
< ng-template st-row = "order" let-item let-index = "index" >
{{ index + 1 }}
< / ng-template >
< / st >
# stFloat
multiSort
size = "small"
[ bordered ] = " true "
[ data ] = " service . $ api_get_listChangeApply "
[ columns ] = " columnsFloat "
[ req ] = " { method: ' POST ' , allInBody: true , reName: { pi: ' pageIndex ' , ps: ' pageSize ' } , params: changeParams } "
[ res ] = " { reName: { list: ' data ' , total: ' data . total ' } } "
>
< ng-template st-row = "order" let-item let-index = "index" >
{{ index + 1 }}
< / ng-template >
< / st >
< / ng-container >
< ng-template # nzModalFooter >
< button nz-button nzType = "primary" ( click ) = " handleCancel ( ' 0 ' ) " > 取消< / button >
@ -149,33 +161,35 @@
< / ng-template >
< / nz-modal >
< nz-modal [ ( nzVisible ) ] = " isVisibleView " [ nzWidth ] = " 600 " [ nzFooter ] = " nzModalFooterview " nzTitle = "查看" ( nzOnCancel ) = " handleCancel ( ' 2 ' ) " >
< nz-modal [ ( nzVisible ) ] = " isVisibleView " [ nzWidth ] = " 600 " [ nzFooter ] = " nzModalFooterview " nzTitle = "查看" ( nzOnCancel ) = " handleCancel ( ' 2 ' ) " >
< ng-container * nzModalContent >
< st
# stFloatView
size = "small"
[ bordered ] = " true "
[ data ] = " service . $ api_getChangeRecordWholeDetail "
[ columns ] = " columnsFloatView "
[ req ] = " { method: ' POST ' , allInBody: true , params: changeViewParams } "
[ res ] = " { reName: { list: ' data . list ' , total: ' data . total ' } } "
>
< ng-template st-row = "amountBeforeChange" let-item let-index = "index" >
{{ item.amountBeforeChange | currency}}
< / ng-template >
< ng-template st-row = "amountchangeValue" let-item let-index = "index" >
¥{{ item.amountchangeValue | number: '0.2-2'}}
< / ng-template >
< ng-template st-row = "amountAfterChange" let-item let-index = "index" >
{{ item.amountAfterChange | currency}}
< / ng-template >
< / st >
< div > < span > 变更原因:{{ViewCause?.changeCause}}< / span > < / div >
< div > < span > 拒绝原因:{{ViewCause?.refuseCause}}< / span > < / div >
< div > < span > 注:附加费依据调整后的运输费用重新计算 < / span > < / div >
# stFloatView
size = "small"
[ bordered ] = " true "
[ data ] = " service . $ api_getChangeRecordWholeDetail "
[ columns ] = " columnsFloatView "
[ req ] = " { method: ' POST ' , allInBody: true , params: changeViewParams } "
[ res ] = " { reName: { list: ' data . list ' , total: ' data . total ' } } "
>
< ng-template st-row = "amountBeforeChange" let-item let-index = "index" >
{{ item.amountBeforeChange | currency }}
< / ng-template >
< ng-template st-row = "amountchangeValue" let-item let-index = "index" > ¥{{ item.amountchangeValue | number: '0.2-2' }} < / ng-template >
< ng-template st-row = "amountAfterChange" let-item let-index = "index" >
{{ item.amountAfterChange | currency }}
< / ng-template >
< / st >
< div
> < span > 变更原因:{{ ViewCause?.changeCause }} < / span > < / div
>
< div
> < span > 拒绝原因:{{ ViewCause?.refuseCause }} < / span > < / div
>
< div > < span > 注:附加费依据调整后的运输费用重新计算< / span > < / div >
< / ng-container >
< ng-template # nzModalFooterview >
< button nz-button nzType = "default" ( click ) = " handleCancel ( ' 2 ' ) " > 取消< / button >
< button nz-button nzType = "primary" ( click ) = " handleCancel ( ' 2 ' ) " > 确定< / button >
< / ng-template >
< / nz-modal >
< / nz-modal >