qxzSy/yfwlw/templates/static/js/siminfo/siminfo.js

var parentUserName = $('#parentUserName', parent.document).html();
if (!(parentUserName == 'admin' || parentUserName == 'user')) {
    $('.rechargeA').remove();
} else {
    $('.rechargeA').show();
}
function strToObj(str) {
    str = str.replace(/&/g, "','");
    str = str.replace(/=/g, "':'");
    str = "({'" + str + "'})";
    obj = eval(str);
    return obj;
}

function Fill_null_Table(table_id) {
    var table = document.getElementById(table_id).children[1];
    var row = table.insertRow(table.rows.length);
    var c1 = row.insertCell(0);
    c1.setAttribute('colspan', '16');
    c1.setAttribute('class', 'nullData');
    c1.innerHTML = "暂无数据";
}
function Fill_Table(table_id, dat) {
    var table = document.getElementById(table_id).children[1];
    for (var i = 0; i < dat.length; i++) {
        var row = table.insertRow(table.rows.length);
        var c1 = row.insertCell(0);
        c1.innerHTML = '<div class="deviceId">' + dat[i].equip_id + '</div>';

        var c2 = row.insertCell(1);
        if (dat[i].equip_name == "") c2.innerHTML = "无";
        else c2.innerHTML = dat[i].equip_name;

        var c3 = row.insertCell(2);
        if (dat[i].iccid) {
            c3.innerHTML = dat[i].iccid;
        } else {
            c3.innerHTML = '暂无SIM卡数据';
        }


        var c4 = row.insertCell(3);
        if (dat[i].iccid) {
            c4.innerHTML = dat[i].msisdn;
        } else {
            c4.innerHTML = '--';
        }


        var c5 = row.insertCell(4);
        var status;
        if (dat[i].account_status == "0") {
            status = "未知";
        } else if (dat[i].account_status == "1") {
            status = "测试期";
        } else if (dat[i].account_status == "2") {
            status = "沉默期";
        } else if (dat[i].account_status == "3") {
            status = "使用中";
        } else if (dat[i].account_status == "4") {
            status = "停机";
        } else if (dat[i].account_status == "5") {
            status = "停机保号";
        } else if (dat[i].account_status == "6") {
            status = "预销号";
        } else if (dat[i].account_status == "7") {
            status = "销号";
        }

        if (dat[i].iccid) {
            c5.innerHTML = status;
        } else {
            c5.innerHTML = '--';
        }

        var c6 = row.insertCell(5);
        if (dat[i].iccid) {
            c6.innerHTML = dat[i].data_plan;
        } else {
            c6.innerHTML = '--';
        }

        var c7 = row.insertCell(6);
        if (dat[i].iccid) {
            c7.innerHTML = dat[i].data_usage;
        } else {
            c7.innerHTML = '--';
        }

        var c8 = row.insertCell(7);
        if (dat[i].iccid) {
            c8.innerHTML = dat[i].data_balance;
        } else {
            c8.innerHTML = '--';
        }

        var c9 = row.insertCell(8);
        if (dat[i].iccid) {
            var timestamp4 = new Date(dat[i].expiry_date * 1000);//直接用 new Date(时间戳) 格式转化获得当前时间
            c9.innerHTML = timestamp4.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8);
        } else {
            c9.innerHTML = '--';
        }
    }
}





//筛选：
function sub_filter() {
    getData(1, 1, $('#imei').val(), $('#iccid').val(), $('#status').val())
}
$('#imei').on('focus', function () {
    $('#iccid').val('');
    $('#status').val('');
})
$('#iccid').on('focus', function () {
    $('#imei').val('');
    $('#status').val('');
})
$('#status').on('change', function () {
    $('#imei').val('');
    $('#iccid').val('');
})


getData(1, 1, '', '', '')
function getData(page, currpage, e_id, iccid, status) {
    $.ajax({
        type: 'get',
        url: 'siminfo_list',
        data: {
            page: page,
            e_id: e_id,
            iccid: iccid,
            status: status
        },
        dataType: "html",
        beforeSend: function () {
            $('#loadingParent').show();
        },
        complete: function () {
            $('#loadingParent').hide();
        },
        success: function (data) {
            $('#datatable').children().eq(1).html(data);
            scrollBar();
            layui.use('laypage', function () {
                var laypage = layui.laypage;
                laypage.render({
                    elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
                    // ,count: 30
                    , curr: currpage
                    , count: $('#total_nums').val()
                    , theme: '#428BCA'
                    , layout: ['prev', 'page', 'next', 'skip']
                    , jump: function (obj, first) {
                        if (!first) {
                            $("#datatable  tr:not(:first)").html("");
                            getData(obj.curr, obj.curr, e_id, iccid, status);
                        }
                    }
                });
            });
        },
        error: function (type) {
            console.log(type)
        }
    })
}

var pieChart = echarts.init(document.getElementById('pie-chart'));

pieOption = {
    title: {
        text: 'SIM卡状态比例',
        textStyle: {
            color: '#029eef'
        }
    },
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'right',
        data: []
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '6%',
        containLabel: true
    },
    series: [
        {
            name: 'SIM卡状态比例',
            type: 'pie',
            radius: '55%',
            radius: ['0%', '70%'],
            data: [],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                },
                normal: {
                    color: function (params) {
                        //自定义颜色
                        var colorList = [
                            '#ff296c', '#6fb2e2', '#9ac68b', '#e8ad2c', '#af5183', '#f1cfc7', '#911d5a', '#609657',
                        ];
                        return colorList[params.dataIndex]
                    }
                }
            }
        }
    ]
};
function lookEchart() {
    getEchartData('',1)
    $('#typeSelect').val('')
}
$('#typeSelect').on('change', function () {
    getEchartData($(this).val(),0);

})
function getEchartData(etype,flag) {
    $.ajax({
        url: 'siminfo_chart',
        type: 'post',
        data: {
            etype: etype,
        },
        dataType: 'json',
        success: function (data) {
            renderEchart(data,flag);
        },
        error: function (type) {
            console.log(type)
        }
    })
}
function renderEchart(data,flag) {
    var v0 = 0, v1 = 0, v2 = 0, v3 = 0, v4 = 0, v5 = 0, v6 = 0, v7 = 0;
    for (var i = 0; i < data.length; i++) {
        if (data[i] == 0) {
            v0++;
        } else if (data[i] == 1) {
            v1++;
        } else if (data[i] == 2) {
            v2++;
        } else if (data[i] == 3) {
            v3++;
        } else if (data[i] == 4) {
            v4++;
        } else if (data[i] == 5) {
            v5++;
        } else if (data[i] == 6) {
            v6++;
        } else if (data[i] == 7) {
            v7++;
        }
        if (i == data.length - 1) {
            var dat = []
            if (v0) {
                dat.push({ value: v0, name: "未知" })
            }
            if (v1) {
                dat.push({ value: v1, name: "测试期" })
            }
            if (v2) {
                dat.push({ value: v2, name: "沉默期" })
            }
            if (v3) {
                dat.push({ value: v3, name: "使用中" })
            }
            if (v4) {
                dat.push({ value: v4, name: "停机" })
            }
            if (v5) {
                dat.push({ value: v5, name: "停机保号" })
            }
            if (v6) {
                dat.push({ value: v6, name: "预销号" })
            }
            if (v7) {
                dat.push({ value: v7, name: "销号" })
            }
            pieOption.series[0].data = dat;
            pieChart.setOption(pieOption);
        }
    }
    if(flag){
         layui.use('layer', function () {
            var layer = layui.layer;
            layer.open({
                type: 1,
                title: 'SIM卡状态统计表',
                area: ['750px', '550px'],
                content: $('#echarts')
            })
        })
    }
   
}


// 充值
function rechargeFun() {
    layui.use('layer', function () {
        var layer = layui.layer;
        layer.prompt({ formType: 0, title: '请输入iccid' }, function (text, index) {
            $.ajax({
                url: 'iccid_select',
                type: 'post',
                dataType: 'json',
                data: {
                    iccid: text,
                },
                success: function (data) {
                    if (data.code == 0) {
                        $('#voucherModel .currIccid').val(text);
                        var dat = data.data.products;
                        if (dat.length) {
                            var html = '';
                            for (var i = 0; i < dat.length; i++) {
                                var name = dat[i].product_name.split('/');
                                html += '<div class="layui-col-xs4"><div class="recharge-demo">' +
                                    '<input type="hidden" value="' + dat[i].product_id + '" class="product_id"><div class="recharge-name">' + name[0] + 'B</div>' +
                                    '<div><div class="price">' + dat[i].price + '<span>元</span></div><div class="desc">' + dat[i].added_month + '个月每月' + name[0] + 'b</div>' +
                                    '</div><div class="switchIcon"></div></div></div>';
                                if (i == dat.length - 1) {
                                    $('#voucherModel .layui-row').html(html);
                                }
                            }
                        }
                        layer.open({
                            type: 1
                            , title: false //不显示标题栏
                            , closeBtn: false
                            , area: '800px;'
                            , shade: 0.3
                            , id: 'LAY_layuipro' //设定一个id，防止重复弹出
                            // , btn: ['我知道了']
                            , btnAlign: 'c'
                            , moveType: 1 //拖拽模式，0或者1
                            , content: $('#voucherModel')
                            , success: function (layero) {
                            }
                        });
                        layer.close(index);
                    } else if (data.code == "1") {
                        layer.msg('操作失败！');
                    } else if (data.code == "2") {
                        layer.msg('错误参数！');
                    } else if (data.code == "4") {
                        layer.msg('没有权限！');
                    } else if (data.code == "99") {
                        layer.msg('服务器错误！');
                    } else {
                        layer.msg(data.msg);
                    }
                },
                error: function (type) {
                    layer.msg('请求失败！')
                    layer.close(index);
                }
            })

        });
    });
}
// 套餐筛选
$('.rechargeParent').on('click', '.recharge-demo', function () {
    $('.rechargeParent .recharge-demo').removeClass('active');
    $(this).addClass('active');
    $('.increaseBtnDiv .increaseVal').val(1);
})
//减数量
function reductionOf(obj) {
    //减前判断
    if ($(obj).next().val() == '') {
        $(obj).next().val(1);
    }
    if (parseInt($(obj).next().val()) - 1 > 0) {
        $(obj).next().val(parseInt($(obj).next().val()) - 1);//数值减
        $(obj).next().val($(obj).next().val());//赋值给框
    }

};
//加数量
function add(obj) {
    //加前判断
    if ($(obj).prev().val() == '') {
        $(obj).prev().val(1);
    }
    $(obj).prev().val(parseInt($(obj).prev().val()) + 1);//数值加
    $(obj).prev().val($(obj).prev().val());//赋值给框
};
//校验数字格式（只能输入正整数）
function checkNumber(obj) {
    var reg = /^[1-9]\d*$/;
    if (!reg.test($(obj).val()) || $(obj).val() == '') {
        $(obj).val(1);
    }
}
// 确定充值
function confirmFun() {
    if (!$('.recharge-demo.active').length) {
        layer.msg('请选择一项套餐');
        return false;
    }
    var curActive = $('.recharge-demo.active');
    var productId = curActive.find('.product_id').val();
    var currIccid = $('.currIccid').val();
    var num = $('.increaseBtnDiv .increaseVal').val();
    $.ajax({
        url: 'iccid_pay',
        type: 'post',
        data: {
            product_id: productId,
            iccid: currIccid,
            num: num
        },
        dataType: 'json',
        success: function (data) {
            if (data.code == 0) {
                layer.msg('充值成功！');
            } else if (data.code == "1") {
                layer.msg('操作失败！');
            } else if (data.code == "2") {
                layer.msg('错误参数！');
            } else if (data.code == "4") {
                layer.msg('没有权限！');
            } else if (data.code == "99") {
                layer.msg('服务器错误！');
            } else {
                layer.msg('未知错误！');
            }
            cancelFun();
        },
        error: function (type) {
            console.log(type)
        }
    })
}
// 取消
function cancelFun() {
    layer.closeAll();
}
// 绑定设备查询
function examineEquip() {
    layui.use('layer', function () {
        var layer = layui.layer;
        var index = layer.prompt({ title: '绑定设备查询', formType: 0, title: '请输入iccid' }, function (text, index) {
            $.ajax({
                url: 'reverse_lookup',
                type: 'post',
                dataType: 'json',
                data: {
                    simid: text,
                },
                success: function (data) {
                    var dat = data.data;
                    if (data.length) {
                        // 获取位置
                        var geoc = new BMap.Geocoder();
                        $('#curIccid').html('iccid：' + text)
                        var html = '';
                        for (var i = 0; i < data.length; i++) {
                            (function (i) {

                                // 经纬度装换
                                var lng1 = wgs84togcj02(data[i].lng, data[i].lat);
                                var lng2 = gcj02tobd09(lng1[0], lng1[1]);
                                var pt = new BMap.Point(lng2[0], lng2[1]);
                                geoc.getLocation(pt, function (rs) {
                                    var addComp = rs.addressComponents;
                                    html += '<div>IMEI：' + data[i].id + '<br />经度：' + data[i].lat + '<br />纬度：' + data[i].lng + '<br />地区：' + addComp.province + ", " + addComp.city + ", " + addComp.district + '<br />离线时间：' + data[i].offtime + '</div>'
                                    if (i + 1 == data.length) {
                                        $('#bindingRes').html(html);
                                        var layuiopen = layer.open({
                                            type: 1
                                            , title: false //不显示标题栏
                                            , closeBtn: false
                                            , area: '400px;'
                                            , shade: 0.8
                                            , id: 'LAY_layuipro' //设定一个id，防止重复弹出
                                            , btn: ['我知道了']
                                            , btnAlign: 'c'
                                            , moveType: 1 //拖拽模式，0或者1
                                            , content: $('#bindingEquipBox')
                                            , success: function (layero) { }
                                            , yes: function (layero) {
                                                $('#bindingEquipBox').hide()
                                                layer.close(layuiopen)
                                            }
                                        });
                                        layer.close(index);

                                    }
                                })

                            }(i))


                        }

                    } else {
                        layer.msg('暂无设备！');
                        // layer.close(index);
                    }
                }
            })
        });
    });
}
// sim卡查询
function examineSIM() {

    layui.use('layer', function () {
        var layer = layui.layer;
        layer.prompt({ title: 'SIM卡查询', formType: 0, title: '请输入iccid' }, function (text, index) {


            $.ajax({
                url: 'siminfo',
                type: 'post',
                dataType: 'json',
                data: {
                    simid: text,
                },
                success: function (data) {
                    var dat = data.data;
                    if (data.code == 0) {
                        var status;
                        if (dat.account_status == "0") {
                            status = "未知";
                        } else if (dat.account_status == "1") {
                            status = "测试期";
                        } else if (dat.account_status == "2") {
                            status = "沉默期";
                        } else if (dat.account_status == "3") {
                            status = "使用中";
                        } else if (dat.account_status == "4") {
                            status = "停机";
                        } else if (dat.account_status == "5") {
                            status = "停机保号";
                        } else if (dat.account_status == "6") {
                            status = "预销号";
                        } else if (dat.account_status == "7") {
                            status = "销号";
                        }
                        var usage;
                        if (dat.iccid) {
                            usage = dat.data_usage;
                        } else {
                            usage.innerHTML = '--';
                        }
                        var balance;
                        if (dat.iccid) {
                            balance = dat.data_balance;
                        } else {
                            balance = '--';
                        }
                        var time;
                        if (dat.iccid) {
                            var timestamp4 = new Date(dat.expiry_date * 1000);//直接用 new Date(时间戳) 格式转化获得当前时间
                            time = timestamp4.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8);
                        } else {
                            time = '--';
                        }
                        layer.open({
                            type: 1
                            , title: false //不显示标题栏
                            , closeBtn: false
                            , area: '300px;'
                            , shade: 0.8
                            , id: 'LAY_layuipro' //设定一个id，防止重复弹出
                            , btn: ['我知道了']
                            , btnAlign: 'c'
                            , moveType: 1 //拖拽模式，0或者1
                            , content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">SIM卡查询结果<br>ICCID:' + text + '<br><br>状态：' + status + '<br>套餐：' + dat.data_plan + 'Mb<br>已用流量:' + usage + 'Mb<br>剩余流量：' + balance + 'Mb<br>到期时间：' + time + '</div>'
                            , success: function (layero) {
                            }
                        });
                        layer.close(index);
                    } else {
                        layer.msg('查询失败！');
                    }
                }
            })
        });
    });

}