Skip to content
handle-event.component.html 8.15 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<!--处理事件-->
wangqinghua's avatar
wangqinghua committed
<div nz-row class="breadcrumbs">
wangqinghua's avatar
wangqinghua committed
    <div nz-col nzSpan="16">
        <nz-breadcrumb class="padding-8-0">
            <nz-breadcrumb-item>
                首页
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                <a>运维工作</a>
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                事件处置
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                事件编号:{{event?.id}}
            </nz-breadcrumb-item>
        </nz-breadcrumb>
wangqinghua's avatar
wangqinghua committed
    </div>
wangqinghua's avatar
wangqinghua committed
    <div nz-col nzSpan="8" class="text-right">
xch666's avatar
xch666 committed
        <button nzType="primary" (click)="returnBack()" nz-button>返回上一页</button>
wangqinghua's avatar
wangqinghua committed
        <button (click)="ngOnInit()" nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
        <smart-full-screen></smart-full-screen>
wangqinghua's avatar
wangqinghua committed
    </div>
wangqinghua's avatar
wangqinghua committed
</div>
<div nz-row>
    <div nz-col nzSpan="12">
        <h2>事件信息</h2>
        <div nz-row>
            <div nz-col nzSpan="4">事件编号:</div>
            <div nz-col nzSpan="1"></div>
            <div nz-col nzSpan="7">{{event?.id}}</div>
            <div nz-col nzSpan="4">提交时间:</div>
            <div nz-col nzSpan="1"></div>
            <div nz-col nzSpan="7">{{event?.createTime | date:"yyyy-MM-dd HH:mm:ss"}}</div>
        </div>
        <div nz-row>
            <div nz-col nzSpan="4">请求人:</div>
            <div nz-col nzSpan="1"></div>
            <div nz-col nzSpan="5">{{event?.requester}}</div>
            <div nz-col nzSpan="5">{{event?.requesterPhone}}</div>
        </div>
        <div nz-row>
            <div nz-col nzSpan="4">事件标题:</div>
            <div nz-col nzSpan="1"></div>
            <div nz-col nzSpan="7">{{event?.title}}</div>
            <div nz-col nzSpan="4">事件分类:</div>
            <div nz-col nzSpan="1"></div>
            <div nz-col nzSpan="7">{{event?.typeName}}</div>
        </div>
        <div nz-row>
            <div nz-col nzSpan="4">详细描述:</div>
            <div nz-col nzSpan="1"></div>
            <div nz-col nzSpan="7">{{event?.description}}</div>
        </div>
        <div nz-row>
            <div nz-col nzSpan="4">附件:</div>
            <div nz-col nzSpan="1"></div>
            <div nz-col nzSpan="7">
                <ng-container *ngIf="event?.fileName">
                    {{event?.fileName}}<span (click)="downLoad()" class="main-color cursor">下载</span>
wangqinghua's avatar
wangqinghua committed

wangqinghua's avatar
wangqinghua committed
                </ng-container>
            </div>
        </div>
wangqinghua's avatar
wangqinghua committed

wangqinghua's avatar
wangqinghua committed
        <h2>流转记录</h2>
        <ng-container *ngFor="let item of transforsList;">
            <div nz-row>
                <div nz-col nzSpan="4">{{item.requesterName}}</div>
                <div nz-col class="text-center" nzSpan="2">转派给</div>
                <div nz-col nzSpan="7">{{item.operatorInfo[1]}}</div>
            </div>
        </ng-container>
        <div nz-row>
            <div nz-col class="line-height-32" nzSpan="7">无法处理,我要转派</div>
            <div nz-col nzSpan="5">
                <button (click)="showTransforModal()" nz-button><span>转派</span></button>
            </div>
        </div>
wangqinghua's avatar
wangqinghua committed
    </div>
wangqinghua's avatar
wangqinghua committed
    <div nz-col nzSpan="12">
        <h2>已解决,填写处理结果</h2>
        <div nz-row>
            <div nz-col nzSpan="5"><span class="color-red">*</span>处理结果:</div>
            <div nz-col nzSpan="19">
                <nz-radio-group [(ngModel)]="obj.operateStatus">
                    <label nz-radio nzValue="0">未解决</label>
                    <label nz-radio nzValue="1">部分解决</label>
                    <label nz-radio nzValue="2">已解决</label>
                </nz-radio-group>
            </div>
        </div>
        <div nz-row>
            <div nz-col nzSpan="5" class="line-height-32"><span class="color-red">*</span>完成时间:</div>
            <div nz-col nzSpan="19">
                <nz-date-picker [(ngModel)]="date" nzFormat="yyyy-MM-dd"></nz-date-picker>
                <nz-time-picker [(ngModel)]="time"></nz-time-picker>
            </div>
        </div>
        <div nz-row>
            <div nz-col nzSpan="5" class="line-height-32">关联资产:</div>
wangqinghua's avatar
wangqinghua committed
            <div nz-col nzSpan="12">
wangqinghua's avatar
wangqinghua committed
                <button (click)="showInventoryModal()" nz-button><span>选择</span></button>
wangqinghua's avatar
wangqinghua committed
                <table *ngIf="linkList.length > 0" border="1" class="table-demo margin-top-10">
                    <thead>
                    <tr>
                        <th>资产编号</th>
                        <th>资产名称</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr *ngFor="let item of linkList;let i = index">
                        <td>{{item.inventoryNo}}</td>
                        <td>{{item.name}}</td>
                        <td><i (click)="deleteInventory(i)" class="anticon anticon-close-circle handle-delete"></i></td>
                    </tr>
                    </tbody>
                </table>
wangqinghua's avatar
wangqinghua committed
            </div>
        </div>
        <div nz-row>
            <div nz-col nzSpan="5" class="line-height-32">关联费用:</div>
wangqinghua's avatar
wangqinghua committed
            <div nz-col nzSpan="12">
wangqinghua's avatar
wangqinghua committed
                <button (click)="showCostModal()" nz-button><span>添加</span></button>
wangqinghua's avatar
wangqinghua committed
                <table *ngIf="eventCostList.length > 0" border="1" class="table-demo margin-top-10">
                    <thead>
                    <tr>
                        <th>费用类别</th>
                        <th>费用金额</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr *ngFor="let item of eventCostList;let i = index">
                        <td>
                            <ng-container *ngIf="item.costTypeId == '0'">委外费用</ng-container>
                            <ng-container *ngIf="item.costTypeId == '1'">物料费用</ng-container>
                            <ng-container *ngIf="item.costTypeId == '2'">其他</ng-container>
                        </td>
                        <td>{{item.amount}}</td>
                        <td><i (click)="deleteCost(i)" class="anticon anticon-close-circle handle-delete"></i></td>
                    </tr>
                    </tbody>
                </table>
wangqinghua's avatar
wangqinghua committed
            </div>
        </div>
        <div nz-row>
            <div nz-col nzSpan="5" class="line-height-32">违规通报:</div>
wangqinghua's avatar
wangqinghua committed
            <div nz-col nzSpan="12">
wangqinghua's avatar
wangqinghua committed
                <button (click)="showNotiModal()" nz-button><span>添加</span></button>
wangqinghua's avatar
wangqinghua committed
                <table *ngIf="eventViolationVOList.length > 0" border="1" class="table-demo margin-top-10">
                    <thead>
                    <tr>
                        <th>通报标题</th>
                        <th>关联项目</th>
                        <th>通报内容</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr *ngFor="let item of eventViolationVOList;let i = index">
                        <td>{{item.title}}</td>
                        <td>{{item.projectName}}</td>
                        <td>{{item.content}}</td>
                        <td><i (click)="deleteNoti(i)" class="anticon anticon-close-circle handle-delete"></i></td>
                    </tr>
                    </tbody>
                </table>
wangqinghua's avatar
wangqinghua committed
            </div>
        </div>
        <div nz-row>
            <div nz-col nzSpan="5"><span class="color-red">*</span>处理情况:</div>
            <div nz-col nzSpan="19">
                <textarea [(ngModel)]="obj.operateResult" id="tyoeDescribe" row="4" nz-input></textarea>
            </div>
        </div>
        <p>
            <button (click)="save()" nz-button><span>确定</span></button>
wangqinghua's avatar
wangqinghua committed
        </p>
wangqinghua's avatar
wangqinghua committed
    </div>
</div>
wangqinghua's avatar
wangqinghua committed

<!--关联资产-->
<smart-link-inventory #smartLinkInventory (done)="setLink($event)"></smart-link-inventory>

<!--转派-->
wangqinghua's avatar
wangqinghua committed
<smart-transfor #smartTransfor (done)="success($event)"></smart-transfor>
wangqinghua's avatar
wangqinghua committed

<!--关联费用-->
<smart-cost-releation #smartCostReleation (done)="getCostReleation($event)"></smart-cost-releation>

<!--违规通报-->
<smart-violation-notification #smartVioNoti (done)="getNoti($event)"></smart-violation-notification>