edit

2021-12-13 21:23:56 +08:00
parent c49ce32985
commit d1142fecc1
4 changed files with 135 additions and 319 deletions
--- a/src/app/routes/vehicle/components/audit/detail/detail.component.html
+++ b/src/app/routes/vehicle/components/audit/detail/detail.component.html
@ -1,4 +1,4 @@
-<ng-container >
+<ng-container>
  <!-- 页头 -->
  <page-header-wrapper [logo]="logo" title="车辆详情" [content]="content">
    <ng-template #logo>
@ -7,32 +7,56 @@
      </button>
    </ng-template>
    <ng-template #content>
-        <sv-container col="3">
-        <sv-title style="font-weight: 700;">车辆基础信息</sv-title>
-          <sv label="车牌号">
-            {{ detailData?.carNo }}
-          </sv>
-          <sv label="车牌颜色">
-            {{ detailData?.carNoColor }}
-          </sv>
-          <sv label="车型">
-            {{ detailData?.carModel }}
-          </sv>
-          <sv label="车长">
-            {{ detailData?.carLength }}
-          </sv>
-          <sv label="是否为挂车">
-            {{ detailData?.isTrailer === true ? '是' : '否'}}
-          </sv>
-        </sv-container>
-        <sv-container col="1">
-          <sv label="车头照">
-            <app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]"></app-imagelist>
-          </sv>
-        </sv-container>
+      <sv-container col="3">
+        <sv-title style="font-weight: 700;">待审核
+          <div style="float: right;">
+            <button nz-button nzType="default" nzDanger>通过</button>
+            <button nz-button nzType="default" nzDanger>驳回</button>
+            <button nz-button nzType="default" nzDanger (click)="ratify()">修改</button>
+          </div>
+        </sv-title>
+        <sv label="申请时间">
+          {{ detailData?.carNoColor }}
+        </sv>
+        <sv label="录入人员">
+          {{ detailData?.carNoColor }}
+        </sv>
+      </sv-container>
    </ng-template>
  </page-header-wrapper>
-  <nz-card>
+
+
+
+
+  <nz-card [ngClass]="{'readOnly-input': !isEdit}">
+
+    <sv-container col="3">
+      <sv-title style="font-weight: 700;">车辆基础信息
+      </sv-title>
+      <sv label="车牌号">
+        <input type="text" name="" [(ngModel)]="detailData.carNo" [readonly]="!isEdit">
+      </sv>
+      <sv label="车牌颜色">
+        {{ detailData?.carNoColor }}
+      </sv>
+      <sv label="车型">
+        {{ detailData?.carModel }}
+      </sv>
+      <sv label="车长">
+        {{ detailData?.carLength }}
+      </sv>
+      <sv label="是否为挂车">
+        {{ detailData?.isTrailer === true ? '是' : '否'}}
+      </sv>
+    </sv-container>
+    <sv-container col="1">
+      <sv label="车头照">
+        <app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]">
+        </app-imagelist>
+      </sv>
+    </sv-container>
+    <nz-divider></nz-divider>
+
    <sv-container col="3">
      <sv-title style="font-weight: 700;">行驶证信息</sv-title>
      <sv label="档案编号">
@ -46,10 +70,10 @@
      </sv>
    </sv-container>

-      <sv-container col="2">
-        <sv label="行驶证到期日">
-          {{ detailData?.driverLicenseEndTime }}
-        </sv>
+    <sv-container col="2">
+      <sv label="行驶证到期日">
+        {{ detailData?.driverLicenseEndTime }}
+      </sv>
      <sv label="行驶证签发机关">
        {{ detailData?.driverLicenseSigningOrg }}
      </sv>
@ -83,7 +107,9 @@
        {{ detailData?.contactsName }}
      </sv>
      <sv label="行驶证照片">
-        <app-imagelist [imgList]="[detailData?.certificatePhotoFront,detailData?.certificatePhotoBack,detailData?.certificatePhotoFrontWatermark,detailData?.certificatePhotoBackWatermark]"></app-imagelist>
+        <app-imagelist
+          [imgList]="[detailData?.certificatePhotoFront,detailData?.certificatePhotoBack,detailData?.certificatePhotoFrontWatermark,detailData?.certificatePhotoBackWatermark]">
+        </app-imagelist>
      </sv>
    </sv-container>
    <nz-divider></nz-divider>
@ -102,49 +128,43 @@
        {{detailData?.roadTransportEndTime}}
      </sv>
      <sv label="道路运输证照片">
-        <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]"></app-imagelist>
+        <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]">
+        </app-imagelist>
      </sv>
    </sv-container>
    <nz-divider></nz-divider>
    <sv-container col="2" class="mt16">
      <sv-title style="font-weight: 700;">认证司机</sv-title>
    </sv-container>
-    <st
-    #st
-    [bordered]="true"
-    [columns]="columns"
-    [data]="service.$api_get_queryDriverByCarId"
-    [req]="{  method: 'POST', allInBody: true, params: reqParams }"
-    [res]="{ reName: { list: 'data', total: 'data' } }"
-    [ngStyle]="{ margin: '1rem 0' }"
-    multiSort
-    size="small"
-    [page]="{ show: false }"
-  >
-  <ng-template st-row="isSelf" let-item let-index="index">
-    <div nz-tooltip [nzTooltipTitle]="item.enterpriseName">
-      <div>
-        {{ item?.isSelf ? '是' : '否' }}
-      </div>
-    </div>
-  </ng-template>
-  </st>
+    <st #st [bordered]="true" [columns]="columns" [data]="service.$api_get_queryDriverByCarId"
+      [req]="{  method: 'POST', allInBody: true, params: reqParams }"
+      [res]="{ reName: { list: 'data', total: 'data' } }" [ngStyle]="{ margin: '1rem 0' }" multiSort size="small"
+      [page]="{ show: false }">
+      <ng-template st-row="isSelf" let-item let-index="index">
+        <div nz-tooltip [nzTooltipTitle]="item.enterpriseName">
+          <div>
+            {{ item?.isSelf ? '是' : '否' }}
+          </div>
+        </div>
+      </ng-template>
+    </st>
  </nz-card>
 </ng-container>

-<nz-modal [(nzVisible)]="isVisible"  [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate"  (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('2')">
+<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel('2')">
  <ng-container *nzModalContent>
    <nz-tabset>
      <nz-tab nzTitle="我的评价">
-      <div>
-        评分: <nz-rate [ngModel]="2.5" nzAllowHalf></nz-rate>
-        <div><span>评价内容：</span></div>
-      </div>
+        <div>
+          评分: <nz-rate [ngModel]="2.5" nzAllowHalf></nz-rate>
+          <div><span>评价内容：</span></div>
+        </div>
      </nz-tab>
      <nz-tab nzTitle="司机评价">
-      <div>
-        暂无评价内容
-      </div>
+        <div>
+          暂无评价内容
+        </div>
      </nz-tab>
    </nz-tabset>
  </ng-container>
--- a/src/app/routes/vehicle/components/audit/detail/detail.component.less
+++ b/src/app/routes/vehicle/components/audit/detail/detail.component.less
@ -1,40 +1,13 @@
@import '~@delon/theme/index';
+
 :host {
  ::ng-deep {
-    .ant-steps-dot {
-      .ant-steps-item-content {
-        width: 200px;
-      }
-      .ant-steps-item-icon {
-        margin-left: 96px;
-      }
-      .ant-steps-item-tail::after {
-        margin-left: 40px;
-      }
-    }
-    .success {
-      color: @success-color;
-    }

-    .warning {
-      color: @warning-color;
-    }
-
-    .error {
-      color: @error-color;
+    .readOnly-input {
+      input {
+        outline: 0;
+        border : 0;
+      }
    }
  }
-  .mt16 {
-    margin-top: 16px;
-  }
-  .user-info {
-    display: flex;
-    font-size: 16px;
-    .enterprise-name {
-      margin-right: 15px;
-    }
-    .user-info-des {
-      margin-bottom: 5px;
-    }
-  }
-}
+}
--- a/src/app/routes/vehicle/components/audit/detail/detail.component.ts
+++ b/src/app/routes/vehicle/components/audit/detail/detail.component.ts
@ -11,7 +11,7 @@ import { VehicleService } from '../../../services/vehicle.service';
@Component({
  selector: 'app-Vehicle-components-Audit-detail',
  templateUrl: './detail.component.html',
-  styleUrls: ['./detail.component.less'],
+  styleUrls: ['./detail.component.less']
 })
 export class VehicleComponentsAuditDetailComponent implements OnInit {
  i: any;
@ -23,7 +23,9 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
  modalName = '';
  ui!: SFUISchema;
  columns!: STColumn[];
-  detailData: any;
+  detailData: any = {
+    carNo: '111'
+  };
  schema!: SFSchema;
  @ViewChild('sf', { static: false }) sf!: SFComponent;
  schema1!: SFSchema;
@ -31,13 +33,14 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
  validData: any = ['suppliersType'];
  suppliersData: any = {};

+  isEdit = false;
  constructor(
    private http: _HttpClient,
    private modal: ModalHelper,
    public service: VehicleService,
    private route: ActivatedRoute,
    private modalHelper: ModalHelper,
-    private msgSrv: NzMessageService,
+    private msgSrv: NzMessageService
  ) {}

  ngOnInit() {
@ -46,12 +49,12 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
    this.initSF1();
    this.initST();
  }
-    /**
+  /**
   * 查询参数
   */
-     get reqParams() {
-      return { id: this.route.snapshot?.params?.id };
-    }
+  get reqParams() {
+    return { id: this.route.snapshot?.params?.id };
+  }
  /**
   * 初始化查询表单
   */
@ -64,17 +67,17 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
          type: 'string',
          ui: {
            widget: 'date',
-            format: 'yyyy-MM-dd 00:00:00',
+            format: 'yyyy-MM-dd 00:00:00'
            // hidden: this.modalName === 'effectiveDate' ? false : true,
-          } as SFDateWidgetSchema,
-        },
+          } as SFDateWidgetSchema
+        }
      },
-      required: ['effectiveDate'],
+      required: ['effectiveDate']
    };
    this.ui = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
  }
  initST() {
-    this.columns =[
+    this.columns = [
      { title: '认证司机', index: 'name', width: 300, className: 'text-center' },
      { title: '司机手机号', index: 'mobile', width: 300, className: 'text-center' },
      { title: '是否挂靠', render: 'isSelf', width: 300, className: 'text-center' },
@ -87,15 +90,15 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
        buttons: [
          {
            text: '查看协议',
-            click: (_record) => this.viewEvaluate(_record),
+            click: _record => this.viewEvaluate(_record)
          },
          {
            text: '上传协议',
-            click: (_record) => this.updateEvaluate(_record),
-          },
-        ],
-      },
-    ]
+            click: _record => this.updateEvaluate(_record)
+          }
+        ]
+      }
+    ];
  }
  initSF1() {
    this.schema1 = {
@ -106,7 +109,7 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
          title: '类型',
          enum: [
            { label: '非外部供应商', value: 0 },
-            { label: '外部供应商', value: 1 },
+            { label: '外部供应商', value: 1 }
          ],
          default: '',
          ui: {
@ -121,60 +124,59 @@ export class VehicleComponentsAuditDetailComponent implements OnInit {
                this.suppliersData.externalSuppliersId = '';
              }
              this.initSF1();
-            },
-          },
+            }
+          }
        },
        externalSuppliersId: {
          title: '外部供应商id',
          type: 'string',
          default: '',
          ui: {
-            visibleIf: { suppliersType: (value: any) => value === 1 },
-          },
-        },
+            visibleIf: { suppliersType: (value: any) => value === 1 }
+          }
+        }
      },
-      required: this.validData,
+      required: this.validData
    };
  }
-  // 获取录单员 
+  // 获取录单员
  getDetailList() {
-   console.log( this.route.snapshot?.params?.id)
+    console.log(this.route.snapshot?.params?.id);
    const params = {
      id: this.route.snapshot?.params?.id
    };
-   this.service.request(`${this.service.$api_get_operate_get}`, params).subscribe((res) => {
-      console.log(res)
-      this.detailData = res;
-    })
+    this.service.request(`${this.service.$api_get_operate_get}`, params).subscribe(res => {
+      console.log(res);
+      // this.detailData = res;
+    });
  }

  goBack() {
    window.history.go(-1);
  }
- 

-  handleCancel(name: any) {
-
-  }
+  handleCancel(name: any) {}

  /**
-  *查看评价
-  */
+   *查看评价
+   */
  viewEvaluate(item: any) {
    // this.modal.createStatic(VehicleImgViewComponent, { i: { imgUrl: item } }).subscribe(() => {
    //   // this.st.reload();
    // });
  }
  /**
-  *查看评价
-  */
+   *查看评价
+   */
  updateEvaluate(item: any) {
    // this.modal.createStatic(VehicleComponentsListEditComponent, { i: { item }, infoData: item }).subscribe(() => {
    //   // this.st.reload();
    //   // this.getInfo();
    // });
  }
-  handleOK() {
-    
+  handleOK() {}
+
+  ratify() {
+    this.isEdit = true;
  }
 }