diff --git a/src/main/java/cn/com/tenlion/operator/controller/route/agreementportal/AgreementPortalRouteController.java b/src/main/java/cn/com/tenlion/operator/controller/route/agreementportal/AgreementPortalRouteController.java
index 6bcde9c..7e860eb 100644
--- a/src/main/java/cn/com/tenlion/operator/controller/route/agreementportal/AgreementPortalRouteController.java
+++ b/src/main/java/cn/com/tenlion/operator/controller/route/agreementportal/AgreementPortalRouteController.java
@@ -35,4 +35,9 @@ public class AgreementPortalRouteController extends DefaultBaseController {
         return new ModelAndView("agreementportal/list");
     }
 
+    @GetMapping("view")
+    public ModelAndView view() {
+        return new ModelAndView("agreementportal/view-agreement");
+    }
+
 }
\ No newline at end of file
diff --git a/src/main/resources/templates/agreementportal/list.html b/src/main/resources/templates/agreementportal/list.html
index 4529eb1..a82b5c7 100644
--- a/src/main/resources/templates/agreementportal/list.html
+++ b/src/main/resources/templates/agreementportal/list.html
@@ -123,6 +123,14 @@
                                 return rowData;
                             }
                         },
+                        {
+                            field: 'viewAgreement', fixed: 'right', width: 90, title: '预览', align: 'center',
+                            templet: function (row) {
+                                return '<a href="route/agreementportal/view?agreementId='+ row.agreementId +'' +
+                                    '" target="_blank" title="点击预览" class="layui-btn layui-btn-xs" >' +
+                                    '<i class="fa fa-eye" aria-hidden="true"></i> 预览</a>'
+                            }
+                        }
                         /*,
                         {field: 'isOpen', width: 180, title: '是否启用', align:'center',
                             templet: function(row) {
@@ -146,6 +154,19 @@
             });
         }
 
+        table.on('tool(dataTable)', function (obj) {
+            var data = obj.data;
+            // 添加说明
+            if ('viewAgreement' == obj.event) {
+                viewAgreement(data);
+            }
+        });
+
+        function viewAgreement(data) {
+            var url = 'route/agreementportal/view?agreementId=' + data.agreementId;
+            window.open(url);
+        }
+
         form.on('switch(switchEvent)', function () {
             let agreementportalId = $(this).attr("agreementportalId");
             let checked = this.checked;
diff --git a/src/main/resources/templates/agreementportal/view-agreement.html b/src/main/resources/templates/agreementportal/view-agreement.html
new file mode 100644
index 0000000..493ddf6
--- /dev/null
+++ b/src/main/resources/templates/agreementportal/view-agreement.html
@@ -0,0 +1,118 @@
+<!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">
+    <title>用户服务协议</title>
+    <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 agreementId = getQueryParam('agreementId');
+            alert(agreementId)
+            var loadLayerIndex;
+            restAjax.get(restAjax.path('api/agreementportal/get/{agreementId}', [agreementId]), {}, null, function(code, 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
