itsm-pc-handle/assets/views/incident/incidentDetail.html

<style>
    .tree-control .tree-view .item-container:hover,
    .tree-control .tree-view .selected,
    .tree-control .tree-view .active {
        background-color: #428bca;
        background-image: linear-gradient(#428bca, #428bca) !important;
        background: #428bca;
        color: #fff;
    }

    .tree-control .tree-view .item-container:hover .expand,
    .tree-control .tree-view .selected .expand,
    .tree-control .tree-view .active .expand {
        border-left: 10px solid #fff;
    }

    .tree-control .tree-view .item-container:hover .expand-opened,
    .tree-control .tree-view .selected .expand-opened,
    .tree-control .tree-view .active .expand-opened {
        border-bottom: 0px solid transparent;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 10px solid #fff;
    }

    textarea.autosize {
        height: 100px;
    }

    /* 事件工单信息 */
    .ui-workernumbersign .inp{
        width: 50px;
    }
    .ui-workernumbersign img{
        width: 100%;
    }

    /* 报修/处理图片 */
    .ui-repair-photos .fileupload{
        width: 100px;
        height: 100px;
        border: 1px dotted #ccc;
        display: inline-block;
        background: #fff;
        margin: 1%;
    }
    .ui-repair-photos .imgsBox {
        border: 1px solid #ddd;
        display: flex;
        flex-wrap: wrap;
        padding: 10px 10px;
    }
    /* 处理节点 */
    .ui-followStatus2 .center{
        text-align: center!important;
    }
    /* 联系电话 */
    .ui-inputcall .input-group-btn{
        height: 28px!important;
    }
    .ui-inputcall .input-group-btn:last-child>.btn{
        height: 28px;
    }
    /* 处理方案 */
    .ui-divTextarea #textarea {
        height: auto;
        min-height: 28px;
        width: 100%;
        padding: 4px;
        color: #666;
        background-color: #eee;
        border: 1px solid #dedede;
        border-radius: 2px;
        resize: vertical;
        overflow: auto;
        transition-duration: 0.1s;
        transition: 300ms ease-in-out;
        font-size: 14px;
    }
    .ui-divTextarea #textarea img{
        width: 400px;
    }

    .ui-divTextarea #textarea:focus,
    .ui-divTextarea #textarea:hover {
        outline: none;
        background: #f7f7f8 !important;
        border-color: #F8F8F8;
    }
</style>
<div ng-controller="incidentDetailCtrl">
    <form ng-submit="vm.submit(vm.model,'expand-right')" class="fontcolor-two">
        <div class="panel">
            <div class="col-xs-12 ui-title">
                <section id="page-title-form">
                    <div class="row">
                        <div class="col-sm-8">
                            <h1 class="mainTitle">
                                事件详情<i tooltip="请查看事件" tooltip-placement="right" class="fa ti-help-alt margin-left-10 fontcolor-five pointfont"></i>
                            </h1>
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <div class="panel col-xs-3 col-left-0 ">
            <div class="row">
                <div class="col-xs-12 ui-deptinformation">
                    <div class="row searchrequster" id="searchid">
                        <div class="col-md-12 formheard_pad">
                            <div class="pull-left fontcolor-two fontsizes-16 font-weight-500">
                            报修科室基本信息
                            </div>
                        </div>
                        <div class="col-md-12 col-10 requestconnect padding-top-5">
                            <div class="requestback pull-left">
                                <div class="col-md-12">
                                <div class="control-label col-xs-12 fontsizes-16 formheardpad">
                                    <div class="row">
                                    <div class="demo pull-left">科室名称</div>
                                    <span class="font-weight-600">: {{model.department.dept}}</span>
                                    </div>
                                </div>
                                </div>
                                <div class="col-md-12">
                                <div class="control-label col-xs-12 fontsizes-16 formheardpad">
                                    <div class="row">
                                    <div class="demo pull-left">区域地点</div>
                                    <span class="font-weight-600">
                                        :
                                        {{model.department.place.area.area+''+model.department.place.place}}</span
                                    >
                                    </div>
                                </div>
                                </div>
                                <div class="col-md-12">
                                <div class="control-label col-xs-12 fontsizes-16 formheardpad">
                                    <div class="row">
                                    <div class="demo pull-left">科室电话</div>
                                    <span class="font-weight-600" style="word-break: break-all;">: {{model.department.phone}}</span>
                                    </div>
                                </div>
                                </div>
                                <div class="col-md-12">
                                <div class="control-label col-xs-12  fontsizes-16 formheardpad">
                                    <div class="row">
                                        <div class="demo pull-left">来电号码</div>
                                        <div class="font-weight-600">: {{model.incomingPhone}}</div>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="row">
                    <div class="col-xs-12 ui-workernumbersign">
                        <div class="row worknumber fontcolor-two margin-top-10" id="searchid">
                            <div class="col-md-12 formheard_pad">
                                <div class="pull-left  fontsizes-16 font-weight-500">
                                    事件工单信息
                                </div>
                            </div>
                            <div class="col-md-12 col-10 workconnect padding-top-10 fontsizes-14">
                                <div class="workback pull-left">
                                    <div class="col-md-12 ">
                                        <div class="control-label col-xs-6  fontsizes-14 formheardpad">
                                            <div class="row pull-left ">事件工单:</div>
                                        </div>
                                        <div class="control-label col-xs-6 col-0  fontsizes-14 formheardpad">
                                            <div>{{model.incidentsign}}</div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 ">
                                        <div class="control-label col-xs-6  fontsizes-14 formheardpad">
                                            <div class="row pull-left ">登记时间:</div>
                                        </div>
                                        <div class="control-label col-xs-6 col-0   fontsizes-14 formheardpad">
                                            <div>{{model.acceptDate | date:"yyyy-MM-dd HH:mm:ss"}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 ">
                                        <div class="control-label col-xs-6  fontsizes-14 formheardpad">
                                            <div class="row pull-left ">受理人:</div>
                                        </div>
                                        <div class="control-label col-xs-6 col-0   fontsizes-14 formheardpad">
                                            <div>{{model.acceptUser.name}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 ">
                                        <div class="control-label col-xs-6  fontsizes-14 formheardpad">
                                            <div class="row pull-left ">预计响应时间:</div>
                                        </div>
                                        <div class="control-label col-xs-6 col-0   fontsizes-14 formheardpad">
                                            <div>{{model.expectResponseTime||'--'}} 分钟</div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 ">
                                        <div class="control-label col-xs-6  fontsizes-14 formheardpad">
                                            <div class="row pull-left ">预计解决时间:</div>
                                        </div>
                                        <div class="control-label col-xs-6 col-0   fontsizes-14 formheardpad">

                                            <div>{{model.expectIntroTime?(model.expectIntroTime|minutesToHours):'--分钟'}}</div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 ">
                                        <div class="control-label col-xs-6  fontsizes-14 formheardpad">
                                            <div class="row pull-left ">逾期解决时间:</div>
                                        </div>
                                        <div class="control-label col-xs-6 col-0   fontsizes-14 formheardpad">

                                            <div>{{model.overdueTime | date:"yyyy-MM-dd HH:mm:ss"}}</div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 ">
                                        <div class="control-label col-xs-6  fontsizes-14 formheardpad">
                                            <div class="row pull-left ">报修地址:</div>
                                        </div>
                                        <div class="control-label col-xs-6 col-0   fontsizes-14 formheardpad" style="word-break: break-all;">
                                            <div>{{model.place ? (model.place.area.area + model.place.place) : ''}}{{model.houseNumber || ''}}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-xs-12 ui-repair-photos">
                        <div class="row  fontcolor-two margin-top-15">
                            <div class="col-md-12 formheard_pad worknumber">
                                <div class="pull-left  fontsizes-16 font-weight-500">
                                    报修图片
                                </div>
                            </div>
                            <div class="col-md-12" style="padding:0;">
                                <div class="imgsBox">
                                    <div class="fileupload pos-rlt" ng-repeat="(idx,img) in requestImgs" style="position: relative;">
                                        <img ng-src="{{attachmentAddressSplicing(img.relativeFilePath)}}"  style="max-height:300px;object-fit: contain;"
                                            class="pos-rlt" width=100%; height=100%; ng-click="preview('requestImgs', img.relativeFilePath, idx)" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 ui-repair-photos">
                        <div class="row  fontcolor-two margin-top-15">
                            <div class="col-md-12 formheard_pad worknumber">
                                <div class="pull-left  fontsizes-16 font-weight-500">
                                    处理图片
                                </div>
                            </div>
                            <div class="col-md-12" style="padding:0;">
                                <div class="imgsBox">
                                    <div class="fileupload pos-rlt" ng-repeat="(idx,img) in userImgs" style="position: relative;">
                                        <img ng-src="{{attachmentAddressSplicing(img.relativeFilePath)}}"  style="max-height:300px;object-fit: contain;"
                                            class="pos-rlt" width=100%; height=100%; ng-click="preview('userImgs', img.relativeFilePath, idx)" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 ui-repair-photos">
                        <div class="row  fontcolor-two margin-top-15">
                            <div class="col-md-12 formheard_pad worknumber">
                                <div class="pull-left  fontsizes-16 font-weight-500">
                                    附件下载
                                </div>
                            </div>
                            <div class="col-md-12" style="padding:0;">
                                <table class="table table-striped table-hover" style="table-layout: fixed;">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center;width: 70%;" class="ellipsis">名称</th>
                                            <th style="text-align: center;width: 30%;" class="ellipsis">附件下载</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <!-- 已上传附件 -->
                                        <tr ng-repeat="attachment in attachments">
                                            <td style="text-align: center;width: 70%;" class="ellipsis" title="{{attachment.name}}"><strong>{{ attachment.name }}</strong></td>
                                            <td style="text-align: center;width: 30%;">
                                                <div class="visible-md visible-lg hidden-sm hidden-xs">
                                                    <a ng-click="download(attachment.id,attachment.name,attachment.token)"
                                                        class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="下载"><i
                                                            class="fa fa-download"></i></a>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-9 col-0 ">
            <div class="panel col-xs-12 col-0 bg-lightgrey margin-top-10 ">
                <div class="col-xs-12 ui-header">
                    <div class="row"><div class="col-xs-12 col-15 form_heard border-top-left-2 border-top-right-2"> <div class = "pull-left fontcolor-two fontsizes-16  font-weight-500" > 报修科室信息 </div> </div></div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>报修科室:</label>
                            <div>
                                <input class="form-control" ng-value="model.department.dept" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-inputcall">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>联系电话:</label>
                            <div class="input-group  col-xs-12">
                                <input class="form-control" ng-model="model.contactsInformation" disabled="disabled" />
                                <span class="input-group-btn">
                                    <button class="btn btn-default" tooltip="拨打" tooltip-placement="top"
                                        ng-click="dialout(model.contactsInformation)"
                                        type="button"><i class="fa fa-phone greenfont"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>联系人:</label>
                            <div>
                                <input class="form-control" ng-value="model.contacts" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>预约维修时间:</label>
                            <div>
                                <input class="form-control" ng-value="model.yyTime" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel col-xs-12 col-0 bg-lightgrey margin-top-10 "
                style="border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important ">
                <div class="col-xs-12 ui-header">
                    <div class="row"><div class="col-xs-12 col-15 form_heard border-top-left-2 border-top-right-2"> <div class = "pull-left fontcolor-two fontsizes-16  font-weight-500" > 事件信息 </div> </div></div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>故障现象:</label>
                            <div>
                                <input class="form-control" ng-value="model.category.category" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>事件来源:</label>
                            <div>
                                <input class="form-control" ng-value="model.source.name" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>优先级:</label>
                            <div>
                                <input class="form-control" ng-value="model.priority.name" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>故障描述:</label>
                            <div>
                                <textarea class="form-control autosize msd-elastic: \n;" data-ng-model="model.description" ng-disabled="{{true}}"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel col-xs-12 col-0 bg-lightgrey margin-top-10 "
                style="border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important ">
                <div class="col-xs-12 ui-header">
                    <div class="row"><div class="col-xs-12 col-15 form_heard border-top-left-2 border-top-right-2"> <div class = "pull-left fontcolor-two fontsizes-16  font-weight-500" > 处理信息 </div> </div></div>
                </div>
                <div class="col-xs-12 ui-followStatus2">
                    <div class="row padding-sm no-padding-vr bordered no-border-hr ">
                        <div class="col-md-12">
                            <div class="panel panel-white">
                                <div class="panel-body">
                                    <table class="table table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <th class="center" style="width: 10px;">#</th>
                                                <th class="center" style="width: 25%;">处理过程</th>
                                                <th class="center" style="width: 25%;">操作人</th>
                                                <th class="center" style="width: 25%;">执行时间</th>
                                                <th class="center" style="width: 25%;">备注</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="item in followData">
                                                <td class="center">{{$index + 1}}</td>
                                                <td class="center">{{item.logType ? item.logType.name : ''}}</td>
                                                <td class="center">{{item.appointorName}}</td>
                                                <td class="center">{{item.startTime|date:'yyyy-MM-dd HH:mm:ss'}}</td>
                                                <td class="center" style="word-break: break-all; white-space: normal;">{{item.remark}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>处理方式:</label>
                            <div>
                                <input class="form-control" ng-value="model.handleCategory.name" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>确认故障现象:</label>
                            <div>
                                <input class="form-control" ng-value="model.category.category" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>处理结果:</label>
                            <div>
                                <input class="form-control" ng-value="model.closecode.desc" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>处理人:</label>
                            <div>
                                <input class="form-control" ng-value="transferUser(model)" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>协同人:</label>
                            <div>
                                <input class="form-control" ng-value="transferSynergetic(model.synergetic)" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 ui-divTextarea">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>处理方案:</label>
                            <div>
                                <div id="textarea" ng-bind-html="model.handleDescription"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel col-xs-12 col-0 bg-lightgrey margin-top-10 "
                style="border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important ">
                <div class="col-xs-12 ui-header">
                    <div class="row"><div class="col-xs-12 col-15 form_heard border-top-left-2 border-top-right-2"> <div class = "pull-left fontcolor-two fontsizes-16  font-weight-500" > 评价信息 </div> </div></div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>满意度评价:</label>
                            <div>
                                <input class="form-control" ng-value="model.wxdegree.name" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>评价内容:</label>
                            <div>
                                <textarea class="form-control autosize msd-elastic: \n;" data-ng-model="model.wxdegreeremark" ng-disabled="{{true}}"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel col-xs-12 col-0 bg-lightgrey margin-top-10 "
                style="border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important ">
                <div class="col-xs-12 ui-header">
                    <div class="row"><div class="col-xs-12 col-15 form_heard border-top-left-2 border-top-right-2"> <div class = "pull-left fontcolor-two fontsizes-16  font-weight-500" > 关单信息 </div> </div></div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>结果类型:</label>
                            <div>
                                <input class="form-control" ng-value="model.handleResult.name" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>满意度评价:</label>
                            <div>
                                <input class="form-control" ng-value="model.degree.name" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 ui-label">
                    <div class="form-group">
                        <div class="padding-top-5">
                            <label>回访备注:</label>
                            <div>
                                <input class="form-control" ng-value="model.visitRemarks" type="text" disabled="disabled" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 margin-top-30 margin-bottom-30 text-center ">
                <button type="submit" ng-if="vm.model.submit" ladda="ldloading.expand_right " style="height: 34px;"
                    data-style="expand-right " class="btn btn-addbutton addbutton "
                    ng-disabled="ldloading.expand_right ">{{vm.model.submit}}</button>
								<button type="close" ng-if="model.state.name=='已关闭'" class="btn btn-default default" ng-click="payReturn()"
										>回访</button>
                <button type="close" class="btn btn-default default" ng-click="closeModel()"
                    translate="form.button.CLOSE">CLOSE</button>
            </div>
        </div>
    </form>
</div>