@ -7,15 +7,13 @@
< / page-header-wrapper >
< nz-card >
< div class = "card-title" > 货源单设置< / div >
< sf # sf1 [ schema ] = " schema1 " [ button ] = " ' none ' " [ ui ] = " ui1 " [ formData ] = " sf1data " >
< ng-template sf-template = "enterpriseInfoName" let-i let-ui = "ui" > {{ i.value }} < / ng-template >
< / sf >
< sf # sf1 [ schema ] = " schema1 " [ button ] = " ' none ' " [ ui ] = " ui1 " [ formData ] = " sf1data " >
< ng-template sf-template = "enterpriseInfoName" let-i let-ui = "ui" > {{ i.value }} < / ng-template >
< / sf >
< / nz-card >
< nz-card >
< div class = "card-title"
> 装卸货信息< span class = "tip-font" > 预计公里数：{{ totalDistance }}km， ： < / span > < / div
>
< div class = "card-title" > 装卸货信息< span class = "tip-font" > 预计公里数：{{ totalDistance }}km， ： < / span > < / div >
< form nz-form [ formGroup ] = " validateForm1 " role = "form" >
< div nz-row [ nzGutter ] = " 24 " >
@ -26,47 +24,26 @@
< nz-form-control [ nzErrorTip ] = " ' 请输入装货地 ' " >
< div class = "align-center" >
< nz-input-group [ nzSuffix ] = " endInconTemp1 " >
< input
nz-input
[ ( ngModel ) ] = " data1 . detailedAddress "
( click ) = " openMap ( ' start ' , idx ) "
formControlName = "loadAddress{{ idx }}"
placeholder = "请输入装货地"
readonly = "true"
/ >
< input nz-input [ ( ngModel ) ] = " data1 . detailedAddress " ( click ) = " openMap ( ' start ' , idx ) "
formControlName = "loadAddress{{ idx }}" placeholder = "请输入装货地" readonly = "true" / >
< / nz-input-group >
< span * ngIf = "idx !== 0" style = "padding: 0 10px"
> < i nz-icon nzType = "minus-circle" nzTheme = "outline" style = "color: #d9001b" ( click ) = " subStartInfo ( $ event , idx ) " > < / i
> < / span >
< span * ngIf = "idx == 0" style = "visibility:hidden;padding: 0 10px"
> < i nz-icon nzType = "minus-circle" nzTheme = "outline" style = "color: #d9001b" ( click ) = " subStartInfo ( $ event , idx ) " > < / i
> < / span >
< span * ngIf = "idx !== 0" style = "padding: 0 10px" > < i nz-icon nzType = "minus-circle" nzTheme = "outline"
style = "color: #d9001b" ( click ) = " subStartInfo ( $ event , idx ) " > < / i > < / span >
< span * ngIf = "idx == 0" style = "visibility:hidden;padding: 0 10px" > < i nz-icon nzType = "minus-circle"
nzTheme = "outline" style = "color: #d9001b" ( click ) = " subStartInfo ( $ event , idx ) " > < / i > < / span >
< / div >
< / nz-form-control >
< / nz-form-item >
< nz-form-item >
< nz-form-label nzRequired > 联系人< / nz-form-label >
< nz-form-label nzRequired > 联系人< / nz-form-label >
< div style = "display: flex; width: 80.7%" >
< nz-form-control [ nzErrorTip ] = " ' 请输入联系人姓名 ' " >
< input
nz-input
[ ( ngModel ) ] = " data1 . appUserName "
formControlName = "loadName{{ idx }}"
name = "loadName{{ idx }}"
maxlength = "30"
placeholder = "请输入联系人姓名"
/ >
< input nz-input [ ( ngModel ) ] = " data1 . appUserName " formControlName = "loadName{{ idx }}"
name = "loadName{{ idx }}" maxlength = "30" placeholder = "请输入联系人姓名" / >
< / nz-form-control >
< nz-form-control [ nzErrorTip ] = " ' 请输入联系人电话 ' " >
< input
style = "margin-left: 12px"
nz-input
[ ( ngModel ) ] = " data1 . contractTelephone "
maxlength = "11"
formControlName = "loadPhone{{ idx }}"
name = "loadPhone{{ idx }}"
placeholder = "请输入联系人电话"
/ >
< input style = "margin-left: 12px" nz-input [ ( ngModel ) ] = " data1 . contractTelephone " maxlength = "11"
formControlName = "loadPhone{{ idx }}" name = "loadPhone{{ idx }}" placeholder = "请输入联系人电话" / >
< / nz-form-control >
< / div >
< / nz-form-item >
@ -83,59 +60,38 @@
< / div >
< div nz-col [ nzSpan ] = " 4 " >
< div style = "display: flex; justify-content: center" >
< span class = "swap-icon" ( click ) = " swapAddress ( ) " > < i nz-icon nzType = "swap"
nzTheme = "outline" > < / i > < / span >
< span class = "swap-icon" ( click ) = " swapAddress ( ) " > < i nz-icon nzType = "swap" nzTheme = "outline" > < / i > < / span >
< / div >
< / div >
< div nz-col [ nzSpan ] = " 10 " >
< div * ngFor = "let data2 of endInfo; let idx = index" >
< nz-form-item >
< nz-form-label nzRequired > 卸货地< / nz-form-label >
< nz-form-label nzRequired > 卸货地< / nz-form-label >
< nz-form-control [ nzErrorTip ] = " ' 请输入卸货地 ' " >
< div class = "align-center" >
< nz-input-group [ nzSuffix ] = " endInconTemp1 " >
< input
nz-input
[ ( ngModel ) ] = " data2 . detailedAddress "
( click ) = " openMap ( ' end ' , idx ) "
formControlName = "unloadAddress{{ idx }}"
placeholder = "请输入卸货地"
name = "unloadAddress{{ idx }}"
readonly = "true"
/ >
< input nz-input [ ( ngModel ) ] = " data2 . detailedAddress " ( click ) = " openMap ( ' end ' , idx ) "
formControlName = "unloadAddress{{ idx }}" placeholder = "请输入卸货地" name = "unloadAddress{{ idx }}"
readonly = "true" / >
< / nz-input-group >
< span * ngIf = "idx !== 0" style = "padding: 0 10px"
> < i nz-icon nzType = "minus-circle" nzTheme = "outline" style = "color: #d9001b" ( click ) = " subEndInfo ( $ event , idx ) " > < / i
> < / span >
< span * ngIf = "idx == 0" style = "visibility:hidden;padding: 0 10px"
> < i nz-icon nzType = "minus-circle" nzTheme = "outline" style = "color: #d9001b" ( click ) = " subStartInfo ( $ event , idx ) " > < / i
> < / span >
< span * ngIf = "idx !== 0" style = "padding: 0 10px" > < i nz-icon nzType = "minus-circle" nzTheme = "outline"
style = "color: #d9001b" ( click ) = " subEndInfo ( $ event , idx ) " > < / i > < / span >
< span * ngIf = "idx == 0" style = "visibility:hidden;padding: 0 10px" > < i nz-icon nzType = "minus-circle"
nzTheme = "outline" style = "color: #d9001b" ( click ) = " subStartInfo ( $ event , idx ) " > < / i > < / span >
< / div >
< / nz-form-control >
< / nz-form-item >
< nz-form-item >
< nz-form-label nzRequired > 联系人< / nz-form-label >
< nz-form-label nzRequired > 联系人< / nz-form-label >
< div style = "display: flex; width: 80.7%" >
< nz-form-control [ nzErrorTip ] = " ' 请输入联系人姓名 ' " >
< input
nz-input
[ ( ngModel ) ] = " data2 . appUserName "
maxlength = "30"
formControlName = "unloadName{{ idx }}"
name = "unloadAddress{{ idx }}"
placeholder = "请输入联系人姓名"
/ >
< input nz-input [ ( ngModel ) ] = " data2 . appUserName " maxlength = "30" formControlName = "unloadName{{ idx }}"
name = "unloadAddress{{ idx }}" placeholder = "请输入联系人姓名" / >
< / nz-form-control >
< nz-form-control [ nzErrorTip ] = " ' 请输入联系人电话 ' " >
< input
style = "margin-left: 12px "
nz-input
[ ( ngModel ) ] = " data2 . contractTelephone "
formControlName = "unloadPhone{{ idx }}"
name = "unloadAddress{{ idx }}"
maxlength = "11"
placeholder = "请输入联系人电话"
/ >
< input style = "margin-left: 12px" nz-input [ ( ngModel ) ] = " data2 . contractTelephone "
formControlName = "unloadPhone{{ idx }}" name = "unloadAddress{{ idx }}" maxlength = "11 "
placeholder = "请输入联系人电话" / >
< / nz-form-control >
< / div >
< / nz-form-item >
@ -156,22 +112,18 @@
< nz-form-item >
< nz-form-label nzRequired > 装货时间< / nz-form-label >
< nz-form-control [ nzErrorTip ] = " ' 请输入装货时间 ' " >
< nz-date-picker
[ nzShowTime ] = " { nzFormat: ' HH ' } "
nzFormat = "yyyy-MM-dd HH:00前"
formControlName = "loadingTime"
[ nzDisabledDate ] = " disabledDateStart "
> < / nz-date-picker >
< nz-date-picker [ nzShowTime ] = " { nzFormat: ' HH ' } " nzFormat = "yyyy-MM-dd HH:00前" formControlName = "loadingTime"
[ nzDisabledDate ] = " disabledDateStart " > < / nz-date-picker >
< / nz-form-control >
< / nz-form-item >
< / div >
< div nz-col [ nzSpan ] = " 4 " > < / div >
< div nz-col [ nzSpan ] = " 10 " >
< nz-form-item >
< nz-form-label nzRequired > 卸货时间< / nz-form-label >
< nz-form-label nzRequired > 卸货时间< / nz-form-label >
< nz-form-control [ nzErrorTip ] = " ' 请输入卸货时间 ' " >
< nz-date-picker [ nzShowTime ] = " { nzFormat: ' HH ' } "
nzFormat = "yyyy-MM-dd HH:00前" = "unloadingTime" > < / nz-date-picker >
< nz-date-picker [ nzShowTime ] = " { nzFormat: ' HH ' } " nzFormat = "yyyy-MM-dd HH:00前"
formControlName = "unloadingTime" > < / nz-date-picker >
< / nz-form-control >
< / nz-form-item >
< / div >
@ -184,31 +136,40 @@
< div class = "card-title" > 货物信息< / div >
< div nz-row >
< div nz-col nzSpan = "16" >
< sf # sf3 [ schema ] = " schema3 " [ button ] = " ' none ' " [ ui ] = " ui3 " [ formData ] = " sf3data " > < / sf >
< sf # sf3 class = "sf3" [ schema ] = " schema3 " [ button ] = " ' none ' " [ ui ] = " ui3 " [ formData ] = " sf3data " >
< ng-template class = "1" sf-template = "goodsTips" let-i let-ui = "ui" >
< nz-alert class = "goods_tips" nzType = "warning" [ nzMessage ] = " tpl " nzShowIcon > < / nz-alert >
< / ng-template >
< ng-template # tpl >
< span style = "font-size: 12px;" > 国家法规及行政命令禁限运货物不能托运
< a target = "_blank" [ queryParams ] = " { type: 15 } " [ routerLink ] = " [ ' / agreement ' ] " > 《禁运物品说明》< / a >
< / span >
< / ng-template >
< / sf >
< / div >
< / div >
< sf # sf4 [ schema ] = " schema4 " [ button ] = " ' none ' " [ ui ] = " ui4 " [ formData ] = " sf4data " >
< ng-template sf-template = "weight" let-i let-ui = "ui" >
< nz-input-group [ nzAddOnAfter ] = " ' 吨 ' " >
< nz-input-number [ nzMax ] = " 99999 " [ nzMin ] = " 0 " nzPlaceHolder = "总重量，必填" type = "number" [ ngModel ] = " i . value "
( ngModelChange ) = " i . setValue ( $ event ) " [ nzPrecision ] = " 2 " style = "width: 100%;" > < / nz-input-number >
< nz-input-number [ nzMax ] = " 99999 " [ nzMin ] = " 0 " nzPlaceHolder = "总重量，必填" type = "number" [ ngModel ] = " i . value "
( ngModelChange ) = " i . setValue ( $ event ) " [ nzPrecision ] = " 2 " style = "width: 100%;" > < / nz-input-number >
< / nz-input-group >
< / ng-template >
< ng-template sf-template = "volume" let-i let-ui = "ui" >
< nz-input-group [ nzAddOnAfter ] = " ' 方 ' " >
< nz-input-number [ nzMax ] = " 99999 " [ nzMin ] = " 0 " nzPlaceHolder = "体积" type = "number" [ ngModel ] = " i . value "
( ngModelChange ) = " i . setValue ( $ event ) " [ nzPrecision ] = " 2 " style = "width: 100%;" > < / nz-input-number >
< nz-input-number [ nzMax ] = " 99999 " [ nzMin ] = " 0 " nzPlaceHolder = "体积" type = "number" [ ngModel ] = " i . value "
( ngModelChange ) = " i . setValue ( $ event ) " [ nzPrecision ] = " 2 " style = "width: 100%;" > < / nz-input-number >
< / nz-input-group >
< / ng-template >
< ng-template sf-template = "number" let-i let-ui = "ui" >
< nz-input-group [ nzAddOnAfter ] = " ' 件 ' " >
< nz-input-number [ nzMax ] = " 99999 " [ nzMin ] = " 0 " nzPlaceHolder = "件数" type = "number" [ ngModel ] = " i . value "
( ngModelChange ) = " i . setValue ( $ event ) " [ nzPrecision ] = " 2 " style = "width: 100%;" > < / nz-input-number >
< nz-input-number [ nzMax ] = " 99999 " [ nzMin ] = " 0 " nzPlaceHolder = "件数" type = "number" [ ngModel ] = " i . value "
( ngModelChange ) = " i . setValue ( $ event ) " [ nzPrecision ] = " 2 " style = "width: 100%;" > < / nz-input-number >
< / nz-input-group >
< / ng-template >
< ng-template sf-template = "goodsValue" let-i let-ui = "ui" >
< div class = "align-center" >
< nz-input-number [ ngModel ] = " i . value " [ nzMin ] = " 0 " [ nzMax ] = " 2000000 " [ nzStep ] = " 0 . 01 "
< nz-input-number [ ngModel ] = " i . value " [ nzMin ] = " 0 " [ nzMax ] = " 2000000 " [ nzStep ] = " 0 . 01 "
( ngModelChange ) = " i . setValue ( $ event ) ; getInsurersPrice ( ) " nzPlaceHolder = "请输入0-2000000之间数值" >
< / nz-input-number >
< / div >
@ -235,8 +196,8 @@
< ng-template sf-template = "freeInsurance2" let-i let-ui = "ui" >
< nz-alert nzType = "warning" [ nzMessage ] = " template1 " nzShowIcon > < / nz-alert >
< / ng-template >
< ng-template # template1 > ①香港、澳门、台湾、西藏、新疆不予承保， ， < a target = "_blank" [ queryParams ] = " { type: 10 } "
[ routerLink ] = " [ ' / agreement ' ] " > 《保险告知函》< / a > < / ng-template >
< ng-template # template1 > ①香港、澳门、台湾、西藏、新疆不予承保， ， < a target = "_blank"
[ queryParams ] = " { type: 10 } " [ ] = " [ ' / agreement ' ] " > 《保险告知函》< / a > < / ng-template >
< / sf >
< / div >
< / div >
@ -257,18 +218,21 @@
< div nz-col nzSpan = "8" >
< sf # sf7 [ schema ] = " schema7 " [ button ] = " ' none ' " [ ui ] = " ui7 " [ formData ] = " sf7data " >
< ng-template sf-template = "prePay" let-i let-ui = "ui" >
< nz-input-number [ ngModel ] = " i . value " [ nzMin ] = " 0 " [ nzMax ] = " 99999 " [ nzStep ] = " 0 . 01 " [ nzPrecision ] = " 2 " nzPlaceHolder = "请输入0-99999"
( ngModelChange ) = " priceChange ( $ event , i ) " [ nzFormatter ] = " formatterRmb " [ nzParser ] = " parserRmb " >
< nz-input-number [ ngModel ] = " i . value " [ nzMin ] = " 0 " [ nzMax ] = " 99999 " [ nzStep ] = " 0 . 01 " [ nzPrecision ] = " 2 "
nzPlaceHolder = "请输入0-99999" ( ngModelChange ) = " priceChange ( $ event , i ) " [ nzFormatter ] = " formatterRmb "
[ nzParser ] = " parserRmb " >
< / nz-input-number >
< / ng-template >
< ng-template sf-template = "toPay" let-i let-ui = "ui" >
< nz-input-number [ ngModel ] = " i . value " [ nzMin ] = " 0 " [ nzMax ] = " 99999 " [ nzStep ] = " 0 . 01 " [ nzPrecision ] = " 2 " nzPlaceHolder = "请输入0-99999"
( ngModelChange ) = " priceChange ( $ event , i ) " [ nzFormatter ] = " formatterRmb " [ nzParser ] = " parserRmb " >
< nz-input-number [ ngModel ] = " i . value " [ nzMin ] = " 0 " [ nzMax ] = " 99999 " [ nzStep ] = " 0 . 01 " [ nzPrecision ] = " 2 "
nzPlaceHolder = "请输入0-99999" ( ngModelChange ) = " priceChange ( $ event , i ) " [ nzFormatter ] = " formatterRmb "
[ nzParser ] = " parserRmb " >
< / nz-input-number >
< / ng-template >
< ng-template sf-template = "receiptPay" let-i let-ui = "ui" >
< nz-input-number [ ngModel ] = " i . value " [ nzMin ] = " 0 " [ nzMax ] = " 99999 " [ nzStep ] = " 0 . 01 " [ nzPrecision ] = " 2 " nzPlaceHolder = "请输入0-99999"
( ngModelChange ) = " priceChange ( $ event , i ) " [ nzFormatter ] = " formatterRmb " [ nzParser ] = " parserRmb " >
< nz-input-number [ ngModel ] = " i . value " [ nzMin ] = " 0 " [ nzMax ] = " 99999 " [ nzStep ] = " 0 . 01 " [ nzPrecision ] = " 2 "
nzPlaceHolder = "请输入0-99999" ( ngModelChange ) = " priceChange ( $ event , i ) " [ nzFormatter ] = " formatterRmb "
[ nzParser ] = " parserRmb " >
< / nz-input-number >
< / ng-template >
< ng-template sf-template = "subtotal" let-i let-ui = "ui" > {{ i.value | currency }}< / ng-template >
@ -277,14 +241,14 @@
< ng-template sf-template = "total" let-i let-ui = "ui" > {{ i.value | currency }}< / ng-template >
< ng-template sf-template = "paymentDays" let-i let-ui = "ui" >
< div nz-row class = "align-center" >
< div nz-col nzSpan = "16" >
< nz-input-number [ ngModel ] = " i . value " [ nzMin ] = " 1 " [ nzMax ] = " 30 " [ nzStep ] = " 1 "
( ngModelChange ) = " i . setValue ( $ event ) " nzPlaceHolder = "请输入1-30" [ nzPrecision ] = " 0 "
[ nzPrecisionMode ] = " ' cut ' " > < / nz-input-number >
< / div >
< div nz-col nzSpan = "8" >
< span > 天内支付运费< / span >
< / div >
< div nz-col nzSpan = "16" >
< nz-input-number [ ngModel ] = " i . value " [ nzMin ] = " 1 " [ nzMax ] = " 30 " [ nzStep ] = " 1 "
( ngModelChange ) = " i . setValue ( $ event ) " nzPlaceHolder = "请输入1-30" [ nzPrecision ] = " 0 "
[ nzPrecisionMode ] = " ' cut ' " > < / nz-input-number >
< / div >
< div nz-col nzSpan = "8" >
< span > 天内支付运费< / span >
< / div >
< / div >
< / ng-template >
< / sf >
@ -293,7 +257,9 @@
< / nz-card >
< nz-card >
< div class = "align-center" >
< button nz-button nzType = "primary" ( click ) = " submitConfirm ( ' assign ' ) " acl [ acl-ability ] = " [ ' SUPPLY-VEHICLE-RELEASE-bulkDesignate ' ] " > 指派熟车< / button >
< button nz-button nzType = "primary" style = "margin-left: 48px" ( click ) = " submitConfirm ( ' publish ' ) " * ngIf = "type === 'add'" acl [ acl-ability ] = " [ ' SUPPLY-VEHICLE-RELEASE-bulkDriverOrder ' ] " > 司机抢单 < / button >
< button nz-button nzType = "primary" ( click ) = " submitConfirm ( ' assign ' ) " acl
[ acl-ability ] = " [ ' SUPPLY-VEHICLE-RELEASE-bulkDesignate ' ] " > 指派熟车 < / button >
< button nz-button nzType = "primary" style = "margin-left: 48px" ( click ) = " submitConfirm ( ' publish ' ) "
* ngIf = "type === 'add'" acl [ acl-ability ] = " [ ' SUPPLY-VEHICLE-RELEASE-bulkDriverOrder ' ] " > 司机抢单< / button >
< / div >
< / nz-card >
潘晓云