华星智控IOT管理平台
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
fei.wang
2024-03-21 ab64b09ce3020b376af1e6ee0326ea71330d34ad 
 src/webapp/page/index1.jsp


@@ -37,13 +37,13 @@


<body>




<form class="layui-form layui-row layui-col-space16" style="width: 1672px;margin-left: 12px;padding-bottom: 10px">


    <div class="layui-col-md4" style="position: relative;top: 89px;z-index: 999;width: 150px;left: 500px">


    <div class="layui-col-md4" style="position: relative;top: 30px;z-index: 999;width: 150px;left: 500px">


        <div class="layui-input-wrap">


            <input type="text" name="cardnumber" style="width: 220px" value="" placeholder="请输入卡号/备注" class="layui-input" lay-affix="clear">


            <input type="text" name="cardnumber" style="width: 220px" value="" placeholder="请输入卡号" class="layui-input" lay-affix="clear">


        </div>


    </div>


    <div class="layui-col-md4" style="margin-left: 20px">


        <div class="layui-input-wrap" style="position: relative;top: 89px;z-index: 999;width: 150px;left: 560px">


        <div class="layui-input-wrap" style="position: relative;top: 30px;z-index: 999;width: 150px;left: 560px">


            <input type="text" name="company" style="width: 150px"  placeholder="请输入所属公司" lay-affix="clear" class="layui-input">


        </div>


    </div>


@@ -52,8 +52,8 @@


    <%--              <input type="text" name="bindid" style="width: 150px"  placeholder="请输入绑定设备" lay-affix="clear" class="layui-input">--%>


    <%--          </div>--%>


    <%--      </div>--%>


    <button style="position: relative;top: 96.5px;z-index: 999;width: 70px;left: -400px" id="relo" class="layui-btn layui-btn-normal" lay-filter="demo-table-search1">刷新</button>


    <button style="position: relative;top: 96.5px;z-index: 999;width: 80px;left: 90px" class="layui-btn layui-btn-normal" lay-submit lay-filter="demo-table-search" lay-event="getselect">查询</button>


    <button style="position: relative;top: 36.5px;z-index: 999;width: 70px;left: -400px" id="relo" class="layui-btn layui-btn-normal" lay-filter="demo-table-search1">刷新</button>


    <button style="position: relative;top: 36.5px;z-index: 999;width: 80px;left: 90px" class="layui-btn layui-btn-normal" lay-submit lay-filter="demo-table-search" lay-event="getselect">查询</button>


</form>


<script type="text/html" id="toolbarDemo">


    <div class="layui-btn-container" style="margin-left: 0px;margin-top: 20px;display: inline-block">


@@ -70,12 +70,12 @@


        <button class="layui-btn"  lay-event="getchongzhi">充值</button>


    </div>


</script>


<div style="display: inline-block;width: 100%;margin-left: 20px">


<div  style="display: inline-block;width: 100%;margin-top: -60px">


    <table id="demo" lay-filter="demo"></table>


</div>


<div class="heimu" style="display: none;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 9999;background-color: black;opacity: 0.8"></div>


<%--<div class="heimu" style="display: none;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 9999;background-color: black;opacity: 0.8"></div>--%>


<div class="add" style="display: none;width: 600px;background-color: white;border: 1px solid #cccccc;padding: 50px;border-radius: 20px;position: fixed;top: 50px;left: 450px;z-index: 99999">


    <form class="layui-form" action="/HxzkFlow/hxzk/addCard" method="post" lay-filter="example" onsubmit="return checkadd()">


    <form class="layui-form" method="post" lay-filter="example" onsubmit="return checkadd()">


        <div class="layui-form-item">


            <label class="layui-form-label">所属公司：</label>


            <div class="layui-input-block">


@@ -245,7 +245,7 @@


    </form>


</div>


<div class="updateZong" style="width: 500px;border: 1px solid #ccc;padding: 50px;border-radius: 20px;position: fixed;top: 150px;left: 500px;z-index: 99999;background-color: white;display: none">


    <form class="layui-form" action="/HxzkFlow/hxzk/Update" method="post" lay-filter="example">


    <form class="layui-form"  method="post" lay-filter="example" onsubmit="return checkupdate()">


        <input type="text" name="num" style="display: none" class="upnum"/>


        <div class="layui-form-item">


            <label class="layui-form-label">卡号：</label>


@@ -286,7 +286,7 @@


        <div class="layui-form-item">


            <label class="layui-form-label">选择流量：</label>


            <div class="layui-input-block">


                <select name="flow" lay-filter="ddtt">


                <select name="flow" id="flowu" lay-filter="ddtt">


                    <option value="12G/年">12G/年</option>


                    <option value="24G/年">24G/年</option>


                    <option value="36G/年">36G/年</option>


@@ -297,11 +297,10 @@


        <div class="layui-form-item">


            <label class="layui-form-label">运营商：</label>


            <div class="layui-input-block">


                <select name="operator"  lay-filter="aihao"  >


<%--                    <option value="operatoru">#{operatoru}</option>--%>


                <select name="operator"  id="operatoru" lay-filter="operatoru"  >


                    <option value="移动" >移动</option>


                    <option value="联通" >联通</option>


                    <option value="电信">电信</option>


                    <option value="电信" >电信</option>


                </select>


            </div>


        </div>


@@ -315,13 +314,13 @@


        </div>


        <div class="layui-form-item">


            <div class="layui-input-block">


                <button type="submit" class="layui-btn" onclick="chongzhitj()" lay-filter="demoupdate">立即提交</button>


                <button type="submit" class="layui-btn" lay-filter="demoupdate">立即提交</button>


                <button type="button" class="layui-btn layui-btn-normal" lay-filter="demo1" onclick="canselupdate()" style="margin-left: 200px">取消</button>


            </div>


        </div>


    </form>


</div>


<div id="fhfrom"></div>






<script type="text/html" id="titleTpl">


    {{# if(d.status === '待激活') { }}


@@ -371,7 +370,10 @@


            value = parseFloat(0).toFixed(0);


        return value;


    }




    // layui.use('form', function(){


    //     var form = layui.form;


    //     form.render('select');  // 重新渲染select框


    // });


    function xzGongSi(){


        var company = $("#companyadd1").val();


        var data = "companyname="+company


@@ -403,6 +405,8 @@


        for(var i = 0;i<items.length;i++){


            itemTitle = items[i].value;


        }


        console.log(itemTitle)


        console.log(items)


    }


    if(qb === "华星智控"){


        // url: 'https://api.spruceiot.cn/api/v1/sim/detail/query',


@@ -611,9 +615,11 @@


                        table.render({


                            elem: '#demo'


                            ,layEvent: 'LAYTABLE_TIPS'


                            ,height: 695


                            ,height: 780


                            ,url: '/HxzkFlow/hxzk/FindCard' //数据接口


                            ,cellMinWidth: 80


                            // ,cellMinWidth: 80


                            ,width: 1680


                            ,autoWidth: true


                            ,page: true //开启分页


                            ,toolbar:'#toolbarDemo'


                            ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可


@@ -623,26 +629,26 @@


                            }]


                            ,cols: [[ //表头


                                {type:'checkbox',sort: true,fixed: "left"}


                                ,{field: 'num', title: '序号',  sort: true,width:'5%'}


                                ,{field: 'company', title: '所属公司', }


                                ,{field: 'cardnumber', title: '卡号',  sort: true}


                                ,{field:'status', title: '状态',templet: '#titleTpl'}


                                ,{field: 'flow', title: '流量',  sort: true}


                                ,{field: 'num', title: '序号',  sort: true,width:'75'}


                                ,{field: 'company', title: '所属公司', width:'250'}


                                ,{field: 'cardnumber', title: '卡号',  sort: true,width:'200'}


                                ,{field:'status', title: '状态',templet: '#titleTpl',width:'90'}


                                ,{field: 'flow', title: '流量',  sort: true,width:'80'}


                                // ,{field: 'zflow', title: '总流量(MB)', }


                                // ,{field: 'syflow', title: '已用流量(MB)', }


                                ,{field: 'remainingdays', title: '剩余天数', }


                                ,{field: 'remainingdays', title: '剩余天数', width:'85'}


                                // ,{field: 'syll', title: '剩余流量(MB)', }


                                ,{field: 'carddate', title: '开始日期',  sort: true}


                                ,{field: 'operator', title: '运营商',  sort: true}


                                ,{field: 'carddate', title: '开始日期',  sort: true,width:'110'}


                                ,{field: 'operator', title: '运营商',  sort: true,width:'110'}




                                ,{field: 'unitprice', title: '单价',  sort: true}


                                ,{field: 'bindid', title: '绑定设备'}


                                ,{field: 'unitprice', title: '单价',  sort: true,width:'75'}


                                ,{field: 'bindid', title: '绑定设备',width:'90'}


                                // ,{field: 'location', title: '所在地', sort: true}


                                ,{field: 'notes', title: '备注', sort: true}


                                ,{field: 'enddate', title: '结束日期', sort: true}


                                // ,{field: 'enterdate', title: '录入日期', sort: true}


                                ,{field: 'rechargedate', title: '最近充值日期', sort: true}


                                ,{field: 'rechargemoney', title: '充值金额', sort: true}


                                // ,{field: 'notes', title: '备注', sort: true}


                                ,{field: 'enddate', title: '结束日期', sort: true,width:'110'}


                                ,{field: 'enterdate', title: '录入日期', sort: true,width:'110'}


                                ,{field: 'rechargedate', title: '最近充值日期', sort: true,width:'110'}


                                ,{field: 'rechargemoney', title: '充值金额', sort: true,width:'100'}






                            ]],


@@ -658,7 +664,7 @@


                            table.render({


                                elem: '#demo'


                                ,layEvent: 'LAYTABLE_TIPS'


                                ,height: 695


                                ,height: 780


                                ,url: '/HxzkFlow/hxzk/FindCardZi?Zong='+jc //数据接口


                                ,cellMinWidth: 80


                                ,page: true //开启分页


@@ -682,7 +688,7 @@


                                    ,{field: 'remainingdays', title: '剩余天数', }


                                    ,{field: 'carddate', title: '开始日期',  sort: true}


                                    ,{field: 'operator', title: '运营商',  sort: true}




                                    ,{field: 'enddate', title: '结束日期', sort: true}


                                    ,{field: 'unitprice', title: '单价',  sort: true}


                                    ,{field: 'rechargedate', title: '最近充值日期', sort: true}


                                    ,{field: 'rechargemoney', title: '充值金额', sort: true}


@@ -729,6 +735,10 @@


                            layer.alert("请选中一条数据")


                        }else{


                            showUpdate();


                            console.log(data[0])


                            var o = data[0].operator


                            console.log("tijiao11111111111")


                            $("#card").val(data[0])


                            $("#cardnumber").val(data[0].cardnumber)


                            $(".upnum").val(data[0].num);


                            $("#xgkh").val(data[0].cardnumber);


@@ -736,8 +746,9 @@


                            $("#carddateu").val(data[0].carddate);


                            $("#enddateu").val(data[0].enddate);


                            $("#unitpriceu").val(data[0].unitprice);


                            $("#operatoru").append(new Option(data[0].operator,data[0].operator));


                            $("#flowu").append(new Option(data[0].flow,data[0].flow));


                            $("#operatoru").val(data[0].operator);


                            $("#flowu").val(data[0].flow);


                            form.render();


                        }


                        break;


                    case 'getadd':


@@ -961,6 +972,7 @@


        $(".updateZong").hide();


    }


    function showUpdate(){


        console.log("tijiao2222222222222")


        var gsjc = localStorage.getItem("gsjc");


        if(gsjc == "华星智控"){


            $(".updateZong").show();


@@ -971,8 +983,67 @@


        }




    }




    function checkupdate() {


        console.log("11111111111111111")


        console.log($("#card").val())


        console.log($("#cardnumber").val())


        var add1 = $("#xggs").val();


        var add2 =  $("#cardnumber").val();


        var add3 =  $("#carddateu").val();


        var add4 =  $("#operatoru").val();


        // var add4 =  $("#flowadd1").val();


        var add12 =  $("#unitpriceu").val();


        // var add5 =  $("#bindidadd1").val();


        // var add6 =  $("#locationadd1").val();


        // var add7 =  $("#notesadd1").val();


        var add8 = $("#enddateu").val();


        var add9 = "0";


        var add10 =  $("#flowu").val();


        // var add11 =  $("#feiyongadd").val();


        if(add1 == "" || add1 == null){


            layer.alert("请选择所属公司")


            return false;


        }else if(add2 == "" || add2 == null){


            layer.alert("请输入卡号")


            return false;


        }else if(add3 == "" || add3 == null){


            layer.alert("请选择开始日期")


            return false;


        }else if(add8 == "" || add8 == null){


            layer.alert("请选择结束日期")


            return false;


        }else if(add4 == "" || add4 == null){


            layer.alert("请选择运营商")


            return false;


        }else if(add10 == "" || add10 == null){


            layer.alert("请选择流量")


            return false;


        }else if(add12 == "" || add12 == null){


            layer.alert("请选择单价")


            return false;


        }else{


            // if(parts.length>1){


            //     for (var i = 0 ; i<parts.length;i++){




            var upp = "company="+add1+"&cardnumber="+add2+"&carddate="+add3+"&operator="+add4+"&enddate="+add8+"&flow="+add10+"&unitprice="+add12


            console.log(upp)


            $.post("/HxzkFlow/hxzk/UpdateChong",upp,function (data){




            })


            console.log(66666666)


            return true;


        }


        // var parts = add2.replace(/\s*/g,"").split(";");


        // var parts;


        // var parts1 = add5.split(";");






    }


    //新增成功


    function checkadd() {


        console.log("11111111111111111")


        console.log( $("#cardnumberadd1").val())


        var add1 = $("#companyadd1").val();


        var add2 =  $("#cardnumberadd1").val();


        var add3 =  $("#carddateadd1").val();


@@ -986,53 +1057,6 @@


        var add9 = "0";


        var add10 =  $("#flowadd1").val();


        var add11 =  $("#feiyongadd").val();


        var parts = add2.replace(/\s*/g,"").split(";");


        // var parts;


        var parts1 = add5.split(";");


        if(parts.length>1){


            for (var i = 0 ; i<parts.length;i++){


                var data = "cardnumber="+parts[i]


                $.ajax({


                    url: "/HxzkFlow/hxzk/ifCard",


                    type: "POST",


                    data: data,


                    async: false,


                    success: function(data) {


                        if(data != ""){


                            //已经存在， 根据卡号修改信息


                            var upp = "company="+add1+"&cardnumber="+parts[i]+"&carddate="+add3+"&operator="+add4+"&bindid="+parts1[i]+"&location="+add6+"&notes="+add7+"&enddate="+add8+"&flow="+add10+"&unitprice="+add11


                            $.post("/HxzkFlow/hxzk/UpdateChong",upp,function (data){




                            })


                            $("#cardnumberadd1").val(parts[i])


                        }else{




                        }




                    }


                });




            }


            if(add9 == "1"){


                alert("该卡号中可能有已经存在过的")


            }


        }else{


            var data = "cardnumber="+add2


            $.ajax({


                url: "/HxzkFlow/hxzk/ifCard",


                type: "POST",


                data: data,


                async: false,


                success: function(data) {


                    if(data != ""){


                        alert("该卡号已存在！")


                        add9 = "1";


                    }else{


                        add9 = "0";


                    }


                }


            });


        }


        if(add1 == "" || add1 == null){


            layer.alert("请选择所属公司")


            return false;


@@ -1056,9 +1080,69 @@


            return false;


        }else if (add9 == "1"){


            return false;


        }else if (add9 == "0"){


            return true


        }


        var parts = add2.replace(/\s*/g,"").split(";");


        // var parts;


        var parts1 = add5.split(";");


        console.log(parts)


        console.log(parts.length)


        if(parts.length>1){


            for (var i = 0 ; i<parts.length;i++){




                console.log("=================")


                var data = "cardnumber="+parts[i]


                $.ajax({


                    url: "/HxzkFlow/hxzk/ifCard",


                    type: "POST",


                    data: data,


                    async: false,


                    success: function(data) {


                        if(data != ""){


                            //已经存在， 根据卡号修改信息


                            var upp = "company="+add1+"&cardnumber="+parts[i]+"&carddate="+add3+"&operator="+add4+"&bindid="+add5+"&location="+add6+"&notes="+add7+"&enddate="+add8+"&flow="+add10+"&unitprice="+add11


                            console.log(upp)


                            $.post("/HxzkFlow/hxzk/UpdateChong",upp,function (data){




                            })


                            // parts.splice(i,2)


                            // $("#cardnumberadd1").val(parts)


                        }else{


                            console.log("33333332")


                            var upp = "company="+add1+"&cardnumber="+parts[i]+"&carddate="+add3+"&operator="+add4+"&bindid="+add5+"&location="+add6+"&notes="+add7+"&enddate="+add8+"&flow="+add10+"&unitprice="+add11


                            $.post("/HxzkFlow/hxzk/addCard",upp,function (data){




                            })


                        }


                        console.log(parts)


                    }




                });




            }


            if(add9 == "1"){


                alert("该卡号中可能有已经存在过的")


            }


        }else{


            var data = "cardnumber="+add2


            $.ajax({


                url: "/HxzkFlow/hxzk/ifCard",


                type: "POST",


                data: data,


                async: false,


                success: function(data) {


                    if(data != ""){


                        alert("该卡号已存在！")


                        add9 = "1";


                    }else{


                        var upp = "company="+add1+"&cardnumber="+add2+"&carddate="+add3+"&operator="+add4+"&bindid="+add5+"&location="+add6+"&notes="+add7+"&enddate="+add8+"&flow="+add10+"&unitprice="+add11


                        $.post("/HxzkFlow/hxzk/addCard",upp,function (data){




                        })


                    }


                }


            });


        }




    }


    //选择流量


    //监听选中事件