From c7f6d3a7a105cb79374a22662053f5ea1c408bdf Mon Sep 17 00:00:00 2001
From: Renpc-kilig <308442850@qq.com>
Date: Wed, 14 Aug 2024 17:44:03 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=A8=E6=88=B7=E5=90=8E=E5=8F=B0-=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E7=AE=A1=E7=90=86=E6=96=B0=E5=A2=9E=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../route/content/ContentRouteController.java |   6 +
 .../resources/templates/content/list.html     |   9 ++
 .../templates/content/view-content.html       | 134 ++++++++++++++++++
 3 files changed, 149 insertions(+)
 create mode 100644 src/main/resources/templates/content/view-content.html
diff --git a/src/main/java/cn/com/tenlion/operator/controller/route/content/ContentRouteController.java b/src/main/java/cn/com/tenlion/operator/controller/route/content/ContentRouteController.java
index 96e6c91..ba606fb 100644
--- a/src/main/java/cn/com/tenlion/operator/controller/route/content/ContentRouteController.java
+++ b/src/main/java/cn/com/tenlion/operator/controller/route/content/ContentRouteController.java
@@ -35,4 +35,10 @@ public class ContentRouteController extends DefaultBaseController {
         return new ModelAndView("content/list");
     }
 
+    @GetMapping("view")
+    public ModelAndView view() {
+        return new ModelAndView("content/view-content");
+    }
+
+
 }
\ No newline at end of file
diff --git a/src/main/resources/templates/content/list.html b/src/main/resources/templates/content/list.html
index a6d8ab6..bec7362 100644
--- a/src/main/resources/templates/content/list.html
+++ b/src/main/resources/templates/content/list.html
@@ -135,6 +135,15 @@
                                 var rowData = '<a class="layui-btn layui-btn-xs" lay-event="addSub">添加子元素</a>';
                                 return rowData;
                             }
+                        },
+                        {
+                            field: 'viewContent', fixed: 'right', width: 90, title: '预览', align: 'center',
+                            templet: function (row) {
+                                return '<a href="route/content/view?contentId='+ row.contentId +'' +
+                                    '&title='+ row.title +
+                                    '" target="_blank" title="点击预览" class="layui-btn layui-btn-xs" >' +
+                                    '<i class="fa fa-eye" aria-hidden="true"></i> 预览</a>'
+                            }
                         }
                     ]
                 ],
diff --git a/src/main/resources/templates/content/view-content.html b/src/main/resources/templates/content/view-content.html
new file mode 100644
index 0000000..ccbfa6c
--- /dev/null
+++ b/src/main/resources/templates/content/view-content.html
@@ -0,0 +1,134 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<head>
+    <base th:href="${#request.getContextPath() + '/'}">
+    <meta charset="utf-8">
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <!-- <link rel="icon" type="image/svg+xml" href="./assets/AImzhu.svg"> -->
+    <link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css"/>
+    <link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
+    <script>
+        function getParameterByName(name) {
+            name = name.replace(/[\[\]]/g, '\\$&');
+            var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
+                results = regex.exec(window.location.href);
+            if (!results) return null;
+            if (!results[2]) return '';
+            return decodeURIComponent(results[2].replace(/\+/g,''));
+        }
+
+        var title = getParameterByName('title');
+        if (title) {
+            document.title = title;
+        }
+    </script>
+
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        em,
+        i {
+            font-style: normal;
+        }
+
+        a {
+            text-decoration: none;
+        }
+
+        ul,
+        li,
+        ol {
+            list-style: none;
+        }
+
+        #app {
+            width: 1000px;
+            margin: 0 auto;
+            /* border: 1px solid #333; */
+            padding-top: 50px;
+            padding-bottom: 40px;
+        }
+
+        #title {
+            height: 60px;
+            line-height: 60px;
+            text-align: center;
+            margin-bottom: 15px;
+            /* border: 1px solid red; */
+        }
+
+        #content {
+            line-height: 35px;
+        }
+    </style>
+</head>
+
+<body>
+<div id="app">
+    <h2 id="title"></h2>
+    <div id="content"></div>
+</div>
+<script src="assets/layuiadmin/layui/layui.js"></script>
+<script type="text/javascript" src="assets/js/jquery-3.5.1.min.js"></script>
+<script src="assets/js/restajax.js"></script>
+<script src="assets/js/vendor/viewer/viewer.min.js"></script>
+<script>
+    layui.config({
+        base: 'assets/layuiadmin/'
+    }).extend({
+        index: 'lib/index'
+    }).use(['index', 'table', 'laydate', 'common', 'form', 'dialog'], function() {
+        var $ = layui.$;
+        var $win = $(window);
+        var table = layui.table;
+        var admin = layui.admin;
+        var laydate = layui.laydate;
+        var common = layui.common;
+        var resizeTimeout = null;
+        var form = layui.form;
+        var dialog = layui.dialog;
+
+        function getQueryParam(name) {
+            var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
+                results = regex.exec(window.location.href);
+            if (!results) return null;
+            if (!results[2]) return '';
+            return decodeURIComponent(results[2].replace(/\+/g, ' '));
+        }
+
+        function initData() {
+            var contentId = getQueryParam('contentId');
+            var loadLayerIndex;
+            restAjax.get(restAjax.path('api/content/get/{contentId}', [contentId]), {}, null, function(code, data) {
+                console.log(data)
+
+                const content = document.querySelector('#content')
+                const title = document.querySelector('#title')
+
+                title.innerHTML = data.title
+                content.innerHTML = data.content
+            }, function(code, data) {
+                dialog.msg(data.msg);
+            }, function() {
+                loadLayerIndex = dialog.msg('加载中', {icon: 16, time: 0, shade: 0.3});
+            }, function() {
+                dialog.close(loadLayerIndex);
+            });
+        }
+
+        initData();
+
+    });
+
+
+</script>
+</body>
+
+</html>
\ No newline at end of file
