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="content">
        <div class="details">
            {{details}}
        </div>
        <div *ngIf="selectedType == 'img'" class="imgbox">
            <div class="bigimg">
                <img [src]="imgUrl" alt="">
            </div>
        </div>
        <div *ngIf="selectedType == 'video'" class="vediobox">
            <video controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video>
        </div>
        <div class="disposebox" *ngIf="!data.handleTime">
            <div class="title">
                <span>处置内容</span>
                <span style="color: #36A2FF;cursor: pointer;" (click)="submit()">提交</span>
            </div>
            <div class="textarea">
                <textarea [(ngModel)]="content" style="width: 100%;height: 100%;" name="" id="" cols="30" rows="10"></textarea>
            </div>
        </div>
        <div class="disposebox disposebox2" *ngIf="data.handleTime">
            <div class="title">
                <span>处置内容</span>
                <span style="color: #4BFFD4;cursor: default;">已处置</span>
            </div>
            <div class="details">
                {{content}}
            </div>
        </div>
    </div>

</div>