itsm-pc-handle/assets/views/dashboard/newdash.html

<style>
    .bodybackground {
        background: #eee;
    }

    .know-text-group {
        vertical-align: middle;
        display: inline-block;
        box-sizing: border-box;
        border-radius: 2px;
        /* border: 1px solid #fff; */
        padding-top: 5px;
        width: 100%;
        padding-bottom: 5px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .know-text-group .know-text-group_block{
        width: 50%;
        border-left: 4px solid #005395;
    }

    .know-text-group .know-text-group_item{
        margin-left: 8px;
    }

    /* .know-text-group .know-text-group_item .know-text-group_strong:hover{
        text-decoration: underline;
        cursor: pointer;
    } */

    .know-text-group-div {
        display: inline-block;
        width: 12%;
        padding-top: 5px;
        padding-bottom: 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .know-text-group-div:hover {
        background-color: #005395 !important;
        color: #fff;
    }

    .know-text-group-div.active,
    .know-text-group-div:focus,
    .know-text-group-div:hover {
        background-color: #005395 !important;
        color: #fff;
    }

    .know-text-color {
        padding-left: 14px;
        font-size: 14px;
        color: #93989e;
    }

    .know-span {
        display: inline-block;
        text-align: center;
    }

    .know-num {
        width: 28px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        border-radius: 10px;
        margin-right: 10px;
        color: white;
    }

    .bg-yellow {
        background: #005395;
    }

    .bg-green {
        background: #2edbb8;
    }

    .bg-blue {
        background: #6f9ad4;
    }

    .leftBorder {
        border-left: 1px solid #eeeeee;
    }

    .leftBorder.active,
    .leftBorder:focus,
    .leftBorder:hover {
        border-left: 0px solid #005395;
    }

    .divRight {
        float: right;
    }

    input[type="text"] {}

    .searchInput {
        border: none !important;
    }

    input:focus {
        box-shadow: none !important;
        border: none !important;
        background-color: white !important;
    }

    .know-left-div {
        width: 706px;
        /* margin-top: 15px; */
        /* display: inline-block; */
        float: left;
        margin-right: 20px;
    }

    .know-right-div {
        /* margin-top: 15px; */
        /* display: inline-block; */
        overflow: hidden;
    }

    .know-left-up-div {
        margin-bottom: 20px;
    }

    .know-left-div-head {
        height: 34px;
        line-height: 34px;
        background: #e9eff8;
        font-size: 14px;
        color: #606367;
        border-radius: 8px 8px 0 0;
        padding-left: 10px;
    }
    /* .listheight {}
     */

    .gobutton {
        color: 005395;
        font-family: "microsoft yahei";
    }

    .gobutton:hover {
        color: #1b3651;
    }

    .gobutton:focus,
    .gobutton:hover {
        color: #1b3651;
    }

    .dash_head {
        font-size: 14px;
    }

    .dash_headborder {
        height: 260px;
        border: 1px solid #dedede;
        border-radius: 2px;
    }

    .dashheadcolor {
        col-xs-1fff;
        border: 1px solid #dedede;
        border-radius: 2px;
    }

    .dash_mapborder {
        height: 320px;
        border: 1px solid #dedede;
        border-radius: 2px;
    }

    .disablecolor {
        color: #f3f3f3 !important;
        cursor: not-allowed;
    }

    .onlyaline {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .newcolor {
        color: #79a3c4;
    }

    .form-controldash {
        color: #93989e;
        height: 20px;
        border-radius: 2px;
        border: 1px solid #d1d1d1;
    }

    .iconcolorjingji {
        color: #BE2636 !important;
    }

    .iconcoloryanzhong {
        color: #f5a623 !important;
    }

    .iconcoloryiban {
        color: #005396 !important;
    }

    .iconfontkill {
        font-family: iconfont!important;
        font-size: 18px;
        color: #000;
        z-index: 1;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: .2px;
    }

    .monthchoice {
        height: 200px;
        overflow-x: hidden;
        overflow-y: scroll;
        line-height: 30px;
        text-align: center;
    }

    .dropdown-menu.monthchoice {
        min-width: 30px !important;
    }
</style>
<div ng-style="bodyheight">
    <div ng-controller="newDashCtrl" class="">
        <!-- 事件经理 -->
        <ng-container ng-show="isEventManager">
            <div class="listbote dashheadcolor margin-top-15">
                <div class="list-controls clearfix">
                    <div class="know-text-group clearfix" ng-repeat="dutyOrderCount in dutyOrderCountList">
                        <div class="know-text-group_block fl" style="font-size: 16px;" ng-repeat="item in dutyOrderCount">
                            <div class="know-text-group_item fl" style="width: 12em;">{{ (item[0] + item[1]).length < 12 ? item[0] + item[1] : (item[0] + item[1]).slice(0, 11) + '...' }}<strong></strong></div>
                            <div class="know-text-group_item fl">今日建单数：<strong class="know-text-group_strong" style="display: inline-block;width: 2em;">{{item[2] < 999 ? item[2] : 999}}</strong></div>
                            <div class="know-text-group_item fl">所有待接单：<strong class="know-text-group_strong" style="display: inline-block;width: 2em;">{{item[3] < 999 ? item[3] : 999}}</strong></div>
                            <div class="know-text-group_item fl">所有处理中：<strong class="know-text-group_strong" style="display: inline-block;width: 2em;">{{item[4] < 999 ? item[4] : 999}}</strong></div>
                            <div class="know-text-group_item fl">已完成：<strong class="know-text-group_strong" style="display: inline-block;width: 2em;">{{item[5] < 999 ? item[5] : 999}}</strong></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" style="margin-left:-7px;margin-right:-7px">
                <div class="col-xs-4" style="padding-left:8px;padding-right:8px">
                    <div class="listheight dash_headborder">
                        <div class="col-xs-12 fenlei ">
                            <div class="fenleitop  fontsizes-14">
                                <div class="row bottomborder">
                                    <div class="col-xs-12 fontcolor-two padding-5" style="display: flex;align-items: center;justify-content: space-between;height: 40px;">
                                        <div class="fenleifont">今日各人员工作情况</div>
                                        <div style="display: flex;align-items: center;justify-content: space-between;">
                                            <div class="pull-left" style="width:200px; margin-right: 8px;">
                                                <ui-select ng-model="parameters.duty1" theme="bootstrap" ng-change="changeDuty1()">
                                                    <ui-select-match placeholder="选择责任科室">
                                                        {{$select.selected.branchName}}-{{$select.selected.dept}}
                                                    </ui-select-match>
                                                    <ui-select-choices repeat="item in dutys | filter: $select.search">
                                                        <div ng-bind-html="item.branchName + '-' + item.dept"></div>
                                                    </ui-select-choices>
                                                </ui-select>
                                            </div>
                                            <div class="fenleifont fontcolor-ten pull-right fontsizes-14">
                                                <i class="icon iconfontsmall icon-qiehuanzuo newcolor pointfont" ng-click="parselistTodayUserOrderCount()" ng-class=" {'disablecolor':gaoliangleftTodayUserOrderCount} "></i>
                                                {{filterDataTodayUserOrderCount.idx+1}}/{{filterDataTodayUserOrderCountTotalPage}}
                                                <i class="icon  iconfontsmall icon-qiehuanyou newcolor pointfont" ng-class="{'disablecolor':gaoliangrightTodayUserOrderCount}"  ng-click="nextlistTodayUserOrderCount()"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <form role="form" class="fontsizes-12 fontcolor-ten">
                                    <table class="table table-noline" id="sample-table-1">
                                        <thead>
                                            <tr>
                                                <th class="th-noline onlyaline" style="min-width:10px;max-width:20px">#</th>
                                                <th class="th-noline onlyaline" style="min-width:30px;max-width:40px">姓名</th>
                                                <th class="th-noline onlyaline" style="min-width:30px;max-width:40px">处理中</th>
                                                <th class="th-noline onlyaline" style="min-width:30px;max-width:40px">今日完成</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="todayUserOrderCount in todayUserOrderCountList" class="pointfont">
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:10px;max-width:20px">{{$index+filterDataTodayUserOrderCount.idx*5+1}}</td>
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:30px;max-width:40px">{{todayUserOrderCount[0]}}</td>
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:30px;max-width:40px">{{todayUserOrderCount[1]}}</td>
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:30px;max-width:40px">{{todayUserOrderCount[2]}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4" style="padding-left:8px;padding-right:8px">
                    <div class="listheight dash_headborder">
                        <div class="fenlei col-xs-12 ">
                            <div class="fenleitop  fontsizes-14">
                                <div class="row bottomborder">
                                    <div class="col-xs-12 fontcolor-two padding-5" style="display: flex;align-items: center;justify-content: space-between;height: 40px;">
                                        <div class="fenleifont pull-left">超时工单</div>
                                        <div style="display: flex;align-items: center;justify-content: space-between;">
                                            <div class="pull-left" style="width:200px; margin-right: 8px;">
                                                <ui-select ng-model="parameters.duty3" theme="bootstrap" ng-change="changeDuty3()">
                                                    <ui-select-match placeholder="选择责任科室">
                                                        {{$select.selected.branchName}}-{{$select.selected.dept}}
                                                    </ui-select-match>
                                                    <ui-select-choices repeat="item in dutys | filter: $select.search">
                                                        <div ng-bind-html="item.branchName + '-' + item.dept"></div>
                                                    </ui-select-choices>
                                                </ui-select>
                                            </div>
                                            <div class="fenleifont fontcolor-ten pull-right fontsizes-14">
                                                <i class="icon iconfontsmall icon-qiehuanzuo newcolor pointfont" ng-click="parselistOvertimeOrderCount()" ng-class=" {'disablecolor':gaoliangleftOvertimeOrderCount} "></i>
                                                {{filterDataOvertimeOrderCount.idx+1}}/{{filterDataOvertimeOrderCountTotalPage}}
                                                <i class="icon  iconfontsmall icon-qiehuanyou newcolor pointfont" ng-class="{'disablecolor':gaoliangrightOvertimeOrderCount}"  ng-click="nextlistOvertimeOrderCount()"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <form role="form" class="fontsizes-12 fontcolor-ten">
                                    <table class="table table-hover table-noline" id="sample-table-1">
                                        <thead>
                                            <tr>
                                                <th class="th-noline onlyaline" style="min-width:10px;max-width:20px">#</th>
                                                <th class="th-noline onlyaline" style="min-width:60px;max-width:70px">故障描述</th>
                                                <th class="th-noline onlyaline" style="min-width:30px;max-width:40px">登记时间</th>
                                                <th class="th-noline onlyaline" style="min-width:30px;max-width:40px">处理人/组</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="overtimeOrderCount in overtimeOrderCountList" class="pointfont">
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:10px;max-width:20px">{{$index+filterDataOvertimeOrderCount.idx*5+1}}</td>
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:60px;max-width:70px" title="{{overtimeOrderCount.description}}">{{overtimeOrderCount.description}}</td>
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:30px;max-width:40px">{{overtimeOrderCount.acceptDate | date:"yyyy-MM-dd HH:mm"}}</td>
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:30px;max-width:40px">{{overtimeOrderCount.groupORHandlerUser}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4" style="padding-left:8px;padding-right:8px">
                    <div class="listheight dash_headborder">
                        <div class="fenlei col-xs-12 ">
                            <div class="fenleitop  fontsizes-14">
                                <div class="row bottomborder">
                                    <div class="col-xs-12 fontcolor-two padding-5" style="display: flex;align-items: center;justify-content: space-between;height: 40px;">
                                        <div class="fenleifont pull-left">建单数量排行</div>
                                        <div style="display: flex;align-items: center;justify-content: space-between;">
                                            <div class="pull-left" style="width:200px; margin-right: 8px;">
                                                <ui-select ng-model="parameters.duty2" theme="bootstrap" ng-change="changeDuty2()">
                                                    <ui-select-match placeholder="选择责任科室">
                                                        {{$select.selected.branchName}}-{{$select.selected.dept}}
                                                    </ui-select-match>
                                                    <ui-select-choices repeat="item in dutys | filter: $select.search">
                                                        <div ng-bind-html="item.branchName + '-' + item.dept"></div>
                                                    </ui-select-choices>
                                                </ui-select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="secondCategoryGraph" class="pull-left" style="width: 100%;height: 200px"></div>
                    </div>
                </div>
            </div>
            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
                <div class="col-xs-12" style="padding-left:8px;padding-right:8px">
                    <div class="listheight dash_mapborder">
                        <div class="fenlei col-xs-12" style="height:100%">
                            <div class="fenleitop fontsizes-14">
                                <div class="row bottomborder">
                                    <div class="col-xs-12 fontcolor-two padding-5" style="display: flex;align-items: center;justify-content: space-between;height: 40px;">
                                        <div class="fenleifont pull-left">近15天各部门的建单数</div>
                                    </div>
                                </div>
                            </div>
                            <div id="fault" class="pull-left" style="width: 100%;height: 260px"></div>
                        </div>
                    </div>
                </div>
            </div>
        </ng-container>
        <!-- 非事件经理 -->
        <ng-container ng-hide="isEventManager">
            <div class="listbote dashheadcolor margin-top-15">
                <div class="list-controls clearfix" ng-if="ifShowTj">
                    <!-- <div class="know-text-group"> -->
                        <!-- <div class="know-text-group-div pointfont center" ng-click="gowechart()" ng-if="thisuserrole=='admin'||thisuserrole=='center'">
                            <span class="know-text-color"><i class="icon  iconfontsmall icon-baozhangzhuanhuan ashy"></i>移动端报障</span>
                        </div>
                        <div class="know-text-group-div  pointfont center" ng-click="gobaojin()" ng-if="thisuserrole=='admin'||thisuserrole=='center'">
                            <div class="leftBorder">
                                <span class="know-text-color"><i class="icon  iconfontsmall icon-jiankongliebiao ashy"></i>监控报警</span>
                            </div>
                        </div> -->
                        <!-- <div class="know-text-group-div center pointfont" ng-click="gonewincident()">
                            <div class="leftBorder">
                                <span class="know-text-color"><i class="icon  iconfontsmall icon-xinjiangongdan1 ashy"></i>新建事件</span>
                            </div>
                        </div> -->
                        <!-- <div class="know-text-group-div center pointfont" ng-click="goyuqi()">
                            <div class="leftBorder">
                                <span class="know-text-color"><i class="icon  iconfontsmall icon-yiyuqi ashy"></i>逾期工单</span>
                            </div>
                        </div> -->
                        <!-- <div class="know-text-group-div center pointfont" ng-click="gonewproblem()">
                            <div class="leftBorder">
                                <span class="know-text-color"><i class="icon  iconfontsmall icon-wentifankui ashy"></i>新建问题</span>
                            </div>
                        </div>
                        <div class="know-text-group-div center pointfont" ng-click="gonewchange()">
                            <div class="leftBorder">
                                <span class="know-text-color"><i class="icon  iconfontkill icon-biangengshebei ashy"></i>新建变更</span>
                            </div>
                        </div> -->
                        <!-- <div class="know-text-group-div center pointfont" ng-click="goknowledge()">
                            <div class="leftBorder">
                                <span class="know-text-color"><i class="icon  iconfontsmall icon-zhishiku4 ashy"></i>知识库</span>
                            </div>
                        </div> -->
                        <!-- <div class="know-text-group-div center pointfont" ng-click="gocmdb()">
                            <div class="leftBorder">
                                <span class="know-text-color"><i class="icon  iconfontsmall icon-zichanguanli ashy"></i>CMDB</span>
                            </div>
                        </div> -->
                    <!-- </div> -->
                    <div class="know-text-group clearfix">
                        <div class="know-text-group_block fl" style="font-size: 16px;">
                            <div class="know-text-group_item fl">今日个人信息<strong></strong></div>
                            <div class="know-text-group_item fl">建单数：<strong class="know-text-group_strong">{{serviceUserIndexInfo[0]}}</strong></div>
                            <div class="know-text-group_item fl">解决工单数：<strong class="know-text-group_strong">{{serviceUserIndexInfo[1]}}</strong></div>
                            <div class="know-text-group_item fl">微信web处理数：<strong class="know-text-group_strong">{{serviceUserIndexInfo[2] + serviceUserIndexInfo[3]}}</strong></div>
                            <div class="know-text-group_item fl">留言处理数：<strong class="know-text-group_strong">{{serviceUserIndexInfo[4]}}</strong></div>
                        </div>
                    </div>
                    <!-- <div class="know-text-group clearfix">
                        <div class="know-text-group_block fl" style="font-size: 16px;">
                            <div class="know-text-group_item fl">实时工单情况<strong></strong></div>
                            <div class="know-text-group_item fl">今日建单数：<strong class="know-text-group_strong" ng-click="goTo('app.incident.list',{tab:'all',date:'today'})">{{managerIndexInfo.createOrders}}</strong></div>
                            <div class="know-text-group_item fl">所有待接单数：<strong class="know-text-group_strong" ng-click="goTo('app.incident.list',{tab:'all',state:'1543'})">{{managerIndexInfo.waitOrders}}</strong></div>
                            <div class="know-text-group_item fl">所有处理中：<strong class="know-text-group_strong" ng-click="goTo('app.incident.list',{tab:'all',state:'1544'})">{{managerIndexInfo.doingOrders}}</strong></div>
                        </div>
                        <div class="know-text-group_block fr" ng-if="allFlag">
                            <div class="know-text-group_item fl">今日应到运维人员：<strong class="know-text-group_strong" ng-click="goTo('app.working.history',{tab:'on',state:0})">{{managerIndexInfo.usersCount}}</strong></div>
                            <div class="know-text-group_item fl">实到：<strong class="know-text-group_strong" ng-click="goTo('app.working.history',{tab:'on',state:1})">{{managerIndexInfo.onlineCount}}</strong></div>
                            <div class="know-text-group_item fl">迟到：<strong class="know-text-group_strong" ng-click="goTo('app.working.history',{tab:'on',state:2})">{{managerIndexInfo.errorOnlineCount}}</strong></div>
                            <div class="know-text-group_item fl">未打卡：<strong class="know-text-group_strong" ng-click="goTo('app.working.history',{tab:'on',state:4})">{{managerIndexInfo.unOnlineCount}}</strong></div>
                        </div>
                    </div>
                    <div class="know-text-group clearfix">
                        <div class="know-text-group_block fl">
                            <div class="know-text-group_item fl">今日请求<strong></strong></div>
                            <div class="know-text-group_item fl">web/微信：<strong class="know-text-group_strong" ng-click="goTo('app.desk.chart',{tab:-1})">{{fetchWebList.req_total}}</strong></div>
                            <div class="know-text-group_item fl">转换建单数：<strong class="know-text-group_strong" ng-click="goTo('app.desk.chart',{tab:1651})">{{fetchWebList.req_trans}}</strong></div>
                            <div class="know-text-group_item fl">不受理数：<strong class="know-text-group_strong" ng-click="goTo('app.desk.chart',{tab:1652})">{{fetchWebList.req_reject}}</strong></div>
                        </div>
                        <div class="know-text-group_block fr">
                            <div class="know-text-group_item fl">今日请求<strong></strong></div>
                            <div class="know-text-group_item fl">今日来电数：<strong class="know-text-group_strong" ng-click="goTo('app.desk.calllog',{})">{{fetchDhtjList.req_total}}</strong></div>
                            <div class="know-text-group_item fl">接听数：<strong class="know-text-group_strong" ng-click="goTo('app.desk.calllog',{})">{{fetchDhtjList.req_answer}}</strong></div>
                            <div class="know-text-group_item fl">转换建单数：<strong class="know-text-group_strong" ng-click="goTo('app.desk.calllog',{})">{{fetchDhtjList.p_total}}</strong></div>
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="row" style="margin-left:-7px;margin-right:-7px">
                <div class="col-xs-4" style="padding-left:8px;padding-right:8px">
                    <div class=" listheight dash_headborder">
                        <div class="col-xs-12 fenlei ">
                            <div class="fenleitop  fontsizes-14">
                                <div class="row bottomborder">
                                    <div class="col-xs-12 fontcolor-two padding-15">
                                        <div class="fenleifont pull-left">今日通话记录</div>
                                        <a class="fenleifont pull-right  fontsizes-14" ng-click="goCalllog()">更多>></a>
                                    </div>
                                </div>
                                <form role="form" class="fontsizes-12 fontcolor-ten">
                                    <table class="table table-noline" id="sample-table-1">
                                        <thead>
                                            <tr>
                                                <th class="th-noline onlyaline" style="min-width:10px;max-width:20px">#</th>
                                                <th class="th-noline onlyaline" style="min-width:30px;max-width:40px">开始时间</th>
                                                <th class="th-noline onlyaline" style="min-width:60px;max-width:70px">主叫号码</th>
                                                <th class="th-noline onlyaline" style="min-width:60px;max-width:70px">被叫号码</th>
                                                <th class="th-noline onlyaline" style="min-width:50px;max-width:60px">录音</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="calllog in calllogList track by calllog.id" class="pointfont">
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:10px;max-width:20px">{{$index+filterData.idx*5+1}}</td>
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:30px;max-width:40px">{{calllog.createdTime|date:'HH:mm'}}</td>
                                                <td class="th-noline onlyaline" style="min-width:60px;max-width:70px">{{calllog.callerIdNumber}}</td>
                                                <td class="th-noline gobutton onlyaline" style="min-width:60px;max-width:70px">{{calllog.destinationNumber}}</td>
                                                <td class="th-noline onlyaline" style="min-width:50px;max-width:60px"><a ng-if="calllog.recordingFileName" ng-click="recordcall(calllog)">录音</a></td>
                                            </tr>
                                        </tbody>
                                        <!-- <tbody>
                                            <tr ng-repeat="calllog in calllogList">
                                                <td class="hidden-xs th-noline fontcolor-ten onlyaline" style="min-width:80px;"><span class="fontcolor-two">{{$index+filterData.idx*5+1}}.</span><span class="fontcolor-ten">{{calllog.orderId}}</span><span class="fontcolor-two">你有一条{{calllog.tolabelname}}待处理</span></td>
                                                <td class="th-noline pull-right onlyaline"><a ng-click="gotuclose(calllog)">去处理</a></td>
                                            </tr>
                                        </tbody> -->
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- </div> -->
                </div>
                <!-- <div class="col-xs-4 listheight dash_headborder">
                    <div class="fenlei ">
                        <div class="fenleitop  fontsizes-14">
                            <script type="text/ng-template" id="custom/pager">
                                <ul class="pagers ng-cloak">
                                    <li ng-repeat="page in pages" ng-show="page.type == 'prev' || page.type == 'next'" ng-switch="page.type">
                                        <a ng-switch-when="prev" class="noborder" ng-click="params.page(page.number)" href="">
                                            < </a>
                                                <span class="noborder" ng-switch-when="next"> 1/9</span>
                                                <a class="noborder" ng-switch-when="next" ng-click="params.page(page.number)" href="">></a>
                                    </li>
                                </ul>
                            </script>
                            <table ng-table="tableParams" class="table table-striped" template-pagination="custom/pager">
                                <tr ng-repeat="user in $data">
                                    <td>{{user.index}}</td>
                                    <td>{{user.incidentsign}}</td>
                                    <td>{{user.tolabelname}}</td>
                                    <td>去处理</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div> -->
                <div class="col-xs-4" style="padding-left:8px;padding-right:8px">
                    <div class="listheight dash_headborder">
                        <div class="fenlei col-xs-12 ">
                            <div class="fenleitop  fontsizes-14">
                                <div class="row bottomborder">
                                    <div class="col-xs-12 fontcolor-two padding-15">
                                        <div class="fenleifont pull-left">微信WEB工单（待受理）</div>
                                        <a class="fenleifont pull-right  fontsizes-14" ng-click="goWxWeb()">更多>></a>
                                    </div>
                                </div>
                                <form role="form">
                                    <table class="table table-hover table-noline fontsizes-12" id="sample-table-1">
                                        <thead>
                                            <tr>
                                                <th class="th-noline onlyaline" style="min-width:10px;max-width:20px">#</th>
                                                <th class="th-noline onlyaline" style="min-width:80px;max-width:90px">故障描述</th>
                                                <th class="th-noline onlyaline" style="min-width:60px;max-width:70px">报修科室</th>
                                                <th class="th-noline onlyaline" style="min-width:40px;max-width:50px">报修时间</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="wxWeb in wxWebList track by wxWeb.id" class="pointfont">
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:10px;max-width:20px">{{$index+filterData.idx*5+1}}</td>
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:80px;max-width:90px" title="{{wxWeb.description}}">{{wxWeb.description}}</td>
                                                <td class="th-noline onlyaline" style="min-width:60px;max-width:70px" title="{{wxWeb.department ? wxWeb.department.dept : ''}}">{{wxWeb.department ? wxWeb.department.dept : ''}}</td>
                                                <td class="th-noline gobutton onlyaline" style="min-width:40px;max-width:50px">{{wxWeb.startDate|date:'yyyy-MM-dd HH:mm'}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-4" style="padding-left:8px;padding-right:8px">
                    <div class="listheight dash_headborder">
                        <div class="fenlei col-xs-12 ">
                            <div class="fenleitop  fontsizes-14">
                                <!-- <div class="row bottomborder">
                                    <div class="col-xs-12 fontcolor-two">
                                        <label class="fenleifont pull-left padding-top-5 fontsizes-14">消息通知</label>
                                        <a class="fenleifont pull-right  padding-top-5">更多>></a>
                                    </div>
                                </div> -->
                                <div class="row bottomborder">
                                    <div class="col-xs-12 fontcolor-two padding-15">
                                        <div class="fenleifont pull-left">消息通知</div>
                                        <a class="fenleifont pull-right  fontsizes-14" ng-click="wt_messages()">更多>></a>
                                    </div>
                                </div>
                                <form role="form">
                                    <table class="table table-hover table-noline  fontsizes-12" id="sample-table-1">
                                        <thead>
                                            <tr>
                                                <th class="th-noline" style="min-width:30px">发送人</th>
                                                <th class="th-noline" style="min-width:80px">内容</th>
                                                <th class="th-noline" style="min-width:50px">发送时间</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="task in xiaoxilist">
                                                <td class="hidden-xs th-noline onlyaline" style="min-width:30px;max-width:40px">{{task.user.name}}</td>
                                                <td class="th-noline onlyaline" style="min-width:80px;max-width:100px">{{task.content}}</td>
                                                <td class="th-noline onlyaline" style="min-width:40px;max-width:50px">{{task.releaseTime}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
                <div class="col-xs-9" style="padding-left:8px;padding-right:8px">
                    <div class="listheight dash_mapborder">
                        <div class="fenlei col-xs-12" style="height:100%">
                            <div class="fenleitop fontsizes-14">
                                <div class="row bottomborder">
                                    <div class="col-xs-12 fontcolor-two padding-15">
                                        <div class="fenleifont pull-left">近15天建单数</div>
                                    </div>
                                </div>
                            </div>
                            <div id="fault" class="pull-left" style="width: 100%;height: 260px"></div>
                        </div>
                    </div>
                </div>
                <!-- <div class="col-xs-3" style="padding-left:8px;padding-right:8px">
                    <div class="listheight dash_mapborder">
                        <div class="fenlei col-xs-12 fontsizes-14">
                            <div class="row bottomborder">
                                <div class="col-xs-12 fontcolor-two padding-15">
                                    <div class="fenleifont pull-left">工单解决率</div>
                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"><span class="margin-left-10 fontcolor-ten fontsizes-14"><i class="icon  iconfontsmall icon-qiehuanzuo newcolor pointfont" mwl-date-modifier date="calendarDatejiejue" decrement="calendarView" ng-class=" { 'disablecolor':yueleft} "></i>

                                        <div class="btn-group" dropdown>
                                            <div class="dropdown-toggle pointfont" dropdown-toggle>
                                                {{ thisyerjiejue}}年
                                            </div>
                                            <ul class="dropdown-menu pull-right dropdown-light monthchoice" role="menu" >
                                                <li ng-repeat="y in nian">
                                                    <a ng-model="thisyertop5" ng-click="jiejueyear(y)" href="">
                                                                {{y}}
                                                            </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="btn-group" dropdown>
                                            <div class="dropdown-toggle pointfont" dropdown-toggle>
                                                {{ thismonthjiejue}}月
                                            </div>
                                            <ul class="dropdown-menu pull-right dropdown-light monthchoice" role="menu">
                                                <li ng-repeat="m in yue">
                                                    <a ng-model="calendarView" ng-click="jiejuemonth(m)" href="">
                                                            {{m}}
                                                            </a>
                                                </li>
                                            </ul>
                                        </div>


                                        <i class="icon  iconfontsmall icon-qiehuanyou newcolor pointfont"
                                        ng-class="{'disablecolor':yueright}"  mwl-date-modifier date="calendarDatejiejue" increment="calendarView"></i></span></div>
                                </div>
                            </div>
                            <div id="finish" class="pull-left" style="width: 100%;
                height: 260px"></div>
                        </div>
                    </div>
                </div> -->
                <div class="col-xs-3" style="padding-left:8px;padding-right:8px">
                    <div class="listheight dash_mapborder ">
                        <div class="fenlei col-xs-12 fontsizes-14">
                            <!-- <div class="fenleitop fontsizes-14">
                                <div class="fenleifont pull-left">知识库撰写量</div>
                                <a class="fenleifont pull-right">全部>></a>
                            </div> -->
                            <div class="row bottomborder">
                                <div class="col-xs-12 fontcolor-two padding-15">
                                    <div class="fenleifont pull-left">知识库撰写量</div>
                                    <a class="fenleifont pull-right  fontsizes-14" ng-click="goknowledge()">全部>></a>
                                </div>
                            </div>
                            <div id="knowlege" class="pull-left" style="width: 100%;
                height: 260px"></div>
                        </div>
                    </div>
                </div>
            </div>
        </ng-container>
    </div>
    <!-- </div> -->
</div>