itsm-whlg/wechat/assets/views/weChat/myIncident/incidentHandler.html

<!-- <style type="text/css">
    .topHeadBg {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url('./assets/images/weChat/bg_top.png') !important;
    }
    
    .activeButton {
        background-color: #006bc0 !important;
        color: white !important;
    }
</style>

<div class="bar bar-header bar-light">
    <div class="button-bar">
        <a class="button" ng-class="{'activeButton':status.active}" ng-repeat="status in statuses" ng-click="searchTypeFunction(status.status)">{{status.label}}</a>
    </div>
</div>
<div class=" scroll-content has-header has-footer body-background-color">
    <ion-content>
        <ion-refresher pulling-text="下拉刷新 " on-refresh="doRefresh() "></ion-refresher>
        <div class="item" ng-if="!myData.length">
            <div class="row">
                <div class="col col-33 col-offset-33">
                    <img src="./assets/images/weChat/quesheng.png" alt="" style="height:10rem;">
                </div>
            </div>
            <div class="row">
                <div class="col col-33 col-offset-33" style="text-align: center;">
                    <span class="textOver font-color-gray"> 暂无事件</span>
                </div>
            </div>
        </div>
        <a class="item padding-top-bottom list-margin-bottom" ng-repeat="item in myData" ng-click="extendStatus=!extendStatus">
            <div>
                <div class="row list-border-bottom">
                    <div class="col col-10 ">
                        <i class="icon  iconfont dsit-gongdanliebiao font-color-blue"></i>
                    </div>
                    <div class="col col-50 font-color-black fz-17">
                        <span>主题:</span><span>&nbsp;&nbsp;{{item.title}}</span>
                    </div>
                    <div class="col col-30 col-offset-10">
                        <span ng-class="{'state-wrap-danger':item.state.id==2,'state-wrap-normal':item.state.id!=2,}">{{item.state.name || '未受理'}}</span>
                    </div>
                </div>
                <div style="position: relative;">
                    <div class="row padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">人员编号&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.requester.account}}</span>
                        </div>
                    </div>
                    <div class="row padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">报修人&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.requester.name}}</span>
                        </div>
                    </div>
                    <div class="row padding-top-bottom" ng-if="extendStatus">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">工单号&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.incidentsign}}</span>
                        </div>
                    </div>
                    <div class="row padding-top-bottom" ng-if="extendStatus">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">逾期时间&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14" style="color:{{item.colourInfo.rgb}};">{{item.overdueTime}}</span>
                        </div>
                    </div>
                    <div class="row padding-top-bottom" ng-if="extendStatus">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">区域&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.area.area}}</span>
                        </div>
                    </div>
                    <div class="row padding-top-bottom" ng-if="extendStatus">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">地点&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.place.place}}</span>
                        </div>
                    </div>
                    <div ng-controller="handlerExtendCtrl">
                        <div class="flexButton" ng-if="item.colourInfo">
                            <i class="icon iconfont dsit-yuqi" style="color:{{item.colourInfo.rgb}};font-size: 40px;"></i>
                        </div>
                        <div class="flexExtendButton" ng-if="extendStatus">
                            <div class="handleButtonLook" ng-click="look($parent.$parent.item) ">
                                <i class="icon iconfont dsit-chakan ">
                                                <span class="icontfontMarginLeft">查看</span>
                                            </i>
                            </div>
                            <div class="handleButtonEdit" ng-click="edit($parent.$parent.item) " ng-show="{{$parent.$parent.item.chaozuoPower}} ">
                                <i class="icon iconfont dsit-bianji ">
                                                <span class="icontfontMarginLeft">编辑</span>
                                            </i>
                            </div>
                            <div class="handleButtonHandler" ng-click="handler($parent.$parent.item) " ng-show="{{$parent.$parent.item.tiquPower}} ">
                                <i class="icon iconfont dsit-chakan ">
                                                <span class="icontfontMarginLeft">抢单</span>
                                            </i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row list-border-top">
                    <div class="col col-50 col-offset-10 font-color-gray fz-14">
                        <span>联系电话&nbsp;&nbsp;:&nbsp;&nbsp;</span><span>{{item.requester.mphone}}</span>
                    </div>
                </div>

            </div>
        </a>
        <ion-infinite-scroll ng-if="!domore " on-infinite="loadMore() " immediate-check="false " distance="1% "></ion-infinite-scroll>
    </ion-content>
</div> -->

<style type="text/css">
    .activeButton {
        background-color: #006bc0 !important;
        color: white !important;
    }
    
    .flexButton {
        position: absolute;
        right: 20px;
        top: 10px;
        font-size: 10px;
        line-height: 14px;
    }
    
    .flexExtendButton {
        right: 0px;
        top: 40px;
    }
    
    .textOver {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    input::-ms-input-placeholder {
        text-align: center;
    }
    
    input::-webkit-input-placeholder {
        text-align: center;
    }
</style>

<div style="background:white" class="tabs-top fz-16">
    <div class="top-header">
        <div class="item item-icon-right bordo height_3" ng-click="inputclick()">
            <a class="" ng-focus="inputclick()">
                <i class="icon ion-ios-arrow-right font-color-gray" style="font-size: 2rem;"></i>
            </a>
            <span class="">{{searchstate.label}}</span>
        </div>
    </div>
</div>
<div class="row body-background-color" style="height:1rem;"></div>
<div class="scroll-content top-header has-footer body-background-color">
    <!-- <div class="row scroll-content has-header has-footer body-background-color"> -->
    <ion-content>
        <ion-refresher pulling-text="下拉刷新 " on-refresh="doRefresh() "></ion-refresher>
        <div class="item" ng-if="myData.length==0&&isgetdata">
            <div class="row">
                <div class="col col-33 col-offset-33">
                    <img src="./assets/images/weChat/quesheng.png" alt="" style="height:10rem;">
                </div>
            </div>
            <div class="row">
                <div class="col col-33 col-offset-33" style="text-align: center;">
                    <span class="textOver font-color-gray"> 暂无事件</span>
                </div>
            </div>
        </div>
        <a class="item padding-left-0  padding-right-0  padding-top-bottom list-margin-bottom" ng-repeat="item in myData" ng-click="look(item)">
            <div>
                <!-- <div class="row list-border-bottom">
                    <div class="col col-10 ">
                        <i class="icon  iconfont dsit-icon-test2 font-color-lightblue"></i>
                    </div>
                    <div class="col col-50 font-color-black fz-14">
                        <span>事件单号:</span>
                        <span>{{item.incidentsign}}</span>
                    </div>
                    <div class="pull-right" style="padding:5px"><span class="pull-right {{item.statecolor}}">{{item.state.name}}</span></div> -->
                <!-- <div class="col col-30 col-offset-10  fz-14">
                        <span style="padding:5px;color:{{item.ruleColour.colourInfo.rgb}}">
                            <span class="pull-right {{item.statecolor}}" ng-if="item.ruleColour.colourInfo.id==1" >已逾期</span>
                        <i class="icon ion-ios-arrow-right font-color-gray pull-right" style="font-size: 2rem;"></i>
                        <span class="pull-right {{item.statecolor}}" ng-if="item.ruleColour.colourInfo.id==2">即将逾期</span>
                        <span class="pull-right {{item.statecolor}}" ng-if="item.ruleColour.colourInfo.id==3">正常</span>
                        </span>
                    </div> -->
                <!-- </div> -->
                <div class="row  list-border-bottom">
                    <!-- <div class="row"> -->
                    <div class="col col-10 ">
                        <i class="icon  iconfont dsit-baoxiuliebiao font-color-lightblue"></i>
                    </div>
                    <!-- <div class="col col-70 font-color-black">
                                报障编号：{{item.incident.incidentsign}}
                            </div> -->
                    <div class="col col-70 font-color-black">
                        <p class="font-color-gray fz-15"><span class="font-color-black">事件单号</span><span>：</span><span>{{item.incidentsign}}</span></p>
                    </div>
                    <span style="padding:5px"><span class="pull-right {{item.statecolor}}" >{{item.state.name}}</span></span>
                    <!-- </div> -->
                </div>
                <div style="position: relative;padding-left:5px;padding-right:5px;padding-top:8px;padding-bottom:8px">
                    <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14 fourfont">事件主题</span><span>：</span>
                            <span class="font-color-six  fz-14">{{item.title}}</span>
                        </div>
                    </div>
                    <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14 fourfont">报修人</span><span>：</span>
                            <span class="font-color-six fz-14">{{item.requester.name}}({{item.requester.mphone}})</span>
                        </div>
                    </div>
                    <!-- <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">工单号&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.incidentsign}}</span>
                        </div>
                    </div> -->
                    <!-- <div class=" padding-top-bottom" ng-if="extendStatus">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">逾期时间&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-six  fz-14" style="color:{{item.colourInfo.rgb}};">{{item.overdueTime}}</span>
                        </div>
                    </div>
                    <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10" ng-if="extendStatus">
                            <span class="font-color-black fz-14">区域&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-six fz-14">{{item.area.area}}</span>
                        </div>
                    </div>
                    <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10" ng-if="extendStatus">
                            <span class="font-color-black fz-14">地点&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-six  fz-14">{{item.place.place}}</span>
                        </div>
                    </div> -->
                    <!-- <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">人员编号&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.requester.account}}</span>
                        </div>
                    </div>
                    <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">报修人&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.requester.name}}</span>
                        </div>
                    </div>
                    <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">工单号&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.incidentsign}}</span>
                        </div>
                    </div>
                    <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">逾期时间&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14" style="color:{{item.colourInfo.rgb}};">{{item.overdueTime}}</span>
                        </div>
                    </div>
                    <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">区域&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.area.area}}</span>
                        </div>
                    </div>
                    <div class=" padding-top-bottom">
                        <div class="col col-50 col-offset-10">
                            <span class="font-color-black fz-14">地点&nbsp;&nbsp;:&nbsp;&nbsp;</span>
                            <span class="font-color-black-1 fz-14">{{item.place.place}}</span>
                        </div>
                    </div> -->
                    <!-- <div ng-controller="handlerExtendCtrl">
                        <div class="flexButton" ng-if="item.colourInfo">
                            <i class="icon iconfont dsit-yuqi" style="color:{{item.colourInfo.rgb}};font-size: 40px;"></i>
                        </div>
                        <div class="flexExtendButton" ng-if="extendStatus">
                            <div class="handleButtonLook" ng-click="look($parent.$parent.item) ">
                                <i class="icon iconfont dsit-chakan ">
                                                <span class="icontfontMarginLeft">查看</span>
                                            </i>
                            </div>
                            <div class="handleButtonEdit" ng-click="edit($parent.$parent.item) " ng-show="{{$parent.$parent.item.chaozuoPower}} ">
                                <i class="icon iconfont dsit-bianji ">
                                                <span class="icontfontMarginLeft">编辑</span>
                                            </i>
                            </div>
                            <div class="handleButtonHandler" ng-click="handler($parent.$parent.item) " ng-show="{{$parent.$parent.item.tiquPower}} ">
                                <i class="icon iconfont dsit-chakan ">
                                                <span class="icontfontMarginLeft">抢单</span>
                                            </i>
                            </div>
                        </div>
                    </div> -->
                </div>
                <!-- <div class="row list-border-top">
                    <div class="col col-50 col-offset-10 font-color-gray fz-12 pull-left ">
                        <span>联系电话：</span><span>{{item.requester.mphone}}</span>
                    </div>
                    <div class="col col-50 col-offset-10 font-color-gray fz-12 pull-right ">
                        <span>报修时间：</span><span>{{item.acceptDate}}</span>
                    </div>
                </div> -->
                <div class="row list-border-top">
                    <div class="col  col-offset-10 font-color-gray">
                        <!-- <div class="pull-left font-color-gray fz-12">
                            <span>联系电话：</span>
                            <span>{{item.requester.mphone}}</span>
                        </div> -->
                        <div class="pull-right font-color-gray fz-12">
                            <!-- <span>报修时间：</span> -->
                            <span>{{item.acceptDate | date:"yyyy-MM-dd HH:mm"}}</span>
                        </div>
                    </div>
                </div>

            </div>
        </a>
        <ion-infinite-scroll ng-if="!domore " on-infinite="loadMore() " immediate-check="false " distance="1% "></ion-infinite-scroll>
    </ion-content>
</div>