var layer;
var testList = [
    {"id":"1","name":"测试视频#1","type":"3004","type0":"0","username":"admin","pwd":"a1234567","ipIn":"192.168.0.200","portInC":"554","portInV":"80","ipOut":"192.168.0.123","portOutC":"0","portOutV":"0","chanNum":"1","chanNumOut":"1","brand":"测试品牌","vld":"0","address":"地址","mediaAddr":"rtsp://{username}:{pwd}@{ip}:{port}/MPEG-4/ch1/sub/av_stream","webUrl":"webUrl"},
    {"id":"2","name":"测试视频#2","type":"3004","type0":"0","username":"username","pwd":"123456","ipIn":"192.168.1.123","portInC":"554","portInV":"1","ipOut":"192.168.1.123","portOutC":"1","portOutV":"1","chanNum":"1","chanNumOut":"1","brand":"测试品牌","vld":"0","address":"地址","mediaAddr":"rtsp://{username}:{pwd}@{ip}:{port}/MPEG-4/ch1/sub/av_stream","webUrl":"webUrl"},
    {"id":"3","name":"测试视频#3","type":"3004","type0":"0","username":"username","pwd":"123456","ipIn":"192.168.1.123","portInC":"554","portInV":"1","ipOut":"192.168.1.123","portOutC":"1","portOutV":"1","chanNum":"1","chanNumOut":"1","brand":"测试品牌","vld":"0","address":"地址","mediaAddr":"rtsp://{username}:{pwd}@{ip}:{port}/MPEG-4/ch1/sub/av_stream","webUrl":"webUrl"},
    {"id":"4","name":"测试视频#4","type":"3004","type0":"0","username":"username","pwd":"123456","ipIn":"192.168.1.123","portInC":"554","portInV":"1","ipOut":"192.168.1.123","portOutC":"1","portOutV":"1","chanNum":"1","chanNumOut":"1","brand":"测试品牌","vld":"0","address":"地址","mediaAddr":"rtsp://{username}:{pwd}@{ip}:{port}/MPEG-4/ch1/sub/av_stream","webUrl":"webUrl"},
    {"id":"5","name":"测试视频#5","type":"3004","type0":"0","username":"username","pwd":"123456","ipIn":"192.168.1.123","portInC":"554","portInV":"1","ipOut":"192.168.1.123","portOutC":"1","portOutV":"1","chanNum":"1","chanNumOut":"1","brand":"测试品牌","vld":"0","address":"地址","mediaAddr":"rtsp://{username}:{pwd}@{ip}:{port}/MPEG-4/ch1/sub/av_stream","webUrl":"webUrl"},
    {"id":"6","name":"测试视频#6","type":"3004","type0":"0","username":"username","pwd":"123456","ipIn":"192.168.1.123","portInC":"554","portInV":"1","ipOut":"192.168.1.123","portOutC":"1","portOutV":"1","chanNum":"1","chanNumOut":"1","brand":"测试品牌","vld":"0","address":"地址","mediaAddr":"rtsp://{username}:{pwd}@{ip}:{port}/MPEG-4/ch1/sub/av_stream","webUrl":"webUrl"},
    {"id":"7","name":"测试视频#7","type":"3004","type0":"0","username":"username","pwd":"123456","ipIn":"192.168.1.123","portInC":"554","portInV":"1","ipOut":"192.168.1.123","portOutC":"1","portOutV":"1","chanNum":"1","chanNumOut":"1","brand":"测试品牌","vld":"0","address":"地址","mediaAddr":"rtsp://{username}:{pwd}@{ip}:{port}/MPEG-4/ch1/sub/av_stream","webUrl":"webUrl"},
    {"id":"8","name":"测试视频#8","type":"3004","type0":"0","username":"username","pwd":"123456","ipIn":"192.168.1.123","portInC":"554","portInV":"1","ipOut":"192.168.1.123","portOutC":"1","portOutV":"1","chanNum":"1","chanNumOut":"1","brand":"测试品牌","vld":"0","address":"地址","mediaAddr":"rtsp://{username}:{pwd}@{ip}:{port}/MPEG-4/ch1/sub/av_stream","webUrl":"webUrl"}
];
var deviceList = [];

layui.use(['layer'], function () {
    layer = layui.layer;
});

if (TEST_TAG) {
    deviceList = testList;

    renderDeviceData();
}else{
    //查询设备信息并渲染
    queryDeviceList();
}




//获取设备信息列表
function queryDeviceList() {
    $.get("./cgi-bin/device-vedio/query", function (data, status) {
        if ("success" == status) {
            deviceList = data;
            renderDeviceData();
        } else {
            window.parent.notify("系统获取基础设备列表出错！");
        }
    }, "json");
}

//渲染设备列表
function renderDeviceData() {
    var html = '';
    $.each(deviceList, function (index, item) {
        html += '<tr><td>' + item.name + '</td>';
        html += '<td>' + item.id + '</td>';
        html += '<td>' + item.ipIn + '</td>';
        html += '<td>' + item.portInC + '</td>';
        html += '<td>' + item.portInV + '</td>';
        html += '<td>' + item.chanNum + '</td>';
        html += '<td>' + item.brand + '</td>';
        html += '<td>' + (item.vld == 0 ? '启用' : '停用') + '</td>';

        // html += '<td><button style="height: 29px;line-height: 29px;" ' +
        //     'class="layui-btn layui-btn-normal" onclick="showWeb(\'' + index + '\')">内网访问</button></td>';

        html += '<td><button style="height: 29px;line-height: 29px;" ' +
            'class="layui-btn layui-btn-normal" onclick="edit(\'' + index + '\')">编辑</button>';
        html += '<button style="height: 29px;line-height: 29px;" ' +
            'class="layui-btn layui-btn-normal" onclick="copy(\'' + index + '\')">复制</button>';
        if (item.vld == 0) {
            html += '<button style="height: 29px;line-height: 29px;" ' +
                'class="layui-btn layui-btn-warm" onclick="changeStatus(\'' + index + '\')">停用</button>';
        } else {
            html += '<button style="height: 29px;line-height: 29px;" ' +
                'class="layui-btn" onclick="changeStatus(\'' + index + '\')">启用</button>';
        }
        html += '<button style="height: 29px;line-height: 29px;" ' +
            'class="layui-btn layui-btn-danger" onclick="del(\'' + index + '\')">删除</button>';
        html += '</td></tr>';
    });

    $("#deviceList").html(html);
}

//新增设备
function add() {
    //表单重置
    $("#device-video")[0].reset();
    $("#device-id").attr("readOnly",false);
    $(".pop-btn").hide();
    $("#add").show();


    var widthPop = "85%";
    var heightPop = "80%";
    if(screen.width==1920 && screen.height==1080){
        widthPop = "85%";
        heightPop = "80%";
    }else if(screen.width==1280 && screen.height==1024){
        widthPop = "98%";
        heightPop = "90%";
    }else{
        widthPop = "85%";
        heightPop = "80%";
    }
    //弹出框
    layer.open({
        skin: 'mypop',
        type: 1,
        title: false,
        area: [widthPop, heightPop],
        closeBtn: 0,
        shade: 0,
        scrollbar: false,
        content: $('#dialog-device')
    });
};

//设备编辑
function edit(index) {
    //表单重置
    $("#device-video")[0].reset();
    //赋值 -表单
    var data = deviceList[index];
    $("#device-name").val(data.name);
    $("#device-id").val(data.id);
    $("#device-type").val(data.type);
    $("#device-type0").val(data.type0);
    $("#device-brand").val(data.brand);
    $("#device-username").val(data.username);
    $("#device-pwd").val(data.pwd);
    $("#device-ipIn").val(data.ipIn);
    $("#device-portInC").val(data.portInC);
    $("#device-portInV").val(data.portInV);
    $("#device-ipOut").val(data.ipOut);
    $("#device-portOutC").val(data.portOutC);
    $("#device-portOutV").val(data.portOutV);
    $("#device-chanNum").val(data.chanNum);
    $("#device-chanNumOut").val(data.chanNumOut);
    $("#device-vld").val(data.vld);
    $("#device-address").val(data.address);
    $("#device-mediaAddr").val(data.mediaAddr);
    $("#device-webUrl").val(data.webUrl);

    $("#device-id").attr("readOnly",false);
    $(".pop-btn").hide();
    $("#edit").show();

    var widthPop = "85%";
    var heightPop = "80%";
    if(screen.width==1920 && screen.height==1080){
        widthPop = "85%";
        heightPop = "80%";
    }else if(screen.width==1280 && screen.height==1024){
        widthPop = "98%";
        heightPop = "90%";
    }else{
        widthPop = "85%";
        heightPop = "80%";
    }
    //弹出框
    layer.open({
        skin: 'mypop',
        type: 1,
        title: false,
        area: [widthPop, heightPop],
        closeBtn: 0,
        shade: 0,
        scrollbar: false,
        content: $('#dialog-device')
    });
}

//设备编辑
function copy(index) {
    //表单重置
    $("#device-video")[0].reset();
    //赋值 -表单
    var data = deviceList[index];
    // $("#device-id").attr("readOnly",true);
    $("#device-name").val(data.name);
    $("#device-id").val(data.id);
    $("#device-type").val(data.type);
    $("#device-type0").val(data.type0);
    $("#device-brand").val(data.brand);
    $("#device-username").val(data.username);
    $("#device-pwd").val(data.pwd);
    $("#device-ipIn").val(data.ipIn);
    $("#device-portInC").val(data.portInC);
    $("#device-portInV").val(data.portInV);
    $("#device-ipOut").val(data.ipOut);
    $("#device-portOutC").val(data.portOutC);
    $("#device-portOutV").val(data.portOutV);
    $("#device-chanNum").val(data.chanNum);
    $("#device-chanNumOut").val(data.chanNumOut);
    $("#device-vld").val(data.vld);
    $("#device-address").val(data.address);
    $("#device-mediaAddr").val(data.mediaAddr);
    $("#device-webUrl").val(data.webUrl);

    $(".pop-btn").hide();
    $("#add").show();

    var widthPop = "85%";
    var heightPop = "80%";
    if(screen.width==1920 && screen.height==1080){
        widthPop = "85%";
        heightPop = "80%";
    }else if(screen.width==1280 && screen.height==1024){
        widthPop = "98%";
        heightPop = "90%";
    }else{
        widthPop = "85%";
        heightPop = "80%";
    }
    //弹出框
    layer.open({
        skin: 'mypop',
        type: 1,
        title: false,
        area: [widthPop, heightPop],
        closeBtn: 0,
        shade: 0,
        scrollbar: false,
        content: $('#dialog-device')
    });
}

//数据删除
function del(index) {
    var data = deviceList[index];
    var param = {"id": data.id};
    layer.confirm('确定删除此条数据吗？', function (index) {
        $.post("./cgi-bin/device-vedio/delete", JSON.stringify(param), function (data, status) {
            if ("success" == status && "success" == data.code) {
                layer.close(index);
                window.parent.notify("数据删除成功，页面自动刷新！");

                queryDeviceList();
            } else {
                layer.close(index);
                window.parent.notify("数据删除失败");
            }
        }, "json");
    });
}

//状态设置
function changeStatus(index) {
    var data = deviceList[index];
    var param = {"id": data.id};
    var msg = "确定要停用么？", url = "./cgi-bin/device-vedio/val-1";
    if (1 == data.vld) {
        msg = "确定启用用么？";
        url = "./cgi-bin/device-vedio/val-0";
    }
    layer.confirm(msg, function (index) {
        $.post(url, JSON.stringify(param), function (data, status) {
            if ("success" == status && "success" == data.code) {
                layer.close(index);
                window.parent.notify("操作成功，页面自动刷新！");
                queryDeviceList();
            } else {
                layer.close(index);
                window.parent.notify("数据操作失败，请重新尝试！");
            }
        }, "json");
    });
}

//关闭
function closeBtn() {
    //表单重置
    $("#device-video")[0].reset();
    layer.closeAll();
}

//数据提交保存
function save(btn) {
    //获取设备信息
    var data = {
        id: $("#device-id").val(),
        name: $("#device-name").val(),
        type: CATEGORY.D3004.code,
        type0: $("#device-type0").val(),
        brand: $("#device-brand").val(),
        username: $("#device-username").val(),
        pwd: $("#device-pwd").val(),
        ipIn: $("#device-ipIn").val(),
        portInC: $("#device-portInC").val(),
        portInV: $("#device-portInV").val(),
        ipOut: $("#device-ipOut").val(),
        portOutC: $("#device-portOutC").val(),
        portOutV: $("#device-portOutV").val(),
        chanNum: $("#device-chanNum").val(),
        chanNumOut: $("#device-chanNumOut").val(),
        vld: $("#device-vld").val(),
        address: $("#device-address").val(),
        mediaAddr: $("#device-mediaAddr").val(),
        webUrl: $("#device-webUrl").val()
    };

    console.log("----------需要执行保存的数据信息--------");
    console.log(JSON.stringify(data));

    if (!data.id) {
        window.parent.notify("设备ID不能为空！");
        return;
    }
    var r = /^\d{4}$/;
    if(!r.test(data.id)){
        window.parent.notify("设备ID不是一个4位的正整数！");
        return;
    }
    if (data.id<4000 || data.id>4999) {
        window.parent.notify("网络设备ID设置范围为4000~4999！");
        return;
    }

    var url = "./cgi-bin/device-vedio/add";
    if ("edit" == btn) {
        url = "./cgi-bin/device-vedio/edit";
    }
    //执行保存
    $.post(url, JSON.stringify(data), function (data, status) {
        if (data.code == "success") {
            layer.closeAll();
            window.parent.notify("数据保存成功！");
            queryDeviceList();
        } else {
            window.parent.notify("数据保存出错，请重新操作！"+data.msg+"！");
        }
    }, "json");
}

//内网访问
function showWeb(index){
    var data = deviceList[index];
    if(!data.ipIn){
        $alert("没有配置内部访问IP，无法访问。");
        return;
    }
    if(!data.portInV){
        $alert("没有配置内部访问端口，无法访问。");
        return;
    }
    var url = "http://"+data.ipIn+":"+data.portInV;
    console.log(url);

    window.open(url);
}