From 4a80f1bf212e1747d1c88bde32284e93bf5f8652 Mon Sep 17 00:00:00 2001
From: kgdxpr <kgdxpr@163.com>
Date: Mon, 4 Nov 2024 11:01:05 +0800
Subject: [PATCH] 'commit'

---
 WebRoot/html/pages/document/database.html     |   0
 WebRoot/html/pages/document/document.html     | 164 ++++++++++++++++++
 WebRoot/html/pages/document/document_add.html | 120 +++++++++++++
 WebRoot/html/pages/test/test5.html            |  40 +++++
 4 files changed, 324 insertions(+)
 create mode 100644 WebRoot/html/pages/document/database.html
 create mode 100644 WebRoot/html/pages/document/document.html
 create mode 100644 WebRoot/html/pages/document/document_add.html
 create mode 100644 WebRoot/html/pages/test/test5.html
diff --git a/WebRoot/html/pages/document/database.html b/WebRoot/html/pages/document/database.html
new file mode 100644
index 00000000..e69de29b
diff --git a/WebRoot/html/pages/document/document.html b/WebRoot/html/pages/document/document.html
new file mode 100644
index 00000000..f97a0a63
--- /dev/null
+++ b/WebRoot/html/pages/document/document.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title></title>
+    <link href="../js/layui/css/layui.css" rel="stylesheet">
+    <style>
+        .woo-tool-text-delimiter {
+            width: 1px;
+            height: 12px;
+            background: #EEEEEE;
+            display: inline-block;
+            margin: 0 6px 0 4px;
+        }
+
+        .woo-theme-color {
+            color: #1e9fff !important;
+        }
+
+        .woo-tool-span {
+            margin: 0 3px;
+            position: relative;
+            top: -1px;
+            cursor: pointer;
+        }
+
+        .layui-card-body .layui-form {
+            margin-top: 0 !important;
+        }
+
+        .layui-form-select {
+            width: 300px;
+        }
+
+        .layui-card {
+            margin-bottom: 15px;
+            border-radius: 2px;
+            background-color: #fff;
+            box-shadow: none;
+        }
+    </style>
+</head>
+
+<body class="layui-form">
+
+    <div class="layui-card">
+        <div class="layui-card-body">
+            <table id="data-table"></table>
+            <script type="text/html" id="tableToolbar">
+                <div class="layui-btn-container">
+                  <button class="layui-btn layui-btn-sm"  lay-event="addFile"><i class="layui-icon layui-icon-upload-drag"></i>上传文件</button>               
+                </div>
+              </script>
+
+            <script type="text/html" id="table-bar">
+                <span class="woo-tool-span woo-tool-text-span" lay-event="delete"><a
+                    class="woo-theme-color">删除</a></span>   
+            </script>
+        </div>
+    </div>
+
+    <script src="../js/layui/layui.js"></script>
+
+    <script>
+        layui.use(function () {
+            var table = layui.table;
+            var form = layui.form;
+            var $ = layui.jquery;
+            var common = layui.common;
+            var laytpl = layui.laytpl;
+
+
+            tableRender();
+            function tableRender() {
+                table.render({
+                    elem: '#data-table',
+                    url: '/ZhuQue/wxgzh/getZskPage',
+                    request: {
+                        pageName: 'pageNum', // 页码的参数名称，默认：page
+                        limitName: 'pageSize' // 每页数据条数的参数名，默认：limit
+                    },
+                    height: 'full-35',
+                    page: {
+                        limit: 20
+                        , layout: ['count', 'prev', 'page', 'next', 'skip']
+                        , prev: "上一页"
+                        , next: "下一页"
+                    },
+                    toolbar: '#tableToolbar',
+                    cols: [[
+                        { title: '序号', align: 'center', width: "5%", type: 'numbers' },
+                        { title: '文档名称', field: 'name', align: 'center' },
+                        { title: '操作', toolbar: '#table-bar', align: 'center', width: "10%" }
+                    ]],
+                    skin: 'line',
+                    defaultToolbar: [],
+                    parseData: function (res) {
+                        if (res.code === 200) {
+                            return {
+                                "code": 0,
+                                "msg": "",
+                                "count": res.data.total,
+                                "data": res.data.list
+                            };
+                        }
+                    }
+                });
+            }
+
+            table.on('toolbar(data-table)', function (obj) {
+                if (obj.event === 'addFile') {
+                    layer.open({
+                        type: 2,
+                        title: '上传文件',
+                        area: ['600px', '230px'],
+                        shade: 0.1,
+                        content: './document_add.html'
+                    });
+                }
+            });
+
+
+            table.on('tool(data-table)', function (obj) {
+                if (obj.event === 'delete') {
+                    layer.confirm('确定要删除该文件吗？', {
+                        icon: 3,
+                        title: '提示'
+                    }, function (index) {
+                        layer.close(index);
+                        $.ajax({
+                            url: "/ZhuQue/wxgzh/delZskDocument",
+                            data: { id: obj.data.id },
+                            type: 'post',
+                            success: function (result) {
+                                if (result.code === 200) {
+                                    layer.msg('删除成功！', {
+                                        icon: 1,
+                                        time: 1000
+                                    }, function () {
+                                        table.reload('data-table');
+                                    });
+                                } else {
+                                    layer.msg(result.msg, {
+                                        icon: 2,
+                                        time: 2000
+                                    });
+                                }
+                            }
+                        });
+                    });
+
+                }
+
+            });
+
+
+
+
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/WebRoot/html/pages/document/document_add.html b/WebRoot/html/pages/document/document_add.html
new file mode 100644
index 00000000..a9d917b4
--- /dev/null
+++ b/WebRoot/html/pages/document/document_add.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title></title>
+    <link href="../js/layui/css/layui.css" rel="stylesheet">
+    <style>
+        .require-star {
+            position: absolute;
+            width: 3px;
+            height: 14px;
+            background-color: #ea4335;
+            top: 12px;
+            right: 8px;
+            border-radius: 1.5px;
+        }
+
+        .input-width {
+            max-width: 455px
+        }
+
+        .mainBox {
+            width: 100%;
+            position: absolute;
+            top: 0px;
+            left: 0px;
+            bottom: 50px;
+            overflow: auto;
+        }
+
+        .main-container {
+            margin: 15px;
+        }
+
+        .bottom {
+            width: 100%;
+            position: absolute;
+            bottom: 0px;
+            left: 0px;
+            height: 50px;
+            line-height: 50px;
+            background-color: #F8F8F8;
+            border-top: 1px solid #eee;
+        }
+
+        .button-container {
+            position: absolute;
+            right: 15px;
+        }
+    </style>
+</head>
+
+<body>
+    <form class="layui-form" action="">
+        <div class="mainBox">
+            <div class="main-container">
+                <!-- <div class="layui-form-item">
+                    <label class="layui-form-label" style="width: auto;"><span class="require-star"></span>文件名称</label>
+                    <div class="layui-input-block">
+                        <input type="text" id="fileName" lay-verify="required" autocomplete="off" placeholder="请输入文件名称"
+                            class="layui-input input-width">
+                    </div>
+                </div> -->
+                <div class="layui-form-item">
+                    <label class="layui-form-label" style="width: auto;"><span class="require-star"></span>文档上传</label>
+                    <div class="layui-input-block">
+                        <button type="button" class="layui-btn layui-btn-normal"
+                            id="ID-upload-demo-choose">选择文档</button>
+                    </div>
+                    <!-- <button type="button" class="layui-btn" id="ID-upload-demo-action">开始上传</button> -->
+                </div>
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="button-container">
+                <button type="button" class="layui-btn layui-btn-sm" id="ID-upload-demo-action">
+                    <i class="layui-icon layui-icon-upload-drag"></i>
+                    上传
+                </button>
+            </div>
+        </div>
+    </form>
+    <script src="../js/layui/layui.js"></script>
+
+    <script>
+        layui.use(function () {
+            var form = layui.form;
+            var $ = layui.jquery;
+            var laytpl = layui.laytpl;
+            var upload = layui.upload;
+
+            upload.render({
+                elem: '#ID-upload-demo-choose',
+                url: '/dsBase/res/uploadZskDocument',
+                data: {
+                    type_id: "1",
+                },
+                accept: "file",
+                exts: "doc|docx|xls|xlsx|ppt|pptx|pdf|txt",
+                auto: false,
+                bindAction: '#ID-upload-demo-action',
+                done: function (res) {
+                    layer.msg("上传成功！", {
+                        icon: 1,
+                        time: 1300
+                    }, function () {
+                        parent.layer.close(parent.layer.getFrameIndex(window.name));
+                        parent.layui.table.reload("data-table");
+                    });
+                }
+            });
+
+        });
+    </script>
+    <script>
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/WebRoot/html/pages/test/test5.html b/WebRoot/html/pages/test/test5.html
new file mode 100644
index 00000000..892cdc8f
--- /dev/null
+++ b/WebRoot/html/pages/test/test5.html
@@ -0,0 +1,40 @@
+<li class="el-upload-list__item is-uploading" tabindex="0">
+    <img class="el-upload-list__item-thumbnail" src="blob:http://localhost:8848/f16d47de-68d9-46c6-aae7-e3d519b121e5"
+        alt="">
+    <div class="el-upload-list__item-info">
+        <a class="el-upload-list__item-name"><i
+                class="el-icon el-icon--document"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+                    <path fill="currentColor"
+                        d="M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z">
+                    </path>
+                </svg></i><span class="el-upload-list__item-file-name"
+                title="Geeker-Admin3.doc">Geeker-Admin3.doc</span></a>
+        <div class="el-progress el-progress--line" role="progressbar" aria-valuenow="23" aria-valuemin="0"
+            aria-valuemax="100" style="margin-top: 0.5rem;">
+            <div class="el-progress-bar">
+                <div class="el-progress-bar__outer" style="height: 2px;">
+                    <div class="el-progress-bar__inner" style="width: 23%; animation-duration: 3s;"><!--v-if--></div>
+                </div>
+            </div>
+            <div class="el-progress__text" style="font-size: 12.8px;"><span>23%</span></div>
+        </div>
+    </div>
+    
+    
+    
+    
+    
+    <label class="el-upload-list__item-status-label"><i
+            class="el-icon el-icon--upload-success el-icon--check"><svg xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 1024 1024">
+                <path fill="currentColor"
+                    d="M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z">
+                </path>
+            </svg></i></label><i class="el-icon el-icon--close"><svg xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 1024 1024">
+            <path fill="currentColor"
+                d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z">
+            </path>
+        </svg></i><!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn--><!-- This is a bug which needs to be fixed --><!-- TODO: Fix the incorrect navigation interaction --><i
+        class="el-icon--close-tip">按 delete 键可删除</i><!--v-if-->
+</li>
\ No newline at end of file
