| | |
| | | <html> |
| | | |
| | | <head> |
| | | <%@ include file="include/head.jsp"%> |
| | | <%@ include file="include/head.jsp"%> |
| | | </head> |
| | | |
| | | <body> |
| | | |
| | | <%@ include file="include/loading.jsp"%> |
| | | <%@ 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"> |
| | | <!-- START CONTENT --> |
| | | <div class="ifr-dody"> |
| | | <!-- START CONTAINER --> |
| | | <div class="ifr-con"> |
| | | <h3>行情品种管理</h3> |
| | | |
| | | <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> |
| | | <%@ include file="include/alert.jsp"%> |
| | | |
| | | <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">名称</label> |
| | | <div class="col-sm-3"> |
| | | <input id="name" name="name" class="form-control " value="${name}"/> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="form-group"> |
| | | <label class="col-sm-2 control-label form-label">代码</label> |
| | | <div class="col-sm-3"> |
| | | <input id="symbol" name="symbol" class="form-control " value="${symbol}"/> |
| | | </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">借贷利率</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 id="symbol_data" name="symbol_data" class="form-control " readonly="readonly" value="${symbol_data}"/> |
| | | </div> |
| | | <a href="javascript:chooseSymbol('${id}')" class="btn btn-light" style="margin-bottom: 10px">交易对选择</a> |
| | | </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> |
| | | |
| | | </form> |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | <!-- END CONTAINER --> |
| | | <!-- //////////////////////////////////////////////////////////////////////////// --> |
| | | <!-- 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 --> |
| | | <!-- //////////////////////////////////////////////////////////////////////////// --> |
| | | |
| | | <%@ include file="include/footer.jsp"%> |
| | | <div class="row"> |
| | | <div class="col-md-12 col-lg-12"> |
| | | <div class="panel panel-default"> |
| | | |
| | | </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 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> |
| | | <!-- /.modal-content --> |
| | | |
| | | <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> |
| | | <!-- /.modal --> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- </form> --> |
| | | |
| | | </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> |
| | | |
| | | <%@ include file="include/js.jsp"%> |
| | | <!-- </form> --> |
| | | </div> |
| | | |
| | | <script type="text/javascript"> |
| | | function submit() { |
| | | $('#modal_succeeded').modal("show"); |
| | | <%@ 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% */ |
| | | } |
| | | </script> |
| | | |
| | | <script type="text/javascript"> |
| | | function chooseSymbol(id) { |
| | | csPage(1); |
| | | $('#modal_set').modal("show"); |
| | | |
| | | .message-text { |
| | | font-size: 16px; /* 小屏幕上文字稍微小一点 */ |
| | | } |
| | | 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); |
| | | } |
| | | |
| | | |
| | | |
| | | /* 样式定义 */ |
| | | .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; |
| | | } |
| | | 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(); |
| | | } |
| | | </script> |
| | | |
| | | |
| | | 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> |