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

<style type="text/css">
    .flexButton {
        /*width: 0.8rem;*/
        /*height: 0.8rem;*/
        /*text-align: center;*/
        /*line-height: 0.7rem;*/
        /*border-radius: 50%;*/
        /*border: 0.06rem #e3e3e3 solid;*/
        /*box-sizing: border-box;*/
        /*color: #007AFF;*/
        position: absolute;
        right: 20px;
        top: 40px;
        font-size: 10px;
        line-height: 14px;
    }
    
    .transparent {
        background-color: transparent !important;
    }
    
    .button.activated {
        border: none;
    }
    /* .tab-item {
        max-width: none;
    } */
    
    .divTop {
        margin-top: 50px
    }
    
    .divMiddle {
        margin-top: 50px;
    }
    
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .bdItem {
        /* background: red; */
        color: white;
        max-width: none;
        border-radius: 5px;
        padding: 40px 0;
        /* margin: 0 auto; */
    }
    
    .topImg {
        width: 100%;
        height: 17rem;
        background: url(./assets/images/weChat/weixinicon_bg.png);
        background-color: white;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-x: center;
    }
    
    .bottomDiv {
        width: 100%;
        height: 55%;
    }
    
    .topLeftA {
        display: block;
        position: absolute;
        width: 50%;
        height: 50%;
        top: 0;
        left: 0;
    }
    
    .topRightA {
        display: block;
        position: absolute;
        width: 50%;
        height: 50%;
        top: 0;
        right: 0;
    }
    
    .bottomLeftA {
        display: block;
        position: absolute;
        width: 50%;
        height: 50%;
        bottom: 0;
        left: 0;
    }
    
    .bottomRightA {
        display: block;
        position: absolute;
        width: 50%;
        height: 50%;
        bottom: 0;
        right: 0;
    }
    
    .middleImg {
        width: 63px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }
    
    .font-color-whites {
        color: white;
    }
    
    .font-color-black {
        color: black;
        font-size: 1.4rem
    }
    
    .font-color-gray {
        color: #999999;
        font-size: 1.3rem
    }
    
    .icon-wrap {
        border-radius: 50%;
        border: 0.2rem solid;
        width: 6rem;
        height: 6rem !important;
        line-height: 6rem;
        text-align: center;
    }
    
    .textOver {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .font-color-blue {
        color: #95BAE5;
        font-size: 2.4rem;
    }
    
    .font-color-black {
        color: #333333;
    }
    
    .font-color-black-2 {
        color: rgba(102, 102, 102, 1);
    }
    
    .font-color-red {
        color: #D0021B;
        font-size: 1.2rem;
    }
    
    .state-wrap-danger {
        text-align: center;
        color: #D0021B;
        font-size: 1.2rem;
        border: 0.05rem solid;
        background-color: rgba(208, 2, 27, 0.2);
        border-radius: 1.5rem;
        padding: 0.3rem 1rem;
    }
    
    .state-wrap-normal {
        text-align: center;
        color: rgba(74, 144, 226, 1);
        font-size: 1.2rem;
        border: 0.05rem solid;
        background-color: rgba(74, 144, 226, 0.2);
        border-radius: 1.5rem;
        padding: 0.3rem 1rem;
    }
    
    .padding-top-bottom {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    .fz-14 {
        font-size: 1.4rem;
    }
    
    .fz-17 {
        font-size: 1.7rem;
    }
    
    .fz-20 {
        font-size: 2.0rem;
    }
    
    .list-border-bottom {
        border-bottom: 0.05rem solid rgba(238, 238, 238, 1);
    }
    
    .list-border-top {
        border-top: 0.05rem solid rgba(238, 238, 238, 1);
    }
    
    .list-margin-bottom {
        margin-bottom: 0.5rem;
    }
    
    .body-background-color {
        background-color: #f5f5f5;
    }
    
    .no-margin-bottom {
        margin-bottom: 0px;
    }
    
    .item:last-child {
        margin-bottom: 0px;
        border: none;
    }
</style>

<div class="scroll-content has-footer body-background-color">
    <ion-content>
        <div class="topImg">
            <div class="row">
                <div class="col">
                    <a class="tab-item active font-color-whites" href="#/tab/incidentHandler">
                        <i class="icon icon-wrap iconfont dsit-guzhangbaojing"></i> 我的事件
                    </a>
                </div>
                <div class="col">
                    <a class="tab-item active font-color-whites" href="#/tab/inspect">
                        <i class="icon icon-wrap iconfont dsit-shebeixunjian"></i> 我的巡检
                    </a>
                </div>
                <div class="col">
                    <a class="tab-item active font-color-whites" href="#/tab/myKnowledge">
                        <i class="icon icon-wrap iconfont dsit-question"></i> 常见问题
                    </a>
                </div>
                <div class="col">
                    <a class="tab-item active font-color-whites" href="#/tab/myNotice">
                        <i class="icon icon-wrap iconfont dsit-gonggao1"></i> 公告列表
                    </a>
                </div>
            </div>

        </div>

        <div class="list no-margin-bottom">
            <div class="item item-divider item-icon-right">
                待我处理的事件
            </div>
            <div class="item" ng-if="!incidentLists.length">
                <div class="row">
                    <span class="textOver font-color-gray"> 暂无待我处理的事件</span>
                </div>
            </div>
            <!-- <div class="item" ng-repeat="item in incidentLists" ng-click="lookFunction(item)"> -->
            <div class="item padding-top-bottom list-margin-bottom" ng-repeat="item in incidentLists">
                <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.incidentsign}}</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>
                        <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;:&nbsp;&nbsp;</span>
                                <span class="font-color-black-1 fz-14">{{item.title}}</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>
                    <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 class="col col-30 col-offset-10">
                            <span>2017-01-01</span>
                        </div> -->
                    </div>
                </div>
                <!-- <div class="row ">
                    <div class="col col-20 listLableFont ">
                        工单号
                    </div>
                    <div class="col col-30 listDetailFont ">
                        &nbsp;&nbsp;{{item.incidentsign}}
                    </div>
                </div>
                <div class="row ">
                    <div class="col col-20 listLableFont ">
                        主题
                    </div>
                    <div class="col col-30 listDetailFont ">
                        &nbsp;&nbsp;{{item.title}}
                    </div>
                </div>

                <div class="row">
                    <div class="col col-20 listLableFont ">
                        报修人
                    </div>
                    <div class="col col-30 listDetailFont ">
                        &nbsp;&nbsp;{{item.requester.name}}
                    </div>
                </div>

                <div class="row ">
                    <div class="col col-20 listLableFont ">
                        联系电话
                    </div>
                    <div class="col listDetailFont ">
                        &nbsp;&nbsp;{{item.requester.mphone}}
                    </div>
                </div>

                <div class="row ">
                    <div class="col col-20 listLableFont ">
                        状态
                    </div>
                    <div class="col col-20 listDetailFont ">
                        &nbsp;&nbsp;
                        <span class="btn-sm" ng-class="{'btn-stateId1':item.state.id==1,'btn-stateId2':item.state.id==2,'btn-stateId3':item.state.id==3,'btn-stateId4':item.state.id==4,'btn-stateId5':item.state.id==5,'btn-stateId6':item.state.id==6,'btn-stateId7':item.state.id==7,}">
                            {{item.state.name || '未受理'}}
                        </span>
                    </div>
                </div> -->
            </div>
        </div>

        <div class="list">
            <div class="item item-divider item-icon-right">
                <!-- <a class="" href="#/tab/myNotice"><i class="icon   ion-ios-arrow-right" style="font-size: 2rem;"></i></a> -->
                最新公告
            </div>
            <div class="item" ng-if="!noticeLists.length">
                <div class="row">
                    <span class="textOver font-color-gray"> 暂无公告</span>
                </div>
            </div>
            <div class="item padding-top-bottom" ng-repeat="item in noticeLists">
                <div>
                    <div class="row">
                        <div class="col col-10 ">
                            <i class="icon  iconfont dsit-zhuti font-color-blue"></i>
                        </div>
                        <div class="col col-50 font-color-black">
                            <span class="font-color-black-1 fz-17 textOver">{{item.content}}</span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col col-50 col-offset-10 font-color-gray">
                            <span class="font-color-black-1 fz-14">{{item.departmentName}}</span>
                        </div>
                        <div class="col col-20 col-offset-10 font-color-gray">
                            <span class="font-color-black-1 fz-14">{{item.createTime | filterTime}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="item" ng-repeat="item in noticeLists" ng-click="lookFunction(item)">
                <div class="row">
                    <div class="col col-10">
                        <img src="./assets/images/weChat/icon_head.png" style=" height: 2.5rem;">
                    </div>
                    <div class="col col-10 font-color-gray">
                        {{item.createUser.name}}
                    </div>
                    <div class="col col-20 col-offset-50 font-color-gray">
                        {{item.createTime}}
                    </div>
                </div>
                <div class="row">
                    <span class="textOver font-color-black"> {{item.content}}</span>
                </div>
            </div> -->

        </div>
    </ion-content>
</div>