diff --git a/ruoyi-admin/src/main/resources/templates/home/special_view.html b/ruoyi-admin/src/main/resources/templates/home/special_view.html
index f7ba247..6f705e0 100644
--- a/ruoyi-admin/src/main/resources/templates/home/special_view.html
+++ b/ruoyi-admin/src/main/resources/templates/home/special_view.html
@@ -2,6 +2,9 @@
 <html lang="zh" xmlns:th="http://www.thymeleaf.org">
 
 <head>
+    <!--[if IE]>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <![endif]-->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>甘肃省人民检察院兰铁分院</title>
@@ -15,12 +18,15 @@
             height: 100%;
             margin: 0;
             padding: 0;
+            display: -ms-flexbox;
             display: flex;
+            -ms-flex-direction: column;
             flex-direction: column;
         }
 
         /* 设置内容区域自动填充剩余高度 */
         #content {
+            -ms-flex-positive: 1;
             flex-grow: 1;
             padding-bottom: 28px;
         }
@@ -31,7 +37,6 @@
             padding: 0 5px;
         }
 
-
         .time {
             position: absolute;
             right: 0;
@@ -52,46 +57,28 @@
         }
 
         .row {
-            display: inline-block;
-            width: 100%;
+            display: -ms-flexbox;
             display: flex;
-            display: inline-block\9;
-            justify-content: space-between;
+            -ms-flex-wrap: nowrap;
             flex-wrap: nowrap;
+            -ms-flex-pack: justify;
+            justify-content: space-between;
         }
 
         .main-left {
             width: 22.3%;
         }
 
-        .fl {
-            float: left;
-        }
-
-        sidebar {
-            border: 1px solid #E1E1E1;
-            border-bottom: none;
-        }
-
         .main-right {
             width: 74.92%;
             min-height: 516px;
         }
 
-        .fr {
-            float: right;
-        }
-
-
         .mt10 {
             margin-top: 10px;
             min-height: 565px;
         }
 
-        .mt10 li {
-            border-bottom: 1px solid #ccc;
-        }
-
         ul.list li .date {
             color: #999;
             font-size: 14px;
@@ -116,11 +103,6 @@
             word-break: break-all;
         }
 
-        a {
-            text-decoration: none;
-            color: #333;
-        }
-
         .main-left h2 {
             padding: 16px 0px;
             color: #fff;
@@ -138,9 +120,6 @@
 
         .sidebar li a.active {
             color: #0055A5;
-        }
-
-        .sidebar li a.active {
             background: url(/home/base/p110.png) no-repeat 12%;
             background-size: 5%;
         }
@@ -207,10 +186,6 @@
             word-break: break-all;
         }
 
-        .speciList li a:hover {
-            cursor: pointer;
-        }
-
         .speciList li .date {
             color: #999;
             font-size: 14px;
@@ -220,23 +195,64 @@
         }
 
         .isShow {
+            -ms-transition: all 0.3s ease-in-out;
             transition: all 0.3s ease-in-out;
         }
 
-        .pagination {
+        .pagination-container {
+            display: -ms-flexbox;
             display: flex;
-            justify-content: center;
-            margin-top: 10px;
+            -ms-flex-pack: justify;
+            justify-content: space-between;
+            align-items: center;
+            margin: 15px 0;
+        }
+
+        .page-size-select {
+            width: 120px;
+            margin-left: 10px;
+        }
+
+        .pagination-buttons {
+            display: -ms-flexbox;
+            display: flex;
+            align-items: center;
+        }
+
+        .pagination-button {
+            margin: 0 3px;
+            padding: 6px 12px;
+            border: 1px solid #dcdfe6;
+            border-radius: 4px;
+            cursor: pointer;
+            background-color: #fff;
+        }
+
+        .pagination-button:hover {
+            background-color: #e8f2ff;
+        }
+
+        .pagination-button:disabled {
+            color: #c0c4cc;
+            cursor: not-allowed;
+            background-color: #f5f7fa;
+            border-color: #e4e7ed;
         }
 
-        .pagination button {
-            margin: 0 5px;
+        .page-info {
+            margin-right: 10px;
+            color: #606266;
         }
-        .pagination-container { display: flex; justify-content: space-between; align-items: center; margin: 15px 0; } .page-size-select { width: 120px; margin-left: 10px; } .pagination-buttons { display: flex; align-items: center; } .pagination-button { margin: 0 3px; padding: 6px 12px; border: 1px solid #dcdfe6; border-radius: 4px; cursor: pointer; background-color: #fff; } .pagination-button:hover { background-color: #e8f2ff; } .pagination-button:disabled { color: #c0c4cc; cursor: not-allowed; background-color: #f5f7fa; border-color: #e4e7ed; } .page-info { margin-right: 10px; color: #606266; }
     </style>
 </head>
 
 <body class="layui-bg-gray" style="">
+<!--[if lte IE 10]>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
+<![endif]-->
+
 <div id="content">
     <!--头部-->
     <th:block th:include="home_head.html :: home_head" />
@@ -253,7 +269,7 @@
             <div class="container">
                 <div class="main">
                     <div class="row" id="app">
-                        <div class="main-left fl">
+                        <div class="main-left">
                             <h2>
                                 专题栏目
                             </h2>
@@ -272,22 +288,22 @@
                                     </span>
                             </el-tree>
                         </div>
-                        <div class="main-right fr common-list">
+                        <div class="main-right common-list">
                             <ul>
                                 <li v-for="(item, index) in rightList" :key="index" class="isShow" ref="listRef">
                                     <h2 style="
-                                            width: 100%;
-                                            height: 50px;
-                                            background-color: #ebebeb;
-                                            line-height: 50px;
-                                            font-size: 18px;
-                                            color: #0b61d3;
-                                            padding-left: 10px"
+                                                width: 100%;
+                                                height: 50px;
+                                                background-color: #ebebeb;
+                                                line-height: 50px;
+                                                font-size: 18px;
+                                                color: #0b61d3;
+                                                padding-left: 10px"
                                     >
                                         {{item.columnName}}
                                         <span v-if="item.sysSpecials.list.length != 0" style="color: #0b61d3;font-size: 14px;float: right;margin-right: 17px;cursor: pointer;" @click="more(index)">
                                                 {{ item.isExpanded ? '收起-' : '更多+' }}
-                                        </span>
+                                            </span>
                                     </h2>
                                     <ul style="" class="speciList">
                                         <li v-for="(item2, index2) in getPaginatedData(item, index)" :key="index2">
@@ -326,6 +342,7 @@
         </div>
     </div>
 </div>
+
 <!--底部-->
 <script th:src="@{/home/lib/vue.js}"></script>
 <script th:src="@{/home/lib/elementui.js}"></script>
@@ -334,19 +351,17 @@
 <script th:inline="javascript">
     window.addEventListener('DOMContentLoaded', function () {
         var currentUrl = location.href;
-        // 获取所有的<a>标签
         var links = document.querySelectorAll('a');
-        // 遍历每个链接，并判断其href属性是否与当前URL相同
         for (var i = 0; i < links.length; i++) {
             if (links[i].href === currentUrl) {
-                // 添加layui-this类名到对应的父元素的class中
-                links[i].parentNode.classList.add('layui-this');
+                links[i].parentNode.className += ' layui-this';
             }
         }
     });
+
     var app = new Vue({
         el: '#app',
-        data() {
+        data: function() {
             return {
                 treeData: [],
                 defaultProps: {
@@ -356,140 +371,136 @@
                 },
                 defaultSelected: [[${columnId}]],
                 rightList: [],
-                isMoreTitle: true,
-                // itemsPerPage: 5, // 每页显示的项目数
+                isMoreTitle: true
             };
         },
         filters: {
-            formatDate(value) {
+            formatDate: function(value) {
                 if (!value) return '';
-                const date = new Date(value);
-                const year = date.getFullYear();
-                const month = String(date.getMonth() + 1).padStart(2, '0');
-                const day = String(date.getDate()).padStart(2, '0');
-                return `${year}年${month}月${day}日`;
+                var date = new Date(value);
+                var year = date.getFullYear();
+                var month = String(date.getMonth() + 1).padStart(2, '0');
+                var day = String(date.getDate()).padStart(2, '0');
+                return year + '年' + month + '月' + day + '日';
             }
         },
-        mounted() {
+        mounted: function() {
             this.getTreeData();
-            this.getSpecial('')
+            this.getSpecial('');
         },
         methods: {
-            getTreeData() {
+            getTreeData: function() {
                 $.ajax({
                     type: "get",
                     url: "/columnTree/getSpecialTree",
                     data: {
-                        columnId: this.defaultSelected,
+                        columnId: this.defaultSelected
                     },
-                    success: function (res) {
+                    success: function(res) {
                         if (res.code == 0) {
                             this.treeData = res.data;
-                            // this.defaultSelected = localStorage.getItem('defaultSelected');
-                            this.$nextTick(() => {
-                                this.$refs.treeRef.setCurrentKey(this.defaultSelected)
-                            })
+                            this.$nextTick(function() {
+                                this.$refs.treeRef.setCurrentKey(this.defaultSelected);
+                            }.bind(this));
                         }
                     }.bind(this)
                 });
             },
-            getSpecial(params) {
-                if (params){
+            getSpecial: function(params) {
+                if (params) {
                     $.ajax({
                         type: "get",
                         url: "/columnTree/getSpecial",
                         data: {
                             columnId: params.columnId,
                             type: '2',
-                            pageNum: this.currentPage,
+                            pageNum: this.currentPage
                         },
-                        success: function (res) {
+                        success: function(res) {
                             if (res.code == 0) {
-                                this.rightList = res.data.map(item => ({
-                                    ...item,
-                                    isExpanded: false,
-                                    currentPage: 1,
-                                    itemsPerPage: 5 // 初始化每页显示5条
-                                }));
+                                this.rightList = res.data.map(function(item) {
+                                    return {
+                                        ...item,
+                                        isExpanded: false,
+                                        currentPage: 1,
+                                        itemsPerPage: 5
+                                    };
+                                });
                             }
                         }.bind(this)
                     });
-                }else{
+                } else {
                     $.ajax({
                         type: "get",
                         url: "/columnTree/getSpecial",
                         data: {
                             columnId: this.defaultSelected,
                             type: '',
-                            pageNum: this.currentPage,
+                            pageNum: this.currentPage
                         },
-                        success: function (res) {
+                        success: function(res) {
                             if (res.code == 0) {
-                                this.rightList = res.data.map(item => ({
-                                    ...item,
-                                    isExpanded: false,
-                                    currentPage: 1,
-                                    itemsPerPage: 5 // 初始化每页显示5条
-                                }));
+                                this.rightList = res.data.map(function(item) {
+                                    return {
+                                        ...item,
+                                        isExpanded: false,
+                                        currentPage: 1,
+                                        itemsPerPage: 5
+                                    };
+                                });
                             }
                         }.bind(this)
                     });
                 }
             },
-            handleNodeClick(data) {
-                // localStorage.setItem('defaultSelected',data.columnId)
+            handleNodeClick: function(data) {
                 if (data.columnGrade == '2') {
-                    this.getSpecial('')
-                }else{
-                    this.getSpecial(data)
+                    this.getSpecial('');
+                } else {
+                    this.getSpecial(data);
                 }
             },
-            pubHref(id, type) {
-                openPopup("/public_view.html?type=" + type + "&id=" + id);
+            pubHref: function(id, type) {
+                window.open("/public_view.html?type=" + type + "&id=" + id, '_blank');
             },
-            more(index) {
-                if (!this.rightList[index].isExpanded) {
-                    // 切换当前列表的展开状态
-                    this.rightList[index].isExpanded = !this.rightList[index].isExpanded;
-                } else {
-                    this.rightList[index].isExpanded = !this.rightList[index].isExpanded;
-                }
+            more: function(index) {
+                this.rightList[index].isExpanded = !this.rightList[index].isExpanded;
             },
-            getPaginatedData(item, index) {
-                const startIndex = (this.rightList[index].currentPage - 1) * this.rightList[index].itemsPerPage;
-                const endIndex = startIndex + this.rightList[index].itemsPerPage;
+            getPaginatedData: function(item, index) {
+                var startIndex = (this.rightList[index].currentPage - 1) * this.rightList[index].itemsPerPage;
+                var endIndex = startIndex + this.rightList[index].itemsPerPage;
                 return item.sysSpecials.list.slice(startIndex, endIndex);
             },
-            getTotalPages(item) {
+            getTotalPages: function(item) {
                 return Math.ceil(item.sysSpecials.list.length / this.itemsPerPage);
             },
-            prevPage(index) {
+            prevPage: function(index) {
                 if (this.rightList[index].currentPage > 1) {
                     this.rightList[index].currentPage--;
                 }
             },
-            nextPage(index) {
-                const total = this.totalPages(index);
+            nextPage: function(index) {
+                var total = this.totalPages(index);
                 if (this.rightList[index].currentPage < total) {
                     this.rightList[index].currentPage++;
                 }
             },
-            handlePageSizeChange(index,itemsPerPage) {
-                this.rightList[index].currentPage = 1; // 切换页大小后重置页码
-                this.rightList[index].itemsPerPage = itemsPerPage; // 直接更新当前列表项的属性
+            handlePageSizeChange: function(index, itemsPerPage) {
+                this.rightList[index].currentPage = 1;
+                this.rightList[index].itemsPerPage = itemsPerPage;
             },
-            paginatedData(index) {
-                const item = this.rightList[index];
-                const start = (item.currentPage - 1) * item.itemsPerPage;
-                const end = start + item.itemsPerPage;
+            paginatedData: function(index) {
+                var item = this.rightList[index];
+                var start = (item.currentPage - 1) * item.itemsPerPage;
+                var end = start + item.itemsPerPage;
                 return item.sysSpecials.list.slice(start, end);
             },
-            totalPages(index) {
-                const item = this.rightList[index];
+            totalPages: function(index) {
+                var item = this.rightList[index];
                 return Math.ceil(item.sysSpecials.list.length / item.itemsPerPage);
             }
         }
-    })
+    });
 
     function redirect(url) {
         window.location.href = url;
