<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
<%--
|
Created by IntelliJ IDEA.
|
User: Dell
|
Date: 2023/6/20
|
Time: 14:33
|
To change this template use File | Settings | File Templates.
|
--%>
|
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
<html>
|
<head>
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<link href="/HxzkFlow/images/favicon.ico" rel="icon" type="image/x-icon"/>
|
<link rel="stylesheet" href="/HxzkFlow/css/layui.css" media="all">
|
<style>
|
/* 小型手机 */
|
@media (max-width: 360px) {
|
|
}
|
</style>
|
<title>Title</title>
|
<style>
|
.layui-btn-disabled {
|
pointer-events: none; /* 使按钮不可点击 */
|
opacity: 0.6; /* 降低不透明度以显示禁用状态 */
|
}
|
.panbox{
|
width: 540px;
|
height: 130px;
|
float: left;
|
margin-left: 20px;
|
margin-top: 10px;
|
color: white;
|
font-size: 22px;
|
}
|
</style>
|
</head>
|
<body>
|
|
<form class="layui-form layui-row layui-col-space16" style="width: 1672px;margin-left: 12px;padding-bottom: -60px">
|
<div class="layui-col-md4" style="position: relative;top: 18px;z-index: 999;width: 150px;left: 500px" id="cardnum">
|
<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" id="hide">
|
<div class="layui-input-wrap" style="position: relative;top: 18px;z-index: 999;width: 150px;left: 560px">
|
<input type="text" name="company" style="width: 150px" placeholder="请输入所属公司" lay-affix="clear" class="layui-input">
|
</div>
|
</div>
|
<button style="position: relative;top: 25px;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: 25px;z-index: 999;width: 80px;left: 90px" class="layui-btn layui-btn-normal" lay-submit lay-filter="demo-table-search" lay-event="getselect" id="select">查询</button>
|
</form>
|
<%--<script type="text/html" >--%>
|
<div class="layui-btn-container" style="margin-left: 0px;display: inline-block" id="toolbarDemo">
|
|
<button class="layui-btn " id="btn-add" lay-event="getadd">新增</button>
|
<button class="layui-btn layui-btn-warm" id="btn-update" lay-event="getUpdate">修改</button>
|
<button class="layui-btn layui-btn-danger" id="btndelete" lay-event="getDelete">删除</button>
|
<button class="layui-btn" lay-event="getchongzhi">充值</button>
|
|
</div>
|
<%--</script>--%>
|
<script type="text/html" id="toolbarDemo1">
|
<div class="layui-btn-container" style="margin-left: 0px;display: inline-block">
|
<button class="layui-btn" lay-event="getchongzhi">充值</button>
|
</div>
|
</script>
|
<div style="display: inline-block;width: 100%;margin-top: -90px;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" 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>
|
<div class="layui-input-block">
|
<input type="text" name="servername" id="servernameadd1" lay-verify="title" autocomplete="off" placeholder="请输入服务器名称" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">所属公司：</label>
|
<div class="layui-input-block">
|
<input type="text" name="company" id="companyadd1" lay-verify="title" autocomplete="off" placeholder="" onkeyup="xzGongSi()" onfocus="xz()" class="layui-input">
|
</div>
|
<div style="width:488px;height: 400px;overflow-y: scroll;border: 1px solid #EEEEEE;border-top: none;position: absolute;left: 160px;z-index: 999;background-color: white;display: none" id="ZsGs">
|
<c:forEach items="${suoshu}" var="k">
|
<p onclick="xzGong('${k.companyname}')" style="cursor: pointer;height: 40px;line-height: 40px;padding-left: 10px;border-bottom: 1px solid #f6f6f6">${k.companyname}</p>
|
</c:forEach>
|
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">开始日期：</label>
|
<div class="layui-input-block">
|
<input type="date" name="startdate" id="startDateadd1" placeholder="请输入密码" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">结束日期：</label>
|
<div class="layui-input-block">
|
<input type="date" name="enddate" id="enddateadd1" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-form-item">
|
<label class="layui-form-label">费用/元￥：</label>
|
<div class="layui-input-block">
|
<%-- <input type="text" lay-verify="number" name="nTopAmount" value="0.000" onblur="value=zhzs(this.value)" class="layui-input"/>--%>
|
|
<%-- <span id="feiyong" style="margin-top: 10px;display: inline-block;margin-left: 10px"></span>--%>
|
<input type="text" id="expenseadd1" name="expense" lay-verify="number" value="0" onblur="value=zhzs(this.value)" autocomplete="off" placeholder="" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<button type="submit" class="layui-btn" lay-submit="" lay-filter="demoadd">立即提交</button>
|
<button type="button" class="layui-btn layui-btn-normal" lay-filter="demo1" onclick="canseladd()" style="margin-left: 200px">取消</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="chongzhi" style="display: none;width: 500px;background-color: white;border-radius: 20px;border: 1px solid #ccc;padding: 50px;position: fixed;top: 150px;left: 500px;z-index: 99999">
|
<form class="layui-form" action="" lay-filter="example">
|
<div class="layui-form-item">
|
<label class="layui-form-label"style="width: 20% ;margin-left: -20px">服务器名称：</label>
|
<div class="layui-input-block">
|
<input type="text" name="servername" id="servernamec" lay-verify="title" autocomplete="off" placeholder="请输入服务器名称" class="layui-input" disabled>
|
</div>
|
</div>
|
<%-- <div class="layui-form-item">--%>
|
<%-- <label class="layui-form-label">所属公司</label>--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <input type="text" name="company" id="companyc" lay-verify="title" autocomplete="off" placeholder="" onkeyup="xzGongSi()" onfocus="xz()" class="layui-input">--%>
|
<%-- </div>--%>
|
<%--<%– <div style="width:488px;height: 400px;overflow-y: scroll;border: 1px solid #EEEEEE;border-top: none;position: absolute;left: 160px;z-index: 999;background-color: white;display: none" id="ZsGs">–%>--%>
|
<%--<%– <c:forEach items="${suoshu}" var="k">–%>--%>
|
<%--<%– <p onclick="xzGong('${k.companyname}')" style="cursor: pointer;height: 40px;line-height: 40px;padding-left: 10px;border-bottom: 1px solid #f6f6f6">${k.companyname}</p>–%>--%>
|
<%--<%– </c:forEach>–%>--%>
|
|
<%--<%– </div>–%>--%>
|
<%-- </div>--%>
|
<div class="layui-form-item">
|
<div class="layui-form-item">
|
<label class="layui-form-label">费用/元￥：</label>
|
<div class="layui-input-block">
|
<%-- <span id="feiyong" style="margin-top: 10px;display: inline-block;margin-left: 10px"></span>--%>
|
<%-- <input type="text" id="expensec" name="expense" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">--%>
|
<input type="text" id="expensec" name="expense" lay-verify="number" value="0" onblur="value=zhzs(this.value)" autocomplete="off" placeholder="" class="layui-input" disabled>
|
|
</div>
|
</div>
|
</div>
|
<%-- <div class="layui-form-item">--%>
|
<%-- <label class="layui-form-label">选择流量</label>--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <select name="interest" lay-filter="ddtt" id="xzll">--%>
|
<%-- <option value=""></option>--%>
|
<%-- <option value="12">12G/年</option>--%>
|
<%-- <option value="24">24G/年</option>--%>
|
<%-- <option value="36">36G/年</option>--%>
|
<%-- </select>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- <div class="chongzhi">--%>
|
<%-- <div class="layui-form-item">--%>
|
<%-- <label class="layui-form-label">单价/元</label>--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <span id="feiyong" style="margin-top: 10px;display: inline-block;margin-left: 10px"></span>--%>
|
<%-- <%– <input type="text" id="feiyong" name="username" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">–%>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<div class="chongzhi">
|
<div class="layui-form-item">
|
<label class="layui-form-label">总价/元￥：</label>
|
<div class="layui-input-block">
|
<span id="zongjia" style="margin: 10px;display: inline-block"></span>
|
<%-- <input type="text" id="zongjia" name="zongjia" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">--%>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<input type="button" class="layui-btn" value="立即提交" onclick="chongzhitj()"></input>
|
<button type="reset" class="layui-btn layui-btn-normal" lay-filter="demo1" onclick="canselchongzhi()" style="margin-left: 200px">取消</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
<%--<div class="update" 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">--%>
|
|
<%-- <input type="text" name="num" style="display: none" class="upnum"/>--%>
|
<%-- --%>
|
<%-- <div class="layui-form-item">--%>
|
<%-- <label class="layui-form-label">所属公司1</label>--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <input type="text" name="company" id="xggs" disabled lay-verify="title" autocomplete="off" placeholder="请输入所属公司" class="layui-input">--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- <div class="layui-form-item">--%>
|
<%-- <label class="layui-form-label">开始日期</label>--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <input type="text" name="startdate" lay-verify="title" autocomplete="off" placeholder="请输入所在地" class="layui-input">--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- <div class="layui-form-item">--%>
|
<%-- <label class="layui-form-label">结束日期</label>--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <input type="date" name="enddate" id="enddateadd1" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- <div class="layui-form-item">--%>
|
<%-- <div class="layui-form-item">--%>
|
<%-- <label class="layui-form-label">费用/元￥</label>--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <%– <span id="feiyong" style="margin-top: 10px;display: inline-block;margin-left: 10px"></span>–%>--%>
|
<%-- <input type="text" id="expenseadd1" name="expense" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- <div class="chongzhi">--%>
|
<%-- </div>--%>
|
<%-- <div class="layui-form-item">--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <button type="submit" class="layui-btn" lay-submit="" 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 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" 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>
|
<div class="layui-input-block">
|
<input type="text" name="servername" id="servernameupp" lay-verify="title" autocomplete="off" placeholder="请输入服务器名称" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">所属公司：</label>
|
<div class="layui-input-block">
|
<input type="text" name="company" id="companyd" disabled lay-verify="title" autocomplete="off" placeholder="请输入所属公司" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">开始日期：</label>
|
<div class="layui-input-block">
|
<%-- <input type="text" class="form-control" id="startdateg" name="startdate">--%>
|
<input type="text" id="startdateg" name="startdate" lay-verify="title" autocomplete="off" placeholder="请输入所在地" class="layui-input">
|
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">结束日期：</label>
|
<div class="layui-input-block">
|
<input type="text" id="enddateg" name="enddate" lay-verify="title" autocomplete="off" placeholder="请输入所在地" class="layui-input">
|
<%-- <input type="text" class="form-control" id="enddateg" name="enddate">--%>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-form-item">
|
<label class="layui-form-label">费用/元￥：</label>
|
<div class="layui-input-block">
|
<%-- <span id="feiyong" style="margin-top: 10px;display: inline-block;margin-left: 10px"></span>--%>
|
<input type="text" id="expense" name="expense" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="chongzhi">
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<button type="submit" class="layui-btn" lay-submit="" 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>
|
|
</body>
|
<script src="/HxzkFlow/js/layui.js" charset="utf-8"></script>
|
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
|
<script>
|
var qb = localStorage.getItem("gsjc")
|
var data = "qb="+qb
|
var getUserName = localStorage.getItem("getUserName")
|
var chongzhiCompany = "";
|
|
var accessKey = "448c2cedcdce41428a290d144e81ab6e"
|
var accessSecret = "RgoIWycMYGmQfrLwLuT2VWawAhwMO8w7P9zh2dZp"
|
var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
|
var nonce = '';
|
const now = new Date();
|
const year = now.getFullYear();
|
const month = String(now.getMonth() + 1).padStart(2, '0');
|
const day = String(now.getDate()).padStart(2, '0');
|
const hours = String(now.getHours()).padStart(2, '0');
|
const minutes = String(now.getMinutes()).padStart(2, '0');
|
const seconds = String(now.getSeconds()).padStart(2, '0');
|
const formattedTime = year + month + day + hours + minutes + seconds;
|
for (var i = 30; i > 0; --i)
|
nonce += str[Math.floor(Math.random() * str.length)];
|
|
var stringSignTemp = accessKey+nonce+formattedTime
|
/*自定义处理数字*/
|
function zhzs(value) {
|
value = value.replace(/[^\d]/g, '').replace(/^0{1,}/g, '');
|
if (value != '')
|
value = parseFloat(value).toFixed(0);
|
else
|
value = parseFloat(0).toFixed(0);
|
return value;
|
}
|
|
|
function xzGongSi(){
|
var company = $("#companyadd1").val();
|
var data = "companyname="+company
|
$.post("/HxzkFlow/hxzk/MoHuGongSi",data,function (data){
|
var str = [];
|
if(data.length !=0){
|
for(var i = 0; i < data.length;i++){
|
$("#ZsGs").empty();
|
data[i].company = "'"+data[i].companyname+"'"
|
str += '<p onclick="xzGong('+data[i].company+')" style="cursor: pointer;height: 40px;line-height: 40px;padding-left: 10px;border-bottom: 1px solid #f6f6f6">'+data[i].companyname+'</p>'
|
}
|
}
|
$("#ZsGs").append(str)
|
})
|
$("#ZsGs").show()
|
}
|
function xz(){
|
$("#ZsGs").show()
|
}
|
function xzGong(id){
|
$("#companyadd1").val(id)
|
$("#ZsGs").hide()
|
}
|
|
if(qb === "华星智控"){
|
var add1 = localStorage.getItem("getadd")
|
var up = localStorage.getItem("getup")
|
var getde = localStorage.getItem("getde")
|
|
if (add1==1){
|
var button = document.getElementById('btn-add');
|
// 设置样式属性来隐藏按钮
|
button.classList.add('layui-btn-disabled');
|
}
|
if (up==1){
|
var button = document.getElementById('btn-update');
|
|
// 设置式属性来隐藏按钮
|
button.classList.add('layui-btn-disabled');
|
}
|
if (getde==1){
|
var button = document.getElementById('btndelete');
|
// 设置样式属性来隐藏按钮
|
button.classList.add('layui-btn-disabled');
|
}
|
|
$.get("/HxzkFlow/hxzk/chawu",function (data){
|
$(".zk").text(data[0])
|
$(".by").text(data[1])
|
$(".cy").text(data[2])
|
$(".dw").text(data[3])
|
$(".jjdl").text(data[4])
|
})
|
setInterval(function() {
|
$.get("/HxzkFlow/hxzk/chawu",function (data){
|
$(".zk").text(data[0])
|
$(".by").text(data[1])
|
$(".cy").text(data[2])
|
$(".dw").text(data[3])
|
$(".jjdl").text(data[4])
|
})
|
}, 60000);
|
}else{
|
|
|
}
|
/**
|
* 判断用户在规定的时间内没有操作系统，则刷新浏览器
|
* 参数：时间（单位分钟）
|
* */
|
function timeUserFun(time){
|
var time = time || 2;
|
var userTime = 3600;
|
var objTime = {
|
init:0,
|
time:function(){
|
objTime.init += 1;
|
if(objTime.init === userTime){// 达到限制时间时，用户未操作事件，则刷新整个页面
|
localStorage.removeItem("gsjc")
|
sessionStorage.removeItem("admin")
|
alert("您长时间未操作当前页面，请重新登录")
|
var data = "Zong="+sessionStorage.getItem("admin");
|
//获取该用户最新时间
|
$.post("/HxzkFlow/hxzk/userdate",data,function (data){
|
|
})
|
parent.location.reload()
|
//达到限制时间没操作，所要执行的动作
|
}
|
},
|
eventFun:function(){
|
//清除上次监听，重新开始新的监听
|
clearInterval(testUser);
|
objTime.init = 0;
|
testUser = setInterval(objTime.time,1000);
|
}
|
};
|
//监听当前时间流动
|
var testUser = setInterval(objTime.time,1000);
|
|
//监听相应事件
|
var body = document.querySelector('html');
|
body.addEventListener("click",objTime.eventFun);
|
body.addEventListener("keydown",objTime.eventFun);
|
body.addEventListener("mousemove",objTime.eventFun);
|
body.addEventListener("mousewheel",objTime.eventFun);
|
}
|
(function () {
|
timeUserFun(1);
|
|
}(0));
|
|
|
|
|
layui.use(['layer', 'form'], function(){
|
var layer = layui.layer
|
,form = layui.form;
|
|
|
//从本地存储获取用户登录信息，如果是子账号，只显示else 如果是总账号显示if
|
layui.use('table', function(){
|
var table = layui.table;
|
|
var Zong = localStorage.getItem("gsjc")
|
var data ="Zong="+Zong
|
if(Zong == null){
|
}else{
|
$.post("/HxzkFlow/hxzk/jiemi",data,function (data){
|
if(data == "1"){
|
table.render({
|
elem: '#demo'
|
,layEvent: 'LAYTABLE_TIPS'
|
,height: 850
|
,url: '/HxzkFlow/hxzk/findTbFuwuqi' //数据接口
|
// ,cellMinWidth: 80
|
,width: 1680
|
,page: true //开启分页
|
,toolbar:'#toolbarDemo'
|
,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
title: '提示'
|
,layEvent: 'LAYTABLE_TIPS'
|
,icon: 'layui-icon-tips'
|
}]
|
, cols: [[ //表头
|
{type: 'checkbox', sort: true, fixed: "left"}
|
,{field: 'id', title: '序号', sort: true,width:'5%'}
|
,{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: 'expense', title: '费用', sort: true}
|
,{field: 'rechargedate', title: '最近充值日期', sort: true}
|
,{field: 'rechargemoney', title: '充值金额', sort: true}
|
,{field: 'notes', title: '备注', sort: true}
|
|
]],
|
limit:100,
|
limits:[10,20,30,40,50,60,70,80,90,100],
|
});
|
}else{
|
$("#hide").hide();
|
$("#relo").css("left","-60px")
|
$("#select").css("left","620px")
|
$("#cardnum").css("left","620px")
|
var dt ="Zong="+localStorage.getItem("gsmc")
|
$.post("/HxzkFlow/hxzk/chaZi",dt,function (data){
|
var jc = Zong;
|
table.render({
|
elem: '#demo'
|
, layEvent: 'LAYTABLE_TIPS'
|
, height: 850
|
,cellMinWidth: 80
|
, url: '/HxzkFlow/hxzk/findTbFuwuqiZi?Zong='+jc //数据接口
|
, page: true //开启分页
|
, toolbar: '#toolbarDemo1'
|
, defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
title: '提示'
|
, layEvent: 'LAYTABLE_TIPS'
|
, icon: 'layui-icon-tips'
|
}]
|
, cols: [[ //表头
|
{type: 'checkbox', sort: true, fixed: "left"}
|
,{field: 'id', title: '序号', sort: true,width:'5%'}
|
,{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: 'expense', title: '费用', sort: true}
|
,{field: 'rechargedate', title: '最近充值日期', sort: true}
|
,{field: 'rechargemoney', title: '充值金额', sort: true}
|
,{field: 'notes', title: '备注', sort: true}
|
|
]],
|
limit:100,
|
limits:[10,20,30,40,50,60,70,80,90,100],
|
});
|
});
|
|
}
|
})
|
}
|
|
|
|
|
//头工具栏事件
|
table.on('toolbar(demo)', function(obj){
|
var checkStatus = table.checkStatus(obj.config.id);
|
var add1 = localStorage.getItem("getadd")
|
var up = localStorage.getItem("getup")
|
var getde = localStorage.getItem("getde")
|
|
switch(obj.event) {
|
case 'getDelete':
|
var data = checkStatus.data;
|
if (data.length == 0) {
|
layer.alert("请选中一条数据")
|
} else {
|
var nums = [];
|
for (var i = 0; i < data.length; i++) {
|
nums.push(JSON.stringify(data[i].id))
|
var datas = "num=" + JSON.stringify(data[i].id)+"&caozuoname="+getUserName
|
$.post("/HxzkFlow/hxzk/DeleteTbFuwuqi", datas, function (data) {
|
|
});
|
}
|
layer.alert("删除成功")
|
}
|
|
layui.table.reload('demo')
|
break;
|
case 'getUpdate':
|
var data = checkStatus.data;
|
|
if (data.length > 1) {
|
layer.alert("一次只能选中一个进行修改")
|
} else if (data.length == 0) {
|
layer.alert("请选中一条数据")
|
} else {
|
showUpdate();
|
$("#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);
|
}
|
|
break;
|
case 'getadd':
|
var data = checkStatus.data;
|
add();
|
|
break;
|
case 'getchongzhi':
|
var data = checkStatus.data;
|
var data = checkStatus.data;
|
// $("#feiyong").text("")
|
$("#zongjia").text("")
|
|
//选择卡的数量
|
var num = data.length;
|
// var cardNum = [];
|
var card = [];
|
var zong = 0;
|
var feiyong = [];
|
for (var i = 0; i < data.length; i++) {
|
if(i == data.length-1){
|
chongzhiCompany += data[i].company;
|
}
|
card.push(data[i].servername)
|
feiyong.push(data[i].expense.toString())
|
zong = zong+data[i].expense
|
|
// cardNum.push(JSON.stringify(data[i].cardnumber))
|
// var datas = "num="+JSON.stringify(data[i].cardnumber)
|
}
|
$("#servernamec").val(card)
|
$(".hao").text("当前已选择"+num+"个服务器")
|
chongzhi()
|
// var money=0;
|
// console.log("++++++++++++++")
|
// console.log(data)
|
// form.on('select(ddtt)', function(data){
|
|
// console.log(data,11111111)
|
// if(data.length>1){
|
// layer.alert("一次只能选中一个进行修改")
|
// }else if(data.length == 0){
|
// layer.alert("请选中一条数据")
|
// }else{
|
// chongzhi()
|
// showUpdate();
|
$("#id").val(data[0].id);
|
// $("#servernamec").val(data[0].servername);
|
// $("#xgkh").val(JSON.stringify(data[0].fuwuqinumber));
|
// $("#companyc").val(data[0].company);
|
// $("#startdateg").val(JSON.stringify(data[0].startdate));
|
// $("#enddateg").val(JSON.stringify(data[0].enddate));
|
$("#zongjia").text(zong)
|
$("#expensec").val(feiyong);
|
// }
|
|
// $("#feiyong").text("")
|
// $("#zongjia").text("")
|
// //选择卡的数量
|
// var num = data.length;
|
// var fuwuqiNum = [];
|
// var fuwuqi = [];
|
// for (var i = 0; i < data.length; i++) {
|
// if(i == data.length-1){
|
// chongzhiCompany += data[i].company;
|
// }
|
// fuwuqi.push(data[i].company)
|
// fuwuqiNum.push(JSON.stringify(data[i].fuwuqinumber))
|
// var datas = "num="+JSON.stringify(data[i].fuwuqinumber)
|
// }
|
// $("#company").val(fuwuqi)
|
// $(".hao").text("当前已选择"+num+"个卡号")
|
|
// var money=0;
|
// form.on('select(ddtt)', function(data){
|
// if(data.value == "12"){
|
// money = 80;
|
// Zmoney = 80*num
|
// $("#feiyong").text(money)
|
// $("#zongjia").text(Zmoney)
|
// }else if(data.value == ("24")){
|
// money = 150;
|
// Zmoney = 150*num
|
// $("#feiyong").text(money)
|
// $("#zongjia").text(Zmoney)
|
// }else if(data.value == "36"){
|
// money = 200;
|
// Zmoney = 200*num
|
// $("#feiyong").text(money)
|
// $("#zongjia").text(Zmoney)
|
// }else{
|
// $("#feiyong").text("")
|
// $("#zongjia").text("")
|
// }
|
// });
|
break;
|
};
|
});
|
// 搜索提交
|
form.on('submit(demo-table-search)', function(data){
|
var field = data.field; // 获得表单字段
|
if(field.company != ""){
|
if(localStorage.getItem("gsjc") == "华星智控"){
|
table.reload('demo', {
|
url: "/HxzkFlow/hxzk/tbFuwuqiSearch",
|
method:'post',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field // 搜索的字段
|
,done: function(res, curr, count) {
|
// res为接口返回的数据
|
if (res.data.length > 0) {
|
|
} else {
|
alert("搜索的内容不存在")
|
}
|
}
|
});
|
layer.msg('搜索成功');
|
}else if(field.company ==localStorage.getItem("gsjc") || field.company == localStorage.getItem("gsmc") ){
|
table.reload('demo', {
|
url: "/HxzkFlow/hxzk/tbFuwuqiSearch",
|
method:'post',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field // 搜索的字段
|
,done: function(res, curr, count) {
|
// res为接口返回的数据
|
if (res.data.length > 0) {
|
|
} else {
|
alert("搜索的内容不存在")
|
}
|
}
|
});
|
layer.msg('搜索成功');
|
}else{
|
alert("没有权限查询其他公司")
|
}
|
}else{
|
if (localStorage.getItem("gsjc") == "华星智控"){
|
field.company = localStorage.getItem("gsjc");
|
table.reload('demo', {
|
url: "/HxzkFlow/hxzk/tbFuwuqiSearch",
|
method:'post',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field // 搜索的字段
|
});
|
layer.msg('搜索成功');
|
}else{
|
field.company = localStorage.getItem("gsmc")
|
table.reload('demo', {
|
url: "/HxzkFlow/hxzk/tbFuwuqiSearch",
|
method:'post',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field // 搜索的字段
|
});
|
layer.msg('搜索成功');
|
}
|
}
|
// 执行搜索重载
|
|
return false; // 阻止默认 form 跳转
|
});
|
//
|
form.on('submit(demo-table-search1)', function(data){
|
var field = data.field; // 获得表单字段
|
if(field.company != ""){
|
if(localStorage.getItem("gsjc") == "华星智控"){
|
table.reload('demo', {
|
url: "/HxzkFlow/hxzk/tbFuwuqiSearch",
|
method:'post',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field // 搜索的字段
|
});
|
layer.msg('搜索成功');
|
}else if(field.company == localStorage.getItem("gsmc")){
|
table.reload('demo', {
|
url: "/HxzkFlow/hxzk/tbFuwuqiSearch",
|
method:'post',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field // 搜索的字段
|
});
|
layer.msg('搜索成功');
|
}else{
|
alert("没有权限查询其他公司")
|
}
|
}else{
|
if (localStorage.getItem("gsjc") == "华星智控"){
|
field.company = "";
|
table.reload('demo', {
|
url: "/HxzkFlow/hxzk/tbFuwuqiSearch",
|
method:'post',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field // 搜索的字段
|
});
|
layer.msg('搜索成功');
|
}else{
|
field.company = localStorage.getItem("gsmc")
|
table.reload('demo', {
|
url: "/HxzkFlow/hxzk/tbFuwuqiSearch",
|
method:'post',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field // 搜索的字段
|
});
|
layer.msg('搜索成功');
|
}
|
}
|
// 执行搜索重载
|
|
return false; // 阻止默认 form 跳转
|
});
|
});
|
|
});
|
|
|
//新增
|
function add(){
|
$(".add").show();
|
$(".heimu").show();
|
}
|
function canseladd(){
|
$(".add").hide();
|
$(".heimu").hide();
|
}
|
//充值
|
function chongzhi(){
|
$(".chongzhi").show();
|
$(".heimu").show();
|
}
|
function canselchongzhi(){
|
$(".chongzhi").hide();
|
$(".heimu").hide();
|
}
|
//修改
|
function canselupdate(){
|
$(".update").hide();
|
$(".heimu").hide();
|
$(".updateZong").hide();
|
}
|
function showUpdate(){
|
var gsjc = localStorage.getItem("gsjc");
|
if(gsjc == "华星智控"){
|
$(".updateZong").show();
|
$(".heimu").show();
|
}else{
|
$(".update").show();
|
$(".heimu").show();
|
}
|
|
}
|
|
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+"&caozuoname="+getUserName
|
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 add2 = $("#cardnumberadd1").val();
|
var add2 = $("#startDateadd1").val();
|
// var add4 = $("#operatoradd1").val();
|
// var add4 = $("#flowadd1").val();
|
var add4 = $("#expenseadd1").val();
|
var add5 = $("#servernameadd1").val();
|
// var add6 = $("#locationadd1").val();
|
// var add7 = $("#notesadd1").val();
|
var add3 = $("#enddateadd1").val();
|
var add9 = "0";
|
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(add4 == "" || add4 == 0){
|
layer.alert("请选择费用")
|
return false;
|
}else if(add5 == "" || add5 == 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+"&caozuoname="+getUserName
|
$.post("/HxzkFlow/hxzk/addTbFuwuqi",upp,function (data){
|
|
})
|
add9 = "0";
|
}
|
}
|
});
|
|
|
}
|
//选择流量
|
//监听选中事件
|
|
//
|
|
function chongzhitj(){
|
var servername = $("#servernamec").val();
|
var feiyong =$("#zongjia").text();
|
|
if(servername == ""){
|
alert("请选择服务器名称")
|
return
|
}
|
if(feiyong == "" || feiyong == 0){
|
alert("费用不正确")
|
return;
|
}
|
var dt = "fuwuqi="+servername+"&type= 云服务器"+"&feiyong="+feiyong+"&chongzhiCompany="+chongzhiCompany
|
$.post("/HxzkFlow/hxzk/buyFuwuqi",dt,function (data){
|
const div = document.createElement('divform');
|
div.innerHTML = data;
|
document.body.appendChild(div);
|
document.forms['punchout_form'].setAttribute('target', '_blank')
|
document.forms['punchout_form'].submit()
|
})
|
$(".chongzhi").hide();
|
$(".heimu").hide();
|
setTimeout(function () {
|
location.reload();
|
}, 500);
|
}
|
</script>
|
</html>
|
