miduo_gm/src/main/resources/templates/applyForSupport.html

222 lines
9.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="Bookmark" href="../favicon.ico"/>
<link rel="Shortcut Icon" href="../favicon.ico"/>
<!--[if lt IE 9]>
<script type="text/javascript" src="../static/lib/html5shiv.js"></script>
<script type="text/javascript" src="../static/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css"/>
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css"/>
<link rel="stylesheet" type="text/css" href="../static/lib/Hui-iconfont/1.0.8/iconfont.css"/>
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin"/>
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css"/>
<link href="../static/searchableSelect/css/jquery.searchableSelect.css" rel="stylesheet" type="text/css">
<!--[if IE 6]>
<script type="text/javascript" src="../static/lib/DD_belatedPNG_0.0.8a-min.js"></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->
<title>基本设置</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
<span class="c-gray en">&gt;</span>
扶持功能
<span class="c-gray en">&gt;</span>
申请扶持
<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="page-container">
<form class="form form-horizontal" id="form-article-add" action="http://60.1.1.212:9076/idip/manager" method="post">
<div id="tab-system" class="HuiTab">
<div class="tabBar cl">
<span>申请扶持</span>
</div>
<div class="tabCon">
<div class="row cl">
<label class="form-label col-xs-4 col-sm-2">
<span class="c-red">*</span>
区服id</label>
<div class="formControls col-xs-8 col-sm-9">
<select name="serverId" class="input-text" id="serverId"><!--下拉列表-->
<option th:each="server:${serverInfo}" th:value="${server.server_id}"
th:text="${server.server_id}+'-'+${server.name}"></option>
</select>
<span class="SERVERID"></span>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-4 col-sm-2">
<span class="c-red">*</span>
角色id</label>
<div class="formControls col-xs-8 col-sm-9">
<input type="text" name="userId" id="in_user" value="" placeholder="" class="input-text"/>
<span class="USERID"></span>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-4 col-sm-2">
<span class="c-red">*</span>
账号id</label>
<div class="formControls col-xs-8 col-sm-9">
<input type="text" name="accountId" id="in_account" value="" placeholder="" class="input-text"/>
<span class="USERID"></span>
</div>
</div>
<div class="row cl" id="items">
<label class="form-label col-xs-4 col-sm-2">
<span class="c-red">*</span>
道具礼包:</label>
<div class="formControls col-xs-8 col-sm-9">
<div id="InputsWrapper">
<div th:each="i:${#numbers.sequence(1,20)}">
<div th:style="${i} ne 1?'display:none':''" th:id="item_+(${i})">
<select name="itemId" th:id="itemId_+(${i})"><!--下拉列表-->
<option value="0" selected="selected">0.无物品</option>
<option th:each="item:${rechargeMap}" th:value="${item.key}"
th:text="${item.value.getSupportInfo()}"></option>
</select>
<input type="text" readonly="readonly" name="itemNum" placeholder="1" th:value="1"
th:id="itemNum_+(${i})" class="input_bg" style="width: 50px;background-color: #c6c6c6;"/>
<a href="#" th:if="${i} ne 1" class="removeclass">×</a>
<a href="#" th:if="${i} eq 1" id="AddMoreFileBox" class="btn btn-info">+</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row cl">
<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
<button onClick="return sendRechargeGift();" class="btn btn-primary radius" type="button"><i
class="Hui-iconfont">&#xe632;</i> 提交至审核
</button>
</div>
</div>
</form>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../static/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../static/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../static/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="../static/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="../static/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="../static/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="../static/searchableSelect/js/jquery.searchableSelect.js"></script>
<script type="text/javascript">
$(function () {
$('.skin-minimal input').iCheck({
checkboxClass: 'icheckbox-blue',
radioClass: 'iradio-blue',
increaseArea: '20%'
});
$("#tab-system").Huitab({
index: 0
});
// 模糊搜素
$('#InputsWrapper select').searchableSelect();
});
$(document).ready(function () {
var MaxInputs = 20; //maximum input boxes allowed
var AddButton = $("#AddMoreFileBox"); //Add button ID
var item = "#item_";
var x = 2; //initlal text box count
$(AddButton).click(function (e) //on add input button click
{
console.log(x);
if (x <= MaxInputs) //max input box allowed
{
//add input box
$(item + x).css("display", "block");
x++;
return true;
}
return false;
});
$("body").on("click", ".removeclass", function (e) { //user click on remove text
if (x > 2) {
x--; //decrement textbox
$(item + x).css("display", "none"); //remove text box
}
return false;
})
});
function sendRechargeGift() {
var errorCode = $('.SERVERID');
var serverId = $("#serverId").val();
if (serverId === '' || serverId == null) {
errorCode.html('<span style="color: red; ">服务器id不能为空!</span>');
return false;
}
var userId = $("input[name='userId']").val();
var accountId = $("input[name='accountId']").val();
var itemIds = [];
$("select[name='itemId']").each(function () {
if ($(this).val() !== '0') {
itemIds.push($(this).val());
}
});
var itemNums = [];
$("input[name='itemNum']").each(function () {
if ($(this).val() !== '') {
itemNums.push($(this).val());
}
});
$.ajax({
type: "POST",
data:
JSON.stringify({
"serverId": serverId,
"userId": userId,
"accountId": accountId,
"itemIds": itemIds,
"itemNums": itemNums
}),
dataType: "json",
contentType: 'application/json',
url: "/sendRechargeGift",
success: function (data) {
if (data === 1) {
layer.msg('申请扶持成功!', {icon: 6, time: 1000});
}
if (data === 0) {
layer.msg('申请扶持失败 id错误用户不存在', {icon: 6, time: 1000});
}
if (data === 2) {
layer.msg('申请扶持失败 权限不足', {icon: 6, time: 2000});
}
}
})
}
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>