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

function dnsGenPage() {
    var page = '<div id="dns_page" style="display: block;"> \
    <div class="maintitle"> \
        <div>DNS配置</div> \
        <div class="page_description_text">手动更新终端连接使用的DNS服务器IP地址。 \
        </div> \
    </div> \
    <div id="dnsContent"> \
        <div id="dns_all_content"> \
            <div id="dns_prompt" class="page_prompt_info page_scenes_info_text hide" style="display: none;"></div> \
            <div id="dns_content"> \
                <div id="dns_firstline" style="padding-top: 10px; display: block;" class="hide"> \
                </div> \
                <div class="clearboth" id="dns1_div" style="padding-top:30px;"> \
                <div class="control-label"><span>首选 IPv4 DNS</span> \
                </div> \
                <div class="controls input_normal"><input id="main_dns_addr" \
                    onfocus="showInputBorder(this)" \
                    onblur="hideInputBorder(this)" type="text" \
                    maxlength="15" autocomplete="off"></div> \
            </div> \
            <div class="clearboth" id="dns2_div" style="padding-top:30px;"> \
                <div class="control-label"><span>备选 IPv4 DNS</span> \
                </div> \
                <div class="controls input_normal"><input id="vice_dns_addr" \
                    onfocus="showInputBorder(this)" \
                    onblur="hideInputBorder(this)" type="text" \
                    maxlength="15" autocomplete="off"></div> \
            </div> \
            <div class="clearboth" id="dns_btn_save_div" style="padding-top:50px"> \
                <div class="control-label" style="margin-top: 8px;">&nbsp;</div> \
                <div class="controls"><button class="btn_normal_long btn_disabled" \
                        id="dns_btn_save">该功能暂不支持</button></div> \
            </div> \
            <div class="clearboth" style="padding-top:70px"></div> \
            </div> \
        </div> \
        <div id="dns_activation_content" class="page_prompt_info page_scenes_info_text hide"> \
        </div> \
    </div></div>';

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

var dnsController = (function() {

    function getLocalNetworkInfo() {

        let req = new Request();
        req.timeout = 10000;
        req.filter = 0;
        RVC.ResourceWatcherEntity.GetNetworkInfo(req, function(ret) {
            if(ret.errorCode === 0) {
                var chosen = ret.names.findIndex((item, idx) => {
                    return item == ret.current;
                })
                var dnsList = ret.dns[chosen].split(';');
                if(dnsList.length <= 0) {

                } else {
                    $('#main_dns_addr').val(dnsList[0]);
                    $('#main_dns_addr').attr('origin_value', dnsList[0]);
                    if(dnsList.length > 1) {
                        $('#vice_dns_addr').val(dnsList[1]);
                        $('#vice_dns_addr').attr('origin_value', dnsList[1]);
                    }
                }
            }
        });
    }

    function enableButton() {
        $('#dns_btn_save').removeClass('btn_disabled');
    }

    function disableButton() {
        if(isButtonEnable('dns_btn_save')) {
            $('#dns_btn_save').addClass('btn_disabled');
        }
    }

    function saveButtonHandle() {

    }

    function selectKeyListHandle(evt) {
        clearAllErrorMsg();
        const dns1 = $('#main_dns_addr').attr('origin_value');
        const dns2 = $('#vice_dns_addr').attr('origin_value');
        var new1 = $('#main_dns_addr').val();
        var new2 = $('#vice_dns_addr').val();
        if(new1 != dns1 || new2 != dns2) {
            enableButton();
        } else {
            disableButton();
        }
    }

    function bindEvents() {
        $(document).on('change click', '#main_dns_addr', selectKeyListHandle);
        $(document).on('change click', '#vice_dns_addr', selectKeyListHandle);
        $(document).on('click', '#dns_btn_save', saveButtonHandle);
    }

    function initPage() {
        //getLocalNetworkInfo();
    }

    var fistTime = true;

    function init() {

        if (fistTime) {
            fistTime = false;
            //bindEvents();
        }
        initPage();
    }
    
    return { init: init };
}());

window.dnsRenderPage = function () {
    dnsController.init();
};