2023-01-29 10:26:52 +08:00

147 lines
4.7 KiB
HTML

{extend name="public/base" /}
{block name="body"}
<style>
.clinhei{width:100%;height:25px;}
.inp{width:200px;}
.inpdiv{width:25%;float:left;}
.inpdivbut{width:10%;float:left;}
.so{width:80px;height:30px;border:0;margin-top:25px;text-align:center;line-height:30px;cursor: pointer;}
.tdinp{width:100%;border:0;}
.up{border:0;cursor: pointer;}
.bs{width:50px;height:50px;text-align:center;}
.bj{background:#fff;}
.btn-jun{display:block;margin:0 auto;}
.uptopimg{position:fixed; top:15%;left:35%;width: 500px;height:500px;display:none;background:#fff;z-index:999;}
.uptopimg img{width:450px;height:280px; display:block; margin:0 auto;margin-top:10px;}
.uppay{position:fixed; top:20%;left:45%;width:300px;height:400px;display:none;background:#fff;z-index:999;}
.tds{text-align: center;}
</style>
<div class="main-box clearfix">
<header class="main-box-header clearfix">
<div class="pull-left">
<h2>巨量域名管理</h2>
</div>
</header>
<div class="main-box-body clearfix">
<div class="container">
<form id="forms" enctype="multipart/form-data">
<div class="inpdiv">
<label for="name">公司名称</label>
<input type="text" class="form-control inp" id="name" name="name">
</div>
<div class="inpdiv">
<label for="name">域名</label>
<input type="text" class="form-control inp" id="value" name="value">
</div>
<div class="inpdivbut">
<div class="btn btn-info" onclick="formsub()" style="margin-top:25px;">新增</div>
</div>
</form>
</div>
<div class="clinhei"></div>
<div class="container">
<table class="table table-bordered bj" id="table" cellspacing="0" cellpadding="2" border="1">
<thead>
<tr>
<th class="tds">ID</th>
<th class="tds">公司名称</th>
<th class="tds">域名</th>
<th class="tds">操作</th>
</tr>
</thead>
<tbody id="table" cellspacing="0" cellpadding="2" border="1">
{volist name="res" id="v"}
<tr data-id="{$v.id}">
<td class="tds">{$v.id}</td>
<td class="tds">{$v.name}</td>
<td class="tds">{$v.value}</td>
<td class="btn-danger bs" style="cursor:pointer;" onclick="del('{$v.id}')">删除</td>
</div>
</tr>
{/volist}
</tbody>
</table>
</div>
</div>
</div>
{/block}
{block name="script"}
<script src = "/public/js/colResizable-1.6.min.js" ></script>
<script>
$(function(){
//此处实现表格可拖放属性
$("#table").colResizable({
liveDrag:true,//实现实时拖动,可看见拖动轨迹
draggingClass:"dragging", //防止拖动出险虚标线
resizeMode: "overflow" //表的宽度可以超过父级宽度
});
});
function del(id){
if(confirm("确定删除此域名吗?")){
$.ajax({
type: "POST",
url: "{:url('Promotedomain/del')}",
data: {id:id},
dataType: "json",
success: function(data){
if(data==1){
swal('删除成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
setTimeout(function(){ window.location = ''; }, 1500);
}else{
swal('删除失败',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
}
}
});
}
}
function formsub(){
var name = $("#name").val();
var value = $('#value').val();
if(name==''){
swal('错误','公司名称为空', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
}else if(value==''){
swal('错误','域名不能为空', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
}else{
var formData = new FormData();
formData.append("name",name);
formData.append("value", value);
$.ajax({
type: "POST",
url:"{:url('Promotedomain/add')}",
data: formData,
async: false,
cache: false,
processData:false,
contentType:false,
dataType:"json",
error: function(request) {
},
success: function(data) {
if(data.status==1){
swal(data.reg,"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
setTimeout(function(){ window.location = ''; }, 1500);
}else{
swal('错误',data.reg, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
}
}
});
}
}
</script>
{/block}