main.html 16.1 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="sch_card_tools">
            <div class="ct_auto_wrap" id="lineAutoCompleter">
                <input class="uk-input" style="width: 160px;" placeholder="搜索线路..." autocomplete="off">
            </div>
            <div class="ct_auto_wrap" id="nbbmAutoCompleter">
                <input class="uk-input" style="width: 160px;" placeholder="搜索车辆..." autocomplete="off">
            </div>
            <div class="ct_auto_wrap" id="personAutoCompleter">
                <input class="uk-input" style="width: 160px;" placeholder="搜索人员..." autocomplete="off">
            </div>
        </div>
        <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">
                    <div class="_detail">路牌:{{obj.lpName}}</div>
                    <div class="_detail">
                        <span class="badge_line_name">{{obj.lineName}}</span>
                    </div>
                </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">
                    <div class="_detail">路牌:{{obj.lpName}}</div>
                    <div class="_detail">
                        <span class="badge_line_name">{{obj.lineName}}</span>
                    </div>
                </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 id="jd_schedule_list_table-temp" type="text/html">
        {{if list.length==0}}
        <tr><td class="empty">没有加载到相关班次数据!</td></tr>
        {{/if}}
        {{each list as sch i}}
        <tr data-id="{{sch.id}}" class="">
            <td><input class="uk-checkbox" type="checkbox"></td>
            <td>{{sch.dfsj}}
                {{if sch.bcType == "out"}}
                <span class="uk-badge ct_badge cc">
                    出场
                    {{if sch.qdzCode!=tcc_code}}
                        | {{sch.qdzName}}
                    {{/if}}
                </span>
                {{else if sch.bcType == "in"}}
                <span class="uk-badge ct_badge jc">进场</span>
                {{else if sch.bcType == "venting"}}
                <span class="uk-badge ct_badge zf">直放</span>
                {{else if sch.bcType == "major"}}
                <span class="uk-badge ct_badge cfz">放站</span>
                {{/if}}
                {{if sch.sflj}}
                <span class="uk-badge ct_badge">临加</span>
                {{/if}}
                {{if sch.cTasks.length > 0}}
                <span class="uk-badge uk-badge-notification">{{sch.cTasks.length}}</span>
                {{/if}}
            </td>
            <td>{{sch.jGh}}/{{sch.jName}}</td>
            <td>{{sch.sGh}}/{{sch.sName}}</td>
            <td>{{sch.clZbh}}</td>
            <td>
                {{if sch.status==2}}
                <span class="ct_zt_yzx">已执行</span>
                {{else if sch.status==1}}
                {{if sch.fcsjActual==null}}
                <span class="ct_zt_zzzx">准备执行</span>
                {{else}}
                <span class="ct_zt_zzzx">正在执行</span>
                {{/if}}
                {{else if sch.status==-1}}
                <span class="ct_zt_lb">烂班</span>
                {{/if}}
            </td>
        </tr>
        {{/each}}
    </script>

    <script id="jd_schedule_form_table_002-temp" type="text/html">
        <input type="hidden" name="dftzId" value="{{currSch.id}}">
        <div class="uk-width-1-2@s">
            <label class="uk-form-label"><small>(停车场)</small></label>
            <div class="uk-form-controls">
                <input class="uk-input" value="{{currSch.qdzName}}" disabled>
            </div>
        </div>
        <div class="uk-width-1-2@s">
            <label class="uk-form-label"><small>(站点)</small></label>
            <div class="uk-form-controls">
                <input class="uk-input" value="{{currSch.zdzName}}" disabled>
            </div>
        </div>

        <div class="uk-width-1-2@s">
            <label class="uk-form-label">车辆编码</label>
            <div class="uk-form-controls">
                <input class="uk-input" value="{{currSch.clZbh}}" disabled>
            </div>
        </div>
        <div class="uk-width-1-2@s">
            <label class="uk-form-label">路牌</label>
            <div class="uk-form-controls">
                <input class="uk-input" value="{{currSch.lpName}}" disabled>
            </div>
        </div>

        <div class="uk-width-1-2@s">
            <label class="uk-form-label">驾驶员</label>
            <div class="uk-form-controls">
                <input class="uk-input" value="{{currSch.jGh}}/{{currSch.jName}}" disabled>
            </div>
        </div>
        <div class="uk-width-1-2@s">
            <label class="uk-form-label">售票员</label>
            <div class="uk-form-controls">
                <input class="uk-input" value="{{currSch.sGh}}/{{currSch.sName}}" disabled>
            </div>
        </div>

        <div class="uk-width-1-2@s">
            <label class="uk-form-label">计发时刻</label>
            <div class="uk-form-controls">
                <input class="uk-input" name="fcsj" type="time" value="{{currSch.fcsj}}" disabled>
            </div>
        </div>
        <div class="uk-width-1-2@s">
            <label class="uk-form-label font-orange">预发时刻</label>
            <div class="uk-form-controls">
                <input class="uk-input" name="newTimeStr" type="time" value="{{currSch.dfsj}}" >
            </div>
        </div>

        <div class="uk-width-1-1@s">
            <label class="uk-form-label font-orange">备注</label>
            <div class="uk-form-controls">
                <textarea class="uk-textarea" name="remarks" rows="4" placeholder="必填,不超过50字" >{{currSch.remarks}}</textarea>
            </div>
        </div>

        <div class="uk-width-1-1@s">
            <br>
            <label class="ct_grey"><input class="uk-checkbox destroy_c_box" type="checkbox" > &nbsp;勾选需要烂班的班次!</label>
        </div>
        <div class="uk-width-1-1@s destroy_body_panel">
            <table class="uk-table uk-table-small uk-table-divider tab_wid_2">
                <tr>
                    <th><input class="uk-checkbox " type="checkbox" id="globalCheckBox"></th>
                    <th>计划时间</th>
                    <th>路牌</th>
                    <th>起点</th>
                    <th>终点</th>
                    <th>状态</th>
                </tr>
            </table>
            <div class="sch_list_table_wrap">
            <table class="uk-table uk-table-small uk-table-divider tab_wid_2 sch_list_table">
                {{if list.length==0}}
                <tr><td class="empty">没有加载到相关班次数据!</td></tr>
                {{/if}}
                {{each list as sch i}}
                <tr data-id="{{sch.id}}">
                    <td>
                        <input class="uk-checkbox " type="checkbox" name="destroyItem[{{i}}]" value="{{sch.id}}">
                    </td>
                    <td>
                        {{sch.fcsj}}
                        {{if sch.bcType == "out"}}
                        <span class="uk-badge ct_badge cc">
                        出场
                        {{if sch.qdzCode!=tcc_code}}
                            | {{sch.qdzName}}
                        {{/if}}
                        </span>
                        {{else if sch.bcType == "in"}}
                        <span class="uk-badge ct_badge jc">进场</span>
                        {{else if sch.bcType == "venting"}}
                        <span class="uk-badge ct_badge zf">直放</span>
                        {{else if sch.bcType == "major"}}
                        <span class="uk-badge ct_badge cfz">放站</span>
                        {{/if}}
                        {{if sch.sflj}}
                        <span class="uk-badge ct_badge">临加</span>
                        {{/if}}
                        {{if sch.cTasks.length > 0}}
                        <span class="uk-badge uk-badge-notification">{{sch.cTasks.length}}</span>
                        {{/if}}
                    </td>
                    <td>{{sch.lpName}}</td>
                    <td>{{sch.qdzName}}</td>
                    <td>{{sch.zdzName}}</td>
                    <td>
                        {{if sch.status==2}}
                        <span class="ct_zt_yzx">已执行</span>
                        {{else if sch.status==1}}
                        {{if sch.fcsjActual==null}}
                        <span class="ct_zt_zzzx">准备执行</span>
                        {{else}}
                        <span class="ct_zt_zzzx">正在执行</span>
                        {{/if}}
                        {{else if sch.status==-1}}
                        <span class="ct_zt_lb">已烂班</span>
                        {{/if}}
                    </td>
                </tr>
                {{/each}}
            </table>
            </div>

            <div class="uk-width-1-2@s" style="padding: 12px 0 12px 0;">
                <label class="uk-form-label font-orange" style="width: 100px;text-indent: 22px;margin-top: 12px;">烂班原因:</label>
                <div class="uk-form-controls" style="margin-left: 102px;">
                    <select class="uk-select" name="reason">
                        <option value="">请选择..</option>
                        <option value="配车">配车</option>
                        <option value="保养">保养</option>
                        <option value="故障">故障</option>
                        <option value="缺人">缺人</option>
                        <option value="缺车">缺车</option>
                        <option value="气候">气候</option>
                        <option value="援外">援外</option>
                        <option value="抽减">抽减</option>
                        <option value="其他">其他</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="uk-width-1-1@s">
            <hr>
            <p class="uk-text-right">
                <button class="uk-button uk-button-default uk-modal-close" type="button">取消</button>
                <button class="uk-button uk-button-primary submit-btn" type="button">提交</button>
            </p>
        </div>
    </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);
            var initFlag;

            var start = function (cb) {
                var eq = new EventProxy();
                eq.once('init_basic_data', function () {
                    gb_os_card.init(lineIdx, function () {
                        eq.emitLater('init_os_card');
                    });
                });

                eq.once('init_os_card', function () {
                    gb_o_s_abnormal.init(function () {
                        eq.emitLater('init_abnormal');
                    });
                });

                eq.once('init_abnormal', function () {
                    //滚动条
                    $('.abnormal_data_body_ul>li', wrap).perfectScrollbar({suppressScrollX: true});
                    $('.line_card_list', wrap).perfectScrollbar({suppressScrollX: true});

                    !initFlag && cb && cb();
                    initFlag = true;
                });

                gb_o_s_basic_data.init(function () {
                    eq.emitLater('init_basic_data');
                });
            };

            start(function () {
                //搜索栏自动补全
                ct_autocompleter.initLineAndOpenSch($('#lineAutoCompleter', wrap), lineIdx);
                ct_autocompleter.initBusBySch($('#nbbmAutoCompleter', wrap));
                ct_autocompleter.initPersonBySch($('#personAutoCompleter', wrap));
            });
        })();
    </script>
</div>