main.html 5.36 KB
<div id="abnormal_monitor_wrap" class="">

    <div class="left_panel">
        <div class="red_line_bts">
            <!--<span class="red_line_empty">没有出现异常的线路</span>-->
            <span class="red_btn">778路</span>
            <span class="red_btn">610路</span>
            <span class="red_btn">604路</span>
            <span class="red_btn">81路</span>
            <span class="red_btn">971路</span>
            <span class="red_btn">浦东35路</span>
        </div>

        <div class="sys-notice">
            <span class="bell_icon">
                <i uk-icon="bell"></i>
            </span>
        </div>

        <div class="abnormal_data_tabs">
            <ul class="uk-subnav" uk-switcher uk-tab>
                <li><a>异常情况&nbsp;50</a></li>
                <li><a>已处理</a></li>
            </ul>

            <ul class="uk-switcher uk-margin abnormal_data_body_ul">
                <li><div class="abnormal_data_list"></div></li>
                <li>Hello again!</li>
            </ul>
        </div>

        <div class="data_charts">
        </div>
    </div>

    <div class="right_panel">
        <div class="line_card_list">
        </div>
    </div>

    <script id="abnormal_card_list-temp" type="text/html">
        {{each list as obj i}}
        <div class="uk-card uk-card-default uk-card-body">
            {{if obj.type==0}}
            <div class="_title">
                <span uk-icon="user"></span>
                <span class="sub-title">&nbsp;未签到</span>
            </div>

            <div class="detail_wrap">
                <div class="abnormal_detail">
                    <div class="_detail">应到:<a>{{obj.planTimeStr}}</a></div>
                    <div class="_detail">人员:<a>{{obj.jsy}}</a></div>
                </div>

                <div class="abnormal_detail">
                    <span class="badge_line_name">{{obj.lineName}}</span>
                </div>
            </div>
            {{else obj.type==1}}
            <div class="_title">
                <span class="uk-icon bus_icon15"></span>
                <span class="sub-title">未出场</span>
            </div>

            <div class="detail_wrap">
                <div class="abnormal_detail">
                    <div class="_detail">应出:<a>{{obj.planTimeStr}}</a></div>
                    <div class="_detail">车辆:<a>{{obj.nbbm}}</a></div>
                </div>

                <div class="abnormal_detail">
                    <span class="badge_line_name">{{obj.lineName}}</span>
                </div>
            </div>
            {{/if}}
            <div class="handler_btn_panel">
                <button class="uk-button uk-button-primary uk-button-small" data-key="{{obj.schId}}_{{obj.type}}">处理</button>
            </div>
        </div>
        {{/each}}
    </script>

    <script id="a_out_sch_cards-temp" type="text/html">
        {{each data as a k}}
        <div class="uk-card uk-card-default uk-card-body o_s_line_card">
            <div class="title_name">
                {{data[k][0].lineName}}
                <span class="expand_card_icon" data-code="{{data[k][0].lineCode}}" data-name="{{data[k][0].lineName}}"></span>
            </div>
            <div class="o_s_c_table">
                <div class="osc_table_head">
                    <dl>
                        <dt>路牌</dt>
                        <dt>车号</dt>
                        <dt class="parallel_dl">
                            <span>计划报到</span>
                            <span>实际报到</span>
                        </dt>
                        <dt class="parallel_dl">
                            <span>计划出场</span>
                            <span>实际出场</span>
                        </dt>
                    </dl>
                </div>
                <div class="osc_table_body">
                    {{each data[k] as sch i}}
                    {{if i <=5}}
                    <dl>
                        <dd>{{sch.lpName}}</dd>
                        <dd>{{sch.nbbm}}</dd>
                        <dd class="parallel_dl">
                            <span>{{sch.attJhTimeStr}}</span>
                            <span class="green"></span>
                        </dd>
                        <dd class="parallel_dl">
                            <span>{{sch.dfsjStr}}</span>
                            <span class="green"></span>
                        </dd>
                    </dl>
                    {{/if}}
                    {{/each}}
                </div>
            </div>
        </div>
        {{/each}}
    </script>
    <script>
        (function () {
            var wrap = '#abnormal_monitor_wrap';
            var lineIdx='10066,10067,10068,10146,10253,10335,10337,10340,10348,11014,60009,70123,104731';
            window.localStorage.setItem("abnormal_line_idx", lineIdx);

            gb_o_s_basic_data.init(function () {
                //初始化班次卡片
                gb_os_card.init(function () {
                    //初始化异常信息
                    gb_o_s_abnormal.init(function () {
                        //滚动条
                        $('.abnormal_data_body_ul>li', wrap).perfectScrollbar({suppressScrollX: true});
                        $('.line_card_list', wrap).perfectScrollbar({suppressScrollX: true});
                    });
                });
            });
        })();
    </script>
</div>