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.eventSystemName != '灭火器维护' && data.violation.eventSystemName != '证照预警'"
                (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">
            <img [src]="imgUrl" alt="">
        </div>
        <div *ngIf="selectedType == 'video'" class="vediobox">
            <video controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video>
        </div>
    </div>
    <div class="disposebox">
        <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" 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" [(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>