From d869f01aa59927d0b4c93c908dfdfb9ca6fb326f Mon Sep 17 00:00:00 2001
From: zj <1772600164@qq.com>
Date: Fri, 11 Apr 2025 17:36:01 +0800
Subject: [PATCH] 1
---
src/main/webapp/item_config_add.jsp | 547 +++++++++++++++++++++++++++++++++--------------------
1 files changed, 339 insertions(+), 208 deletions(-)
diff --git a/src/main/webapp/item_config_add.jsp b/src/main/webapp/item_config_add.jsp
index da94974..917d064 100644
--- a/src/main/webapp/item_config_add.jsp
+++ b/src/main/webapp/item_config_add.jsp
@@ -7,234 +7,365 @@
<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>
--
Gitblit v1.9.3