From fb14442fcd90f8b165a95b1f2368eabd7e1b7b29 Mon Sep 17 00:00:00 2001 From: jingbowen <970029315@qq.com> Date: Thu, 23 Feb 2023 14:58:47 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E4=B8=8B=E8=BD=BDdownImage?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../down-image/down-image.component.html | 67 ++++++++++++++++ .../down-image/down-image.component.scss | 10 +++ .../pages/down-image/down-image.component.ts | 76 +++++++++++++++++++ src/app/pages/pages-routing.module.ts | 4 +- src/app/pages/pages.module.ts | 3 +- 5 files changed, 158 insertions(+), 2 deletions(-) create mode 100644 src/app/pages/down-image/down-image.component.html create mode 100644 src/app/pages/down-image/down-image.component.scss create mode 100644 src/app/pages/down-image/down-image.component.ts diff --git a/src/app/pages/down-image/down-image.component.html b/src/app/pages/down-image/down-image.component.html new file mode 100644 index 0000000..135ad59 --- /dev/null +++ b/src/app/pages/down-image/down-image.component.html @@ -0,0 +1,67 @@ +
+ +
+ + 节点名称 + + + + + + + + + + 加油站 + + + + + + + + + + 开始时间 + + + + + + + 结束时间 + + + + + + + +
+ + +
diff --git a/src/app/pages/down-image/down-image.component.scss b/src/app/pages/down-image/down-image.component.scss new file mode 100644 index 0000000..6f1548f --- /dev/null +++ b/src/app/pages/down-image/down-image.component.scss @@ -0,0 +1,10 @@ +.modelbox{ + margin-top: 100px; + display: flex; + justify-content: center; + align-items: center; + // flex-direction: column; +} +.ant-form-item-label > label{ + color: #fff !important; +} \ No newline at end of file diff --git a/src/app/pages/down-image/down-image.component.ts b/src/app/pages/down-image/down-image.component.ts new file mode 100644 index 0000000..78bcd9f --- /dev/null +++ b/src/app/pages/down-image/down-image.component.ts @@ -0,0 +1,76 @@ +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { Component, OnInit, Input } from '@angular/core'; +import { NzModalRef } from 'ng-zorro-antd/modal'; +import { HttpClient } from '@angular/common/http'; +import { TreeService } from 'src/app/service/tree.service'; +import * as moment from 'moment'; + + +@Component({ + selector: 'app-down-image', + templateUrl: './down-image.component.html', + styleUrls: ['./down-image.component.scss'] +}) +export class DownImageComponent implements OnInit { + validateForm!: FormGroup; + constructor(private fb: FormBuilder, private http: HttpClient ,private toTree:TreeService) { } + isVisible=false + ngOnInit(): void { + this.validateForm = this.fb.group({ + StartTime: [null], + EndTime:[null], + NodeName:[null], + GasStationId:[null] + }); + this.getAllOrganization() + } + result + onClick(){ + console.log(this.validateForm.value); + let params={ + StartTime:moment(this.validateForm.value.StartTime).format('YYYY-MM-DD HH:mm:ss'), + EndTime:moment(this.validateForm.value.EndTime).format('YYYY-MM-DD HH:mm:ss'), + NodeName:this.validateForm.value.NodeName, + GasStationId:this.validateForm.value.GasStationId + } + this.http.get('/api/services/app/OilUnloadingProcess/GetOilUnloadingImages', { params: params }).subscribe((data:any)=>{ + console.log(data); + this.result=data.result + setTimeout(() => { + this.isVisible=true + }, 500); + }) + } + list=[ + '车辆进场', + '设置卸油隔离区', + '卸油连接静电接地', + '卸油设置消防器材', + '连接卸油管', + '卸油中无人监卸', + '拆除卸油管', + '车辆离场', + ] + + nodes: any = [] + async getAllOrganization() { + let OrganizationUnitId = JSON.parse(sessionStorage.getItem('userdata')).organization.id + let params = { + OrganizationUnitId: OrganizationUnitId, + MaxResultCount: 9999, + IsContainsChildren: "true" + } + await new Promise((resolve, reject) => { + this.http.get('/api/services/app/GasStation/GetAll', { + params: params + }).subscribe((data: any) => { + this.nodes=data.result.items + + resolve(data) + + }) + }) + + } + +} diff --git a/src/app/pages/pages-routing.module.ts b/src/app/pages/pages-routing.module.ts index b7ceb5a..a5b725b 100644 --- a/src/app/pages/pages-routing.module.ts +++ b/src/app/pages/pages-routing.module.ts @@ -17,6 +17,7 @@ import { NavBarComponent } from './license/nav-bar/nav-bar.component'; import { AuditNavComponent } from './audit/audit-nav/audit-nav.component'; import { WarningStatisticsListComponent } from './records/warning-statistics-list/warning-statistics-list.component'; import { RecordsNavComponent } from './records/records-nav/records-nav.component'; +import { DownImageComponent } from './down-image/down-image.component' const routes: Routes = [ { path: 'homepage', component: HomePageComponent }, @@ -41,7 +42,8 @@ const routes: Routes = [ { path: 'equipmentInfo', component: EquipmentInfoComponent }, { path: 'oliStationInfo', component: OilStationInfoComponent }, { path: 'license/petrolStation', component: NavBarComponent }, - { path: 'audit', component: AuditNavComponent } + { path: 'audit', component: AuditNavComponent }, + { path: 'downImage', component: DownImageComponent } ]; diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts index 72aba3a..f74206a 100644 --- a/src/app/pages/pages.module.ts +++ b/src/app/pages/pages.module.ts @@ -91,10 +91,11 @@ import { AppealDetailsComponent } from './audit/audit-ing/appeal-details/appeal- import { SystemModelComponent } from './home/system-model/system-model.component'; import { ForgetComponent } from './login/forget/forget.component'; import { HomePageNologinComponent } from './home-page-nologin/home-page-nologin.component'; +import { DownImageComponent } from './down-image/down-image.component'; @NgModule({ declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent, TodayWarningAdminComponent, CriminalRecordsAdminComponent, LeftDomainComponent, EquipmentInfoComponent, OilStationInfoComponent, - AddequipmentComponent, EditequipmentComponent, PlanAdminComponent, GetOutOfLineDetailsComponent, DispositionComponent, OilUnloadingProcessComponent, HomePageComponent, OilUnloadingProcessListComponent, ChangePasswordComponent, FacilitySortPipe, WarningStatisticsListComponent, DisposeequipmentComponent, NavBarComponent, InformComponent, UpdateCategoryComponent, FileCategoryComponent, HistoriesComponent, EditUpdateCategoryComponent, DetailsUpdateCategoryComponent, EditFileCategoryComponent, DetailsFileCategoryComponent, PdfWordLookComponent, OilStationListComponent, UpdateLicenseListComponent, FileLicenseListComponent, AuditNavComponent, AuditIngComponent, AuditRecordComponent, AuditInformTimeComponent, AuditDisposeComponent, EditInformTimeComponent, AuditDetailsInformTimeComponent, auditStatusPipe, GasBaseInfoComponent, notificationContent, licenseViolationType, handleState, AnnualInspectionComponent, EditAnnualInspectionComponent, RecordsNavComponent, UserDetailsComponent, AppealDetailsComponent, fileName, SystemModelComponent, ForgetComponent, HomePageNologinComponent], + AddequipmentComponent, EditequipmentComponent, PlanAdminComponent, GetOutOfLineDetailsComponent, DispositionComponent, OilUnloadingProcessComponent, HomePageComponent, OilUnloadingProcessListComponent, ChangePasswordComponent, FacilitySortPipe, WarningStatisticsListComponent, DisposeequipmentComponent, NavBarComponent, InformComponent, UpdateCategoryComponent, FileCategoryComponent, HistoriesComponent, EditUpdateCategoryComponent, DetailsUpdateCategoryComponent, EditFileCategoryComponent, DetailsFileCategoryComponent, PdfWordLookComponent, OilStationListComponent, UpdateLicenseListComponent, FileLicenseListComponent, AuditNavComponent, AuditIngComponent, AuditRecordComponent, AuditInformTimeComponent, AuditDisposeComponent, EditInformTimeComponent, AuditDetailsInformTimeComponent, auditStatusPipe, GasBaseInfoComponent, notificationContent, licenseViolationType, handleState, AnnualInspectionComponent, EditAnnualInspectionComponent, RecordsNavComponent, UserDetailsComponent, AppealDetailsComponent, fileName, SystemModelComponent, ForgetComponent, HomePageNologinComponent, DownImageComponent], imports: [