车辆对接

src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.html

@@ -205,22 +205,24 @@
   <ng-template #template1>推荐投保，填写货值自动估保费，司机接单后不可退保。详见<a>《投保告知》</a></ng-template>
   <div nz-row>
     <div nz-col nzSpan="12">
-      <sf #sf5 [schema]="schema5" [formData]="sf5data" [button]="'none'" [ui]="ui5">
+      <sf #sf5 [schema]="schema5" [button]="'none'" [ui]="ui5" [formData]="sf5data">
         <ng-template sf-template="goodsValue" let-i let-ui="ui">
           <div class="align-center">
-            <input nz-input [ngModel]="i.value" (ngModelChange)="i.setValue($event)" />
-            <span style="padding: 0 12px" nz-tooltip [nzTooltipTitle]="template2"
-              ><i nz-icon nzType="exclamation-circle" nzTheme="outline" style="color: #1890ff"></i
-            ></span>
-            <ng-template #template2
-              >注意事项：<br />
-
-              ①请仔细阅读《投保告知》<br />
-
-              ②港澳台、西藏不在投保范围内，不予承保<br />
-
-              ③保价费最低收费2元，请按真实货值填写，录入的所有信息必须确保真实，不如实录入的内容，不承担对应赔偿责任。</ng-template
-            >
+            <nz-input-number [ngModel]="i.value" [nzMin]="50000" [nzMax]="3000000" [nzStep]="0.01"
+              (ngModelChange)="i.setValue($event)" nzPlaceHolder="请输入50000-3000000之间数值"></nz-input-number>
+          </div>
+        </ng-template>
+        <ng-template sf-template="insureInfo" let-i let-ui="ui">
+          <div class="align-center">
+            <input nz-input placeholder="保价费金额" [ngModel]="i.value" [disabled]="true" />
+            <span style="padding: 0 12px" nz-tooltip [nzTooltipTitle]="template2" nzTooltipPlacement="bottom"><i nz-icon
+                nzType="exclamation-circle" nzTheme="outline" style="color: #1890ff"></i></span>
+            <ng-template #template2>
+              <p>注意事项:</p>
+              <p>①请仔细阅读《投保告知》</p>
+              <p>②港澳台、西藏不在投保范围内，不予承保</p>
+              <p>③保价费最低收费2元，请按真实货值填写，录入的所有信息必须确保真实，不如实录入的内容，不承担对应赔偿责任。</p>
+            </ng-template>
           </div>
         </ng-template>
       </sf>
@@ -228,6 +230,7 @@
   </div>
 </nz-card>
 
+
 <nz-card>
   <div class="card-title">补充信息</div>
   <div nz-row>
@@ -263,13 +266,12 @@
                   [nzMin]="1"
                   [nzMax]="30"
                   [nzStep]="1"
-                  style="width: 150px"
                   (ngModelChange)="i.setValue($event)"
                   nzPlaceHolder="请输入1-30"
                 ></nz-input-number>
               </div>
-              <div nz-col nzSpan="8">
-                <span>天内支付运费</span>
+              <div >
+                <span>&nbsp;&nbsp; 天内支付运费</span>
               </div>
             </div>
           </div>

src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.less

@@ -20,3 +20,10 @@
   width: 300px;
   height: 180px;
 }
+
+
+:host {
+  ::ng-deep {
+    nz-input-number{width: 100%;}
+  }
+}

src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.ts

@@ -358,8 +358,14 @@ export class SupplyManagementOnecarPublishComponent implements OnInit {
           type: 'string',
           title: '货物价值',
           ui: {
-            widget: 'custom',
-            placeholder: '请输入'
+            widget: 'custom'
+          }
+        },
+        insureInfo: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom'
           }
         }
       },
@@ -368,7 +374,7 @@ export class SupplyManagementOnecarPublishComponent implements OnInit {
     this.ui5 = {
       '*': {
         spanLabelFixed: 90,
-        grid: { span: 24 }
+        grid: { span: 12 }
       }
     };
   }