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

<!-- <style type="text/css">
    .activeButton {
        background-color: #006bc0 !important;
        color: white !important;
    }
    
    .flexButton {
        position: absolute;
        right: 20px;
        top: -4px;
    }
    
    .textOver {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .button-bar>.button {
        padding: 0 0;
    }
    
    .handleButtonLook {
        margin-bottom: -5px;
        margin-top: 5px;
    }
    
    .handleButtonHandler {
        margin-bottom: -5px;
        margin-top: 5px;
    }
    
    .icontfontMarginLeft {
        margin-left: 6px;
    }
</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 ">
    <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>
        <div class="item padding-top-bottom list-margin-bottom " ng-repeat="item in myData ">
            <div class="row-16">
                <div class="row_16" style="line-height: normal" ng-click="lookFunction(item) ">
                    <div class="row_0 col col-10 ">
                        <i class="icon iconfont dsit-baoxiuliebiao font-color-lightblue"></i>
                    </div>
                    <div class="col col-70 font-color-black textOver rowtop">
                        <span>报障编号:{{item.incidentsign}}</span>
                    </div>
                    <div class="col col-20-all rowtop">
                        <span class="state-wrap-normal ">{{item.state}}</span>
                    </div>
                </div>
                <div class="row list-border-top  list-border-bottom">
                    <div class="rowtop" style="margin-left:3.4rem">
                        <div class="col font-color-black fz-14 " ng-click="lookFunction(item) ">
                            <p class="font-color-gray fz-14"><span class="font-color-black">报修内容:</span>{{item.description}}</p>
                        </div>
                    </div>
                </div>
                <div class="row list-border-bottom">
                    <div class="" style="margin-left:3.4rem;width:100%">
                        <div class="pull-left font-color-gray fz-12 rowtop-8" ng-click="lookFunction(item) ">
                            <span>维修人:</span>
                            <span>{{item.name}}</span>
                        </div>
                        <div class="pull-right font-color-gray fz-12 rowtop-8" ng-click="lookFunction(item) ">
                            <span>报修时间:</span>
                            <span>{{item.createTime | date:"yyyy-MM-dd HH:mm:ss "}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <ion-infinite-scroll ng-if="!domore " on-infinite="loadMore() " immediate-check="false " distance="1% "></ion-infinite-scroll>
    </ion-content>
</div> -->
<style type="text/css">
    .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 class="bar bar-header bar-stable">
    <div class="item-input-wrapper" style="background: white;border: 0.1rem solid #eee;">
        <input type="text" class="form-control border-2 icon  iconfont xinjian" style="height: 28px;background:white;" ng-change="searchNoticesearchInput)" placeholder="&#xe633搜索" ng-model="searchInput">
    </div>
</div> -->
<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">
    <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-top-bottom list-margin-bottom" ng-if="myData.length>0" ng-repeat="item in myData" ng-click="lookFunction(item)">
            <div class="row-1r  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>{{item.incident.incidentsign}}</span></p>
                    </div>
                    <span style="padding:5px"><span class="pull-right {{item.statecolor}}" >{{item.state}}</span></span>
                </div>
            </div>
            <div class="row-1r  list-border-bottom">
                <div class="row">
                    <div class="col col-10 ">
                    </div>
                    <div class="col font-color-black">
                        <p class="font-color-gray fz-15"><span class="font-color-black">报修内容：</span>{{item.description}}</p>
                    </div>
                </div>
            </div>
            <div class="row-1r list-border-bottom">
                <!-- <div class="row">
                    <div class="col col-50 col-offset-10 font-color-gray">
                        <span class="font-color-black-1 fz-14">维修人：{{item.name}}</span>
                    </div>
                    <div class="col col-20 col-offset-10 font-color-gray">
                        <span class="font-color-black-1 fz-14">报修时间：{{item.createTime | date:"yyyy-MM-dd HH:mm:ss "}}</span>
                    </div>
                </div> -->
                <div class="row">
                    <div class="col  col-offset-10 font-color-gray">
                        <div class="pull-left font-color-gray fz-12" ng-click="lookFunction(item) ">
                            <span>维修人:</span>
                            <span>{{item.incident.handlingPersonnelUser.name}}</span>
                        </div>
                        <div class="pull-right font-color-gray fz-12" ng-click="lookFunction(item) ">
                            <span>报修时间:</span>
                            <span>{{item.createTime | 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>