shaojiahao
/
Sinopec-Anxin
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

[完善]视频播放

beijing
邵佳豪 2 years ago
parent
8a2c29fe0a
commit
6e2b5c00e6
2 changed files with 107 additions and 111 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      proxy.config.json
  2. 214
      src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html

4
proxy.config.json
Unescape View File

@ -1,11 +1,11 @@
{ {
"/api": { "/api": {
"target": "https://znaq.sinochemoilmarketing.com/", "target": "http://121.36.37.70:8906/",
"secure": false, "secure": false,
"changeOrigin": true "changeOrigin": true
}, },
"/signalr": { "/signalr": {
"target": "https://znaq.sinochemoilmarketing.com/", "target": "http://121.36.37.70:8906/",
"secure": false, "secure": false,
"ws": true, "ws": true,
"logLevel": "debug" "logLevel": "debug"

214
src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html
Unescape View File

@ -1,120 +1,116 @@
<div class="box"> <div class="box">
<div class="titlebox"> <div class="titlebox">
<div class="title"> <div class="title">
<div (click)="contentType('img')" [ngClass]="{'selected': selectedType == 'img'}"> <div (click)="contentType('img')" [ngClass]="{'selected': selectedType == 'img'}">
预警截图 预警截图
<div class="border"></div> <div class="border"></div>
</div> </div>
<div *ngIf="data.violation && data.violation.violationType != '设备监测' && data.violation.violationType != '证照资质'" <div *ngIf="data.violation && data.violation.violationType != '设备监测' && data.violation.violationType != '证照资质'"
(click)="contentType('video')" [ngClass]="{'selected': selectedType == 'video'}"> (click)="contentType('video')" [ngClass]="{'selected': selectedType == 'video'}">
预警视频 预警视频
<div class="border"></div> <div class="border"></div>
</div> </div>
</div>
</div> </div>
<div class="details"> </div>
预警详情：{{details}} <div class="details">
预警详情：{{details}}
</div>
<div class="content">
<div *ngIf="selectedType == 'img'" class="imgbox">
<ng-container *ngIf="imgUrl; else elseTemplate">
<ng-container *ngIf="isImage; else elseTemplate2">
<img [src]="imgUrl" alt="">
</ng-container>
<ng-template #elseTemplate2>
<iframe width="100%" height="100%" [src]="fileUrl" frameborder="0"></iframe>
</ng-template>
</ng-container>
<ng-template #elseTemplate>
暂无图片
</ng-template>
</div> </div>
<div class="content"> <div *ngIf="selectedType == 'video'" class="vediobox">
<div *ngIf="selectedType == 'img'" class="imgbox"> <ng-container *ngIf="vedioUrl; else elseTemplate3">
<ng-container *ngIf="imgUrl; else elseTemplate"> <video crossorign="anonymous" controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video>
<ng-container *ngIf="isImage; else elseTemplate2"> </ng-container>
<img [src]="imgUrl" alt=""> <ng-template #elseTemplate3>
</ng-container> 暂无视频
<ng-template #elseTemplate2> </ng-template>
<iframe width="100%" height="100%" [src]="fileUrl" frameborder="0"></iframe>
</ng-template>
</ng-container>
<ng-template #elseTemplate>
暂无图片
</ng-template>
</div>
<div *ngIf="selectedType == 'video'" class="vediobox">
<ng-container *ngIf="vedioUrl; else elseTemplate3">
<video crossorign="anonymous" controls style="width: 100%;height: 100%;"
src="http://121.36.37.70:8906/api/Objects/sinochemweb/video_vr/1669958550_3_192_168_110_72.mp4?directView=true"></video>
</ng-container>
<ng-template #elseTemplate3>
暂无视频
</ng-template>
</div>
</div> </div>
<p style="margin-bottom: 0px;margin-top: 3px;box-sizing: border-box;padding: 0 12px;" </div>
*ngIf="data.appealStatus == 3 && data.handleStateStr != '已处置'"> <p style="margin-bottom: 0px;margin-top: 3px;box-sizing: border-box;padding: 0 12px;"
<span style="margin-right: 10px;">驳回人:{{data.appealLog.auditUser.name}}</span> *ngIf="data.appealStatus == 3 && data.handleStateStr != '已处置'">
<span style="margin-right: 10px;">驳回时间:{{data.appealLog.auditTime | date:"yyyy-MM-dd HH:mm:ss"}}</span> <span style="margin-right: 10px;">驳回人:{{data.appealLog.auditUser.name}}</span>
<span>驳回说明:{{data.appealLog.rejectReason}}</span> <span style="margin-right: 10px;">驳回时间:{{data.appealLog.auditTime | date:"yyyy-MM-dd HH:mm:ss"}}</span>
</p> <span>驳回说明:{{data.appealLog.rejectReason}}</span>
<!-- 只有非证照预警才可以处置 或者 申诉--> </p>
<div class="disposebox" *ngIf="!isLicenseWarning"> <!-- 只有非证照预警才可以处置 或者 申诉-->
<div class="title"> <div class="disposebox" *ngIf="!isLicenseWarning">
<span>处置内容</span> <div class="title">
<ng-container *ngIf="!data.positive; else elseTemplate"> <span>处置内容</span>
<span *ngIf="data.appealStatus == 5" style="color: #4BFFD4;">申诉成功 ( 处理人 : {{data.handleUserName}}&nbsp; <ng-container *ngIf="!data.positive; else elseTemplate">
处理时间 : {{data.lastModificationTime | <span *ngIf="data.appealStatus == 5" style="color: #4BFFD4;">申诉成功 ( 处理人 : {{data.handleUserName}}&nbsp;
处理时间 : {{data.lastModificationTime |
date:"yyyy-MM-dd HH:mm:ss"}} ) </span> date:"yyyy-MM-dd HH:mm:ss"}} ) </span>
<span style="color: #4BFFD4;cursor: default;">已进行误报处置</span> <span style="color: #4BFFD4;cursor: default;">已进行误报处置</span>
</ng-container> </ng-container>
<ng-template #elseTemplate> <ng-template #elseTemplate>
<div class="btn"> <div class="btn">
<span *ngIf="!data.handleTime && data.appealStatus ==1 && isSubmit" <span *ngIf="!data.handleTime && data.appealStatus ==1 && isSubmit"
style="color: #FF4B65;cursor: pointer;margin-right: 20px;" (click)="Unappeal()">申诉撤销</span> style="color: #FF4B65;cursor: pointer;margin-right: 20px;" (click)="Unappeal()">申诉撤销</span>
<span <span
*ngIf="!data.handleTime && (data.appealStatus == 0 || data.appealStatus == 3 || data.appealStatus == 4) && isSubmit" *ngIf="!data.handleTime && (data.appealStatus == 0 || data.appealStatus == 3 || data.appealStatus == 4) && isSubmit"
style="color: #FF4B65;cursor: pointer;margin-right: 20px;" (click)="appeal()">申诉</span> style="color: #FF4B65;cursor: pointer;margin-right: 20px;" (click)="appeal()">申诉</span>
<nz-modal [(nzVisible)]="isAppeal" nzTitle="申诉原因" (nzOnOk)="handleOk()" <nz-modal [(nzVisible)]="isAppeal" nzTitle="申诉原因" (nzOnOk)="handleOk()" (nzOnCancel)="handleCancel()">
(nzOnCancel)="handleCancel()">
<ng-container *nzModalContent> <ng-container *nzModalContent>
<textarea nz-input rows="2" placeholder="请输入申诉原因" name="appeal" <textarea nz-input rows="2" placeholder="请输入申诉原因" name="appeal" [(ngModel)]="appealValue"></textarea>
[(ngModel)]="appealValue"></textarea> <div class="appealUploadbox">
<div class="appealUploadbox"> <div class="title">
<div class="title"> 上传附件:
上传附件: </div>
</div> <div class="btn">
<div class="btn"> <button nz-button [nzLoading]="isLoadingSave">
<button nz-button [nzLoading]="isLoadingSave"> <span nz-icon nzType="upload"></span>上传
<span nz-icon nzType="upload"></span>上传 </button>
</button> <input type="file" name="" id="" (change)="filechange($event)" *ngIf="!isLoadingSave">
<input type="file" name="" id="" (change)="filechange($event)" <ul>
*ngIf="!isLoadingSave"> <li *ngFor="let item of fileList;let key = index">
<ul> <span class="filename" (click)="lookfile(item)">{{item | fileName}}</span>
<li *ngFor="let item of fileList;let key = index"> <span (click)="delete(fileList,key)">x</span>
<span class="filename" (click)="lookfile(item)">{{item | fileName}}</span> </li>
<span (click)="delete(fileList,key)">x</span> </ul>
</li> </div>
</ul> </div>
</div> </ng-container>
</div>
</ng-container>
</nz-modal> </nz-modal>
<span <span
*ngIf="isMisinformation && (data.appealStatus == 0 || data.appealStatus == 3 || data.appealStatus == 4)" *ngIf="isMisinformation && (data.appealStatus == 0 || data.appealStatus == 3 || data.appealStatus == 4)"
style="color: #FF4B65;cursor: pointer;margin-right: 20px;" (click)="misinformation()">误报</span> style="color: #FF4B65;cursor: pointer;margin-right: 20px;" (click)="misinformation()">误报</span>
<span <span
*ngIf="!data.handleTime && isSubmit && (data.appealStatus == 0 || data.appealStatus == 3 || data.appealStatus == 4)" *ngIf="!data.handleTime && isSubmit && (data.appealStatus == 0 || data.appealStatus == 3 || data.appealStatus == 4)"
style=" style="
color: #36A2FF;cursor: pointer;" (click)="submit()">提交</span> color: #36A2FF;cursor: pointer;" (click)="submit()">提交</span>
<span *ngIf="data.handleTime" style="color: #4BFFD4;cursor: default;">已处置</span> <span *ngIf="data.handleTime" style="color: #4BFFD4;cursor: default;">已处置</span>
<span *ngIf="data.appealStatus == 1" style="color: #4BFFD4;cursor: default;">申诉中</span> <span *ngIf="data.appealStatus == 1" style="color: #4BFFD4;cursor: default;">申诉中</span>
</div>
</ng-template>
</div> </div>
</ng-template>
</div>
<div class="disposeContent"> <div class="disposeContent">
<textarea <textarea
*ngIf="!data.handleTime && isSubmit && (data.appealStatus == 0 || data.appealStatus == 3 || data.appealStatus == 4)" *ngIf="!data.handleTime && isSubmit && (data.appealStatus == 0 || data.appealStatus == 3 || data.appealStatus == 4)"
[(ngModel)]="content"></textarea> [(ngModel)]="content"></textarea>
<span *ngIf="data.handleTime">{{content}}</span> <span *ngIf="data.handleTime">{{content}}</span>
</div> </div>
<div class="disposeTime" *ngIf="data.handleTime"> <div class="disposeTime" *ngIf="data.handleTime">
<span style="margin-right: 12px;"> <span style="margin-right: 12px;">
处置人：{{data.handleUserName}} 处置人：{{data.handleUserName}}
</span> </span>
<span> <span>
处置时间：{{data.handleTime|date:"yyyy-MM-dd HH:mm:ss"}} 处置时间：{{data.handleTime|date:"yyyy-MM-dd HH:mm:ss"}}
</span> </span>
</div>
</div> </div>
</div> </div>
</div>

Write Preview
Loading…
Cancel
Save