Browse Source

首页弹窗修改

yanym 1 year ago
parent
commit
b346c72008

+ 11 - 3
suishenbang-admin/src/main/resources/templates/system/alertConfiguration/add.html

@@ -87,7 +87,12 @@
             width: 800px;
         }
         .imageBox{
-            display: none;
+            width: 150px!important;
+            height: 150px!important;
+        }
+        .thumbBox{
+            margin-top: -75px!important;
+            margin-left: -75px!important;
         }
     </style>
 </head>
@@ -110,7 +115,7 @@
                     <!--<i class="fa fa-plus"></i>-->
                 <!--</div>-->
                 <div class="imageBox">
-                    <div class="thumbBox" style="width:200px;height:200px;"></div>
+                    <div class="thumbBox" style="width:150px;height:150px;"></div>
                     <div class="spinner" style="display: none">Loading...</div>
                 </div>
                 <div class="action">
@@ -118,7 +123,7 @@
                         <a href="javascript:void(0)" class=""><label for="avatar">选择图片</label> </a>
                         <input type="file" class="" name="avatar" id="avatar" accept="image/*"/>
                     </div>
-                    <input type="button" id="submitbuttonBg" onclick="upBg()" class="" value="上传"/>
+                    <!--<input type="button" id="submitbuttonBg" onclick="upBg()" class="" value="上传"/>-->
                 </div>
             </div>
         </div>
@@ -245,6 +250,9 @@
                 }
             }
             reader.readAsDataURL(this.files[0]);
+            setTimeout(function () {
+                upBg();
+            },500)
         })
         console.log('ctx',ctx);
     })

+ 27 - 1
suishenbang-admin/src/main/resources/templates/system/alertConfiguration/configuration.html

@@ -2,6 +2,23 @@
 <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
 <head>
     <th:block th:include="include :: header('弹框配置列表')" />
+    <style>
+        .tableImage_s{
+            border-radius:2px;
+            width: 24px;
+            height: 22px;
+        }
+        .tableImage_m{
+            border-radius:2px;
+            width: 36px;
+            height: 30px;
+        }
+        .tableImage_l{
+            border-radius:2px;
+            width: 73px;
+            height: 32px;
+        }
+    </style>
 </head>
 <body class="gray-bg">
      <div class="container-div">
@@ -97,7 +114,16 @@
                     {
                         field : 'photoUrl',
                         title : '弹框图片',
-                        width : '100px'
+                        width : '100px',
+                        formatter: function(value, row, index) {
+                            var str="";
+                            if(ctx=="/"){
+                                str = value;
+                            }else{
+                                str = ctx+value;
+                            }
+                            return $.table.imageView(str,218,237,"tableImage_s img-view");
+                        }
                     },
                 {
                     field : 'alertStartTime',