From 8b12394422e0ae68ad1f0373d68d91b3585cde73 Mon Sep 17 00:00:00 2001
From: hayu <1604366271@qq.com>
Date: Mon, 30 Sep 2024 15:23:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E9=9C=80=E6=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/static/js/expireDataList.js     |  4 +-
 .../static/pages/sign/signatureBoard.html     | 75 ++++++-------------
 2 files changed, 23 insertions(+), 56 deletions(-)

diff --git a/src/main/resources/static/js/expireDataList.js b/src/main/resources/static/js/expireDataList.js
index 9f4304f..414d38c 100644
--- a/src/main/resources/static/js/expireDataList.js
+++ b/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);
 }
 
 /*删除用户*/
diff --git a/src/main/resources/static/pages/sign/signatureBoard.html b/src/main/resources/static/pages/sign/signatureBoard.html
index a9ac982..0473bf6 100644
--- a/src/main/resources/static/pages/sign/signatureBoard.html
+++ b/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>
 
@@ -126,7 +93,7 @@
 <script src="../../js/ajaxRequest.js"></script>
 <script type="text/javascript">
     var id = 0;
-    var base64EncodedString =null ;
+    var base64EncodedString = null;
     layui.use(['jquery'], function () {
         var upload = layui.upload;
         var layer = layui.layer;
@@ -256,7 +223,7 @@
         });
 
         // 绑定保存图片按钮的点击事件
-        $('#saveBtns').on('click', function() {
+        $('#saveBtns').on('click', function () {
             var file = $('#fileInput')[0].files[0];
             if (!file) {
                 layer.msg('请先选择图片！', {icon: 7});
@@ -276,8 +243,8 @@
             'signImg': image,
             'id': id
         }
-        params={
-            encryptedData:encryptCBC(JSON.stringify(params))
+        params = {
+            encryptedData: encryptCBC(JSON.stringify(params))
         }
         ajaxRequest(url, "POST", params, true, function () {
         }, function (result) {