update...

潘钊
1 parent e834adca
Showing 16 changed files with 665 additions and 63 deletions
src/main/java/com/bsth/data/abnormal/MainAbnormalClient.java
src/main/java/com/bsth/data/abnormal/handler/AttendanceHandler.java
src/main/java/com/bsth/data/abnormal/handler/InOutHandler.java
src/main/java/com/bsth/data/schedule/real/ScheduleDataBuffer.java
src/main/java/com/bsth/service/schedule/impl/ScheduleServiceImpl.java
src/main/resources/static/pages/abnormal/fragments/abnormal_handler.html → src/main/resources/static/pages/abnormal/fragments/type_0/abnormal_handler.html
src/main/resources/static/pages/abnormal/fragments/type_0/h_cont_dftz.html
src/main/resources/static/pages/abnormal/fragments/h_cont_hrcc.html → src/main/resources/static/pages/abnormal/fragments/type_0/h_cont_hrcc.html
src/main/resources/static/pages/abnormal/fragments/h_cont_rybd.html → src/main/resources/static/pages/abnormal/fragments/type_0/h_cont_rybd.html
src/main/resources/static/pages/abnormal/fragments/type_1/abnormal_handler.html
src/main/resources/static/pages/abnormal/fragments/type_1/h_cont_cycc.html
src/main/resources/static/pages/abnormal/fragments/h_cont_dftz.html → src/main/resources/static/pages/abnormal/fragments/type_1/h_cont_dftz.html
src/main/resources/static/pages/abnormal/fragments/type_1/h_cont_hccc.html
src/main/resources/static/pages/abnormal/js/o_s_abnormal.js
src/main/resources/static/pages/abnormal/js/o_s_card.js
src/main/resources/static/pages/abnormal/main.html
@@ -10,6 +10,7 @@ import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Component;
+import java.util.ArrayList;
 import java.util.List;
 /**
@@ -39,18 +40,29 @@ public class MainAbnormalClient {
     public void put(AbnormalEntity ae){
         lineMultimap.put(ae.getLineCode(), ae);
-        if(ae.getType() == -1)
+        if(ae.getType() == 0)
             attendanceHandler.put(ae);
-        else if(ae.getType() == -2)
+        else if(ae.getType() == 1)
             inOutHandler.put(ae);
         //web socket
         sendUtils.abnormal_ydwd(ae);
     }
-    public void dftz(Long id, String source){
-        inOutHandler.dftzJd(id, source);
-        attendanceHandler.dftzJd(id, source);
+    public List<AbnormalEntity> dftz(Long id, String source){
+        List<AbnormalEntity> aes = new ArrayList<>();
+
+        AbnormalEntity a1 = inOutHandler.dftzJd(id, source);
+
+        if(null != a1)
+            aes.add(a1);
+
+        AbnormalEntity a2 = attendanceHandler.dftzJd(id, source);
+
+        if(null != a2)
+            aes.add(a2);
+
+        return aes;
     }
     public List<AbnormalEntity> findByLine(String lineCode){
@@ -32,12 +32,12 @@ public class AttendanceHandler {
      * 异常处理（待发调整）
      * @param id
      */
-    public void dftzJd(Long id, String source){
+    public AbnormalEntity dftzJd(Long id, String source){
         Long t = System.currentTimeMillis();
         AbnormalEntity ae = schIdMap.get(id);
         if(null == ae)
-            return;
+            return null;
         ScheduleInOut sio = ScheduleDataBuffer.findById(id);
@@ -49,7 +49,10 @@ public class AttendanceHandler {
             sio.setAbnormalStatus(0);
             schIdMap.remove(ae.getSchId());
+
+            return ae;
         }
+        return null;
     }
     public void handler(Long id){
@@ -29,12 +29,12 @@ public class InOutHandler {
      * 异常处理（待发调整）
      * @param id
      */
-    public void dftzJd(Long id, String source){
+    public AbnormalEntity dftzJd(Long id, String source){
         Long t = System.currentTimeMillis();
         AbnormalEntity ae = schIdMap.get(id);
         if(null == ae)
-            return;
+            return null;
         ScheduleInOut sio = ScheduleDataBuffer.findById(id);
@@ -46,7 +46,10 @@ public class InOutHandler {
             sio.setAbnormalStatus(-1);
             schIdMap.remove(ae.getSchId());
+
+            return ae;
         }
+        return null;
     }
     public void handler(Long id){
@@ -320,7 +320,6 @@ public class ScheduleDataBuffer implements CommandLineRunner {
                 //排序
                 Collections.sort(listCopy, schComparator);
-                Line line;
                 for (ScheduleInOut sio : listCopy) {
                     //进场还是出场
                     if (sio.getQdzCode().equals(tccCode)) {
@@ -83,9 +83,15 @@ public class ScheduleServiceImpl implements ScheduleService {
         Map<String, Object> rs = new HashMap<>();
         try {
             List<String> lineArray = Splitter.on(",").splitToList(idx);
-            List<AbnormalEntity> list = new ArrayList<>();
+            List<AbnormalEntity> list = new ArrayList<>(),
+                subList;
             for (String lineCode : lineArray) {
-                list.addAll(mainAbnormalClient.findByLine(lineCode));
+                subList = mainAbnormalClient.findByLine(lineCode);
+
+                for(AbnormalEntity ae : subList){
+                    if(null == ae.getHandlerTime())
+                        list.add(ae);
+                }
             }
             //排序
@@ -152,7 +158,10 @@ public class ScheduleServiceImpl implements ScheduleService {
                 ScheduleDataBuffer.put(sio);
                 //处理相关异常
-                mainAbnormalClient.dftz(sio.getId(), "调档");
+                List<AbnormalEntity> aes = mainAbnormalClient.dftz(sio.getId(), "调档");
+
+                rs.put("aes", aes);
+                rs.put("t", ScheduleDataBuffer.findById(sio.getId()));
             }
         }catch (Exception e){
             logger.error("", e);
@@ -14,7 +14,7 @@
     <script>
         (function () {
             var wrap = '.o_s_abnormal_handler_modal', modalId,
-                    folder = '/pages/abnormal/fragments/',ae;
+                    folder = '/pages/abnormal/fragments/type_0/',ae;
             $(wrap).on('init', function (e, data) {
                 e.stopPropagation();
+<div class="handler_cont_dftz_wrap modal_dftz_wrap">
+    <div class="dftz_form_card">
+        <form class="uk-grid-small uk-form-horizontal" uk-grid>
+            <div uk-spinner></div>
+        </form>
+    </div>
+    <script>
+        (function () {
+
+            var wrap = '.handler_cont_dftz_wrap', ae, inoutSch, modalId;
+
+
+            $(wrap).on('init', function (e, data) {
+                e.stopPropagation();
+                if ($(this).attr('data-init') == 1)
+                    return;
+
+                modalId = data.modalId;
+                ae = data.ae;
+
+                inoutSch = gb_os_card.findByLineCode(ae.lineCode)[ae.schId];
+
+                //加载集调班次信息
+                gb_common.$get('/in_out/findSchByLpName', {
+                    lineCode: inoutSch.lineCode,
+                    lpName: inoutSch.lpName
+                }, readerScheduleList);
+
+                $(this).attr('data-init', 1);
+
+                //提交
+                $(wrap).on('click', '.submit-btn', _submit);
+            });
+
+            var readerScheduleList = function (rs) {
+                if (!rs.list || rs.list.length == 0) {
+                    $('.dftz_form_card>form', wrap).html('<p style="color: red;">加载数据失败！</p>');
+                    return;
+                }
+                var currSch;
+                for (var i = 0, sch; sch = rs.list[i++];) {
+                    if (sch.id == inoutSch.id)
+                        currSch = sch;
+                }
+                var htmlStr = template('jd_schedule_form_table_002-temp', {
+                    list: rs.list,
+                    currSch: currSch,
+                    tcc_code: current_tcc_code
+                });
+                $('.dftz_form_card>form', wrap).html(htmlStr);
+
+
+                //将当前出场班次之前的班次都禁选
+                var trs = $('.sch_list_table tr', wrap);
+                for (var i = 0, row; row = trs[i++];) {
+                    if ($(row).data('id') == inoutSch.id)
+                        break;
+                    $(row).addClass('disabled')
+                            .find('input[type=checkbox]')
+                            .attr('disabled', 'disabled');
+                }
+                //选中当前出场班次
+                //$('.sch_list_table tr[data-id="'+inoutSch.id+'"]', wrap).trigger('click');
+
+                //滚动条
+                $('.sch_list_table_wrap', wrap).perfectScrollbar({suppressScrollX: true});
+            };
+
+            $(wrap).on('click', '.destroy_c_box', function () {
+                var $label = $(this).parent(),
+                        $body = $('.destroy_body_panel', wrap);
+                if (this.checked) {
+                    $label.addClass('ct_active');
+                    $body.show();
+
+                    //滚动到可视区域
+                    var cont = $('.sch_list_table_wrap', wrap);
+                    var dl = $('.sch_list_table tr[data-id="' + inoutSch.id + '"]', wrap)
+                            ,slt = dl.offset().top - cont.offset().top + cont.scrollTop() - 38;
+                    cont.animate({
+                        scrollTop: slt<0?1:slt
+                    }, 300);
+                }
+                else {
+                    $label.removeClass('ct_active');
+                    $body.hide();
+                }
+            });
+
+
+            /**
+             * row 点击选中
+             */
+            $(wrap).on('click', '.sch_list_table tr', function () {
+                if ($(this).hasClass('disabled'))
+                    return;
+                var cbox = $('input[type=checkbox]', this)[0];
+                if ($(this).hasClass('active')) {
+                    $(this).removeClass('active');
+                    cbox.checked = false;
+                }
+                else {
+                    $(this).addClass('active');
+                    cbox.checked = true;
+
+                    var cells = this.cells;
+                    var f = $('.tzrc_form_card form', wrap);
+                    $('[name=nbbm]', f).val($(cells[4]).text());
+                    $('[name=jsy]', f).val($(cells[2]).text());
+                    $('[name=spy]', f).val($(cells[3]).text());
+                }
+            });
+
+            //全选
+            $(wrap).on('click', '#globalCheckBox', function () {
+                var trs = $('.sch_list_table tr', wrap);
+                var cbox;
+                for (var i = 0, row; row = trs[i++];) {
+                    if ($(row).hasClass('disabled'))
+                        continue;
+
+                    cbox = $('input[type=checkbox]', row)[0];
+
+                    if (this.checked)
+                        $(row).addClass('active');
+                    else
+                        $(row).removeClass('active');
+                    cbox.checked = this.checked;
+                }
+            });
+
+
+            function _submit() {
+                var f = $('.dftz_form_card>form', wrap);
+                var fData = f.serializeJSON();
+                if(!fData['remarks']){
+                    _shake_elem($('[name=remarks]', f));
+                    return UIkit.notification('你必须输入备注信息！', 'danger');
+                }
+
+                if(fData['destroyItem'] && !fData['reason']){
+                    _shake_elem($('[name=reason]', f));
+                    return UIkit.notification('你必须选择烂班原因！', 'danger');
+                }
+
+                gb_common.alt_confirm('确定提交当前操作？', '是的，我确定', function () {
+                    disabledSubmitBtn();
+
+                    var idx = '';
+                    if(fData['destroyItem']){
+                        for(var i in fData['destroyItem'])
+                            idx+=(fData['destroyItem'][i]+',');
+                        idx = idx.substr(0, idx.length-1);
+                    }
+                    fData['destroyIdx']=idx;
+                    delete fData['destroyItem'];
+
+                    gb_common.$post('/in_out/dftz', fData, function (rs) {
+                        UIkit.notification('操作成功！', 'success');
+                        gb_os_card.update(rs.t);
+                        gb_o_s_abnormal.handle(rs.aes);
+                        UIkit.modal(modalId).hide();
+                    });
+                });
+            }
+
+            function disabledSubmitBtn() {
+                $('.submit-btn', wrap).html('<div uk-spinner></div>').attr('disabled', 'disabled');
+            }
+
+            function _shake_elem($e) {
+                $e.addClass('uk-animation-shake').one('animationend', function () {
+                    $(this).removeClass('uk-animation-shake');
+                });
+            }
+        })();
+    </script>
+</div>
 \ No newline at end of file
 <div class="handler_cont_rybd_wrap">
-    <div class="uk-alert-danger" uk-alert>
+    <div class="uk-alert-primary" uk-alert>
         <a class="uk-alert-close" uk-close></a>
         <p><i uk-icon="info"></i>&nbsp;如果人员无法正常使用刷卡机签到，请手动录入人员签到时间。</p>
     </div>
@@ -92,7 +92,7 @@
                     var v = $('[name=remarks]', f).val() + $(this).val() + '；';
                     if(!v)
                         return;
-                    $('[name=remarks]', f).val(v);
+                    $('[name=remarks]', f).val(v).trigger('input');
                 });
                 $(this).attr('data-init', 1);
+<div class="o_s_abnormal_handler_modal">
+    <ul class="uk-subnav" uk-switcher uk-tab style="margin-top: 35px">
+        <li><a><i uk-icon="file-edit"></i>&nbsp;车已出场</a></li>
+        <li><a><i uk-icon="users" style="vertical-align: middle;margin-top: -3px;"></i>&nbsp;换车出场</a></li>
+        <li><a><i uk-icon="clock"></i>&nbsp;调整出场时间</a></li>
+    </ul>
+
+    <ul class="uk-switcher uk-margin _switcher_cont">
+        <li class="_content_one"></li>
+        <li class="_content_two"></li>
+        <li class="_content_three"></li>
+    </ul>
+
+    <script>
+        (function () {
+            var wrap = '.o_s_abnormal_handler_modal', modalId,
+                    folder = '/pages/abnormal/fragments/type_1/',ae;
+
+            $(wrap).on('init', function (e, data) {
+                e.stopPropagation();
+                modalId = '#' + data.modalId;
+                ae = gb_o_s_abnormal.get(data.key);
+
+                //加载片段1
+                $.get(folder + 'h_cont_cycc.html', function (dom) {
+                    $('._content_one',wrap).html(dom);
+                    $('.handler_cont_cycc_wrap', wrap).trigger('init', {ae: ae});
+                });
+
+                //加载片段2
+                $.get(folder + 'h_cont_hccc.html', function (dom) {
+                    $('._content_two',wrap).html(dom);
+                });
+
+                //加载片段3
+                $.get(folder + 'h_cont_dftz.html', function (dom) {
+                    $('._content_three',wrap).html(dom);
+                });
+
+                data && data.caller && data.caller();
+            });
+
+            $('._switcher_cont', wrap).on('show', function (e) {
+                $('div:first', e.target).trigger('init', {ae: ae, modalId: modalId});
+            });
+        })();
+    </script>
+</div>
 \ No newline at end of file
+<div class="handler_cont_cycc_wrap">
+    <!--<div class="uk-alert-danger" uk-alert>
+        <a class="uk-alert-close" uk-close></a>
+        <p><i uk-icon="info"></i>&nbsp;如果人员无法正常使用刷卡机签到，请手动录入人员签到时间。</p>
+    </div>-->
+
+    <div class="hc_body"></div>
+    <script id="o_s_abnormal_handler_cycc-temp" type="text/html">
+        <table class="uk-table uk-table-small uk-table-divider curr_out_plan_table">
+            <tr>
+                <th width="17%">线路</th>
+                <th width="12%">路牌</th>
+                <th width="21%">车辆</th>
+                <th width="17%">计划出场</th>
+                <th width="19%">停车场</th>
+                <th width="14%">状态</th>
+            </tr>
+            <tr>
+                <td>{{ae.lineName}}</td>
+                <td>{{ae.lpName}}</td>
+                <td>{{ae.nbbm}}</td>
+                <td>{{ae.dfsjStr}}</td>
+                <td>{{current_tcc_name}}</td>
+                <td><samp>未出场</samp></td>
+            </tr>
+        </table>
+
+        <form class="uk-form-horizontal">
+            <div class="uk-margin">
+                <label class="uk-form-label" for="form-horizontal-text">出场时间</label>
+                <div class="uk-form-controls">
+                    <input class="uk-input" name="attSjTimeStr" id="form-horizontal-text" type="time" required>
+                </div>
+            </div>
+
+            <div class="uk-margin">
+                <label class="uk-form-label" for="form-horizontal-select">原因</label>
+                <div class="uk-form-controls">
+                    <select class="uk-select" name="reason" id="form-horizontal-select" required>
+                        <option value="">请选择...</option>
+                        <option>缺卡</option>
+                        <option>其他</option>
+                    </select>
+                </div>
+            </div>
+
+            <div class="uk-margin">
+                <div class="uk-form-label">备注</div>
+                <div class="uk-form-controls uk-form-controls-text">
+                    <textarea class="uk-textarea" name="remarks" rows="5" placeholder="备注，必填，限50字。" required data-fv-stringlength="true" data-fv-stringlength-max="50"></textarea>
+                </div>
+            </div>
+        </form>
+
+        <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>
+    </script>
+
+    <script>
+        (function () {
+
+            var wrap = '.handler_cont_cycc_wrap', ae, $cont;
+
+
+            $(wrap).on('init', function (e, data) {
+                e.stopPropagation();
+                if($(this).attr('data-init')==1)
+                    return;
+
+                ae = data.ae;
+
+                var htmlStr = template('o_s_abnormal_handler_cycc-temp', {ae: ae, current_tcc_name: current_tcc_name});
+                $cont = $('.hc_body', wrap).html(htmlStr);
+
+                //submit
+                var f = $('form', wrap).formValidation(gb_form_validation_opts);
+                $('.submit-btn', wrap).on('click', function () {
+                    f.submit();
+                });
+                f.on('success.form.fv', function(e) {
+                    e.preventDefault();
+
+                    var data = $(this).serializeJSON();
+
+                    console.log('data', data);
+                });
+
+                //选择原因
+                $('[name=reason]', f).on('change', function () {
+                    var v = $('[name=remarks]', f).val() + $(this).val() + '；';
+                    if(!v)
+                        return;
+                    $('[name=remarks]', f).val(v).trigger('input');
+                });
+
+                $(this).attr('data-init', 1);
+            });
+        })();
+    </script>
+</div>
 \ No newline at end of file
+<div class="handler_cont_hccc_wrap tzrc_table_wrap">
+    <table class="uk-table uk-table-small uk-table-divider curr_out_plan_table">
+        <thead>
+        <tr>
+            <th width="17%">线路</th>
+            <th width="12%">路牌</th>
+            <th width="21%">人员</th>
+            <th width="17%">车辆</th>
+            <th width="19%">计划出场</th>
+        </tr>
+        </thead>
+        <tbody></tbody>
+    </table>
+
+    <table class="uk-table uk-table-small uk-table-divider tab_wid_1">
+        <thead>
+        <tr>
+            <th><input class="uk-checkbox " type="checkbox" id="globalCheckBox"></th>
+            <th>时间</th>
+            <th>驾驶员</th>
+            <th>售票员</th>
+            <th>车辆</th>
+            <th>状态</th>
+        </tr>
+        </thead>
+    </table>
+    <div class="sch_list_table_wrap">
+    <table class="uk-table uk-table-small uk-table-divider sch_list_table tab_wid_1">
+        <tr>
+            <td><div uk-spinner></div></td>
+        </tr>
+    </table>
+    </div>
+
+    <div class="tzrc_form_card">
+        <form class="uk-grid-small uk-form-horizontal" uk-grid>
+            <div class="uk-width-1-2@s">
+                <label class="uk-form-label">车辆</label>
+                <div class="uk-form-controls">
+                    <div class="ct_auto_wrap" id="nbbmAutoCompleter">
+                        <input class="uk-input" name="nbbm" type="text" placeholder="车辆自编号"  autocomplete="off">
+                    </div>
+                    <input class="uk-checkbox switch_c_box" type="checkbox" checked>
+                </div>
+            </div>
+            <div class="uk-width-1-2@s">
+                <label class="uk-form-label">驾驶员</label>
+                <div class="uk-form-controls">
+                    <div class="ct_auto_wrap" id="jsyAutoCompleter">
+                        <input class="uk-input" name="jsy" type="text" disabled placeholder="驾驶员工号" autocomplete="off">
+                    </div>
+                    <input class="uk-checkbox switch_c_box" type="checkbox" >
+                </div>
+            </div>
+            <div class="uk-width-1-2@s">
+                <label class="uk-form-label">售票员</label>
+                <div class="uk-form-controls">
+                    <div class="ct_auto_wrap" id="spyAutoCompleter">
+                        <input class="uk-input" name="spy" type="text" disabled placeholder="售票员工号" autocomplete="off">
+                    </div>
+                    <input class="uk-checkbox switch_c_box" type="checkbox" >
+                </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>
+        </form>
+    </div>
+    <script id="a_h_hccc_out_tbody-temp" type="text/html">
+        <tr>
+            <td>{{obj.lineName}}</td>
+            <td>{{obj.lpName}}</td>
+            <td>{{obj.jsy}}</td>
+            <td>{{obj.nbbm}}</td>
+            <td>{{obj.dfsjStr}}</td>
+        </tr>
+    </script>
+
+    <script>
+        (function () {
+
+            var wrap = '.handler_cont_hccc_wrap', ae, inoutSch;
+
+
+            $(wrap).on('init', function (e, data) {
+                e.stopPropagation();
+                if($(this).attr('data-init')==1)
+                    return;
+
+                ae = data.ae;
+
+                inoutSch = gb_os_card.findByLineCode(ae.lineCode)[ae.schId];
+                $('.curr_out_plan_table>tbody', wrap).html(template('a_h_hccc_out_tbody-temp', {obj: inoutSch}));
+
+                //加载集调班次信息
+                gb_common.$get('/in_out/findSchByLpName', {lineCode: inoutSch.lineCode, lpName: inoutSch.lpName},readerScheduleList);
+
+                //自动补全
+                ct_autocompleter.initPerson($('#jsyAutoCompleter', wrap));
+                ct_autocompleter.initPerson($('#spyAutoCompleter', wrap));
+                ct_autocompleter.initBus($('#nbbmAutoCompleter', wrap));
+
+                $(this).attr('data-init', 1);
+            });
+
+            var readerScheduleList = function (rs) {
+                var htmlStr = template('jd_schedule_list_table-temp', {list: rs.list, tcc_code: current_tcc_code});
+                $('.sch_list_table', wrap).html(htmlStr);
+                //滚动条
+                $('.sch_list_table_wrap', wrap).perfectScrollbar({suppressScrollX: true});
+
+                //将当前出场班次之前的班次都禁选
+                var trs = $('.sch_list_table tr', wrap);
+                for(var i=0,row;row=trs[i++];){
+                    if($(row).data('id')==inoutSch.id)
+                        break;
+                    $(row).addClass('disabled')
+                            .find('input[type=checkbox]')
+                            .attr('disabled','disabled');
+                }
+                //选中当前出场班次
+                var dl = $('.sch_list_table tr[data-id="'+inoutSch.id+'"]', wrap).trigger('click');
+
+                //滚动到可视区域
+                var cont = $('.sch_list_table_wrap', wrap);
+                cont.animate({
+                    scrollTop: dl.offset().top - cont.offset().top + cont.scrollTop() - 38
+                }, 300);
+            };
+
+            /**
+             * row 点击选中
+             */
+            $(wrap).on('click', '.sch_list_table tr', function () {
+                if($(this).hasClass('disabled'))
+                    return;
+                var cbox = $('input[type=checkbox]', this)[0];
+                if($(this).hasClass('active')){
+                    $(this).removeClass('active');
+                    cbox.checked = false;
+                }
+                else{
+                    $(this).addClass('active');
+                    cbox.checked = true;
+
+                    var cells = this.cells;
+                    var f = $('.tzrc_form_card form', wrap);
+                    $('[name=nbbm]', f).val($(cells[4]).text());
+                    $('[name=jsy]', f).val($(cells[2]).text());
+                    $('[name=spy]', f).val($(cells[3]).text());
+                }
+            });
+
+            //全选
+            $('#globalCheckBox', wrap).on('click', function () {
+
+                var trs = $('.sch_list_table tr', wrap);
+                var cbox;
+                for(var i=0,row;row=trs[i++];){
+                    if($(row).hasClass('disabled'))
+                        continue;
+
+                    cbox = $('input[type=checkbox]', row)[0];
+
+                    if(this.checked)
+                        $(row).addClass('active');
+                    else
+                        $(row).removeClass('active');
+                    cbox.checked = this.checked;
+                }
+            });
+
+            $('.tzrc_form_card input[type=checkbox]', wrap).on('click', function () {
+                var $input = $(this).prev();
+                if(this.checked)
+                    $input.removeAttr('disabled');
+                else
+                    $input.attr('disabled', 'disabled');
+            });
+
+            //switch_c_box
+            $('.switch_c_box', wrap).on('click', function () {
+                var input = $(this).parent().find('input[type=text]');
+                if(this.checked)
+                    input.removeAttr('disabled');
+                else
+                    input.attr('disabled', 'disabled');
+            });
+        })();
+    </script>
+</div>
 \ No newline at end of file
@@ -13,7 +13,9 @@ var gb_o_s_abnormal = (function () {
         var idx = storage.getItem("abnormal_line_idx");
         gb_common.$get('/in_out/findAbnormalByLineArray', {idx: idx}, function (rs) {
-            var list = rs.list;
+            var list = rs.list.sort(function (a, b) {
+                return a['planTime'] - b['planTime'];
+            });
             for(var i=0,obj;obj=list[i++];){
                 obj.lineName = gb_o_s_basic_data.findLineNameByCode(obj.lineCode);
                 _data[obj['schId']+'_'+obj['type']]=obj;
@@ -32,16 +34,36 @@ var gb_o_s_abnormal = (function () {
     $(document).on('click', wrap + ' .handler_btn_panel>button', function () {
         var key = $(this).data('key'),
             ae = gb_o_s_abnormal.get(key);
-        console.log('aeae', ae);
-        gb_common.open_modal_default('/pages/abnormal/fragments/abnormal_handler.html', '未签到&nbsp;（' + ae.lineName + '、'+ae.lpName + '）', {key:key}, 700);
+
+        var type = $(this).data('type'),_title;
+        if(type==0)
+            _title = '未签到&nbsp;';
+        else if(type==1)
+            _title = '未出场&nbsp;';
+        gb_common.open_modal_default('/pages/abnormal/fragments/type_'+type+'/abnormal_handler.html', _title + '（'+ ae.lineName + '、'+ae.lpName + '）' , {key:key}, 700);
     });
     var getByKey = function (key) {
         return _data[key];
     };
+
+    var handle = function (array) {
+        if(!array || array.length==0)
+            return;
+
+        var elem;
+        for(var i=0,ae;ae=array[i++];){
+            elem = $('.uk-card-body[data-id='+ae.schId+']', wrap);
+            elem.addClass('uk-animation-slide-left-medium uk-animation-reverse')
+                .one('animationend', function () {
+                    $(this).remove();
+                });
+        }
+    };
     return {
         init: init,
-        get: getByKey
+        get: getByKey,
+        handle: handle
     }
 })();
 \ No newline at end of file
@@ -8,29 +8,9 @@ var gb_os_card = (function () {
     var init = function (lineIdx, cb) {
         $.get('/in_out/findOutByIdx',{idx: lineIdx}, function (list) {
-            list.sort(function (a, b) {
-                return a['dfsjT'] - b['dfsjT'];
-            });
-            for (var i = 0, sch; sch = list[i++];) {
-                sch.attJhTimeStr = moment(sch.attJhTime).format('HH:mm');
-                sch.dfsjStr = moment(sch.dfsjT).format('HH:mm');
-                if(sch.fcsjActualTime){//集调出场时间
-                    sch.fcsjActual = moment(sch.fcsjActualTime).format('HH:mm');
-                }
-
-                if(sch.outTimeRfid){//rfid出场时间
-                    sch.outTimeRfidStr = moment(sch.outTimeRfid).format('HH:mm');
-                    sch.rfidLate = sch.outTimeRfid - sch.dfsjT;
-                }
-                if(sch.outTimePzsb){//牌照识别出场时间
-                    sch.outTimePzsbStr = moment(sch.outTimePzsb).format('HH:mm');
-                    sch.pzsbLate = sch.outTimePzsb - sch.dfsjT;
-                }
-            }
             //按线路分组数据
             var data = gb_common.groupBy(list, 'lineCode');
-
             _data = {};
             for (var lineCode in data) {
                 _data[lineCode] = {};
@@ -39,17 +19,57 @@ var gb_os_card = (function () {
                 }
             }
-            //渲染
-            var htmlStr = template('a_out_sch_cards-temp', {data: data});
-            $('.right_panel>.line_card_list').html(htmlStr)
-                .find('.title_name').dblclick(function () {
-                $('.expand_card_icon', this).trigger('click');
-            });
+            for(var lineCode in _data){
+                renderByLine(lineCode);
+            }
             cb && cb();
         });
     };
+    /**
+     * 渲染线路卡片
+     * @param lineCode
+     */
+    var renderByLine = function (lineCode) {
+        var list = gb_common.get_vals(_data[lineCode]);
+        list.sort(function (a, b) {
+            return a['dfsjT'] - b['dfsjT'];
+        });
+        for (var i = 0, sch; sch = list[i++];) {
+            sch.attJhTimeStr = moment(sch.attJhTime).format('HH:mm');
+            sch.dfsjStr = moment(sch.dfsjT).format('HH:mm');
+            if(sch.fcsjActualTime){//集调出场时间
+                sch.fcsjActual = moment(sch.fcsjActualTime).format('HH:mm');
+            }
+
+            if(sch.outTimeRfid){//rfid出场时间
+                sch.outTimeRfidStr = moment(sch.outTimeRfid).format('HH:mm');
+                sch.rfidLate = sch.outTimeRfid - sch.dfsjT;
+            }
+
+            if(sch.outTimePzsb){//牌照识别出场时间
+                sch.outTimePzsbStr = moment(sch.outTimePzsb).format('HH:mm');
+                sch.pzsbLate = sch.outTimePzsb - sch.dfsjT;
+            }
+        }
+
+        //渲染
+        var $newPanel = $(template('a_out_sch_cards-temp', {list: list}));
+
+        var $list = $('.right_panel>.line_card_list'),
+            $old = $('.o_s_line_card[data-line='+lineCode+']', $list);
+        if($old.length > 0)
+            $old.replaceWith($newPanel);
+        else{
+            $list.append($newPanel);
+        }
+
+        $('.title_name', $newPanel).dblclick(function () {
+            $('.expand_card_icon', this).trigger('click');
+        });
+    };
+
     //展开单线路全部
     $(document).on('click', '.right_panel>.line_card_list .expand_card_icon', function () {
         var lineCode = $(this).data('code');
@@ -108,14 +128,20 @@ var gb_os_card = (function () {
         if (!isArray(schArr))
             schArr = [schArr];
+        var lineArray = {};
         $.each(schArr, function () {
             try{
                 _data[this.lineCode][this.id] = this;
-                updateDom(this);
+                //updateDom(this);
+                lineArray[this.lineCode] = 1;
             }catch (e){
                 console.log(e);
             }
         });
+
+        for(var code in lineArray){
+            renderByLine(code);
+        }
     };
     var updateDom = function (sch) {
@@ -20,14 +20,14 @@
         <div class="abnormal_data_tabs">
             <ul class="uk-subnav" uk-switcher uk-tab>
                 <li><a>异常情况&nbsp;50</a></li>
-                <li><a>已处理</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>
+                <!--<li>Hello again!</li>-->
             </ul>
         </div>
@@ -53,7 +53,7 @@
     <script id="abnormal_card_list-temp" type="text/html">
         {{each list as obj i}}
-        <div class="uk-card uk-card-default uk-card-body">
+        <div class="uk-card uk-card-default uk-card-body" data-id="{{obj.schId}}">
             {{if obj.type==0}}
             <div class="_title">
                 <span uk-icon="user"></span>
@@ -94,7 +94,7 @@
             </div>
             {{/if}}
             <div class="handler_btn_panel">
-                <button class="uk-button uk-button-primary uk-button-small" data-key="{{obj.schId}}_{{obj.type}}">处理
+                <button class="uk-button uk-button-primary uk-button-small" data-type="{{obj.type}}" data-key="{{obj.schId}}_{{obj.type}}">处理
                 </button>
             </div>
         </div>
@@ -102,12 +102,11 @@
     </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="uk-card uk-card-default uk-card-body o_s_line_card" data-line="{{list[0].lineCode}}">
             <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>
+                {{list[0].lineName}}
+                <span class="expand_card_icon" data-code="{{list[0].lineCode}}"
+                      data-name="{{list[0].lineName}}"></span>
             </div>
             <div class="o_s_c_table">
                 <div class="osc_table_head">
@@ -125,7 +124,7 @@
                     </dl>
                 </div>
                 <div class="osc_table_body">
-                    {{each data[k] as sch i}}
+                    {{each list as sch i}}
                     {{if i <=5}}
                     <dl>
                         <dd>{{sch.lpName}}</dd>
@@ -144,7 +143,6 @@
                 </div>
             </div>
         </div>
-        {{/each}}
     </script>
     <script id="jd_schedule_list_table-temp" type="text/html">
         {{if list.length==0}}
@@ -196,6 +194,13 @@
     </script>
     <script id="jd_schedule_form_table_002-temp" type="text/html">
+        {{if currSch.status > 0}}
+        <div class="uk-alert-danger" style="width: 100%;" uk-alert>
+            <a class="uk-alert-close" uk-close></a>
+            <p><i uk-icon="info"></i>&nbsp;集调班次显示该车辆已出场，你不能再对预发时刻进行修改。</p>
+        </div>
+        {{/if}}
+
         <input type="hidden" name="dftzId" value="{{currSch.id}}">
         <div class="uk-width-1-2@s">
             <label class="uk-form-label">从<small>(停车场)</small></label>
@@ -245,20 +250,20 @@
         <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}}" >
+                <input class="uk-input" {{currSch.status > 0?"disabled":""}} 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>
+                <textarea class="uk-textarea" {{currSch.status > 0?"disabled":""}} 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>
+            <label class="ct_grey"><input {{currSch.status > 0?"disabled":""}} 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">
@@ -347,14 +352,14 @@
             <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>
+                <button class="uk-button uk-button-primary submit-btn" type="button" {{currSch.status > 0?"disabled":""}}>提交</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';
+            var lineIdx = '10146';
             window.localStorage.setItem("abnormal_line_idx", lineIdx);
             var initFlag;