wangxy
/
work-portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交内容

Browse Source
special-20250331
dshclm 4 days ago
parent a84e1c3f14
commit e4811cb916
1 changed files with 134 additions and 123 deletions
Show Stats Download Patch File Download Diff File

257
ruoyi-admin/src/main/resources/templates/home/special_view.html
Unescape View File

@ -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;

Write Preview
Loading…
Cancel
Save