1

zj

2025-04-11 d869f01aa59927d0b4c93c908dfdfb9ca6fb326f

 src/main/webapp/item_config_add.jsp

@@ -47,21 +47,27 @@
                     <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>
                        <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}"/>
                           <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">代码</label>
                        <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}"/>
                           <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>
                        <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}"/>
@@ -79,7 +85,15 @@
                                   </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">
@@ -89,13 +103,14 @@
                                   </div>
                                </div>
                             </div>
			                    
                        <div class="form-group">
                           <label class="col-sm-2 control-label form-label">交易对</label>
                        <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}"/>
                           <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>
                           <a href="javascript:chooseSymbol('${id}')" class="btn btn-light" style="margin-bottom: 10px">交易对选择</a>
                        </div>
                        
                        <div class="col-sm-1">
@@ -136,7 +151,11 @@
                              <a href="javascript:submit()" class="btn btn-default">保存</a>
                           </div>
                        </div>

                     <div class="message-container">
                        <p class="message-text">
                           添加完币种，请在操作里面初始化一下对于币种的K线
                        </p>
                     </div>
                     </form>

                  </div>
@@ -198,8 +217,101 @@
         $('#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");
@@ -233,6 +345,25 @@
         $("#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>