<%@ page language="java" pageEncoding="utf-8" isELIgnored="false"%>
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
|
<%@ include file="include/pagetop.jsp"%>
|
<!DOCTYPE html>
|
<html>
|
|
<head>
|
<%@ include file="include/head.jsp"%>
|
</head>
|
|
<body>
|
|
<%@ include file="include/loading.jsp"%>
|
|
<!-- START CONTENT -->
|
<div class="ifr-dody">
|
<!-- START CONTAINER -->
|
<div class="ifr-con">
|
<h3>行情品种管理</h3>
|
|
<%@ include file="include/alert.jsp"%>
|
|
<!-- //////////////////////////////////////////////////////////////////////////// -->
|
<!-- START queryForm -->
|
<form action="<%=basePath%>normal/adminItemAction!listConfig.action" method="post" id="queryForm">
|
<input type="hidden" name="pageNo" id="pageNo" value="${pageNo}">
|
</form>
|
<!-- END queryForm -->
|
<!-- //////////////////////////////////////////////////////////////////////////// -->
|
|
<div class="row">
|
<div class="col-md-12 col-lg-12">
|
<div class="panel panel-default">
|
|
<div class="panel-title">
|
添加行情品种
|
<ul class="panel-tools">
|
<li><a class="icon minimise-tool"><i class="fa fa-minus"></i></a></li>
|
<li><a class="icon expand-tool"><i class="fa fa-expand"></i></a></li>
|
</ul>
|
</div>
|
|
<div class="panel-body">
|
|
<form class="form-horizontal" action="<%=basePath%>normal/adminItemAction!addConfig.action" method="post" name="mainForm" id="mainForm">
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label form-label">名称（币种/USDT）</label>
|
<div class="col-sm-3">
|
<input id="name" name="name" class="form-control" value="${name}" oninput="this.value = this.value.toUpperCase()"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label form-label">官网名称（火币对应的）</label>
|
<div class="col-sm-3">
|
<input id="showName" name="showName" class="form-control" value="${showName}" oninput="this.value = this.value.toLowerCase().replace(/\s+/g, '')"/>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label form-label">币种名称（比如BTC）</label>
|
<div class="col-sm-3">
|
<input id="symbol" name="symbol" class="form-control" value="${symbol}" oninput="this.value = this.value.toLowerCase().replace(/\s+/g, '')"/>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label form-label">保留精度（几位小数点就写几位）</label>
|
<div class="col-sm-2">
|
<div class="input-group">
|
<input id="decimals" name="decimals" class="form-control " value="${decimals}"/>
|
<div class="input-group-addon">位</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label form-label">交易量倍数</label>
|
<div class="col-sm-2">
|
<div class="input-group">
|
<input id="multiple" name="multiple" class="form-control " value="${multiple}"/>
|
<div class="input-group-addon">倍</div>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label form-label">最小浮动(参考火币对应币种的小数点比如100.254，填写0.001)</label>
|
<div class="col-sm-2">
|
<div class="input-group">
|
<input id="pips" name="pips" class="form-control " value="${pips}"/>
|
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label form-label">借贷利率</label>
|
<div class="col-sm-2">
|
<div class="input-group">
|
<input id="borrowing_rate" name="borrowing_rate" class="form-control " value="${borrowing_rate}"/>
|
<div class="input-group-addon">%</div>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label form-label">产品图片</label>
|
<div class="col-sm-3">
|
<input type="file" id="fileName" name="fileName" value="${fileName}" onchange="upload();" style="position:absolute;opacity:0;" data-showname="${showName}">
|
<label for="fileName">
|
<img width="90px" height="90px" id="show_img" src="<%=base%>/image/add.png" alt="点击上传图片" />
|
</label>
|
</div>
|
</div>
|
|
<div class="col-sm-1">
|
<!-- 模态框（Modal） -->
|
<div class="modal fade" id="modal_succeeded" tabindex="-1"
|
role="dialog" aria-labelledby="myModalLabel"
|
aria-hidden="true">
|
<div class="modal-dialog">
|
<div class="modal-content" style="width: 350px;">
|
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
<h4 class="modal-title" id="myModalLabel">登录人资金密码</h4>
|
</div>
|
|
<div class="modal-body">
|
<div class="" >
|
<input id="login_safeword" type="password" name="login_safeword"
|
class="login_safeword" placeholder="请输入登录人资金密码" style="width: 250px;">
|
</div>
|
</div>
|
|
<div class="modal-footer" style="margin-top: 0;">
|
<button type="button" class="btn " data-dismiss="modal">关闭</button>
|
<button id="sub" type="submit" class="btn btn-default" >确认</button>
|
</div>
|
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal -->
|
</div>
|
</div>
|
|
<div class="form-group">
|
<div class="col-sm-offset-2 col-sm-10">
|
<a href="javascript:goUrl(${pageNo})" class="btn">取消</a>
|
<a href="javascript:submit()" class="btn btn-default">保存</a>
|
</div>
|
</div>
|
<div class="message-container">
|
<p class="message-text">
|
添加完币种，请在操作里面初始化一下对于币种的K线
|
</p>
|
</div>
|
</form>
|
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<!-- END CONTAINER -->
|
<!-- //////////////////////////////////////////////////////////////////////////// -->
|
|
<%@ include file="include/footer.jsp"%>
|
|
</div>
|
<!-- End Content -->
|
<!-- //////////////////////////////////////////////////////////////////////////// -->
|
|
<!-- 模态框 -->
|
<div class="form-group">
|
|
<input type="hidden" name="quote_currency" id="quote_currency" value="${quote_currency}">
|
|
<div class="col-sm-2">
|
<!-- 模态框（Modal） -->
|
<div class="modal fade" id="modal_set" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<div class="modal-content" style="height:500px;">
|
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
<h4 class="modal-title" id="myModalLabel">交易对</h4>
|
</div>
|
|
<div class="modal-body" id="symbols_get" style="height:380px;">
|
<%@ include file="contract_manage_add_symbols_list.jsp"%>
|
</div>
|
|
<div class="modal-footer" style="margin-top: 0;">
|
<button type="button" class="btn " data-dismiss="modal" >关闭</button>
|
<button id="sub" type="submit" class="btn btn-default" onclick="modalConfirm(this)">确认</button>
|
</div>
|
|
</div>
|
<!-- /.modal-content -->
|
</div>
|
<!-- /.modal -->
|
</div>
|
</div>
|
|
<!-- </form> -->
|
</div>
|
|
<%@ include file="include/js.jsp"%>
|
|
<script type="text/javascript">
|
function submit() {
|
$('#modal_succeeded').modal("show");
|
}
|
</script>
|
<style>
|
|
/* 整个消息容器的样式 */
|
.message-container {
|
background-color: #f8f9fa; /* 浅灰色背景 */
|
padding: 20px;
|
border-radius: 8px; /* 圆角效果 */
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
|
width: 80%; /* 宽度80% */
|
margin: 20px auto; /* 上下留空，居中显示 */
|
}
|
|
/* 文本的样式 */
|
.message-text {
|
font-family: 'Arial', sans-serif;
|
font-size: 18px;
|
color: #333; /* 深灰色文字 */
|
line-height: 1.6;
|
text-align: center; /* 居中显示 */
|
font-weight: 600; /* 加粗字体 */
|
}
|
|
/* 增加一些响应式设计，让它在手机上也显示良好 */
|
@media (max-width: 600px) {
|
.message-container {
|
width: 95%; /* 小屏幕时宽度设置为95% */
|
}
|
|
.message-text {
|
font-size: 16px; /* 小屏幕上文字稍微小一点 */
|
}
|
}
|
|
|
|
/* 样式定义 */
|
.upload-btn {
|
display: inline-block;
|
padding: 10px 20px;
|
background-color: #4CAF50; /* 绿色背景 */
|
color: white;
|
font-size: 16px;
|
border-radius: 5px; /* 圆角 */
|
cursor: pointer;
|
transition: background-color 0.3s ease;
|
}
|
|
.upload-btn:hover {
|
background-color: #45a049; /* 鼠标悬停时的颜色 */
|
}
|
|
.upload-btn:active {
|
background-color: #397d3b; /* 按下时的颜色 */
|
}
|
|
input[type="file"] {
|
display: none; /* 隐藏默认的上传按钮 */
|
}
|
</style>
|
<script type="text/javascript">
|
function upload() {
|
var formData = new FormData();
|
var fileName = document.getElementById('showName').value;
|
var file = document.getElementById('fileName').files[0];
|
|
if (!fileName) {
|
alert('请先输入币种官网名称（小写)，否则导致图片不显示');
|
return;
|
}
|
|
formData.append("file", file);
|
formData.append("fileName", fileName);
|
|
$.ajax({
|
type: "POST",
|
url: "<%=basePath%>normal/uploadimg!publishExecute.action?random=" + Math.random(),
|
data: formData,
|
dataType: "json",
|
contentType: false,
|
processData: false,
|
success: function(data) {
|
console.log(data);
|
|
// 更新隐藏输入框的值
|
$("#title_img").val(data.data);
|
|
// 强制刷新图片：给图片路径加上随机参数避免浏览器缓存
|
var show_img = document.getElementById('show_img');
|
show_img.src = "<%=base%>/wap/symbol/" + data.data + "?random=" + Math.random();
|
},
|
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
console.log("请求错误");
|
}
|
});
|
}
|
function chooseSymbol(id) {
|
csPage(1);
|
$('#modal_set').modal("show");
|
}
|
function csPage(pageNo,quoteCurrency,baseCurrency){
|
var url = $("#csUrl").val();
|
quoteCurrency = null==quoteCurrency||''==quoteCurrency||typeof(quoteCurrency) == "undefined"?$('#quote_currency').val():quoteCurrency;
|
baseCurrency = null==baseCurrency||''==baseCurrency||typeof(baseCurrency) == "undefined"?$('#base_currency').val():baseCurrency;
|
pageNo = Number(pageNo)<=0?1:pageNo;
|
var data = {"pageNo":pageNo,"quote_currency":quoteCurrency,"base_currency":baseCurrency};
|
goAjaxUrl(url,data);
|
}
|
function goAjaxUrl(targetUrl,data){
|
$.ajax({
|
url:targetUrl,
|
data:data,
|
type:'get',
|
success: function (res) {
|
$("#symbols_get").html(res);
|
$('#quote_currency').val(data.quote_currency);
|
$('#base_currency').val(data.base_currency);
|
if(null==data.quote_currency||''==data.quote_currency||typeof(data.quote_currency) == "undefined"){
|
$('.tr_quote:first').attr('style','background:#39ffff;');
|
}else{
|
$('#tr_'+data.quote_currency).attr('style','background:#39ffff;');
|
}
|
}
|
});
|
}
|
function modalConfirm(e){
|
$("#symbol_data").val($(".symbolCheck:checked").val());
|
$(e).prev().click();
|
}
|
$(document).ready(function(){
|
// 点击上传区域，触发文件选择框
|
$('#upload-div').click(function(){
|
$('#image-upload').click();
|
});
|
|
// 当选择文件后，显示图片预览
|
$('#image-upload').change(function(event){
|
var file = event.target.files[0];
|
if (file && file.type.startsWith('image/')) {
|
var reader = new FileReader();
|
reader.onload = function(e) {
|
$('#image-preview').attr('src', e.target.result);
|
$('.upload-preview').show();
|
};
|
reader.readAsDataURL(file);
|
}
|
});
|
});
|
</script>
|
|
</body>
|
|
</html>
|
