view_f2788a9e2419da53767432f7babc9fcb.c 15.2 KB
/*
   Generated from client/settings/base/storage.esp
 */
#include "esp.h"

static void view_f2788a9e2419da53767432f7babc9fcb(HttpConn *conn) {
  espRenderBlock(conn, "<!DOCTYPE html>\n\
<html>\n\
\n\
<head>\n\
    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n\
    <title></title>\n\
    <link href=\"../../css/frame.css\" rel=\"stylesheet\" />\n\
    <link href=\"../../scripts/easyui/themes/default/easyui.css\" rel=\"stylesheet\" />\n\
    <link href=\"../../scripts/easyui/themes/icon.css\" rel=\"stylesheet\" />\n\
    <style type=\"text/css\">\n\
        .tab_content {\n\
            min-height: 500px;\n\
        }\n\
\n\
        .content_group {\n\
            background-color: #DCDFE2;\n\
            width: 880px;\n\
        }\n\
\n\
        .content_items tr td {\n\
            height: 30px;\n\
            text-align: left;\n\
            width: 160px;\n\
        }\n\
\n\
        .content_items tr td.tdLarge {\n\
            width: 400px;\n\
        }\n\
\n\
        .content_items tr td .settingParameter {\n\
            width: 92px;\n\
            height: 21px;\n\
        }\n\
\n\
        .content_items tr td.td_comment {\n\
            width: 400px;\n\
        }\n\
\n\
        .content_items tr td select.settingParameter {\n\
            height: 25px;\n\
            line-height: 25px;\n\
            width: 92px;\n\
        }\n\
\n\
        .plainBtn {\n\
            border: 1px solid #7C8895;\n\
            width: 60px;\n\
        }\n\
\n\
        .plainText {\n\
            width: 60px;\n\
            border: 0;\n\
            background-color: #DCDFE2;\n\
        }\n\
    </style>\n\
</head>\n\
\n\
<body>\n\
    <ul class=\"tab_header\">\n\
        <!--<li class=\"tab_title\" data-index=\"0\">硬盘</li>-->\n\
        <li class=\"tab_title selected\" data-index=\"1\">SD卡</li>\n\
        <!--<li class=\"tab_title\" data-index=\"2\">U盘</li>-->\n\
        <li class=\"clear\"></li>\n\
    </ul>\n\
    <form id=\"storageForm\">\n\
        <div class=\"tab_content\" style=\"display: none;\">\n\
\n\
        </div>\n\
        <div class=\"tab_content\">\n\
            <div class=\"content_group\">\n\
                <table class=\"content_items\">\n\
                    <tr>\n\
                        <td class=\"title\">存储卡模式</td>\n\
                        <td class=\"content\">\n\
                            <span id=\"cardType\"></span>\n\
                        </td>\n\
                    </tr>\n\
                </table>\n\
            </div>\n\
            <div class=\"content_group\">\n\
                <table class=\"content_items\">\n\
                    <tr>\n\
                        <td class=\"title\">路径</td>\n\
                        <td class=\"content\">\n\
                            <input name=\"146\" id=\"146\" type=\"text\" class=\"plainText\" disabled=\"disabled\" />\n\
                        </td>\n\
                    </tr>\n\
                    <tr>\n\
                        <td class=\"title\">总容量</td>\n\
                        <td class=\"content\">\n\
                            <input type=\"text\" name=\"147\" id=\"147\" class=\"plainText\" disabled=\"disabled\" />\n\
                        </td>\n\
                    </tr>\n\
                    <tr>\n\
                        <td class=\"title\">剩余容量</td>\n\
                        <td class=\"content\">\n\
                            <input type=\"text\" name=\"148\" id=\"148\" class=\"plainText\" disabled=\"disabled\" />\n\
                        </td>\n\
                    </tr>\n\
                </table>\n\
            </div>\n\
            <div class=\"content_group\">\n\
                <table class=\"content_items\">\n\
                    <tr>\n\
                        <td class=\"tableTitle\">分区信息</td>\n\
                        <td class=\"tableTitle\">\n\
                            <label class=\"needRebootHint\" title=\"修改需重启生效\">分区大小</label>\n\
                        </td>\n\
                        <td class=\"tableTitle\">剩余容量</td>\n\
                        <td class=\"tableTitle\">操作</td>\n\
                    </tr>\n\
                    <tr>\n\
                        <td class=\"title\">结果分区</td>\n\
                        <td>\n\
                            <input type=\"text\" name=\"149\" id=\"149\" class=\"settingParameter  needReboot\" />\n\
                        </td>\n\
                        <td>\n\
                            <input class=\"plainText\" name=\"150\" id=\"150\" type=\"text\" disabled=\"disabled\" />\n\
                        </td>\n\
                        <td class=\"tdContent\">\n\
                            <a class=\"settingBtn\" id=\"btnFormatResult\">格式化</a>\n\
                        </td>\n\
                    </tr>\n\
                    <tr>\n\
                        <td>录像分区</td>\n\
                        <td>\n\
                            <input type=\"text\" name=\"151\" id=\"151\" class=\"settingParameter  needReboot\" />\n\
                        </td>\n\
                        <td>\n\
                            <input class=\"plainText\" name=\"152\" id=\"152\" type=\"text\" disabled=\"disabled\" />\n\
                        </td>\n\
                        <td class=\"tdContent\">\n\
                            <a class=\"settingBtn\" id=\"btnFormatVideo\">格式化</a>\n\
                        </td>\n\
                    </tr>\n\
                </table>\n\
            </div>\n\
            <!-- <div class=\"content_group\">\n\
                <table class=\"content_items\">\n\
                    <tr>\n\
                        <td>\n\
                            <label>录像流类型</label>\n\
                        </td>\n\
                        <td>\n\
                            <select name=\"158\" id=\"158\" class=\"settingParameter \">\n\
                                <option value=\"0\">主码流</option>\n\
                                <option value=\"1\">子码流</option>\n\
                            </select>\n\
                        </td>\n\
                        <td rowspan=\"3\" class=\"td_comment\">\n\
                            <table>\n\
                                <tr>\n\
                                    <td>编码格式</td>\n\
                                    <td>h264</td>\n\
                                    <td>码率类型</td>\n\
                                    <td>CBR</td>\n\
                                    <td>分辨率</td>\n\
                                    <td></td>\n\
                                </tr>\n\
                                <tr>\n\
                                    <td>码率</td>\n\
                                    <td></td>\n\
                                    <td>I帧间隔</td>\n\
                                    <td></td>\n\
                                    <td></td>\n\
                                    <td></td>\n\
                                </tr>\n\
                                <tr>\n\
                                    <td colspan=\"3\">\n\
                                        可能存储码流:<span></span>分辨率:<span></span>录像<span></span>天\n\
                                    </td>\n\
                                </tr>\n\
                            </table>\n\
                        </td>\n\
                    </tr>\n\
                    <tr>\n\
                        <td>\n\
                            <label>存储类型</label>\n\
                        </td>\n\
                        <td>\n\
                            <select name=\"159\" id=\"159\" class=\"settingParameter \">\n\
                                <option value=\"0\">avi</option>\n\
                                <option value=\"1\">h264</option>\n\
                            </select>\n\
                        </td>\n\
                    </tr>\n\
                    <tr>\n\
                        <td>\n\
                            <label>存满策略</label>\n\
                        </td>\n\
                        <td colspan=\"2\">\n\
                            <input name=\"160\" value=\"0\" type=\"radio\" class=\"checkboxAlign \" /> 循环覆盖\n\
                            <input name=\"160\" value=\"1\" type=\"radio\" class=\"checkboxAlign \" /> 存满即停\n\
                        </td>\n\
                    </tr>\n\
                </table>\n\
            </div>\n\
            <div class=\"content_group\">\n\
                <table class=\"content_items\">\n\
                    <tr>\n\
                        <td>\n\
                            <input type=\"checkbox\" name=\"153\" id=\"153\" class=\"checkboxAlign \" /> <label>违法结果存储</label>\n\
                        </td>\n\
                        <td class=\"tdLarge\">\n\
                            违法最多支持(天) <input name=\"154\" id=\"154\" type=\"text\" class=\"settingParameter \" /> (1-100)\n\
                            <span>至少需要 <span>6G</span></span>\n\
                        </td>\n\
                    </tr>\n\
                    <tr>\n\
                        <td>\n\
                            <input type=\"checkbox\" name=\"155\" id=\"155\" class=\"checkboxAlign \" /> <label>卡口数据存储</label>\n\
                        </td>\n\
                        <td>\n\
                            &nbsp;\n\
                        </td>\n\
                    </tr>\n\
                    <tr>\n\
                        <td>\n\
                            <input type=\"checkbox\" name=\"156\" id=\"156\" class=\"checkboxAlign \" /> <label>短时录像独立存储</label>\n\
                        </td>\n\
                        <td>\n\
                            &nbsp;\n\
                        </td>\n\
                    </tr>\n\
                </table>\n\
            </div>\n\
        </div> -->\n\
            <div class=\"tab_content\" style=\"display: none;\">\n\
\n\
            </div>\n\
            ", 9038);
inputSecurityToken();   espRenderBlock(conn, "\n\
    </form>\n\
    <div class=\"operateDiv\" style=\"padding-left: 5px;display:none;\">\n\
        <a class=\"settingBtn\" id=\"btnSave\" style=\"float: left;\">保存</a>\n\
        <div class=\"clear\"></div>\n\
    </div>\n\
    <script src=\"../../scripts/jquery-1.11.1.js\"></script>\n\
    <script src=\"../../scripts/easyui/jquery.easyui.min.js\"></script>\n\
    <script src=\"../../scripts/easyui/locale/easyui-lang-zh_CN.js\"></script>\n\
    <script src=\"../../scripts/utilities.js\"></script>\n\
    <script src=\"../../scripts/jquery.validate.min.js\"></script>\n\
    <script src=\"../../scripts/jquery.validate.extend.js\"></script>\n\
    <script type=\"text/javascript\">\n\
        var parameterAdaptor = new ParameterAdaptor();\n\
\n\
        var oldValue = null\n\
\n\
        $().ready(function () {\n\
            //保存参数\n\
            $(\"#btnSave\").click(saveParametersToServer);\n\
            //加载存储参数\n\
            loadStorageInfo();\n\
            $(\"#btnFormatResult\").click(sendCmdFormatResult);  //格式化结果信息\n\
            $(\"#btnFormatVideo\").click(sendCmdFormatVideo);    //格式化结果信息\n\
\n\
            $(\"#storageForm\").validate({\n\
                rules: {\n\
                    154: {\n\
                        range: [1, 100],\n\
                        digits: true\n\
                    }\n\
                }\n\
            });\n\
        });\n\
\n\
        //保存参数到服务器\n\
        function saveParametersToServer() {\n\
            var formObj = $(\"#storageForm\");\n\
            if (!formObj.valid()) {\n\
                $.messager.alert(\"提示\", \"参数验证有误,请修改后再提交!\", \"error\");\n\
                return;\n\
            }\n\
            parameterAdaptor.saveParameters(formObj);\n\
        }\n\
\n\
        //加载参数\n\
        function loadStorageInfo() {\n\
            var RefererInfo = \"storageSettings\";\n\
            parameterAdaptor.getParameters(RefererInfo, bindStorageInfo);\n\
        }\n\
\n\
        //绑定参数的本地方法\n\
        function bindStorageInfo(data) {\n\
            // 根据返回的存储卡模式更新UI\n\
            var cardType = data.feedback[\"146001\"];\n\
            // 根据参数值更新UI\n\
            switch (cardType) {\n\
                case 0:\n\
                    $(\"#cardType\").html(\"无卡\");\n\
                    break;\n\
                case 1:\n\
                    // 只有一张卡,禁用录像分区\n\
                    $(\"#151\").attr(\"disabled\", \"disabled\");\n\
                    $(\"#cardType\").html(\"单卡模式\");\n\
                    break;\n\
                case 2:\n\
                    // 两张卡,都不可修改\n\
                    $(\"#cardType\").html(\"双卡模式\");\n\
                    $(\"#151\").attr(\"disabled\", \"disabled\");\n\
                    $(\"#149\").attr(\"disabled\", \"disabled\");\n\
                    break;\n\
                default:\n\
                    $.messager.alert(\"提示\", \"加载存储卡模式失败!\", \"error\");\n\
                    if (window.console && window.console.error) {\n\
                        console.error(\"存储卡模式参数值为: \" + cardType + \",不知道怎么处理!\");\n\
                        $(\"#storageForm\").hide();\n\
                    }\n\
                    return;\n\
            }\n\
            // 保存旧值\n\
            oldValue = data.feedback[\"149\"];\n\
            $(\"#storageForm\").form(\"load\", data.feedback);\n\
        }\n\
\n\
        //格式化结果信息\n\
        function sendCmdFormatResult() {\n\
            var url = \"/do/trafficController/formatResult\";\n\
            var params = {\n\
                partionSize: $(\"#149\").val()\n\
            };\n\
            $.get(url, params, function (data) {\n\
                var message = \"格式化成功!\";\n\
                var currentValue = $(\"#149\").val();\n\
                if (currentValue != oldValue) {\n\
                    message += \"分区大小改变,需要重启后生效!\";\n\
                }\n\
                if (data.error) {\n\
                    $.messager.alert(\"格式化\", message, \"info\");\n\
                } else {\n\
                    $.messager.alert(\"格式化\", \"格式化失败!\" + data.feedback.Msg, \"error\");\n\
                }\n\
            }, \"json\");\n\
        }\n\
\n\
        //格式化视频信息\n\
        function sendCmdFormatVideo() {\n\
            var url = \"/do/trafficController/formatVideo\";\n\
            var params = {\n\
                partionSize: $(\"#151\").val()\n\
            };\n\
            $.get(url, params, function (data) {\n\
                if (data.error) {\n\
                    $.messager.alert(\"格式化\", \"格式化成功!\", \"info\");\n\
                } else {\n\
                    $.messager.alert(\"格式化\", \"格式化失败!\" + data.feedback.Msg, \"error\");\n\
                }\n\
            }, \"json\");\n\
        }\n\
\n\
    </script>\n\
</body>\n\
\n\
</html>\n\
", 4680);
}

ESP_EXPORT int esp_view_f2788a9e2419da53767432f7babc9fcb(HttpRoute *route, MprModule *module) {
   espDefineView(route, "client/settings/base/storage.esp", view_f2788a9e2419da53767432f7babc9fcb);
   return 0;
}