baji/app/admin/view/ItemCard/add.html
2025-03-03 14:47:45 +08:00

109 lines
4.3 KiB
HTML
Executable File

{include file="Public:header2"/}
<body style="min-height: 100%;background-color: #fff">
<div style="padding: 0 20px;position: relative;z-index: 99;border-bottom: 1px solid #e5e5e5;line-height: 39px;height: 39px;overflow: hidden;">
<span style="visibility: visible;">
<a href="{:url('/admin/item_card')}" style="padding-right: 8px;line-height: 22px;font-size: 14px;color: #333!important;">道具卡管理<span class="layui-box">&gt;</span></a>
<a href="javascript:;"> <cite>添加道具卡</cite></a>
</span>
</div>
<div class="layui-fluid">
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<form onsubmit="return false;">
<div class="layui-form" wid100 lay-filter="">
<div class="layui-form-item type">
<label class="layui-form-label">类型</label>
<div class="layui-input-inline" style="width: 600px">
<input type="radio" name="type" value="1" class="layui-input" title="重抽卡" checked>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">道具卡名称</label>
<div class="layui-input-inline">
<input type="text" name="title" lay-verify="required" placeholder="请输入道具卡名称" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" onclick="return check()">确认保存</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
{include file="Public:footer"/}
</body>
</html>
<script type="text/javascript">
layui.use(['layer','form','upload','laydate'], function(){
var $ = layui.$;
var form = layui.form;
var upload = layui.upload;
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#arrive_time' //指定元素
,type : 'date'
,trigger : 'click'
});
//执行实例
var uploadInst = upload.render({
accept:'imgurl'
,elem: '#imgurl' //绑定元素
,url: '/admin/picture' //上传接口
,done: function(res){
//上传完毕回调
if(res.status == 1){ //成功
layer.msg("上传成功",{icon:1,time:1000},function(){
$("#imgurl").attr("src",res.data.path); //单图
$("input[name=imgurl]").val(res.data.imgurl);
});
}else{ //失败
layer.msg(res.msg,{icon:2,anim:6,time:1500});
}
}
,error: function(){
//请求异常回调
layer.msg('服务繁忙,请稍后再试',{icon:2,anim:6,time:1500});
}
});
//选择是否发货
form.on('radio(is_yu)', function(data){
// console.log(data.elem); //得到 radio 原始 DOM 对象
// console.log(data.value); //被点击的 radio 的 value 值
if(data.value == 1 ){
$('.arrive_time').hide();
}else{
$('.arrive_time').show();
}
});
});
function check(){
var url="{:url('/admin/item_card_add')}";
var $ = layui.$;
var load=layer.load(2);
$.post(url,$("form").serialize(),function(data){
if(data.status==1){
layer.msg(data.msg,{icon:1,time:1000},function(){
location.href="{:url('/admin/item_card')}";
});
}else{
layer.msg(data.msg,{icon:2,anim:6,time:1500},function(){
layer.close(load);
});
}
})
}
</script>