| | |
| | | <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: 29px;z-index: 999;width: 150px;left: 500px"> |
| | | <div class="layui-input-wrap"> |
| | | <input type="text" name="servername" 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: 29px;z-index: 999;width: 150px;left: 560px"> |
| | | <input type="text" name="company" style="width: 150px" placeholder="请输入所属公司" lay-affix="clear" class="layui-input"> |
| | | </div> |
| | | </div> |
| | |
| | | <%-- <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"> |
| | | <button class="layui-btn" lay-event="getadd">新增</button> |
| | | <button class="layui-btn layui-btn-warm" onclick="update()" lay-event="getUpdate">修改</button> |
| | | <button class="layui-btn layui-btn-warm" lay-event="getUpdate">修改</button> |
| | | <button class="layui-btn layui-btn-danger" lay-event="getDelete">删除</button> |
| | | <button class="layui-btn" lay-event="getchongzhi">充值</button> |
| | | |
| | |
| | | <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;margin-left: -8px"> |
| | | <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="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/addTbFuwuqi" 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" style="width: 20% ;margin-left: -40px">服务器名称:</label> |
| | |
| | | <%-- </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/UpdateTbFuwuqi" method="post" lay-filter="example"> |
| | | <form class="layui-form" method="post" lay-filter="example" onsubmit="return checkupdate()"> |
| | | <input type="text" id="id" name="id" style="display: none" class="upnum"/> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label" style="width: 20% ;margin-left: -20px">服务器名称:</label> |
| | |
| | | table.render({ |
| | | elem: '#demo' |
| | | ,layEvent: 'LAYTABLE_TIPS' |
| | | ,height: 695 |
| | | ,height: 780 |
| | | ,url: '/HxzkFlow/hxzk/findTbFuwuqi' //数据接口 |
| | | ,cellMinWidth: 80 |
| | | // ,cellMinWidth: 80 |
| | | ,width: 1680 |
| | | ,page: true //开启分页 |
| | | ,toolbar:'#toolbarDemo' |
| | | ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可 |
| | |
| | | , cols: [[ //表头 |
| | | {type: 'checkbox', sort: true, fixed: "left"} |
| | | ,{field: 'id', title: '序号', sort: true,width:'5%'} |
| | | ,{field: 'servername', title: '服务器名称', } |
| | | ,{field: 'company', title: '公司', } |
| | | ,{field: 'servername', title: '服务器名称', width:'15%'} |
| | | ,{field: 'company', title: '公司', width:'15%'} |
| | | ,{field: 'startdate', title: '开始日期', sort: true} |
| | | ,{field: 'enddate', title: '结束日期', sort: true} |
| | | ,{field: 'remainingdays', title: '剩余天数', sort: true} |
| | | ,{field: 'remainingdays', title: '剩余天数', sort: true,} |
| | | ,{field: 'expense', title: '费用', sort: true} |
| | | ,{field: 'rechargedate', title: '最近充值日期', sort: true} |
| | | ,{field: 'rechargemoney', title: '充值金额', sort: true} |
| | |
| | | table.render({ |
| | | elem: '#demo' |
| | | , layEvent: 'LAYTABLE_TIPS' |
| | | , height: 612 |
| | | , height: 780 |
| | | ,cellMinWidth: 80 |
| | | , url: '/HxzkFlow/hxzk/findTbFuwuqiZi?Zong='+jc //数据接口 |
| | | , page: true //开启分页 |
| | |
| | | , cols: [[ //表头 |
| | | {type: 'checkbox', sort: true, fixed: "left"} |
| | | ,{field: 'id', title: '序号', sort: true,width:'5%'} |
| | | ,{field: 'servername', title: '服务器名称', } |
| | | ,{field: 'company', title: '公司', } |
| | | ,{field: 'servername', title: '服务器名称', width:'15%'} |
| | | ,{field: 'company', title: '公司', width:'15%'} |
| | | ,{field: 'startdate', title: '开始日期', sort: true} |
| | | ,{field: 'enddate', title: '结束日期', sort: true} |
| | | ,{field: 'remainingdays', title: '剩余天数', sort: true} |
| | | ,{field: 'remainingdays', title: '剩余天数', sort: true,} |
| | | ,{field: 'expense', title: '费用', sort: true} |
| | | ,{field: 'rechargedate', title: '最近充值日期', sort: true} |
| | | ,{field: 'rechargemoney', title: '充值金额', sort: true} |
| | |
| | | } |
| | | |
| | | } |
| | | |
| | | function checkupdate() { |
| | | // $("#id").val(data[0].id); |
| | | // $("#servernameupp").val(data[0].servername); |
| | | // $("#companyd").val(data[0].company); |
| | | // $("#startdateg").val(data[0].startdate); |
| | | // $("#enddateg").val(data[0].enddate); |
| | | // $("#expense").val(data[0].expense); |
| | | console.log("11111111111111111") |
| | | // console.log($("#card").val()) |
| | | var add1 = $("#servernameupp").val(); |
| | | var add2 = $("#companyd").val(); |
| | | var add3 = $("#startdateg").val(); |
| | | // var add4 = $("#enddateg").val(); |
| | | var add4 = $("#id").val(); |
| | | var add12 = $("#expense").val(); |
| | | // var add5 = $("#bindidadd1").val(); |
| | | // var add6 = $("#locationadd1").val(); |
| | | // var add7 = $("#notesadd1").val(); |
| | | var add8 = $("#enddateg").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(add12 == "" || add12 == null){ |
| | | layer.alert("请选择单价") |
| | | return false; |
| | | }else{ |
| | | // if(parts.length>1){ |
| | | // for (var i = 0 ; i<parts.length;i++){ |
| | | |
| | | var upp = "id="+add4+"&servername="+add1+"&company="+add2+"&startdate="+add3+"&enddate="+add8+"&expense="+add12 |
| | | console.log(upp) |
| | | $.post("/HxzkFlow/hxzk/UpdateTbFuwuqi",upp,function (data){ |
| | | |
| | | }) |
| | | console.log(66666666) |
| | | return true; |
| | | } |
| | | // var parts = add2.replace(/\s*/g,"").split(";"); |
| | | // var parts; |
| | | // var parts1 = add5.split(";"); |
| | | |
| | | |
| | | } |
| | | //新增成功 |
| | | function checkadd() { |
| | | var add1 = $("#companyadd1").val(); |
| | |
| | | // var add7 = $("#notesadd1").val(); |
| | | var add3 = $("#enddateadd1").val(); |
| | | var add9 = "0"; |
| | | // var add10 = $("#flowadd1").val(); |
| | | // var add11 = $("#unitPriceadd1").val(); |
| | | // var parts = add2.split(";"); |
| | | // var parts1 = add5.split(";"); |
| | | var data = "servername="+add5 |
| | | $.ajax({ |
| | | url: "/HxzkFlow/hxzk/ifFuwuqi", |
| | | type: "POST", |
| | | data: data, |
| | | async: false, |
| | | success: function(data) { |
| | | if(data != ""){ |
| | | alert("该服务器已存在!") |
| | | add9 = "1"; |
| | | // return false |
| | | }else{ |
| | | add9 = "0"; |
| | | } |
| | | } |
| | | }); |
| | | if(add1 == "" || add1 == null){ |
| | | layer.alert("请选择所属公司") |
| | | return false; |
| | |
| | | }else if (add9 == "1"){ |
| | | return false |
| | | } |
| | | // var add10 = $("#flowadd1").val(); |
| | | // var add11 = $("#unitPriceadd1").val(); |
| | | // var parts = add2.split(";"); |
| | | // var parts1 = add5.split(";"); |
| | | var data = "servername="+add5 |
| | | $.ajax({ |
| | | url: "/HxzkFlow/hxzk/ifFuwuqi", |
| | | type: "POST", |
| | | data: data, |
| | | async: false, |
| | | success: function(data) { |
| | | if(data != ""){ |
| | | alert("该服务器已存在!") |
| | | add9 = "1"; |
| | | // return false |
| | | }else{ |
| | | console.log("33333332") |
| | | var upp = "company="+add1+"&servername="+add5+"&startdate="+add2+"&enddate="+add3+"&expense="+add4 |
| | | $.post("/HxzkFlow/hxzk/addTbFuwuqi",upp,function (data){ |
| | | |
| | | }) |
| | | add9 = "0"; |
| | | } |
| | | } |
| | | }); |
| | | |
| | | |
| | | } |
| | | //选择流量 |