From 5a95da724dc6ab3a8c092ae1770f263dfe1bd007 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Fri, 23 May 2025 15:54:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=AF=86=E7=A0=81=E6=9C=AC?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../passwordBook/personnelPasswordBook.html   | 149 +++++++++++-------
 1 file changed, 95 insertions(+), 54 deletions(-)
diff --git a/src/main/resources/static/pages/evaluate/passwordBook/personnelPasswordBook.html b/src/main/resources/static/pages/evaluate/passwordBook/personnelPasswordBook.html
index f8c0294..2eb4e6d 100644
--- a/src/main/resources/static/pages/evaluate/passwordBook/personnelPasswordBook.html
+++ b/src/main/resources/static/pages/evaluate/passwordBook/personnelPasswordBook.html
@@ -3,7 +3,7 @@
 
 <head>
     <title>评价模板配置</title>
-    <link rel="stylesheet" href="../../../layui/css/layui.css"/>
+    <link rel="stylesheet" href="../../../layui/css/layui.css" />
     <style type="text/css">
         .widget-toolbar a {
             vertical-align: middle;
@@ -26,7 +26,8 @@
         .ui-state-focus {
             display: none !important;
         }
-        .layui-btn{
+
+        .layui-btn {
             margin-top: 10px;
         }
 
@@ -36,68 +37,108 @@
             width: 100%;
             padding: 7px;
         }
+
+        .password-book-item {
+            display: flex;
+            align-items: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+
+        .password-book-item span {
+            margin-right: 10px;
+        }
+
+        .password-book-item span:last-child {
+            cursor: pointer;
+            color: red;
+        }
     </style>
 </head>
 
 <body>
-<div class="layui-container" style="width: 100%;height: 100%;padding: 10px">
-    <form id="baseForm" class="layui-form" method="POST" onsubmit="return false;">
-       <div>人员密码本:</div>
-        <button class="layui-btn" title="上传" type="button" id="upload-btn">上传</button>
-        <button class="layui-btn" title="查看" type="button" onclick="viewBook(2)">查看</button>
-    </form>
+    <div class="layui-container" style="width: 100%;height: 100%;padding: 10px">
+        <form id="baseForm" class="layui-form" method="POST" onsubmit="return false;">
+            <div>人员密码本:</div>
+            <div class="password-book-list">
+                <!-- <div class="password-book-item">
+                    <span>密码1</span>
+                    <span>删除</span>
+                </div> -->
+            </div>
+            <button class="layui-btn" title="上传" type="button" id="upload-btn">上传</button>
+            <!-- <button class="layui-btn" title="查看" type="button" onclick="viewBook(2)">查看</button> -->
+        </form>
 
-</div>
-<script src="../../../js/publicJs.js"></script>
-<script type="text/javascript" src="../../../js/libs/jquery-2.1.1.min.js"></script>
-<script type="text/javascript" src="../../../js/jq.js"></script>
-<script type="text/javascript" src="../../../js/my/permission.js"></script>
-<script src="../../../layui/layui.js"></script>
-<script type="text/javascript">
-    let layer, laydate, table;
-    let obj = {};
-    $(function () {
-        // layui.use(['layer', 'laydate', 'table'], function () {
-        //     layer = layui.layer;
-        //     laydate = layui.laydate;
-        //     table = layui.table;
-        //     initTable();
-        // });
+    </div>
+    <script src="../../../js/publicJs.js"></script>
+    <script type="text/javascript" src="../../../js/libs/jquery-2.1.1.min.js"></script>
+    <script type="text/javascript" src="../../../js/jq.js"></script>
+    <script type="text/javascript" src="../../../js/my/permission.js"></script>
+    <script src="../../../layui/layui.js"></script>
+    <script type="text/javascript">
+        let layer, laydate, table;
+        let obj = {};
+        $(function () {
+            // layui.use(['layer', 'laydate', 'table'], function () {
+            //     layer = layui.layer;
+            //     laydate = layui.laydate;
+            //     table = layui.table;
+            //     initTable();
+            // });
 
-        layui.use('upload', function () {
-            var upload = layui.upload;
-            // 执行上传功能
-            var uploadInst = upload.render({
-                elem: '#upload-btn',
-                url: ctxPath + '/upload/passWordFile',
-                accept: 'file',
-                multiple: false,
-                done: function (res) {
-                    // 上传完毕回调
-                    console.log(res,'上传成功')
-                    debugger
-                    if (res.code === 0) { // 假设返回数据中有code字段，0表示成功
-                        // 在"人员密码本"后面添加文件名
-                        $("form#baseForm div:first").append(
-                            '<span style="margin-left: 10px; color: #1761c1;">' +
-                            res.message +
-                            '</span>'
-                        );
-                        layer.msg('上传成功');
-                    } else {
-                        layer.msg(res.resMsg || '上传失败');
+            layui.use('upload', function () {
+                var upload = layui.upload;
+                // 执行上传功能
+                var uploadInst = upload.render({
+                    elem: '#upload-btn',
+                    url: ctxPath + '/upload/passWordFile',
+                    accept: 'file',
+                    multiple: false,
+                    done: function (res) {
+                        // 上传完毕回调
+                        console.log(res, '上传成功')
+                        debugger
+                        if (res.code === 0) { // 假设返回数据中有code字段，0表示成功
+
+
+                            console.log(res, 'res.message')
+
+                            // $('.password-book-list').append(
+                            //     '<div class="password-book-item">' +
+                            //     '<span>' + res.message + '</span>' +
+                            //     '<span>删除</span>' +
+                            //     '</div>'
+                            // );
+
+                            getUploadFile()
+                            layer.msg('上传成功');
+                        } else {
+                            layer.msg(res.resMsg || '上传失败');
+                        }
+                    },
+                    error: function () {
+
+                        layer.msg('请求失败')
                     }
-                },
-                error: function () {
-
-                    layer.msg('请求失败')
-                }
+                })
             })
-        })
-    });
+
+            // 获取上传的文件
+            function getUploadFile() {
+                $.ajax({
+                    url: ctxPath + '/upload/getFile',
+                    type: 'GET',
+                    success: function (res) {
+                        console.log(res, 'res文件列表')
+                    }
+                })
+            }
+        });
 
 
-</script>
+    </script>
 </body>
 
 </html>
\ No newline at end of file
