feat: 项目基础框架+配置+Kernel
This commit is contained in:
@@ -0,0 +1,184 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
|
||||
<div style="margin-top: 10px;width: 100%;margin-left: 10px;">
|
||||
|
||||
|
||||
<form class="layui-form layui-form-pane layui-inline" action="">
|
||||
|
||||
<div class="layui-inline" style="margin-left: 50px;">
|
||||
<label >交易帐号 </label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="account_number" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline" style="margin-left: 50px;">
|
||||
<label>交易类型 </label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="type" id="type">
|
||||
<option value="" class="ww">全部</option>
|
||||
<option value="1" class="ww">法币交易</option>
|
||||
<option value="2" class="ww">币币交易</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline" style="margin-left: 50px;">
|
||||
<label>交易状态 </label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="status" id="status">
|
||||
<option value="" class="ww">全部</option>
|
||||
<option value="1" class="ww">正在交易</option>
|
||||
<option value="2" class="ww">交易完成</option>
|
||||
<option value="3" class="ww">交易取消</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline" style="margin-left: 50px;">
|
||||
<label>交易币 </label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="currency" id="currency">
|
||||
<option value="" class="ww">全部</option>
|
||||
@foreach ($currency as $value)
|
||||
<option value="{{$value->id}}" class="ww">{{$value->name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-inline">
|
||||
<button class="layui-btn" lay-submit="" lay-filter="mobile_search"><i class="layui-icon"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
<table id="transactionlist" lay-filter="transactionlist"></table>
|
||||
|
||||
<script type="text/html" id="barDemo">
|
||||
<a class="layui-btn layui-btn-xs" lay-event="conf">调节账户</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
|
||||
</script>
|
||||
<script type="text/html" id="typetml">
|
||||
@{{d.type==1 ? '<span class="layui-badge layui-bg-green">'+'法币交易'+'</span>' : '' }}
|
||||
@{{d.type==2 ? '<span class="layui-badge layui-bg-red">'+'币币交易'+'</span>' : '' }}
|
||||
|
||||
</script>
|
||||
<script type="text/html" id="statustml">
|
||||
@{{d.status==1 ? '<span class="layui-badge layui-bg-green">'+'正在交易'+'</span>' : '' }}
|
||||
@{{d.status==2 ? '<span class="layui-badge layui-bg-red">'+'交易完成'+'</span>' : '' }}
|
||||
@{{d.status==3 ? '<span class="layui-badge layui-bg-black">'+'交易取消'+'</span>' : '' }}
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.onkeydown=function(event){
|
||||
var e = event || window.event || arguments.callee.caller.arguments[0];
|
||||
if(e && e.keyCode==13){ // enter 键
|
||||
$('#mobile_search').click();
|
||||
}
|
||||
};
|
||||
layui.use(['element', 'form', 'layer', 'table'], function () {
|
||||
var element = layui.element;
|
||||
var layer = layui.layer;
|
||||
var table = layui.table;
|
||||
var $ = layui.$;
|
||||
var form = layui.form;
|
||||
|
||||
function tbRend(url) {
|
||||
table.render({
|
||||
elem: '#transactionlist'
|
||||
,url: url
|
||||
,page: true
|
||||
,limit: 20
|
||||
,cols: [[
|
||||
{field: 'id', title: 'ID', width: 100}
|
||||
,{field:'from_account',title: '转出用户',width: 150}
|
||||
,{field:'to_account',title:'转入用户', width:150}
|
||||
,{field:'price',title:'单价', width:100}
|
||||
,{field:'number',title:'数量', width:100}
|
||||
,{field:'total',title:'交易金额', width:100}
|
||||
,{field:'remarks',title:'备注', width:200}
|
||||
,{field:'time',title:'时间', width:200}
|
||||
,{field: 'currency_name', title: '交易币', width:80}
|
||||
,{field: 'type', title: '交易类型', width:100, templet: '#typetml'}
|
||||
,{field: 'status', title: '交易状态', width:100, templet: '#statustml'}
|
||||
// , {fixed: 'right', title: '操作', width: 150, align: 'center', toolbar: '#barDemo'}
|
||||
]]
|
||||
});
|
||||
}
|
||||
tbRend("{{url('/admin/transaction/list')}}");
|
||||
//监听工具条
|
||||
table.on('tool(transactionlist)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
|
||||
var data = obj.data;
|
||||
var layEvent = obj.event;
|
||||
var tr = obj.tr;
|
||||
if (layEvent === 'delete') { //删除
|
||||
layer.confirm('真的要删除吗?', function (index) {
|
||||
//向服务端发送删除指令
|
||||
$.ajax({
|
||||
url: '{{url('')}}',
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
data: {id: data.id},
|
||||
success: function (res) {
|
||||
if (res.type == 'ok') {
|
||||
obj.del(); //删除对应行(tr)的DOM结构,并更新缓存
|
||||
layer.close(index);
|
||||
} else {
|
||||
layer.close(index);
|
||||
layer.alert(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
} else if (layEvent === 'conf') { //编辑
|
||||
var index = layer.open({
|
||||
title: '账户调节'
|
||||
, type: 2
|
||||
, content: '{{url('/admin/user/conf')}}?id=' + data.id
|
||||
, maxmin: true
|
||||
});
|
||||
layer.full(index);
|
||||
}
|
||||
});
|
||||
|
||||
//监听提交
|
||||
form.on('submit(mobile_search)', function(data){
|
||||
var account_number = data.field.account_number
|
||||
,type = $('#type').val()
|
||||
,currency = $('#currency').val()
|
||||
,status = $('#status').val()
|
||||
|
||||
table.reload('transactionlist',{
|
||||
where:{
|
||||
account_number:account_number,
|
||||
type:type,
|
||||
currency:currency,
|
||||
status:status,
|
||||
|
||||
},
|
||||
page: {curr: 1} //重新从第一页开始
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user