myvtm/addin/res/ManagerDesktop/js/page/context.js

function contextGenPage() {
    var page = '<div id="context_page" style="display: block;">\
        <div class="maintitle">\
            <div>终端号切换</div>\
            <div class="page_description_text">用于开发测试环境终端切换管理。侵入式操作！！<br/>\
            填写终端号以切换终端，填写分行服务IP地址以重新下载集中配置文件，信息有变更时需按照提示重启应用后方能生效。\
            </div>\
        </div>\
        <div id="contextSwitchContent">\
            <div class="clearboth" id="apn_list" style="padding-top:70px;">\
                <div class="table_top">\
                    <div class="table_list_title">终端号备选列表\
                    </div>\
                    <div class="pull-right">\
                        <div id="termbackup_new" class="btn_new pull-left">\
                            &nbsp;\
                        </div>\
                    </div>\
                </div>\
                <div class="border_left border_right color_Darkgray"\
                    style="width:678px;padding-top:-1px;">\
                    <div id="termbackup_lists" class="clearboth" style="width:100%;overflow:hidden;">\
                    </div>\
                </div>\
                <div class="table_bottom">\
                </div>\
            </div>\
            <div id="add_termbackup_item_win" class="out_win_content submit_background hide">\
                <div class="table_top">\
                    <div style="border-bottom: #E9E9E9 solid 1px;font-size: 16px;text-align:center;line-height: 65px;">\
                        终端号相关设置</div>\
                </div>\
                <div class="border_left border_right margin_bottom_box2 color_background_white"\
                    style="padding-top: 40px;">\
                    <div id="add_termbackup_item_win_scroll" style="max-height:300px;">\
                        <div id="termbackup_env_type_div" class="clearboth">\
                            <div class="control-label-win"><span>环境</span></div>\
                            <div class="controls-win">\
                                <div id="termbackup_env" class="select_on_normal" onclick="SelectItem(this)">\
                                </div>\
                                <div id="termbackup_env_list" class="select_list hide" style="display: none;">\
                                    <div id="termbackup_env_list_item_dev" option="1" class="select_medium"">DEV</div>\
                                    <div id="termbackup_env_list_item_st" option="2" class="select_medium">ST</div>\
                                    <div id="termbackup_env_list_item_uat" option="3" class="select_medium">UAT </div>\
                                    <div id="termbackup_env_list_item_all" option="0" class="select_medium">Unclassfied</div>\
                                </div>\
                            </div>\
                        </div>\
                        <input style="display:none;" id="termbackup_url_profile_index" type="text">\
                        <div id="termbackup_terminalno_div" class="clearboth" style="padding-top:29px;">\
                            <div class="control-label-win"><span>终端号</span></div>\
                            <div class="controls-win input_normal"><input id="termbackup_terminalno"\
                                    onfocus="showInputBorder(this)" onblur="hideInputBorder(this)"\
                                    type="text" maxlength="10"></div>\
                        </div>\
                        <div id="termbackup_branch_ip_div" class="clearboth" style="padding-top:29px;">\
                            <div class="control-label-win"><span>分行服务IP</span></div>\
                            <div class="controls-win input_normal"><input id="termbackup_branch_ip"\
                                    onfocus="showInputBorder(this)" onblur="hideInputBorder(this)"\
                                    type="text" maxlength="64"></div>\
                        </div>\
                        <div id="remark" class="clearboth" style="padding-top:29px;">\
                            <div class="control-label-win">\
                                <span">备注</span>\
                            </div>\
                            <div class="controls-win input_normal"><input id="input_remark"\
                                 placeholder="（可不填）" onfocus="showInputBorder(this)"\
                                 onblur="hideInputBorder(this)" type="text" maxlength="128"></div>\
                        </div>\
                        <div id="termbackup_list_input_set_default_div" class="clearboth"\
                            style="padding-top: 27px;">\
                            <div class="control-label-win pull-left">\
                                <span>设置为当前使用</span>\
                            </div>\
                            <div id="termbackup_list_input_set_default"\
                                class="check_off controls-win pull-right" style="margin-top:8px;">\
                            </div>\
                        </div>\
                        <div id="termbackup_select_blank" style="height: 145px; display: none;" class="hide">\
                        </div>\
                        <div class="clearboth"></div>\
                    </div>\
                    <div style="padding-top:50px;padding-bottom:8px;" align="center">\
                        <button id="termbackup_item_cancel" class="btn_normal_short">取消</button>\
                        <button id="termbackup_item_save"\
                            class="btn_normal_short btn_disabled margin-left-20">保存</button>\
                    </div>\
                </div>\
                <div class="table_bottom"></div>\
            </div>\
        </div>\
    </div>\
    <div style="height:40px;">&nbsp;</div>';

    $("#rightpagearea").prepend(page);
    if (typeof contextRenderPage == "function") {
        beforeRenderPage("context");
        contextRenderPage();
        afterRenderPage("context");
    }
}

var contextController = (function() {

    var CONST = {
        SWITCH_ON: '1',
        PROFILE_MAX_NUM: 100
    };
    
    var terinalListCount = 0;
    var isNewConfig = true;

    var modifyIndex = -1;
    var profilesArray = [];
    var modifyProfile = {};

    function loadData(flag) {
        let req = new Request();
        req.filter1 = 0;
        req.filter2 = 0;
        req.filter3 = 0;
        req.filter4 = '';

        profilesArray = [];
        termbackuplistCount = 0;

        if(typeof flag === 'undefined') {
            utilStartSubmitDialog();
        }
        RVC.CenterSettingEntity.GetTerminalBackupInfoList(req, function(ret) {
            if(typeof flag === 'undefined'){
                utilStopSubmitDialog();
            }
            console.log('result: ' + ret.errorCode);
            if (ret.errorCode === 0) {
                let result = JSON.parse(ret[RVC.CenterSettingEntity.sigResponseUUID])
                console.log('count: ' + result.index.length + ' ' + result);

                if (result.index.length === 0) {
                    $('#termbackup_lists').css('height', 0);
                    $('#termbackup_lists').hide();
                    return;
                } else if (result.index.length <= 8) {
                    $('#termbackup_lists').css('height', (result.index.length * 70 - 12) + result.index.length + 'px');
                } else {
                    $('#termbackup_lists').css('height', '561px');
                }
                $('#termbackup_lists').show();
                $('#termbackup_lists').empty();
                RVC.Scroll.initScroll('#termbackup_lists');

                for (var n = 0; n < result.index.length; n++)
                {
                    console.log('profileItemIndex: ' + result.index[n]);
                    console.log('profileItemName: ' + result.remark[n]);
                    console.log('profileItemMainUrl: ' + result.terminalNo[n]);
                    console.log('profileItemAdUrl: ' + result.branchIP[n]);
                    console.log('profileItemEnvType: ' + result.env[n]);
                    console.log('profileItemStatus: ' + result.status[n]);

                    var templateData = {
                        profileItemIndex: result.index[n],
                        profileItemName: result.remark[n],
                        profileItemMainUrl: result.terminalNo[n],
                        profileItemAdUrl: result.branchIP[n],
                        profileItemEnvType: result.env[n],
                        profileItemStatus: result.status[n]
                    };
                    profilesArray.push(templateData);

                    var profileHtml;
                    if (n === result.index.length - 1) {
                        profileHtml = '<div  id="termbackup_list_{{profileItemIndex}}" style="height:59px;cursor:pointer;" class="list_item_hover">';
                        profileHtml += '<div id="termbackup_list_name_{{profileItemIndex}}"  class="pull-left padding-left-20" style="height:45px;padding-top:14px;width:600px;" onclick="RVC.TerminalBackupConfigController.ShowTerminalBkInfo({{profileItemIndex}})">';
                    } else {
                        profileHtml = '<div  id="termbackup_list_{{profileItemIndex}}" class="border_bottom list_item_hover" style="height:70px;cursor:pointer;">';
                        profileHtml += '<div id="termbackup_list_name_{{profileItemIndex}}"  class="pull-left padding-left-20" style="height:56px;padding-top:14px;width:600px;" onclick="RVC.TerminalBackupConfigController.ShowTerminalBkInfo({{profileItemIndex}})">';
                    }
                    if (templateData.profileItemStatus === 1) { //当前使用
                        profileHtml += '<pre class="termbackup_profile_name_{{profileItemIndex}}" style="font-size:16px;margin-top:0px;"><span class="termbackup_profile_itemname pull-left" style="line-height:21px;" title="{{profileItemName}}">{{profileItemName}}</span><span class="pull-left" style="line-height:21px;">（当前使用）</span><div class="clearboth"></div></pre>';
                    } else {
                        profileHtml += '<pre class="termbackup_profile_name_{{profileItemIndex}}" style="font-size:16px;margin-top:0px;"><span class="termbackup_profile_itemname" title="{{profileItemName}}">{{profileItemName}}</span></pre>';
                    }
                    profileHtml += '<div class="termbackup_termbackup_name_{{profileItemIndex}} color_descroption_gray termbackup_profile_itemapnname" style="margin-top:-10px;font-size:14px;" title="{{profileItemMainUrl}}&nbsp;|&nbsp;{{profileItemAdUrl}}">{{profileItemMainUrl}}&nbsp;|&nbsp;{{profileItemAdUrl}}</div></div>';
                    if (templateData.profileItemStatus === 1 || templateData.profileItemStatus === 2) { //当前正在使用
                        profileHtml += '<div class="pull-right"></div></div>';
                    } else {
                        if (n === 0) {
                            profileHtml += '<div class="pull-right"><div class="btn_delete mobileconnet_btn_delete" onclick="RVC.TerminalBackupConfigController.RemoveTerminalBkProfile({{profileItemIndex}})" >&nbsp;</div></div></div>';
                        } else {
                            profileHtml += '<div class="pull-right"><div class="btn_delete mobileconnet_btn_delete" onclick="RVC.TerminalBackupConfigController.RemoveTerminalBkProfile({{profileItemIndex}})" >&nbsp;</div></div></div>';
                        }
                    }
                    $('#termbackup_lists .scroll_text').secureAppend(profileHtml, templateData);
                }
                termbackuplistCount = result.index.length;

            } else if(typeof flag === 'undefined') {
                RVC.CenterSettingEntity.commErrorCallback(ret);
            }
        });
    }

    
    function preShowTermBkList()
    {
        $('#termbackup_lists').show();
        $('#termbackup_lists').empty();
        RVC.Scroll.initScroll('#termbackup_lists');
    }

    function termbkProfileCancel() {
        $('#add_termbackup_item_win').hide();
        $('#submit_fade').hide();
    }

    function saveTerminalBkProfileData(newConfig)
    {
        if (!isButtonEnable('termbackup_item_save')) {
            return;
        }

        var mainUrl = xss($.trim($('#termbackup_terminalno').val()));
        var adUrl = xss($.trim($('#termbackup_branch_ip').val()));
        var remark = xss($.trim($('#input_remark').val()));

        var isSetDefault = $('#termbackup_list_input_set_default').hasClass('check_on') ? true : false;
        var envType = parseInt($('#termbackup_env').val());
        var index = parseInt($('#termbackup_url_profile_index').val());

        if(mainUrl === '') {
            utilStartAlertDialog('请输入终端号！');
            return;
        }
        if(adUrl === '') {
            utilStartAlertDialog('请输入分行服务IP地址！');
            return;
        }

        let req = new Request();
        if(newConfig) {
            req.operation = 1;
            req.index = 0;
        } else {
            req.operation = 3;
            req.index = index;
        }
        req.terminalNo = mainUrl;
        req.branchIP = adUrl;
        req.remark = remark;
        req.env = envType;
        req.setDefault = isSetDefault;

        utilStartSubmitDialog();
        RVC.CenterSettingEntity.EditTerminalBackupInfo(req, function(ret) {
            utilStopSubmitDialog();
            if (ret.errorCode === 0) {
                let result = JSON.parse(ret[RVC.CenterSettingEntity.sigResponseUUID])
                if(req.setDefault && (result.result === 0 || result.result === 519)) {
                    termbkProfileCancel();
                    if(result.addition !== 0) {
                        console.log('需要更新集中配置！');
                        var tips = '即将从新服务器IP ' + adUrl + ' 下载集中配置';
                        utilShowToast(tips, 3000, function() {
                            utilStartSubmitDialog();
                            let req2 = new Request();
                            req2.operation = 0;
                            req2.strAddr = adUrl;
                            req2.nPort = 6024;
                            req2.deleteIfExist = true;
                            if(result.result === 0){
                                req2.additional1 = mainUrl;
                            } else { 
                                req2.additional1 = ''; 
                            }
                            req2.additional2 = ''; 
                            req2.additional3 = ''; 
                            req2.additional4 = ''; 
                            req2.reserved1 = 0; 
                            req2.reserved2 = 0;
                            RVC.CenterSettingEntity.DownloadCenterFiles(req2, function(ret1) {
                                utilStopSubmitDialog();
                                if (ret1.errorCode === 0) {
                                    utilStartAlertDialog('集中配置下载成功，点击确认以【重启应用】', function(){
                                        RVC.HealthmanagerEntityCtrl.RestartApp(true);
                                    });
                                } else {
                                    if(result.result === 0) {
                                        utilStartConfirmDialog('尝试从' + adUrl + '下载集中配置失败 ' + ErrorCodeStringfy(ret1.errorCode) + '，请稍后在重启后手动下载！<br/>因终端号有更新，建议点击确认以重启应用', function(){
                                            RVC.HealthmanagerEntityCtrl.RestartApp(true);
                                        }, function() {
                                            utilShowToast('重启取消，即将刷新列表（终端号已变更，列表部分信息不准确！）', 1500, function(){
                                                preShowTermBkList();
                                                loadData();
                                            });
                                        });
                                    } else {
                                        utilStartAlertDialog('尝试从' + adUrl + '下载集中配置失败 ' + ErrorCodeStringfy(ret1.errorCode) + '，请稍后自行手动下载！', function() {
                                            utilShowToast('重启取消，即将刷新列表', 1500, function() {
                                                preShowTermBkList();
                                                loadData();
                                            });
                                        });
                                    }
                                }
                            });
                        });
                    } else if(result.result === 519) {
                        utilShowToast('检测到与当前的配置一致!', 2000, function() {
                            preShowTermBkList();
                            loadData();
                        });
                    } else {
                        utilStartConfirmDialog('终端号已更换，点击确认以【重启应用】！', function() {
                            RVC.HealthmanagerEntityCtrl.RestartApp(true);
                        }, function() {
                            utilShowToast('重启取消，即将刷新列表（终端号已变更，列表信息部分不准确！）', 1500, function(){
                                preShowTermBkList();
                                loadData();
                            });
                        });
                    }
                } else if(result.result === 0) {
                    utilStartAlertDialog('操作成功！', function() {
                        preShowTermBkList();
                        loadData();
                    });
                } 
                else {
                    if(newConfig) {
                        utilStartAlertDialog('添加失败：' + result.msg);
                    } else {
                        utilStartAlertDialog('更新失败：' + result.msg);
                    }
                }
                
            } else {
                RVC.CenterSettingEntity.commErrorCallback(ret);
            }
        });
    }

    function checkboxDisabled(id) {
        var checkElement = $('#' + id);
        if (checkElement.hasClass('check_on') && checkElement.hasClass('disabled')) {
            checkElement.removeClass('check_on').addClass('check_on_disable').addClass('check_on');
        } else {
            checkElement.removeClass('check_on_disable');
        }
        if (checkElement.hasClass('check_off') && checkElement.hasClass('disabled')) {
            checkElement.removeClass('check_off').addClass('check_off_disable').addClass('check_off');
        } else {
            checkElement.removeClass('check_off_disable');
        }
    }

    function showTerminalBkBox() {
        clearAllErrorMsg();
        $('#termbackup_item_save').addClass('btn_disabled');
        var outwin = $('#add_termbackup_item_win');
        checkboxDisabled('termbackup_list_input_set_default');
        var heightest = $(document).height();
        $('#submit_fade').css('height', heightest + 'px');
        $('#submit_fade').show();
        outwin.show();
    }

    function setDefaultTeminalBkSwitch() {
        if ($('#termbackup_list_input_set_default').hasClass('disabled')) {
            return;
        }
        $('#termbackup_item_save').removeClass('btn_disabled');
        if ($('#termbackup_list_input_set_default').hasClass('check_on')) {
            $('#termbackup_list_input_set_default').removeClass('check_on').addClass('check_off');
        } else {
            $('#termbackup_list_input_set_default').removeClass('check_off').addClass('check_on');
        }
        if ($('#termbackup_list_input_set_default').hasClass('check_off')) {
            $('#termbackup_item_save').addClass('btn_disabled');
        }
    }

    function ResetTerminalBackupInfoShowDialog()
    {
        $('#termbackup_url_profile_index').val('');
        $('#add_termbackup_item_win input').val('');
        $('#add_termbackup_item_win input').removeAttr('disabled');
        $('#add_termbackup_item_win .select_on_normal').removeClass('disabled');
    }

    RVC.TerminalBackupConfigController = RVC.ObjController.extend({

        ShowTerminalBkInfo: function(index) {
            modifyIndex = index;
            var termbackupUrlShowItem = {};
            for (var i = 0; i < profilesArray.length; i++) {
                if (profilesArray[i].profileItemIndex === index) {
                    termbackupUrlShowItem = profilesArray[i];
                    break;
                }
            }
            /**
            profileItemIndex: result.index[n],
            profileItemName: result.remark[n],
            profileItemMainUrl: result.futureUrl[n],
            profileItemAdUrl: result.adUrl[n],
            profileItemEnvType: result.env[n],
            profileItemFromType: result.type[n],
            profileItemStatus: result.status[n]
             */

            ResetTerminalBackupInfoShowDialog();

            modifyProfile = termbackupUrlShowItem;
            $('#termbackup_url_profile_index').val(termbackupUrlShowItem.profileItemIndex.toString());
            $('#termbackup_terminalno').val(termbackupUrlShowItem.profileItemMainUrl);
            $('#termbackup_branch_ip').val(termbackupUrlShowItem.profileItemAdUrl);
            $('#input_remark').val(termbackupUrlShowItem.profileItemName);

            if (termbackupUrlShowItem.profileItemStatus === 1) { //默认配置
                $('#termbackup_list_input_set_default').removeClass('check_off').addClass('check_on');
                $('#termbackup_list_input_set_default').addClass('disabled');
            } else {
                $('#termbackup_list_input_set_default').removeClass('check_on').addClass('check_off');
                $('#termbackup_list_input_set_default').removeClass('disabled');
            }

            showSelectedValue('termbackup_env', termbackupUrlShowItem.profileItemEnvType.toString());

            $(document).off('click', '#termbackup_item_save');
            $(document).on('click', '#termbackup_item_save', function () {
                saveTerminalBkProfileData(false);
            });

            if(termbackupUrlShowItem.profileItemStatus === 1) { //当前使用的不让修改
                $('#add_termbackup_item_win input').attr('disabled', true);
                $('#add_termbackup_item_win .select_on_normal').addClass('disabled');
                console.log(termbackupUrlShowItem.profileItemName);
            }

            showTerminalBkBox();
        },
        RemoveTerminalBkProfile: function(index)
        {
            utilStartConfirmDialog("确定要移除该配置吗？", function() {
                let req = new Request();
                req.operation = 2; //删除
                req.index = parseInt(index);
                req.terminalNo = '';
                req.branchIP = '';
                req.remark = '';
                req.env = 0;
                req.setDefault = false;

                utilStartSubmitDialog();
                RVC.CenterSettingEntity.EditTerminalBackupInfo(req, function(ret) {
                    utilStopSubmitDialog();
                    if (ret.errorCode === 0) {
                        let result = JSON.parse(ret[RVC.CenterSettingEntity.sigResponseUUID])
                        if(result.result == 0) {
                            preShowTermBkList();
                            loadData();
                        } else {
                            utilStartAlertDialog('删除失败：' + result.msg);
                        }
                    } else {
                        RVC.CenterSettingEntity.commErrorCallback(ret);
                    }
                });
            });
        }

    });

    function bindEvents() {

        $('#termbackup_new').click(function () {
            $('#termbackup_select_blank').hide();
            if (termbackuplistCount === CONST.PROFILE_MAX_NUM) {
                utilStartCommonDialog('配置数量超过上限（' + CONST.PROFILE_MAX_NUM + '），请删除再新建！');
                setTimeout(function () {
                    utilStopCommonDialog();
                }, 3000);
                return;
            }
            modifyIndex = -1;
            ResetTerminalBackupInfoShowDialog();
            $('#termbackup_list_input_set_default').removeClass('check_off').addClass('check_on');
            $('#termbackup_list_input_set_default').addClass('disabled');
            showSelectedValue('termbackup_env', '1');
            isNewTerminalBkConfig = true;
            showTerminalBkBox();
            $(document).off('click', '#termbackup_item_save');
            $(document).on('click', '#termbackup_item_save', function () {
                saveTerminalBkProfileData(true);
            });
            $('#termbackup_terminalno').focus();
        });

        $('#termbackup_item_cancel').click(termbkProfileCancel);
        $(document).on('click keyup change', '#add_termbackup_item_win input', function () {
            $('#termbackup_item_save').removeClass('btn_disabled');
        });
        $(document).on('change click', '#add_termbackup_item_win .select_on_normal', function () {
            $('#termbackup_item_save').removeClass('btn_disabled');
        });
        $('#termbackup_list_input_set_default').click(setDefaultTeminalBkSwitch);

        $('#termbackup_env').click(function () {
            //RVC.Scroll.setTop('#add_termbackup_item_win_scroll', 200);
        });
    }

    function initPage() 
    {
        preShowTermBkList();
        loadData(true);

    }

    var fistTime = true;

    function init() {

        initPage();
        
        if (fistTime) {
            fistTime = false;
            bindEvents();
            RVC.Scroll.initScroll('#add_termbackup_item_win_scroll');
        }
        
    }

    function destory() {
        clearAllErrorMsg();
    }
    
    return { init: init, destory: destory };
}());

window.contextRenderPage = function () {
    contextController.init();
};