fei.wang
2024-05-09 871d4095b07cedacb7fbef4c38d64982f539c404
src/webapp/page/Fuwuqi.jsp
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,987 @@
<%@ 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: -410px" 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>--%>
<%--&lt;%&ndash;            <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">&ndash;%&gt;--%>
<%--&lt;%&ndash;                <c:forEach items="${suoshu}" var="k">&ndash;%&gt;--%>
<%--&lt;%&ndash;                    <p onclick="xzGong('${k.companyname}')" style="cursor: pointer;height: 40px;line-height: 40px;padding-left: 10px;border-bottom: 1px solid #f6f6f6">${k.companyname}</p>&ndash;%&gt;--%>
<%--&lt;%&ndash;                </c:forEach>&ndash;%&gt;--%>
<%--&lt;%&ndash;            </div>&ndash;%&gt;--%>
<%--        </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>--%>
<%--                    &lt;%&ndash;                    <input type="text" id="feiyong" name="username" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">&ndash;%&gt;--%>
<%--                </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">--%>
<%--                    &lt;%&ndash;                    <span id="feiyong" style="margin-top: 10px;display: inline-block;margin-left: 10px"></span>&ndash;%&gt;--%>
<%--                    <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>