新需求

src/main/resources/static/js/expireDataList.js

@@ -157,7 +157,7 @@ function addData(id) {
     let param = {
         'id': id
     }
-    openIframe2("addOrEditUser", title, "signatureBoard.html", '50%', '70%', param);
+    openIframe2("addOrEditUser", title, "signatureBoard.html", '40%', '60%', param);
 }
 
 function addDataTemp(id) {
@@ -165,7 +165,7 @@ function addDataTemp(id) {
     let param = {
         'id': id
     }
-    openIframe2("addOrEditUserTemp", title, "signatureBoard.html", '1000px', '625px', param);
+    openIframe2("addOrEditUserTemp", title, "signatureBoard.html", '40%', '60%', param);
 }
 
 /*删除用户*/

src/main/resources/static/pages/sign/signatureBoard.html

@@ -10,39 +10,6 @@
     <link rel="stylesheet" href="../../js/layui-v2.6.8/css/layui.css" media="all">
 </head>
 <style>
-    .layui-layout-admin .layui-header {
-        background-color: #fff;
-    }
-
-    .layui-layout-admin .layui-body {
-        position: inherit;
-    }
-
-    .layui-container img {
-        width: 800px;
-    }
-
-    .flex-container {
-        display: flex;
-        flex-direction: column; /* 设置为列方向，以便按钮在画布下方 */
-        align-items: center; /* 居中子元素（包括画布和按钮容器） */
-        justify-content: center; /* 在交叉轴上居中（对于列方向，即水平居中） */
-        /* 如果需要限制容器的宽度或高度，可以在这里设置 */
-        width: 100%; /* 或者你想要的任何宽度 */
-        padding: 20px; /* 为容器添加一些内边距 */
-    }
-
-    .button-container {
-        display: flex; /* 使按钮水平排列 */
-        justify-content: space-around; /* 在按钮之间平均分配空间 */
-        /* 如果需要，可以为按钮容器添加更多样式，如边距或背景色 */
-    }
-
-    /* 如果需要，还可以为按钮添加一些额外的样式或边距 */
-    .layui-btn {
-        margin-top: 10px; /* 按钮与画布之间的空间 */
-    }
-
     .navbar {
         background-color: #d2d2d2; /* 导航栏背景色 */
         padding: 10px 0; /* 导航栏内边距 */
@@ -61,20 +28,14 @@
         margin: 0 10px; /* 导航项之间的间距 */
     }
 
-    .nav-item a {
-        color: white; /* 链接颜色 */
-        text-decoration: none; /* 移除下划线 */
-        padding: 8px 16px; /* 链接内边距，增加点击区域 */
-        display: block; /* 将链接显示为块级元素，以便应用完整的内边距和背景色（如果需要） */
-    }
-
-    .nav-item.active a, .nav-item a:hover {
-        background-color: #555; /* 激活或悬停时的背景色 */
-    }
-
     .content-area {
         /* 内容区域的样式，如边距、填充等 */
         margin-top: 20px; /* 导航栏和内容区域之间的间距 */
+        align-content: center;
+        text-align: center;
+    }
+    .layui-btn {
+        margin-top: 10px !important;
     }
 
 </style>
@@ -102,6 +63,16 @@
 
     <!-- 图片上传区域（初始隐藏） -->
     <div class="layui-container flex-container" id="upload-container" style="display:none;">
+        <!-- 假设有一个预览区域 -->
+        <div style="display: flex;justify-content: center;align-content: center;align-items: center;">
+            <div id="image-preview"
+                 style="margin-top:10px; border:1px solid #ccc; width:400px; height:200px; display:flex; justify-content:center; align-items:center; overflow:hidden;">
+                <!-- 图片将在这里预览 -->
+                <img id="previewImage" src="" alt="图片预览" style="max-width:100%; max-height:100%;">
+            </div>
+
+
+        </div>
         <!-- 文件输入元素，设置为不可见 -->
         <input type="file" id="fileInput" style="display:none;" accept="image/*">
         <button class="layui-btn layui-btn-danger" id="uploadBtn">
@@ -110,12 +81,8 @@
         <button class="layui-btn" id="saveBtns">
             <i class="layui-icon">&#xe605;</i> 保存图片
         </button>
-        <!-- 假设有一个预览区域 -->
+
-        <div id="image-preview"
+
-             style="margin-top:10px; border:1px solid #ccc; width:400px; height:200px; display:flex; justify-content:center; align-items:center; overflow:hidden;">
-            <!-- 图片将在这里预览 -->
-            <img id="previewImage" src="" alt="图片预览" style="max-width:100%; max-height:100%;">
-        </div>
     </div>
 </div>