1
zj
2025-04-11 d869f01aa59927d0b4c93c908dfdfb9ca6fb326f
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">&times;</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">&times;</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">&times;</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">&times;</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>