Sinopec-Anxin/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html

<div class="box">
    <div class="titlebox">
        <div class="title">
            <div (click)="contentType('img')" [ngClass]="{'selected': selectedType == 'img'}">
                预警截图
                <div class="border"></div>
            </div>
            <div *ngIf="data.violation && data.violation.violationType != '设备监测' && data.violation.violationType != '证照资质'"
                (click)="contentType('video')" [ngClass]="{'selected': selectedType == 'video'}">
                预警视频
                <div class="border"></div>
            </div>
        </div>
    </div>
    <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 *ngIf="selectedType == 'video'" class="vediobox">
            <ng-container *ngIf="vedioUrl; else elseTemplate3">
                <video controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video>
            </ng-container>
            <ng-template #elseTemplate3>
                暂无视频
            </ng-template>
        </div>
    </div>
    <div class="disposebox" *ngIf="!isLicenseWarning">
        <div class="title">
            <span>处置内容</span>
            <ng-container *ngIf="!data.positive; else elseTemplate">
                <span style="color: #4BFFD4;cursor: default;">已进行误报处置</span>
            </ng-container>
            <ng-template #elseTemplate>
                <div class="btn">
                    <span *ngIf="!data.handleTime && isMisinformation"
                        style="color: #FF4B65;cursor: pointer;margin-right: 20px;" (click)="misinformation()">误报</span>
                    <span *ngIf="!data.handleTime && isSubmit" style="color: #36A2FF;cursor: pointer;"
                        (click)="submit()">提交</span>
                    <span *ngIf="data.handleTime" style="color: #4BFFD4;cursor: default;">已处置</span>
                </div>
            </ng-template>
        </div>
        <div class="disposeContent">
            <textarea *ngIf="!data.handleTime && isSubmit" [(ngModel)]="content"></textarea>
            <span *ngIf="data.handleTime">{{content}}</span>
        </div>
        <div class="disposeTime" *ngIf="data.handleTime">
            <span style="margin-right: 12px;">
                处置人：{{data.handleUserName}}
            </span>
            <span>
                处置时间：{{data.handleTime|date:"yyyy-MM-dd HH:mm:ss"}}
            </span>
        </div>
    </div>
</div>