itsm-whlg/wechat/assets/views/weChat/dashboard/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: 10rem;
        background: url(./assets/images/weChat/bg_shouye.png);
        background-repeat: no-repeat;
        background-size: 100%;
        padding-left: 15px;
        padding-right: 15px;
        background-position-x: center;
        background-color: white;
    }
    /* .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;
    } */
    
    .icon-wrap {
        border-radius: 50%;
        border: 0.2rem solid;
        text-align: center;
        font-size: 2.0rem !important;
        width: 4rem;
        height: 4rem !important;
        line-height: 3.8rem;
        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>
                        <div class='margin-top-5'>我的事件</div>
                    </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>
                        <div class='margin-top-5'>我的巡检</div>
                    </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>
                        <div class='margin-top-5'>常见问题</div>
                    </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>
                        <div class='margin-top-5'>公告列表</div>
                    </a>
                </div>
            </div>

        </div>
        <!-- <img src="./assets/images/gengban.png" alt="" style="height:10rem;">
        <img src="./assets/images/gengbanputong.png" alt="" style="height:10rem;">
        <img src="./assets/images/genganzhonghe.png" alt="" style="height:10rem;"> -->
        <!-- <ui-select ng-model="test">
            <ui-select-match>
                {{$select.selected.name}}
            </ui-select-match>
            <ui-select-choices repeat="x in testNumber" refresh="to.refresh($select.search, options)">
                <div ng-bind-html="x.name"></div>
            </ui-select-choices>
        </ui-select> -->
        <div class="itemone item-divider item-icon-right" style="border-bottom: 1px solid #eee;" ng-click="toMyIncident()">
            待办事项<i class="icon font-color-gray ion-ios-arrow-right" style="font-size: 1.5rem;"></i><span class="font-color-gray" style="float: right;">更多</span>
        </div>
        <div class="list no-margin-bottom" style="padding-top: 0px;">
            <!-- <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="center" ng-if="!incidentLists.length" style="background: white;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;">
                <div class="center">
                    <div style="width:100%;text-align: center">
                        <img src="assets/images/weChat/quesheng.png" style="height:7rem;" />
                        <div class="textOver font-color-3 fz-14 center" style="padding-bottom:1rem"> 暂无待我处理的事件</div>
                    </div>
                </div>
            </div>
            <!-- <div class="item" ng-repeat="item in incidentLists" ng-click="lookFunction(item)"> -->
            <div class="item padding-top-bottom list-border-bottom" ng-repeat="item in incidentLists" ng-click="editorFunction(item)">
                <div>
                    <div class="row list-border-bottom">
                        <div class="col col-10 ">
                            <!-- <i class="icon  iconfont dsit-gongdanliebiao font-color-blue"></i> -->
                            <i class="icon  iconfont dsit-baoxiuliebiao font-color-lightblue" style="font-size: 2.0rem"></i>
                        </div>
                        <div class="col col-50 font-color-black fz-17">
                            <span>工单号：</span><span>{{item.incidentsign}}</span>
                        </div>
                        <div class="col col-30 col-offset-20">
                            <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="padding-top:5px;padding-bottom:5px">
                        <div class="row padding-top-bottom" style="padding-top:0px !important;padding-bottom:0px !important">
                            <div class="col col-50 col-offset-10">
                                <span class="font-color-black fz-14 threefont">主题</span><span>：</span>
                                <span class="font-color-gray  fz-14">{{item.title}}</span>
                            </div>
                        </div>
                        <div class="row padding-top-bottom" style="padding-top:0px !important;padding-bottom:0px !important">
                            <div class="col col-50 col-offset-10">
                                <span class="font-color-black fz-14 threefont">报修人</span><span>：</span>
                                <span class="font-color-gray  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>联系电话：</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" style="margin-top: 1rem;">
            <!-- <div class="item item-divider item-icon-right">
                最新公告
            </div> -->
            <div class="item item-divider item-icon-right ">
                <a class=" " href="#/tab/myNotice "><i class="icon font-color-gray ion-ios-arrow-right "></i><span class="font-color-gray " style="float: right; ">更多</span></a> <span class="center" style="float: left; ">最新公告</span>
            </div>
            <!-- <div class="item" ng-if="!noticeLists.length">
                <div class="row">
                    <span class="textOver font-color-gray"> 暂无公告</span>
                </div>
            </div> -->

            <div class="center" style="background: white;height:21rem;border-top: 1px solid #ddd" ng-if="!noticeLists.length">
                <div class="center">
                    <div style="width:100%;text-align: center">
                        <img src="assets/images/weChat/quesheng.png" style="height:7rem;margin-top:5rem" />
                        <div class="textOver font-color-3 fz-14 center" style="padding-bottom:1rem"> 暂无公告</div>
                    </div>
                </div>
            </div>
            <div class="item padding-top-bottom" ng-repeat="item in noticeLists" ng-click="lookFunction(item)" style="border-bottom: 1px solid #eee;">
                <div>
                    <div class="row">
                        <div class="col col-10 ">
                            <i class="icon  iconfont dsit-zhuti font-color-lightblue" style="font-size: 2.2rem"></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>