feat: 项目基础框架+配置+Kernel
This commit is contained in:
testadmin
@@ -0,0 +1,509 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
<style>
|
||||
.layui-form-label {
|
||||
width:90px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 120px;
|
||||
}
|
||||
.layui-fluid .layui-table-cell {
|
||||
line-height: 20px;
|
||||
padding: 5px 5px ;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
overflow: visible;
|
||||
height:auto;
|
||||
overflow:visible;
|
||||
text-overflow:inherit;
|
||||
white-space:normal;
|
||||
}
|
||||
.reddot {
|
||||
position: absolute;
|
||||
right:5%;
|
||||
color: red;
|
||||
}
|
||||
.layui-textarea{
|
||||
height: 80px;
|
||||
min-height: 80px;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
<form class="layui-form" action="">
|
||||
|
||||
@if(!empty($currency))
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>交易币种</label>
|
||||
<div class="layui-input-block">
|
||||
<select name='currency'>
|
||||
@foreach($currency as $key => $value)
|
||||
<option class='layui-option' value="{{$value['id']}}" >{{$value['name']}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" autocomplete="off" placeholder="" class="layui-input" value="" lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>交易类型</label>
|
||||
<div class="layui-input-block" >
|
||||
<select name='pay_type' id="select_type" lay-filter="select_type">
|
||||
<option value='1' class='layui-option'>一口价</option>
|
||||
<option value='2' class='layui-option'>竞拍</option>
|
||||
<option value='3' class='layui-option'>盲盒</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>稀有度</label>
|
||||
<div class="layui-input-block">
|
||||
<select name='rarity' id="rarity" lay-filter="rarity">
|
||||
<option value='N' class='layui-option'>N</option>
|
||||
<option value='R' class='layui-option'>R</option>
|
||||
<option value='SR' class='layui-option'>SR</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="layui-form-item" id="bind_select">-->
|
||||
<!-- <label class="layui-form-label"><span class="reddot">*</span>该稀有度对应的盲盒</label>-->
|
||||
<!-- <div class="layui-input-block">-->
|
||||
<!-- <select name=''>-->
|
||||
<!-- <option value=''>请选择</option>-->
|
||||
<!-- </select>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<div class="layui-form-item" id="bind_select">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>该稀有度对应的盲盒</label>
|
||||
<div class="layui-input-block">
|
||||
<select name='rarity_house_id' id="bind_select_val">
|
||||
<!--<option value=''>请选择</option>-->
|
||||
<!--<option class='layui-option' value="" ></option>-->
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>价格</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="price" autocomplete="off" placeholder="" class="layui-input" value="" lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item" id="auction" lay-filter="auction">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>竞拍每次加价</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" id="auction_val" name="per_increase" autocomplete="off" placeholder="" class="layui-input" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item" id="margin_price" lay-filter="auction">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>保证金</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" id="margin_price_val" name="margin" autocomplete="off" placeholder="" class="layui-input" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>作者ID</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="author" autocomplete="off" placeholder="" class="layui-input" value="" lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>文件类型</label>
|
||||
<div class="layui-input-block">
|
||||
<select name='type'>
|
||||
<option value='1' class='layui-option'>图片</option>
|
||||
<option value='4' class='layui-option'>视频</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>文件上传</label>
|
||||
<div class="layui-upload" style="border:1px solid #e6e6e6;border-radius:4px;padding:10px 0;margin-top:10px;margin-left:120px;">
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="cfile" style="margin-left:30px">选择文件</button> <br/>
|
||||
<div><img src="" id="imageupload_img" style="display: none;cursor:pointer;max-width: 200px;height: auto;margin-top: 10px;margin-left:30px;" onclick="showBigImage(this)" /></div>
|
||||
<div><video src="" id="imageupload_video" style="display: none;cursor:pointer;max-width: 200px;height: auto;margin-top: 10px;margin-left:30px;" onclick="showBigVideo(this)" /></div>
|
||||
<div class="layui-upload-list">
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>文件名</th>
|
||||
<th>大小</th>
|
||||
<th>状态</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<input name="image" type="hidden" id="imageupload_val" value="" lay-verify="required">
|
||||
<tbody id="demoList"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<button type="button" class="layui-btn" id="uploadBegin" style="margin-left:30px">开始上传</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="layui-form-item layui-form-text">-->
|
||||
<!-- <label class="layui-form-label">文件上传</label>-->
|
||||
<!-- <div class="layui-input-block">-->
|
||||
<!-- <button class="layui-btn" type="button" id="upload_bindbox">选择文件</button>-->
|
||||
<!-- <br>-->
|
||||
<!-- <img src="@if(!empty($news->bindbox_upload)){{$news->bindbox_upload}}@endif" id="upload_bindbox_upload" class="bindbox_upload" style="display: @if(!empty($news->bindbox_upload)){{"block"}}@else{{"none"}}@endif;max-width: 200px;height: auto;margin-top: 5px;">-->
|
||||
<!-- <input type="hidden" name="image" id="bindbox_upload" value="@if(!empty($news->bindbox_upload)){{$news->bindbox_upload}}@endif">-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
|
||||
<!--<div class="layui-form-item">-->
|
||||
<!-- <label class="layui-form-label">数量</label>-->
|
||||
<!-- <div class="layui-input-block">-->
|
||||
<!-- <input type="text" name="text" autocomplete="off" placeholder="" class="layui-input" value="" lay-verify="required">-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
|
||||
<!--<div class="layui-form-item">-->
|
||||
<!-- <label class="layui-form-label">是否显示</label>-->
|
||||
<!-- <div class="layui-input-block">-->
|
||||
<!-- <select name='type'>-->
|
||||
<!-- <option value='1' class='layui-option'>可用</option>-->
|
||||
<!-- <option value='0' class='layui-option'>不可用</option>-->
|
||||
<!-- </select>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<div class="test-table-reload-btn" style="margin-bottom: 10px;">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>开始时间</label>
|
||||
<div class="layui-inline">
|
||||
<input class="layui-input test-laydate-item" name="start_time" placeholder="年 - 月 - 日 -- : -- : --" id="start_time" autocomplete="off" lay-verify="required">
|
||||
</div>
|
||||
<div class="layui-inline" style="width: 80px;text-align: right">结束时间</div>
|
||||
<div class="layui-inline">
|
||||
<input class="layui-input test-laydate-item" name="end_time" placeholder="年 - 月 - 日 -- : -- : --" id="end_time" autocomplete="off" lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">关于艺术家</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea type="text" name="author_description" autocomplete="off" placeholder="" class="layui-textarea" value="" rows="10" cols="100"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资产详情</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea type="text" name="description" autocomplete="off" placeholder="" class="layui-textarea" value="" rows="10" cols="100"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit="bindBoxsubmit" lay-filter="bindBoxsubmit">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
// 若选择拍卖显示加价和保证金
|
||||
$("#auction").hide();
|
||||
$("#margin_price").hide();
|
||||
$("#bind_select").hide();
|
||||
|
||||
layui.use(['layer', 'jquery', 'form'], function () {
|
||||
var layer = layui.layer,
|
||||
$ = layui.jquery,
|
||||
form = layui.form;
|
||||
|
||||
form.on('select(select_type)', function(data){
|
||||
if(data.value == '1'){
|
||||
$("#auction").hide();
|
||||
$("#auction_val").val("");
|
||||
|
||||
$("#margin_price").hide();
|
||||
$("#margin_price_val").val("");
|
||||
|
||||
$("#bind_select").hide();
|
||||
$("#bind_select_val").val("");
|
||||
form.render('select');
|
||||
}if(data.value == '2'){
|
||||
$("#auction").show();
|
||||
|
||||
$("#margin_price").show();
|
||||
|
||||
$("#bind_select").hide();
|
||||
$("#bind_select_val").val("");
|
||||
form.render('select');
|
||||
}if(data.value == '3'){
|
||||
getRarity_house(form);
|
||||
|
||||
$("#auction").hide();
|
||||
$("#auction_val").val("");
|
||||
|
||||
$("#margin_price").hide();
|
||||
$("#margin_price_val").val("");
|
||||
|
||||
$("#bind_select").show();
|
||||
form.render('select');
|
||||
form.on('select(rarity)', function(data){
|
||||
getRarity_house(form);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
layui.use(['form','laydate'],function () {
|
||||
var form = layui.form
|
||||
,$ = layui.jquery
|
||||
,laydate = layui.laydate
|
||||
,index = parent.layer.getFrameIndex(window.name);
|
||||
//监听提交
|
||||
form.on('submit(bindBoxsubmit)', function(data){
|
||||
var data = data.field;
|
||||
delete data.file;
|
||||
// data.start_time=data.start_time.replace("T"," ")
|
||||
// data.end_time=data.end_time.replace("T"," ")
|
||||
$.ajax({
|
||||
url:'{{url('admin/bind_box/addNFT')}}'
|
||||
,type:'post'
|
||||
,dataType:'json'
|
||||
,data : data
|
||||
,success:function(res){
|
||||
if(res.type=='ok'){
|
||||
layer.msg('操作成功！');
|
||||
}if(res.type=='error'){
|
||||
layer.msg(res.message);
|
||||
}else{
|
||||
parent.layer.close(index);
|
||||
parent.window.location.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
layui.use(['element', 'form', 'upload', 'layer', 'laydate'], function () {
|
||||
var element = layui.element
|
||||
,layer = layui.layer
|
||||
,form = layui.form
|
||||
,laydate = layui.laydate
|
||||
,$ = layui.$;
|
||||
|
||||
//同时绑定多个
|
||||
lay('.test-laydate-item').each(function(){
|
||||
laydate.render({
|
||||
elem: this
|
||||
,trigger: 'click'
|
||||
,type: 'datetime'
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// layui.use('upload', function(){
|
||||
// var upload = layui.upload;
|
||||
|
||||
// //执行实例
|
||||
// var uploadInst = upload.render({
|
||||
// elem: '#upload_bindbox' //绑定元素
|
||||
// ,url: '{{URL("api/uploadNFT")}}?scene=admin' //上传接口
|
||||
// ,done: function(res){
|
||||
// //上传完毕回调
|
||||
// if (res.type == "ok"){
|
||||
// $("#bindbox_upload").val(res.message)
|
||||
// $("#upload_bindbox_upload").show()
|
||||
// $("#upload_bindbox_upload").attr("src",res.message)
|
||||
// } else{
|
||||
// alert(res.message)
|
||||
// }
|
||||
// }
|
||||
// ,error: function(){
|
||||
// //请求异常回调
|
||||
// }
|
||||
// });
|
||||
// });
|
||||
|
||||
//获取盲盒种类
|
||||
function getRarity_house(form){
|
||||
var val = $("#rarity option:selected").val()
|
||||
$.ajax({
|
||||
url:'{{url('/admin/bind_box/getRarityHouse')}}'
|
||||
,type:'post'
|
||||
,dataType:'json'
|
||||
,data: { rarity: val}
|
||||
,success:function(res){
|
||||
var bind_select_val = document.getElementById('bind_select_val')
|
||||
var str = ''
|
||||
res.rarity_house.forEach(function(item) {
|
||||
str += "<option class='layui-option' value=' " + item.id + "' >"+ '名称：' + item.name + "</option>"
|
||||
})
|
||||
bind_select_val.innerHTML = "<option value=''>请选择</option>" + str
|
||||
console.log('vvvvv', bind_select_val, res.rarity_house)
|
||||
form.render('select');
|
||||
|
||||
// const value = res.message.data[0]
|
||||
// $("#rarity_house").val(value.price)
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function showBigImage(e) {
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: false,
|
||||
closeBtn: 0,
|
||||
shadeClose: true,
|
||||
area: [$(e).width + 'px', $(e).height + 'px'],
|
||||
content: "<img style='padding:12px;max-width:1400px;max-height:780px' src=" + $(e).attr('src') + " />"
|
||||
});
|
||||
}
|
||||
function showBigVideo(e) {
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: '视频预览',
|
||||
closeBtn: 0,
|
||||
shadeClose: true,
|
||||
offset: 'auto',
|
||||
area: 'auto',
|
||||
content: "<video controls='controls' style='padding:12px;max-width:1400px;max-height:780px' src=" + $(e).attr('src') + " />"
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
var imageUpload = $('#uploadBegin').val()
|
||||
layui.use('upload', function() {
|
||||
var $ = layui.jquery,
|
||||
upload = layui.upload; //声明上传组件
|
||||
|
||||
//文件列表示例
|
||||
var num = "";
|
||||
var show = "";
|
||||
var demoListView = $('#demoList'), //上传表格的详情
|
||||
uploadListIns = upload.render({ //渲染
|
||||
elem: '#cfile', //绑定选择文件按钮
|
||||
url: '{{url('api/uploadNFT')}}',
|
||||
accept: 'file', //允许上传文件类型
|
||||
multiple: false, //是否允许多文件上传开关
|
||||
auto: false, //是否自动上传，true就是选择完文件之后自动上传
|
||||
bindAction: '#uploadBegin', //绑定开始上传按钮，如果自动上传则不需要这个按钮
|
||||
choose: function(obj) {
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
obj.preview(function(index, file, result) {
|
||||
var tr = $(['<tr id="upload-' + index + '">', '<td id="filename">' + file
|
||||
.name + '</td>', '<td>' + (file.size / 1014).toFixed(1) +
|
||||
'kb</td>', '<td>等待上传</td>', '<td>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>', '</tr>'
|
||||
].join(''));
|
||||
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function() {
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value =
|
||||
''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
|
||||
var filenum = $("tr").length;
|
||||
if(filenum >= 2){
|
||||
$("tr").first().remove()
|
||||
}
|
||||
|
||||
});
|
||||
},
|
||||
before: function() { //这里暂时规定一次只能上传一个文件
|
||||
|
||||
var filenum = $("tr").length;
|
||||
console.log(123123,filenum)
|
||||
var file = $("#filename").text();
|
||||
var ext = file.slice(file.lastIndexOf(".") + 1).toLowerCase();
|
||||
if (filenum > 2) {
|
||||
layer.msg("一次只能上传一个文件");
|
||||
return false;
|
||||
}
|
||||
if (file == null || file == "") {
|
||||
layer.msg("请选择文件");
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
// else if (("xls" != ext)&&("xlsx" != ext) ) {
|
||||
// console.log(1211221)
|
||||
// layer.msg("所选择文件不规范");
|
||||
// return false;
|
||||
// }
|
||||
},
|
||||
done: function(res, index, upload) {
|
||||
var loading = parent.layer.load(1, {
|
||||
shade: 0.2,
|
||||
time: 500
|
||||
});
|
||||
if (res.type == 'ok') { //上传成功
|
||||
let imageUpload = res.message;
|
||||
// console.log(1111111,imageUpload)
|
||||
|
||||
var reg = /\.(png|PNG|jpg|JPG|gif|GIF|jpeg|JPEG|webp|WEBP)$/;
|
||||
var isImgVideo = reg.test(imageUpload);
|
||||
if(isImgVideo){
|
||||
$('#imageupload_val').val(imageUpload)
|
||||
$("#imageupload_video").hide();
|
||||
$("#imageupload_img").show();
|
||||
$("#imageupload_img").attr("src",res.message)
|
||||
}else{
|
||||
$('#imageupload_val').val(imageUpload)
|
||||
$("#imageupload_img").hide();
|
||||
$("#imageupload_video").show();
|
||||
$("#imageupload_video").attr("src",res.message)
|
||||
}
|
||||
|
||||
var tr = demoListView.find('tr#upload-' + index),
|
||||
tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(3).html(''); //清空操作
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload, res);
|
||||
layer.close(loading);
|
||||
},
|
||||
error: function(index, upload, res) {
|
||||
layer.msg(res.message);
|
||||
var tr = demoListView.find('tr#upload-' + index),
|
||||
tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #FF5722;">上传失败:' + res.msg + '</span>');
|
||||
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
//这里在点击上传是添加了一个文件类型的判断
|
||||
// $(window).one("resize",function(){
|
||||
// $(".import").click(function(){//上传按钮
|
||||
// var file=document.getElementById("teacherFile").value;
|
||||
// var ext = file.slice(file.lastIndexOf(".")+1).toLowerCase();
|
||||
// if(file==null || file ==""){
|
||||
// layer.msg("请选择文件");
|
||||
// }
|
||||
// else if (("xls" != ext)&&("xlsx" != ext) ) {
|
||||
// console.log(1211221)
|
||||
// layer.msg("所选择文件不规范");
|
||||
// return false;
|
||||
// }
|
||||
// else {
|
||||
// layer.msg("选择文件规范");
|
||||
// }
|
||||
// })
|
||||
|
||||
// }).resize();
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,265 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
<style>
|
||||
.layui-form-label {
|
||||
width:90px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 120px;
|
||||
}
|
||||
.layui-fluid .layui-table-cell {
|
||||
line-height: 20px;
|
||||
padding: 5px 5px ;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
overflow: visible;
|
||||
height:auto;
|
||||
overflow:visible;
|
||||
text-overflow:inherit;
|
||||
white-space:normal;
|
||||
}
|
||||
.reddot {
|
||||
position: absolute;
|
||||
right:5%;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
<form class="layui-form" action="">
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" autocomplete="off" placeholder="" class="layui-input" value="" lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>稀有度</label>
|
||||
<div class="layui-input-block">
|
||||
<select name='rarity' id="rarity" lay-filter="rarity">
|
||||
<option value='N' class='layui-option'>N</option>
|
||||
<option value='R' class='layui-option'>R</option>
|
||||
<option value='SR' class='layui-option'>SR</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="reddot">*</span>文件上传</label>
|
||||
<div class="layui-upload" style="border:1px solid #e6e6e6;border-radius:4px;padding:10px 0;margin-top:10px;margin-left:120px;">
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="cfile" style="margin-left:30px">选择文件</button> <br/>
|
||||
<div><img src="" id="imageupload_img" style="display: none;cursor:pointer;max-width: 200px;height: auto;margin-top: 10px;margin-left:30px;" onclick="showBigImage(this)" /></div>
|
||||
<div><video src="" id="imageupload_video" style="display: none;cursor:pointer;max-width: 200px;height: auto;margin-top: 10px;margin-left:30px;" onclick="showBigVideo(this)" /></div>
|
||||
<div class="layui-upload-list">
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>文件名</th>
|
||||
<th>大小</th>
|
||||
<th>状态</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<input name="file" type="hidden" id="imageupload_val" value="" lay-verify="required">
|
||||
<tbody id="demoList"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<button type="button" class="layui-btn" id="uploadBegin" style="margin-left:30px">开始上传</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit="" lay-filter="bindBoxsubmit">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
|
||||
layui.use(['form','laydate'],function () {
|
||||
var form = layui.form
|
||||
,$ = layui.jquery
|
||||
,laydate = layui.laydate
|
||||
,index = parent.layer.getFrameIndex(window.name);
|
||||
//监听提交
|
||||
form.on('submit(bindBoxsubmit)', function(data){
|
||||
var data = data.field;
|
||||
// data.start_time=data.start_time.replace("T"," ")
|
||||
// data.end_time=data.end_time.replace("T"," ")
|
||||
$.ajax({
|
||||
url:'{{url('admin/bind_box/add_rarity_house')}}'
|
||||
,type:'post'
|
||||
,dataType:'json'
|
||||
,data : data
|
||||
,success:function(res){
|
||||
if(res.type=='ok'){
|
||||
layer.msg('操作成功！');
|
||||
|
||||
}if(res.type=='error'){
|
||||
layer.msg(res.message);
|
||||
}else{
|
||||
layer.msg(res.message);
|
||||
parent.layer.close(index);
|
||||
parent.window.location.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
function showBigImage(e) {
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: false,
|
||||
closeBtn: 0,
|
||||
shadeClose: true,
|
||||
area: [$(e).width + 'px', $(e).height + 'px'], //宽高
|
||||
content: "<img style='padding:12px;max-width:1400px;max-height:780px' src=" + $(e).attr('src') + " />"
|
||||
});
|
||||
}
|
||||
function showBigVideo(e) {
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: '视频预览',
|
||||
closeBtn: 0,
|
||||
shadeClose: true,
|
||||
offset: 'auto',
|
||||
area: 'auto',
|
||||
content: "<video controls='controls' style='padding:12px;max-width:1400px;max-height:780px' src=" + $(e).attr('src') + " />"
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
var imageUpload = $('#uploadBegin').val()
|
||||
layui.use('upload', function() {
|
||||
var $ = layui.jquery,
|
||||
upload = layui.upload; //声明上传组件
|
||||
|
||||
//文件列表示例
|
||||
var num = "";
|
||||
var show = "";
|
||||
var demoListView = $('#demoList'), //上传表格的详情
|
||||
uploadListIns = upload.render({ //渲染
|
||||
elem: '#cfile', //绑定选择文件按钮
|
||||
url: '{{url('api/uploadNFT')}}',
|
||||
accept: 'file', //允许上传文件类型
|
||||
multiple: false, //是否允许多文件上传开关
|
||||
auto: false, //是否自动上传，true就是选择完文件之后自动上传
|
||||
bindAction: '#uploadBegin', //绑定开始上传按钮，如果自动上传则不需要这个按钮
|
||||
choose: function(obj) {
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
obj.preview(function(index, file, result) {
|
||||
var tr = $(['<tr id="upload-' + index + '">', '<td id="filename">' + file
|
||||
.name + '</td>', '<td>' + (file.size / 1014).toFixed(1) +
|
||||
'kb</td>', '<td>等待上传</td>', '<td>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>', '</tr>'
|
||||
].join(''));
|
||||
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function() {
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value =
|
||||
''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
var filenum = $("tr").length;
|
||||
if(filenum >= 2){
|
||||
$("tr").first().remove()
|
||||
}
|
||||
});
|
||||
},
|
||||
before: function() { //这里暂时规定一次只能上传一个文件
|
||||
var filenum = $("tr").length;
|
||||
var file = $("#filename").text();
|
||||
var ext = file.slice(file.lastIndexOf(".") + 1).toLowerCase();
|
||||
if (filenum > 2) {
|
||||
layer.msg("一次只能上传一个文件");
|
||||
return false;
|
||||
}
|
||||
if (file == null || file == "") {
|
||||
layer.msg("请选择文件");
|
||||
return false;
|
||||
}
|
||||
// else if (("xls" != ext)&&("xlsx" != ext) ) {
|
||||
// console.log(1211221)
|
||||
// layer.msg("所选择文件不规范");
|
||||
// return false;
|
||||
// }
|
||||
},
|
||||
done: function(res, index, upload) {
|
||||
var loading = parent.layer.load(1, {
|
||||
shade: 0.2,
|
||||
time: 500
|
||||
});
|
||||
if (res.type == 'ok') { //上传成功
|
||||
let imageUpload = res.message;
|
||||
// console.log(1111111,imageUpload)
|
||||
|
||||
var reg = /\.(png|PNG|jpg|JPG|gif|GIF|jpeg|JPEG|webp|WEBP)$/;
|
||||
var isImgVideo = reg.test(imageUpload);
|
||||
if(isImgVideo){
|
||||
$('#imageupload_val').val(imageUpload)
|
||||
$("#imageupload_video").hide();
|
||||
$("#imageupload_img").show();
|
||||
$("#imageupload_img").attr("src",res.message)
|
||||
}else{
|
||||
$('#imageupload_val').val(imageUpload)
|
||||
$("#imageupload_img").hide();
|
||||
$("#imageupload_video").show();
|
||||
$("#imageupload_video").attr("src",res.message)
|
||||
}
|
||||
|
||||
var tr = demoListView.find('tr#upload-' + index),
|
||||
tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(3).html(''); //清空操作
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload, res);
|
||||
layer.close(loading);
|
||||
},
|
||||
error: function(index, upload, res) {
|
||||
layer.msg(res.message);
|
||||
var tr = demoListView.find('tr#upload-' + index),
|
||||
tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #FF5722;">上传失败:' + res.msg + '</span>');
|
||||
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
//这里在点击上传是添加了一个文件类型的判断
|
||||
// $(window).one("resize",function(){
|
||||
// $(".import").click(function(){//上传按钮
|
||||
// var file=document.getElementById("teacherFile").value;
|
||||
// var ext = file.slice(file.lastIndexOf(".")+1).toLowerCase();
|
||||
// if(file==null || file ==""){
|
||||
// layer.msg("请选择文件");
|
||||
// }
|
||||
// else if (("xls" != ext)&&("xlsx" != ext) ) {
|
||||
// console.log(1211221)
|
||||
// layer.msg("所选择文件不规范");
|
||||
// return false;
|
||||
// }
|
||||
// else {
|
||||
// layer.msg("选择文件规范");
|
||||
// }
|
||||
// })
|
||||
|
||||
// }).resize();
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,341 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
<style>
|
||||
.layui-form-label {
|
||||
width:90px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 120px;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
<form class="layui-form" action="">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">哈希值</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="code" autocomplete="off" style="color:#d2d2d2;" placeholder="" class="layui-input" value="{{$results->code}}" lay-verify="required" disabled="disabled">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">交易币种</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="price" autocomplete="off" style="color:#d2d2d2;" placeholder="" class="layui-input" value="{{$results->currency_name}}" lay-verify="required" disabled="disabled">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<div class="layui-form-item">-->
|
||||
<!-- <label class="layui-form-label">名称</label>-->
|
||||
<!-- <div class="layui-input-block">-->
|
||||
<!-- <input type="text" name="name" autocomplete="off" placeholder="" class="layui-input" value="">-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">交易类型</label>
|
||||
<div class="layui-input-block" >
|
||||
<select lay-filter="select_type" id="select_type" lay-verify="required" disabled="disabled">
|
||||
<option value="1" class='layui-option' {{ ($results->pay_type) == 1 ? 'selected' : '' }} >一口价</option>
|
||||
<option value="2" class='layui-option' {{ ($results->pay_type) == 2 ? 'selected' : '' }} >竞拍</option>
|
||||
<option value="3" class='layui-option' {{ ($results->pay_type) == 3 ? 'selected' : '' }} >盲盒</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">价格</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="price" autocomplete="off" placeholder="" class="layui-input" value="{{$results->price}}" lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item" id="auction" lay-filter="auction">
|
||||
<label class="layui-form-label">竞拍每次加价</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="per_increase" autocomplete="off" placeholder="" class="layui-input" value="{{$results->per_increase}}" lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="layui-form-item" id="auction" lay-filter="auction">-->
|
||||
<!-- <label class="layui-form-label">保证金</label>-->
|
||||
<!-- <div class="layui-input-block">-->
|
||||
<!-- <input type="text" name="margin" autocomplete="off" placeholder="" class="layui-input" value="{{$results->margin}}" lay-verify="required">-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">稀有度</label>
|
||||
<div class="layui-input-block">
|
||||
<select name='rarity'>
|
||||
<option value="N" {{ ($results->rarity) == 'N' ? 'selected' : '' }} >N</option>
|
||||
<option value="R" {{ ($results->rarity) == 'R' ? 'selected' : '' }} >R</option>
|
||||
<option value="SR" {{ ($results->rarity) == 'SR' ? 'selected' : '' }} >SR</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="layui-form-item">-->
|
||||
<!-- <div class="layui-input-block" style="min-height:0">-->
|
||||
<!-- <span class="" style="padding:5px 10px;background-color:#ffb800;border-radius:3px;color:#FFF">请严格按照时间格式编辑!</span>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<!-- <div class="layui-form-item">-->
|
||||
<!-- <label class="layui-form-label">文件上传</label>-->
|
||||
<!-- <div class="layui-upload" style="border:1px solid #e6e6e6;border-radius:4px;padding:10px 0;margin-top:10px;margin-left:120px;"> -->
|
||||
<!-- <button type="button" class="layui-btn layui-btn-normal" id="cfile" style="margin-left:30px">选择文件</button> -->
|
||||
<!-- <br/><img src="@if(!empty($results->image)){{$results->image}}@endif" id="imageupload_img" class="imageupload" style="display: @if(!empty($results->image)){{"block"}}@else{{"none"}}@endif;max-width: 200px;height: auto;margin-top: 10px;margin-left:30px;">-->
|
||||
<!-- <div class="layui-upload-list">-->
|
||||
<!-- <table class="layui-table">-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th>文件名</th>-->
|
||||
<!-- <th>大小</th>-->
|
||||
<!-- <th>状态</th>-->
|
||||
<!-- <th>操作</th>-->
|
||||
<!-- </tr> -->
|
||||
<!-- </thead>-->
|
||||
<!-- <input name="image" type="hidden" class="imageupload" value="{{$results->image}}" lay-verify="required">-->
|
||||
<!-- <tbody id="demoList"></tbody> -->
|
||||
<!-- </table>-->
|
||||
<!-- </div>-->
|
||||
<!-- <button type="button" class="layui-btn" id="uploadBegin" style="margin-left:30px">开始上传</button>-->
|
||||
<!--<a type="button" class="layui-btn layui-btn-danger" href="../../teacher/download" style="margin-left:30px">模板下载</a>-->
|
||||
<!--<div class="layui-upload-list" style="height:25px;"></div>-->
|
||||
<!-- </div> -->
|
||||
<!--</div>-->
|
||||
<div class="test-table-reload-btn" style="margin-bottom: 10px;">
|
||||
<label class="layui-form-label">开始时间:</label>
|
||||
<div class="layui-inline">
|
||||
<input class="layui-input test-laydate-item" name="start_time" value="{{$results->start_time}}" id="start_time" autocomplete="off">
|
||||
</div>
|
||||
<div class="layui-inline" style="width: 80px;text-align: right">结束时间:</div>
|
||||
<div class="layui-inline">
|
||||
<input class="layui-input test-laydate-item" name="end_time" value="{{$results->end_time}}" id="end_time" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit="" lay-filter="bindBoxsubmit">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
// 若选择拍卖显示加价
|
||||
var select_val = $('#select_type').val()
|
||||
if(select_val == '1'){
|
||||
$("#auction").hide();
|
||||
}if(select_val == '2'){
|
||||
$("#auction").show();
|
||||
}if(select_val == '3'){
|
||||
$("#auction").hide();
|
||||
}
|
||||
|
||||
// layui.use(['layer', 'jquery', 'form'], function () {
|
||||
// var layer = layui.layer,
|
||||
// $ = layui.jquery,
|
||||
// form = layui.form;
|
||||
|
||||
// form.on('select(select_type)', function(data){
|
||||
// if(data.value == '1'){
|
||||
// $("#auction").hide();
|
||||
// form.render('select');
|
||||
// }if(data.value == '2'){
|
||||
// $("#auction").show();
|
||||
// form.render('select');
|
||||
// }if(data.value == '3'){
|
||||
// $("#auction").hide();
|
||||
// form.render('select');
|
||||
// }
|
||||
// });
|
||||
|
||||
|
||||
// });
|
||||
|
||||
layui.use(['element', 'form', 'upload', 'layer', 'laydate'], function () {
|
||||
var element = layui.element
|
||||
,layer = layui.layer
|
||||
,form = layui.form
|
||||
,laydate = layui.laydate
|
||||
,$ = layui.$;
|
||||
|
||||
//同时绑定多个
|
||||
lay('.test-laydate-item').each(function(){
|
||||
laydate.render({
|
||||
elem: this
|
||||
,trigger: 'click'
|
||||
,type: 'datetime'
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
layui.use(['form','laydate'],function() {
|
||||
var form = layui.form
|
||||
,$ = layui.jquery
|
||||
,laydate = layui.laydate
|
||||
,index = parent.layer.getFrameIndex(window.name);
|
||||
form.render();
|
||||
|
||||
//监听提交
|
||||
form.on('submit(bindBoxsubmit)', function(data){
|
||||
var data = data.field;
|
||||
delete data.file;
|
||||
// data.start_time=data.start_time.replace("T"," ")
|
||||
// data.end_time=data.end_time.replace("T"," ")
|
||||
$.ajax({
|
||||
url:'{{url('admin/bind_box/editNFT')}}'
|
||||
,type:'post'
|
||||
,dataType:'json'
|
||||
,data : data
|
||||
,success:function(res){
|
||||
if(res.type=='ok'){
|
||||
layer.msg('操作成功！');
|
||||
parent.layer.close(index);
|
||||
parent.window.location.reload();
|
||||
}if(res.type=='error'){
|
||||
layer.msg('操作失败'+res.message);
|
||||
}else{
|
||||
layer.msg('操作失败'+res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
// layui.use('upload', function(){
|
||||
// var upload = layui.upload;
|
||||
|
||||
// //执行实例
|
||||
// var uploadInst = upload.render({
|
||||
// elem: '#upload_bindbox' //绑定元素
|
||||
// ,url: '{{URL("api/uploadNFT")}}?scene=admin' //上传接口
|
||||
// ,done: function(res){
|
||||
// //上传完毕回调
|
||||
// if (res.type == "ok"){
|
||||
// $("#bindbox_upload").val(res.message)
|
||||
// $("#upload_bindbox_upload").show()
|
||||
// $("#upload_bindbox_upload").attr("src",res.message)
|
||||
// } else{
|
||||
// alert(res.message)
|
||||
// }
|
||||
// }
|
||||
// ,error: function(){
|
||||
// //请求异常回调
|
||||
// }
|
||||
// });
|
||||
// });
|
||||
|
||||
// var imageUpload = $('.imageupload').val()
|
||||
// layui.use('upload', function() {
|
||||
// var $ = layui.jquery,
|
||||
// upload = layui.upload; //声明上传组件
|
||||
|
||||
// //文件列表示例
|
||||
// var num = "";
|
||||
// var show = "";
|
||||
// var demoListView = $('#demoList'), //上传表格的详情
|
||||
// uploadListIns = upload.render({ //渲染
|
||||
// elem: '#cfile', //绑定选择文件按钮
|
||||
// url: '{{url('api/uploadNFT')}}',
|
||||
// accept: 'file', //允许上传文件类型
|
||||
// multiple: false, //是否允许多文件上传开关
|
||||
// auto: false, //是否自动上传，true就是选择完文件之后自动上传
|
||||
// bindAction: '#uploadBegin', //绑定开始上传按钮，如果自动上传则不需要这个按钮
|
||||
// choose: function(obj) {
|
||||
// var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
// //读取本地文件
|
||||
// obj.preview(function(index, file, result) {
|
||||
// var tr = $(['<tr id="upload-' + index + '">', '<td id="filename">' + file
|
||||
// .name + '</td>', '<td>' + (file.size / 1014).toFixed(1) +
|
||||
// 'kb</td>', '<td>等待上传</td>', '<td>',
|
||||
// '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
// '</td>', '</tr>'
|
||||
// ].join(''));
|
||||
|
||||
// //删除
|
||||
// tr.find('.demo-delete').on('click', function() {
|
||||
// delete files[index]; //删除对应的文件
|
||||
// tr.remove();
|
||||
// uploadListIns.config.elem.next()[0].value =
|
||||
// ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
// });
|
||||
// demoListView.append(tr);
|
||||
// });
|
||||
// },
|
||||
// before: function() { //这里暂时规定一次只能上传一个文件
|
||||
// var filenum = $("tr").length;
|
||||
// var file = $("#filename").text();
|
||||
// var ext = file.slice(file.lastIndexOf(".") + 1).toLowerCase();
|
||||
// if (filenum > 2) {
|
||||
// layer.msg("一次只能上传一个文件");
|
||||
// return false;
|
||||
// }
|
||||
// if (file == null || file == "") {
|
||||
// layer.msg("请选择文件");
|
||||
// return false;
|
||||
// }
|
||||
// // else if (("xls" != ext)&&("xlsx" != ext) ) {
|
||||
// // console.log(1211221)
|
||||
// // layer.msg("所选择文件不规范");
|
||||
// // return false;
|
||||
// // }
|
||||
// },
|
||||
// done: function(res, index, upload) {
|
||||
// show = layer.msg('上传中，请稍候', {
|
||||
// icon: 16,
|
||||
// time: true,
|
||||
// shade: 0.8
|
||||
// });
|
||||
// if (res.type == 'ok') { //上传成功
|
||||
// let imageUpload = res.message;
|
||||
// $('.imageupload').val(imageUpload)
|
||||
// $("#imageupload_img").show()
|
||||
// $("#imageupload_img").attr("src",res.message)
|
||||
// var tr = demoListView.find('tr#upload-' + index),
|
||||
// tds = tr.children();
|
||||
// tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
// tds.eq(3).html(''); //清空操作
|
||||
// return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
// }
|
||||
// this.error(index, upload, res);
|
||||
// layer.close(show);
|
||||
// },
|
||||
// error: function(index, upload, res) {
|
||||
// layer.msg(res.message);
|
||||
// var tr = demoListView.find('tr#upload-' + index),
|
||||
// tds = tr.children();
|
||||
// tds.eq(2).html('<span style="color: #FF5722;">上传失败:' + res.msg + '</span>');
|
||||
// tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
// }
|
||||
// });
|
||||
// //这里在点击上传是添加了一个文件类型的判断
|
||||
// // $(window).one("resize",function(){
|
||||
// // $(".import").click(function(){//上传按钮
|
||||
// // var file=document.getElementById("teacherFile").value;
|
||||
// // var ext = file.slice(file.lastIndexOf(".")+1).toLowerCase();
|
||||
// // if(file==null || file ==""){
|
||||
// // layer.msg("请选择文件");
|
||||
// // }
|
||||
// // else if (("xls" != ext)&&("xlsx" != ext) ) {
|
||||
// // console.log(1211221)
|
||||
// // layer.msg("所选择文件不规范");
|
||||
// // return false;
|
||||
// // }
|
||||
// // else {
|
||||
// // layer.msg("选择文件规范");
|
||||
// // }
|
||||
// // })
|
||||
|
||||
// // }).resize();
|
||||
// })
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,264 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
<style>
|
||||
.layui-form-label {
|
||||
width:90px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 120px;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
<form class="layui-form" action="">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" autocomplete="off" placeholder="" class="layui-input" value="{{$results->name}}" lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">稀有度</label>
|
||||
<div class="layui-input-block">
|
||||
<select name='rarity'>
|
||||
<option value="N" {{ ($results->rarity) == 'N' ? 'selected' : '' }} >N</option>
|
||||
<option value="R" {{ ($results->rarity) == 'R' ? 'selected' : '' }} >R</option>
|
||||
<option value="SR" {{ ($results->rarity) == 'SR' ? 'selected' : '' }} >SR</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="layui-form-item">-->
|
||||
<!-- <div class="layui-input-block" style="min-height:0">-->
|
||||
<!-- <span class="" style="padding:5px 10px;background-color:#ffb800;border-radius:3px;color:#FFF">文件若无修改请勿上传!</span>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文件上传</label>
|
||||
<div class="layui-upload" style="border:1px solid #e6e6e6;border-radius:4px;padding:10px 0;margin-top:10px;margin-left:120px;">
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="cfile" style="margin-left:30px">选择文件</button> <br/>
|
||||
<div><img src="@if(!empty($results->file)){{$results->file}}@endif" id="imageupload_img" style="cursor:pointer;display: @if(!empty($results->file)){{"block"}}@else{{"none"}}@endif;max-width: 200px;height: auto;margin-top: 10px;margin-left:30px;" onclick="showBigImage(this)" /></div>
|
||||
<div><video src="@if(!empty($results->file)){{$results->file}}@endif" id="imageupload_video" style="cursor:pointer;display: none;max-width: 200px;height: auto;margin-top: 10px;margin-left:30px;" onclick="showBigVideo(this)" /></div>
|
||||
<div class="layui-upload-list">
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>文件名</th>
|
||||
<th>大小</th>
|
||||
<th>状态</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<input name="file" type="hidden" id="imageupload_val" value="{{$results->file}}" lay-verify="required">
|
||||
<tbody id="demoList"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<button type="button" class="layui-btn" id="uploadBegin" style="margin-left:30px">开始上传</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit="bindBoxsubmit" lay-filter="bindBoxsubmit">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
|
||||
layui.use(['form','laydate'],function() {
|
||||
var form = layui.form
|
||||
,$ = layui.jquery
|
||||
,laydate = layui.laydate
|
||||
,index = parent.layer.getFrameIndex(window.name);
|
||||
form.render();
|
||||
|
||||
//监听提交
|
||||
form.on('submit(bindBoxsubmit)', function(data){
|
||||
var data = data.field;
|
||||
// delete data.file;
|
||||
// data.start_time=data.start_time.replace("T"," ")
|
||||
// data.end_time=data.end_time.replace("T"," ")
|
||||
$.ajax({
|
||||
url:'{{url('admin/bind_box/edit_rarity_house')}}'
|
||||
,type:'post'
|
||||
,dataType:'json'
|
||||
,data : data
|
||||
,success:function(res){
|
||||
if(res.type=='ok'){
|
||||
layer.msg('操作成功！');
|
||||
}if(res.type=='error'){
|
||||
layer.msg(res.message);
|
||||
}else{
|
||||
layer.msg(res.message);
|
||||
parent.layer.close(index);
|
||||
parent.window.location.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
function showBigImage(e) {
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: false,
|
||||
closeBtn: 0,
|
||||
shadeClose: true,
|
||||
area: [$(e).width + 'px', $(e).height + 'px'], //宽高
|
||||
content: "<img style='padding:12px;max-width:1400px;max-height:780px' src=" + $(e).attr('src') + " />"
|
||||
});
|
||||
}
|
||||
function showBigVideo(e) {
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: '视频预览',
|
||||
closeBtn: 0,
|
||||
shadeClose: true,
|
||||
offset: 'auto',
|
||||
area: 'auto',
|
||||
content: "<video controls='controls' style='padding:12px;max-width:1400px;max-height:780px' src=" + $(e).attr('src') + " />"
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
var imageUpload = $('#imageupload_val').val()
|
||||
layui.use('upload', function() {
|
||||
var $ = layui.jquery,
|
||||
upload = layui.upload; //声明上传组件
|
||||
|
||||
var reg = /\.(png|PNG|jpg|JPG|gif|GIF|jpeg|JPEG|webp|WEBP)$/;
|
||||
var isImgVideo = reg.test(imageUpload);
|
||||
console.log(213231213231,isImgVideo)
|
||||
if(isImgVideo){
|
||||
$('#imageupload_val').val(imageUpload)
|
||||
$("#imageupload_video").hide();
|
||||
$("#imageupload_img").show();
|
||||
}else{
|
||||
$('#imageupload_val').val(imageUpload)
|
||||
$("#imageupload_img").hide();
|
||||
$("#imageupload_video").show();
|
||||
}
|
||||
|
||||
//文件列表示例
|
||||
var num = "";
|
||||
var show = "";
|
||||
var demoListView = $('#demoList'), //上传表格的详情
|
||||
uploadListIns = upload.render({ //渲染
|
||||
elem: '#cfile', //绑定选择文件按钮
|
||||
url: '{{url('api/uploadNFT')}}',
|
||||
accept: 'file', //允许上传文件类型
|
||||
multiple: false, //是否允许多文件上传开关
|
||||
auto: false, //是否自动上传，true就是选择完文件之后自动上传
|
||||
bindAction: '#uploadBegin', //绑定开始上传按钮，如果自动上传则不需要这个按钮
|
||||
choose: function(obj) {
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
obj.preview(function(index, file, result) {
|
||||
var tr = $(['<tr id="upload-' + index + '">', '<td id="filename">' + file
|
||||
.name + '</td>', '<td>' + (file.size / 1014).toFixed(1) +
|
||||
'kb</td>', '<td>等待上传</td>', '<td>',
|
||||
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
||||
'</td>', '</tr>'
|
||||
].join(''));
|
||||
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function() {
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value =
|
||||
''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
},
|
||||
before: function() { //这里暂时规定一次只能上传一个文件
|
||||
var filenum = $("tr").length;
|
||||
var file = $("#filename").text();
|
||||
var ext = file.slice(file.lastIndexOf(".") + 1).toLowerCase();
|
||||
if (filenum > 2) {
|
||||
layer.msg("一次只能上传一个文件");
|
||||
return false;
|
||||
}
|
||||
if (file == null || file == "") {
|
||||
layer.msg("请选择文件");
|
||||
return false;
|
||||
}
|
||||
// else if (("xls" != ext)&&("xlsx" != ext) ) {
|
||||
// console.log(1211221)
|
||||
// layer.msg("所选择文件不规范");
|
||||
// return false;
|
||||
// }
|
||||
|
||||
},
|
||||
done: function(res, index, upload) {
|
||||
var loading = parent.layer.load(1, {
|
||||
shade: 0.2,
|
||||
time: 500
|
||||
});
|
||||
if (res.type == 'ok') { //上传成功
|
||||
let imageUpload = res.message;
|
||||
// console.log(1111111,imageUpload)
|
||||
|
||||
if(isImgVideo){
|
||||
$('#imageupload_val').val(imageUpload)
|
||||
$("#imageupload_video").hide();
|
||||
$("#imageupload_img").show();
|
||||
$("#imageupload_img").attr("src",res.message)
|
||||
}else{
|
||||
$('#imageupload_val').val(imageUpload)
|
||||
$("#imageupload_img").hide();
|
||||
$("#imageupload_video").show();
|
||||
$("#imageupload_video").attr("src",res.message)
|
||||
}
|
||||
|
||||
var tr = demoListView.find('tr#upload-' + index),
|
||||
tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
|
||||
tds.eq(3).html(''); //清空操作
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index, upload, res);
|
||||
layer.close(loading);
|
||||
},
|
||||
error: function(index, upload, res) {
|
||||
layer.msg(res.message);
|
||||
var tr = demoListView.find('tr#upload-' + index),
|
||||
tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #FF5722;">上传失败:' + res.msg + '</span>');
|
||||
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
}
|
||||
});
|
||||
//这里在点击上传是添加了一个文件类型的判断
|
||||
// $(window).one("resize",function(){
|
||||
// $(".import").click(function(){//上传按钮
|
||||
// var file=document.getElementById("teacherFile").value;
|
||||
// var ext = file.slice(file.lastIndexOf(".")+1).toLowerCase();
|
||||
// if(file==null || file ==""){
|
||||
// layer.msg("请选择文件");
|
||||
// }
|
||||
// else if (("xls" != ext)&&("xlsx" != ext) ) {
|
||||
// console.log(1211221)
|
||||
// layer.msg("所选择文件不规范");
|
||||
// return false;
|
||||
// }
|
||||
// else {
|
||||
// layer.msg("选择文件规范");
|
||||
// }
|
||||
// })
|
||||
|
||||
// }).resize();
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,332 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
<style type="text/css">
|
||||
.layui-table-cell{
|
||||
height: auto;
|
||||
white-space: normal;
|
||||
/*overflow:visible;*/
|
||||
/* text-overflow:inherit;*/
|
||||
}
|
||||
.layui-table img{
|
||||
/*max-width:100px*/
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
<button class="layui-btn layui-btn-normal layui-btn-radius" onclick="layer_show('添加NFT','{{url('admin/bind_box/add')}}')">添加NFT</button>
|
||||
<button class="layui-btn layui-btn-danger layui-btn-radius " lay-event="datadel" id="datadel"><i class="layui-icon layui-icon-delete" style="font-size:20px;"></i> 批量删除</button>
|
||||
<div class="layui-form" style="margin-top:10px;">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">哈希值</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="code" type="text" value="" placeholder="请输入哈希值">
|
||||
</div>
|
||||
</div>
|
||||
<!--@if(!empty($currency))-->
|
||||
<!--<div class="layui-inline">-->
|
||||
<!-- <label class="layui-form-label"><span class="reddot">*</span>交易币种</label>-->
|
||||
<!-- <div class="layui-input-inline">-->
|
||||
<!-- <select name='currency'>-->
|
||||
<!-- @foreach($currency as $key => $value)-->
|
||||
<!-- <option class='layui-option' value="{{$value['id']}}" >{{$value['name']}}</option>-->
|
||||
<!-- @endforeach-->
|
||||
<!-- </select>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<!--@endif-->
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">交易类型</label>
|
||||
<div class="layui-input-inline" style="width:90px;">
|
||||
<select name="pay_type">
|
||||
<option value="">全部</option>
|
||||
<option value="1">一口价</option>
|
||||
<option value="2">竞拍</option>
|
||||
<option value="3">盲盒</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">名称</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="name" type="text" value="" placeholder="请输入名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">作者ID</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="author" type="text" value="" placeholder="请输入作者ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">稀有度</label>
|
||||
<div class="layui-input-inline" style="width:90px;">
|
||||
<select name="rarity">
|
||||
<option value="">全部</option>
|
||||
<option value="N" style="color:lightgray">N</option>
|
||||
<option value="R" style="color:lightblue">R</option>
|
||||
<option value="SR" style="color:purple">SR</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline" style="margin-left: 10px;">
|
||||
<div class="layui-input-inline" style="width: 60px;">
|
||||
<button class="layui-btn" lay-submit="bindSearch" lay-filter="bindSearch">查询</button>
|
||||
</div>
|
||||
</div>
|
||||
<table id="bindlist" lay-filter="bindlist"></table>
|
||||
<script type="text/html" id="barBind">
|
||||
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
|
||||
</script>
|
||||
<!--<script type="text/html" id="bindTpl">-->
|
||||
<!-- <input type="checkbox" name="status" value="@{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="sexDemo" @{{ d.status == 1 ? 'checked' : '' }}>-->
|
||||
<!--</script>-->
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script type="text/html" id="bindType">
|
||||
@{{d.type==1 ? '<span class="">'+'图片'+'</span>' : '' }}
|
||||
@{{d.type==4 ? '<span class="">'+'视频'+'</span>' : '' }}
|
||||
</script>
|
||||
<script type="text/html" id="bindTpl">
|
||||
@{{d.status==0 ? '<span class="">'+'已结束'+'</span>' : '' }}
|
||||
@{{d.status==1 ? '<span class="">'+'开始'+'</span>' : '' }}
|
||||
@{{d.status==2 ? '<span class="">'+'未开始'+'</span>' : '' }}
|
||||
</script>
|
||||
<!--<script type="text/html" id="bindHash">-->
|
||||
|
||||
<!--</script>-->
|
||||
<!--<script type="text/html" id="logo">-->
|
||||
<!-- <img width="40px" src="@{{d.image}}" onmouseover="layer.tips('<div style=\'background-color: #fff;\'><img style=\'width:300px;text-align:center;\' src=@{{d.image}}></div>',this,{tips: [1, '#fff'],area:['350px', 'auto'],time: 100000});" onmouseout="layer.closeAll();">-->
|
||||
<!--</script>-->
|
||||
<script type="text/html" id="bindTransaction">
|
||||
@{{d.pay_type==1 ? '<span class="">'+'一口价'+'</span>' : '' }}
|
||||
@{{d.pay_type==2 ? '<span class="">'+'竞拍'+'</span>' : '' }}
|
||||
@{{d.pay_type==3 ? '<span class="">'+'盲盒'+'</span>' : '' }}
|
||||
</script>
|
||||
<script type="text/html" id="bindRarity">
|
||||
@{{d.rarity=="N" ? "<span style='color:gray;font-weight:bold'>"+"N"+"</span>" : "" }}
|
||||
@{{d.rarity=="R" ? "<span style='color:lightblue;font-weight:bold'>"+"R"+"</span>" : "" }}
|
||||
@{{d.rarity=="SR" ? "<span style='color:purple;font-weight:bold'>"+"SR"+"</span>" : "" }}
|
||||
</script>
|
||||
<script type="text/html" id="bindFiles">
|
||||
@{{(/\.(png|jpg|gif|jpeg|webp)$/).test(d.image) == true ? '<img src="'+d.image+'" alt="'+d.image+'" style="width:60px;cursor:pointer" onclick="showBigImage(this)">' : '<video src="'+d.image+'" alt="'+d.name+'" style="width:60px;cursor:pointer" onclick="showBigVideo(this)">' }}
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
//显示大图片
|
||||
function showBigImage(e) {
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: false,
|
||||
closeBtn: 0,
|
||||
shadeClose: true, //点击阴影关闭
|
||||
area: [$(e).width + 'px', $(e).height + 'px'], //宽高
|
||||
content: "<img style='max-width:1400px;max-height:780px' src=" + $(e).attr('src') + " />"
|
||||
});
|
||||
}
|
||||
function showBigVideo(e) {
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: $(e).attr('alt'),
|
||||
closeBtn: 0,
|
||||
shadeClose: true, //点击阴影关闭
|
||||
offset: 'auto',
|
||||
area: 'auto',
|
||||
content: "<video controls='controls' style='max-width:1400px;max-height:780px' src=" + $(e).attr('src') + " />"
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
|
||||
layui.use(['element', 'form', 'layer', 'table'], function () {
|
||||
var element = layui.element
|
||||
,layer = layui.layer
|
||||
,table = layui.table
|
||||
,$ = layui.$
|
||||
,form = layui.form
|
||||
|
||||
//第一个实例
|
||||
var bindlist = table.render({
|
||||
|
||||
elem: '#bindlist'
|
||||
,url: '{{url('admin/bind_box/list')}}' //数据接口
|
||||
,page: true //开启分页
|
||||
,limit: 20
|
||||
,limits: [20, 50, 100, 200, 500, 1000]
|
||||
,cols: [[ //表头
|
||||
{field: 'check', type: 'checkbox', width: 40}
|
||||
// ,{field: 'id', title: 'ID', width:70, sort: true}
|
||||
,{field: 'code', title: '哈希值', minWidth:110}
|
||||
,{field: 'currency_name', title: '交易币种', minWidth:85}
|
||||
,{field: 'pay_type', title: '交易类型', minWidth:100, templet: '#bindTransaction'}
|
||||
,{field: 'per_increase', title:'竞拍每次加价', minWidth:120,}
|
||||
,{field: 'name', title: '名称', minWidth:110}
|
||||
// ,{field: 'number', title: '数量', Width:30}
|
||||
// ,{field: 'description', title: '资产详情', minWidth:80}
|
||||
,{field: 'author', title: '作者ID', minWidth:80}
|
||||
// ,{field: 'author_description', title: '关于艺术家', minWidth:80}
|
||||
,{field: 'type', title: '文件类型', minWidth:85, templet: '#bindType'}
|
||||
// ,{field: 'image', title: '文件内容', minWidth:80, templet:'<div><img src="@{{d.image}}" alt="" style="width:60px;cursor:pointer" onclick="showBigImage(this)"></div>'}
|
||||
,{title: '封面图', minWidth:80, templet: "#bindFiles" }
|
||||
,{field: 'rarity', title:'稀有度', minWidth:80, templet: '#bindRarity'}
|
||||
,{field: 'price', title: '价格', minWidth:110, sort: true}
|
||||
,{field: 'margin', title: '保证金', sort: true}
|
||||
// ,{field: 'status', title:'状态', minWidth:85, templet: '#bindTpl'}
|
||||
// ,{field: 'token_id', title:'唯一Token', minWidth:120}
|
||||
,{field: 'created', title:'创建时间', minWidth:150}
|
||||
// ,{field: 'start_time', title:'开始时间', minWidth:155 }
|
||||
// ,{field: 'end_time', title:'失效时间', minWidth:155 }
|
||||
// ,{field: 'start_time', title:'开始时间', minWidth:155, templet:function(data){
|
||||
// return layui.util.toDateString(data.start_time*1000,"yyyy-MM-dd HH:mm:ss")
|
||||
// }}
|
||||
// ,{field: 'end_time', title:'失效时间', minWidth:155, templet:function(data){
|
||||
// return layui.util.toDateString(data.start_time*1000,"yyyy-MM-dd HH:mm:ss")
|
||||
// }}
|
||||
,{title: '操作', minWidth:150, toolbar: '#barBind'}
|
||||
]]
|
||||
});
|
||||
//监听热卖操作
|
||||
// form.on('switch(sexDemo)', function(obj){
|
||||
// var id = this.value;
|
||||
// $.ajax({
|
||||
// url:'{{url('admin/currency_display')}}',
|
||||
// type:'post',
|
||||
// dataType:'json',
|
||||
// data:{id:id},
|
||||
// success:function (res) {
|
||||
// if(res.error != 0){
|
||||
// layer.msg(res.message);
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
// });
|
||||
|
||||
//监听提交
|
||||
form.on('submit(bindSearch)', function (data) {
|
||||
bindlist.reload({
|
||||
where: data.field
|
||||
,page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
//单个删除与编辑
|
||||
table.on('tool(bindlist)', function(obj){
|
||||
var data = obj.data;
|
||||
var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
|
||||
var tr = obj.tr; //获得当前行 tr 的DOM对象
|
||||
if (layEvent === 'edit') {
|
||||
var index = layer.open({
|
||||
title: '编辑'
|
||||
,type: 2
|
||||
,content: '{{url('/admin/bind_box/edit')}}?id=' + data.id
|
||||
,area: ['960px', '600px']
|
||||
});
|
||||
}
|
||||
if(layEvent === 'del'){
|
||||
layer.confirm('真的删除此行数据吗？删除后不可恢复！！！', function(index){
|
||||
$.ajax({
|
||||
type: 'POST'
|
||||
,dataType: 'json'
|
||||
,url: '/admin/bind_box/del'
|
||||
,data:{'id':data.id}
|
||||
,success: function (data) {
|
||||
if(data.type=='ok'){
|
||||
layer.msg('操作成功！');
|
||||
window.location.reload()
|
||||
}else if(data.type=='error'){
|
||||
layer.msg(data.message);
|
||||
}else{
|
||||
layer.msg(data.message);
|
||||
// parent.layer.close(index);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//批量删除
|
||||
$("#datadel").on('click',function(){
|
||||
//获取选中状态
|
||||
var checkStatus = table.checkStatus('bindlist');
|
||||
|
||||
const ids = checkStatus.data.map(item => item.id)
|
||||
|
||||
//获取选中数量
|
||||
if(ids.length == 0){
|
||||
layer.msg('批量删除至少选中一项数据',function(){});
|
||||
return false;
|
||||
}
|
||||
layer.confirm('真的要删除选中的项吗？删除后不可恢复！！！',function(index){
|
||||
//layer.close(index);
|
||||
|
||||
$.ajax({
|
||||
type:'post',
|
||||
data:{id:ids},
|
||||
url: '/admin/bind_box/del',
|
||||
success:function(data){
|
||||
if(data.type=='ok'){
|
||||
layer.msg('操作成功！');
|
||||
window.location.reload()
|
||||
}else if(data.type=='error'){
|
||||
layer.msg(data.message);
|
||||
}else{
|
||||
layer.msg(data.message);
|
||||
// parent.layer.close(index);
|
||||
// parent.location.reload();
|
||||
}
|
||||
},error:function(code){
|
||||
layer.msg('操作失败!',data.message);
|
||||
}
|
||||
});
|
||||
})
|
||||
});
|
||||
|
||||
|
||||
// //监听工具条
|
||||
// table.on('tool(adminList)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
|
||||
// var data = obj.data; //获得当前行数据
|
||||
// var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
|
||||
// var tr = obj.tr; //获得当前行 tr 的DOM对象
|
||||
|
||||
// if(layEvent === 'del'){ //删除
|
||||
// layer.confirm('真的要删除吗？', function(index){
|
||||
// //向服务端发送删除指令
|
||||
// $.ajax({
|
||||
// url:'/admin/manager/delete',
|
||||
// type:'post',
|
||||
// dataType:'json',
|
||||
// data:{id:data.id},
|
||||
// success:function(res){
|
||||
// if(res.type=='ok'){
|
||||
// obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
|
||||
// layer.msg(res.message);
|
||||
// layer.close(index);
|
||||
// }else{
|
||||
// layer.close(index);
|
||||
// layer.alert(res.message);
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
// });
|
||||
// } else if(layEvent === 'edit'){ //编辑
|
||||
// //do something
|
||||
// layer_show('修改管理员', '/admin/manager/add?id=' + data.id);
|
||||
|
||||
// }
|
||||
// });
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,159 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
<div class="layui-form">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">哈希值</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="code" type="text" value="" placeholder="请输入哈希值">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">交易币种</label>
|
||||
<div class="layui-input-inline" style="width: 150px">
|
||||
<select name='currency_id'>
|
||||
<option class='layui-option' value="" >请选择</option>
|
||||
@foreach($currency as $key => $value)
|
||||
<option class='layui-option' value="{{$value['id']}}" >{{$value['name']}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="layui-inline">-->
|
||||
<!-- <label class="layui-form-label">交易类型</label>-->
|
||||
<!-- <div class="layui-input-inline" style="width:90px;">-->
|
||||
<!-- <select name="pay_type">-->
|
||||
<!-- <option value="">全部</option>-->
|
||||
<!-- <option value="1">一口价</option>-->
|
||||
<!-- <option value="2">竞拍</option>-->
|
||||
<!-- <option value="3">盲盒</option>-->
|
||||
<!-- </select>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">名称</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="name" type="text" value="" placeholder="请输入名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">买入者ID</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="buyer_id" type="text" value="" placeholder="请输入买入者ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">卖出者ID</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="sell_id" type="text" value="" placeholder="请输入卖出者ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">创作者ID</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="author_id" type="text" value="" placeholder="请输入创作者ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline" style="margin-left: 10px;">
|
||||
<div class="layui-input-inline" style="width: 60px;">
|
||||
<button class="layui-btn" lay-submit="bindOrderSearch" lay-filter="bindOrderSearch">查询</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table id="bindOrderlist" lay-filter="bindOrderlist"></table>
|
||||
<!--<script type="text/html" id="barBind">-->
|
||||
<!-- <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>-->
|
||||
<!--</script>-->
|
||||
<!--<script type="text/html" id="bindTpl">-->
|
||||
<!-- <input type="checkbox" name="status" value="@{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="sexDemo" @{{ d.status == 1 ? 'checked' : '' }}>-->
|
||||
<!--</script>-->
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script type="text/html" id="bindOrderStatus">
|
||||
@{{d.status==1 ? '<span class="layui-badge layui-bg-green">'+'有效'+'</span>' : '' }}
|
||||
@{{d.status==0 ? '<span class="layui-badge layui-bg-red">'+'无效'+'</span>' : '' }}
|
||||
</script>
|
||||
<script type="text/html" id="bindCode">
|
||||
|
||||
</script>
|
||||
<script>
|
||||
|
||||
layui.use(['element', 'form', 'layer', 'table'], function () {
|
||||
var element = layui.element
|
||||
,layer = layui.layer
|
||||
,table = layui.table
|
||||
,$ = layui.$
|
||||
,form = layui.form
|
||||
//第一个实例
|
||||
var bindOrderlist = table.render({
|
||||
|
||||
elem: '#bindOrderlist'
|
||||
,url: '{{url('admin/bind_box/orderList')}}' //数据接口
|
||||
,page: true //开启分页
|
||||
,limit: 20
|
||||
,limits: [20, 50, 100, 200, 500, 1000]
|
||||
,cols: [[ //表头
|
||||
{field: 'id', title: '订单ID', minWidth:50, sort: true}
|
||||
,{field: 'code', title: '哈希值', minWidth:350, templet:"bindCode"}
|
||||
,{field: 'buyer_id', title: '买入者ID', minWidth:85}
|
||||
,{field: 'sell_id', title: '卖出者ID', minWidth:100}
|
||||
,{field: 'author_id', title: '创作者ID', minWidth:110}
|
||||
,{field: 'status', title: '状态', minWidth:80, templet:"bindOrderStatus"}
|
||||
,{field: 'order_price', title: '成交价', minWidth:110, sort: true}
|
||||
,{field: 'currency_name', title:'交易币种', minWidth:80}
|
||||
// ,{field: 'updated', title:'修改时间', minWidth:150}
|
||||
,{field: 'created', title:'成交时间', minWidth:150}
|
||||
// ,{title: '操作',fixed: 'right', Width:50, toolbar: '#barBind'}
|
||||
]]
|
||||
});
|
||||
// //监听热卖操作
|
||||
// form.on('switch(sexDemo)', function(obj){
|
||||
// var id = this.value;
|
||||
// $.ajax({
|
||||
// url:'{{url('admin/currency_display')}}',
|
||||
// type:'post',
|
||||
// dataType:'json',
|
||||
// data:{id:id},
|
||||
// success:function (res) {
|
||||
// if(res.error != 0){
|
||||
// layer.msg(res.message);
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
// });
|
||||
|
||||
// // 监听工具条
|
||||
// table.on('tool(bindOrderlist)', function (obj) {
|
||||
// var layEvent = obj.event
|
||||
// ,data = obj.data
|
||||
// if (layEvent === 'edit') {
|
||||
// var index = layer.open({
|
||||
// title: '编辑'
|
||||
// ,type: 2
|
||||
// ,content: '{{url('/admin/bind_box/edit')}}?id=' + data.id
|
||||
// ,area: ['960px', '700px']
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
|
||||
//监听提交
|
||||
form.on('submit(bindOrderSearch)', function (data) {
|
||||
bindOrderlist.reload({
|
||||
where: data.field
|
||||
,page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,111 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
<div class="layui-form">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">哈希值</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="code" type="text" value="" placeholder="请输入哈希值">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">交易币种</label>
|
||||
<div class="layui-input-inline" style="width: 150px">
|
||||
<select name='currency'>
|
||||
<option class='layui-option' value="" >请选择</option>
|
||||
@foreach($currency as $key => $value)
|
||||
<option class='layui-option' value="{{$value['id']}}" >{{$value['name']}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">买入者ID</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="buyer_id" type="text" value="" placeholder="请输入买入者ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline" style="margin-left: 10px;">
|
||||
<div class="layui-input-inline" style="width: 60px;">
|
||||
<button class="layui-btn" lay-submit="bindQuotationSearch" lay-filter="bindQuotationSearch">查询</button>
|
||||
</div>
|
||||
</div>
|
||||
<table id="bindQuotationList" lay-filter="bindQuotationList"></table>
|
||||
<!--<script type="text/html" id="barBind">-->
|
||||
<!-- <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>-->
|
||||
<!--</script>-->
|
||||
<!--<script type="text/html" id="bindTpl">-->
|
||||
<!-- <input type="checkbox" name="status" value="@{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="sexDemo" @{{ d.status == 1 ? 'checked' : '' }}>-->
|
||||
<!--</script>-->
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script type="text/html" id="bindOrderStatus">
|
||||
@{{d.status==1 ? '<span class="layui-badge layui-bg-green">'+'有效'+'</span>' : '' }}
|
||||
@{{d.status==0 ? '<span class="layui-badge layui-bg-red">'+'无效'+'</span>' : '' }}
|
||||
</script>
|
||||
<script type="text/html" id="bindCode">
|
||||
|
||||
</script>
|
||||
<script>
|
||||
|
||||
layui.use(['element', 'form', 'layer', 'table'], function () {
|
||||
var element = layui.element
|
||||
,layer = layui.layer
|
||||
,table = layui.table
|
||||
,$ = layui.$
|
||||
,form = layui.form
|
||||
//第一个实例
|
||||
var bindQuotationList = table.render({
|
||||
|
||||
elem: '#bindQuotationList'
|
||||
,url: '{{url('admin/bind_box/quotationList')}}' //数据接口
|
||||
,page: true //开启分页
|
||||
,limit: 20
|
||||
,limits: [20, 50, 100, 200, 500, 1000]
|
||||
,cols: [[ //表头
|
||||
{field: 'id', title: '订单ID', minWidth:50, sort: true}
|
||||
,{field: 'code', title: '哈希值', minWidth:350}
|
||||
,{field: 'currency_name', title:'交易币种', minWidth:80}
|
||||
,{field: 'buyer_id', title: '买入者ID', minWidth:85}
|
||||
,{field: 'status', title: '状态', minWidth:80, templet:"#bindOrderStatus"}
|
||||
,{field: 'price', title: '成交价', minWidth:110, sort: true}
|
||||
,{field: 'created', title:'出价时间', minWidth:150}
|
||||
// ,{title: '操作',fixed: 'right', Width:50, toolbar: '#barBind'}
|
||||
]]
|
||||
});
|
||||
|
||||
// // 监听工具条
|
||||
// table.on('tool(bindQuotationList)', function (obj) {
|
||||
// var layEvent = obj.event
|
||||
// ,data = obj.data
|
||||
// if (layEvent === 'edit') {
|
||||
// var index = layer.open({
|
||||
// title: '编辑'
|
||||
// ,type: 2
|
||||
// ,content: '{{url('/admin/bind_box/edit')}}?id=' + data.id
|
||||
// ,area: ['960px', '700px']
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
|
||||
//监听提交
|
||||
form.on('submit(bindQuotationSearch)', function (data) {
|
||||
bindQuotationList.reload({
|
||||
where: data.field
|
||||
,page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,150 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
<style type="text/css">
|
||||
.layui-table-cell{
|
||||
height: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
.layui-table img{
|
||||
/*max-width:100px*/
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
<button class="layui-btn layui-btn-normal layui-btn-radius" onclick="layer_show('添加盲盒','{{url('admin/bind_box/add_rarity_house_view')}}','960','500')">添加盲盒</button>
|
||||
<div class="layui-form">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">名称</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="name" type="text" value="" placeholder="请输入名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">稀有度</label>
|
||||
<div class="layui-input-inline" style="width:90px;">
|
||||
<select name="rarity">
|
||||
<option value="">全部</option>
|
||||
<option value="N">N</option>
|
||||
<option value="R">R</option>
|
||||
<option value="SR">SR</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline" style="margin-left: 10px;">
|
||||
<div class="layui-input-inline" style="width: 60px;">
|
||||
<button class="layui-btn" lay-submit="bindBoxSearch" lay-filter="bindBoxSearch">查询</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table id="bindBoxlist" lay-filter="bindBoxlist"></table>
|
||||
|
||||
|
||||
<!--<script type="text/html" id="bindTpl">-->
|
||||
<!-- <input type="checkbox" name="status" value="@{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="sexDemo" @{{ d.status == 1 ? 'checked' : '' }}>-->
|
||||
<!--</script>-->
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
|
||||
<script type="text/html" id="bindBoxstatus">
|
||||
@{{d.status==0 ? '<span class="">'+'未开启'+'</span>' : '' }}
|
||||
@{{d.status==1 ? '<span class="">'+'已开启'+'</span>' : '' }}
|
||||
</script>
|
||||
<script type="text/html" id="barBindbox">
|
||||
@{{d.status==0 ? '<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>' : '' }}
|
||||
</script>
|
||||
<script type="text/html" id="bindRarity">
|
||||
@{{d.rarity=="N" ? "<span style='color:lightgray;font-weight:bold'>"+"N"+"</span>" : "" }}
|
||||
@{{d.rarity=="R" ? "<span style='color:lightblue;font-weight:bold'>"+"R"+"</span>" : "" }}
|
||||
@{{d.rarity=="SR" ? "<span style='color:purple;font-weight:bold'>"+"SR"+"</span>" : "" }}
|
||||
</script>
|
||||
<script type="text/html" id="bindRarity">
|
||||
@{{d.rarity=="N" ? "<span style='color:lightgray;font-weight:bold'>"+"N"+"</span>" : "" }}
|
||||
@{{d.rarity=="R" ? "<span style='color:lightblue;font-weight:bold'>"+"R"+"</span>" : "" }}
|
||||
@{{d.rarity=="SR" ? "<span style='color:purple;font-weight:bold'>"+"SR"+"</span>" : "" }}
|
||||
</script>
|
||||
<script type="text/html" id="bindBoxfile">
|
||||
@{{(/\.(png|PNG|jpg|JPG|gif|GIF|jpeg|JPEG|webp|WEBP)$/).test(d.file) == true ? '<img src="'+d.file+'" alt="" style="width:60px;cursor:pointer" onclick="showBigImage(this)">' : '<video src="'+d.file+'" alt="'+d.name+'" style="width:60px;cursor:pointer" onclick="showBigVideo(this)">' }}
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
//显示大图片
|
||||
function showBigImage(e) {
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: false,
|
||||
closeBtn: 0,
|
||||
shadeClose: true, //点击阴影关闭
|
||||
area: [$(e).width + 'px', $(e).height + 'px'], //宽高
|
||||
content: "<img style='max-width:1400px;max-height:780px' src=" + $(e).attr('src') + " />"
|
||||
});
|
||||
}
|
||||
function showBigVideo(e) {
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: $(e).attr('alt'),
|
||||
closeBtn: 0,
|
||||
shadeClose: true, //点击阴影关闭
|
||||
offset: 'auto',
|
||||
area: 'auto',
|
||||
content: "<video controls='controls' style='max-width:1400px;max-height:780px' src=" + $(e).attr('src') + " />"
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
|
||||
layui.use(['element', 'form', 'layer', 'table'], function () {
|
||||
var element = layui.element
|
||||
,layer = layui.layer
|
||||
,table = layui.table
|
||||
,$ = layui.$
|
||||
,form = layui.form
|
||||
//第一个实例
|
||||
var bindBoxlist = table.render({
|
||||
|
||||
elem: '#bindBoxlist'
|
||||
,url: '{{url('admin/bind_box/rarity_house_list')}}' //数据接口
|
||||
,page: true //开启分页
|
||||
,limit: 20
|
||||
,limits: [20, 50, 100, 200, 500, 1000]
|
||||
,cols: [[ //表头
|
||||
{field: 'id', title: '盲盒ID', width:110, sort: true}
|
||||
,{field: 'name', title: '名称', width:150}
|
||||
,{field: 'file', title: '文件内容', width:150, templet:'#bindBoxfile'}
|
||||
// ,{field: 'rarity', title: '稀有度', width:85, templet: '#bindRarity'}
|
||||
,{field: 'status', title: '状态', width:85, templet:"#bindBoxstatus"}
|
||||
,{field: 'created', title: '创建时间', width:180}
|
||||
,{title: '操作',fixed: 'right', width:100, toolbar: '#barBindbox'}
|
||||
]]
|
||||
});
|
||||
|
||||
// 监听工具条
|
||||
table.on('tool(bindBoxlist)', function (obj) {
|
||||
var layEvent = obj.event
|
||||
,data = obj.data
|
||||
if (layEvent === 'edit') {
|
||||
var index = layer.open({
|
||||
title: '编辑'
|
||||
,type: 2
|
||||
,content: '{{url('/admin/bind_box/edit_rarity_house_view')}}?id=' + data.id
|
||||
,area: ['960px', '700px']
|
||||
});
|
||||
}
|
||||
});
|
||||
//监听提交
|
||||
form.on('submit(bindBoxSearch)', function (data) {
|
||||
bindBoxlist.reload({
|
||||
where: data.field
|
||||
,page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,144 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
<div class="layui-form">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">哈希值</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="code" type="text" value="" placeholder="请输入哈希值">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">用户ID</label>
|
||||
<div class="layui-input-inline" style="width: 200px">
|
||||
<input class="layui-input" name="user_id" type="text" value="" placeholder="请输入用户ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">支付情况</label>
|
||||
<div class="layui-input-inline" style="width:90px;">
|
||||
<select name="is_pay">
|
||||
<option value="">全部</option>
|
||||
<option value="1">已支付</option>
|
||||
<option value="0">未支付</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline" style="margin-left: 10px;">
|
||||
<div class="layui-input-inline" style="width: 60px;">
|
||||
<button class="layui-btn" lay-submit="bindSuccessOrderSearch" lay-filter="bindSuccessOrderSearch">查询</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table id="bindSuccessOrderlist" lay-filter="bindSuccessOrderlist"></table>
|
||||
<!--<script type="text/html" id="barBind">-->
|
||||
<!-- <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>-->
|
||||
<!--</script>-->
|
||||
<!--<script type="text/html" id="bindTpl">-->
|
||||
<!-- <input type="checkbox" name="status" value="@{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="sexDemo" @{{ d.status == 1 ? 'checked' : '' }}>-->
|
||||
<!--</script>-->
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script type="text/html" id="bindSuccessOrderRead">
|
||||
@{{d.is_read==1 ? '<span class="layui-badge layui-bg-green">'+'已读'+'</span>' : '' }}
|
||||
@{{d.is_read==0 ? '<span class="layui-badge layui-bg-red">'+'未读'+'</span>' : '' }}
|
||||
</script>
|
||||
<script type="text/html" id="bindSuccessOrderPay">
|
||||
@{{d.is_pay==1 ? '<span class="layui-badge layui-bg-green">'+'已支付'+'</span>' : '' }}
|
||||
@{{d.is_pay==0 ? '<span class="layui-badge layui-bg-red">'+'未支付'+'</span>' : '' }}
|
||||
</script>
|
||||
<script type="text/html" id="bindSuccessOrderStatus">
|
||||
@{{d.is_expired==1 ? '<span class="layui-badge layui-bg-green">'+'有效'+'</span>' : '' }}
|
||||
@{{d.is_expired==0 ? '<span class="layui-badge layui-bg-red">'+'无效'+'</span>' : '' }}
|
||||
</script>
|
||||
<script type="text/html" id="bindCode">
|
||||
|
||||
</script>
|
||||
<script>
|
||||
|
||||
layui.use(['element', 'form', 'layer', 'table'], function () {
|
||||
var element = layui.element
|
||||
,layer = layui.layer
|
||||
,table = layui.table
|
||||
,$ = layui.$
|
||||
,form = layui.form
|
||||
//第一个实例
|
||||
var bindSuccessOrderlist = table.render({
|
||||
|
||||
elem: '#bindSuccessOrderlist'
|
||||
,url: '{{url('admin/bind_box/success_order_list')}}' //数据接口
|
||||
,page: true //开启分页
|
||||
,limit: 20
|
||||
,limits: [20, 50, 100, 200, 500, 1000]
|
||||
,cols: [[ //表头
|
||||
{field: 'id', title: '订单ID', minWidth:80, sort: true}
|
||||
,{field: 'code', title: '哈希值', minWidth:350, templet:"bindCode"}
|
||||
,{field: 'currency_name', title:'交易币种', minWidth:80}
|
||||
,{field: 'user_id', title:'用户ID', minWidth:110}
|
||||
,{field: 'is_read', title: '已读情况', minWidth:80,templet:"#bindSuccessOrderRead"}
|
||||
,{field: 'is_pay', title: '支付情况', minWidth:80, templet:"#bindSuccessOrderPay"}
|
||||
,{field: 'is_expired', title: '状态', minWidth:80, templet:"#bindSuccessOrderStatus"}
|
||||
,{field: 'created', title:'创建时间', minWidth:155, templet:function(data){
|
||||
return layui.util.toDateString(data.created*1000,"yyyy-MM-dd HH:mm:ss")
|
||||
}}
|
||||
,{field: 'overtime', title:'过期时间', minWidth:155, templet:function(data){
|
||||
return layui.util.toDateString(data.overtime*1000,"yyyy-MM-dd HH:mm:ss")
|
||||
}}
|
||||
,{field: 'pay_time', title:'支付时间', minWidth:155, templet:function(data){
|
||||
return layui.util.toDateString(data.pay_time*1000,"yyyy-MM-dd HH:mm:ss")
|
||||
}}
|
||||
// ,{title: '操作',fixed: 'right', Width:50, toolbar: '#barBind'}
|
||||
]]
|
||||
});
|
||||
// //监听热卖操作
|
||||
// form.on('switch(sexDemo)', function(obj){
|
||||
// var id = this.value;
|
||||
// $.ajax({
|
||||
// url:'{{url('admin/currency_display')}}',
|
||||
// type:'post',
|
||||
// dataType:'json',
|
||||
// data:{id:id},
|
||||
// success:function (res) {
|
||||
// if(res.error != 0){
|
||||
// layer.msg(res.message);
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
// });
|
||||
|
||||
// // 监听工具条
|
||||
// table.on('tool(bindSuccessOrderlist)', function (obj) {
|
||||
// var layEvent = obj.event
|
||||
// ,data = obj.data
|
||||
// if (layEvent === 'edit') {
|
||||
// var index = layer.open({
|
||||
// title: '编辑'
|
||||
// ,type: 2
|
||||
// ,content: '{{url('/admin/bind_box/edit')}}?id=' + data.id
|
||||
// ,area: ['960px', '700px']
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
|
||||
//监听提交
|
||||
form.on('submit(bindSuccessOrderSearch)', function (data) {
|
||||
bindSuccessOrderlist.reload({
|
||||
where: data.field
|
||||
,page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user