|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>{ms:global.name/}</title>
|
|
|
|
|
<#include "head-file.htm" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="app" v-cloak>
|
|
|
|
|
<#include "header.htm" />
|
|
|
|
|
<div class="search">
|
|
|
|
|
<div class="body">
|
|
|
|
|
<span> 关键字 <span style="color: red">{ms:search.content_title/}</span> </span>
|
|
|
|
|
<div class="right-body">
|
|
|
|
|
<#assign isEmpty=true>
|
|
|
|
|
{ms:arclist size=10 ispaging=true}
|
|
|
|
|
<#assign isEmpty=false>
|
|
|
|
|
<div class="news-item">
|
|
|
|
|
<div class="pic">
|
|
|
|
|
<img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="news-content">
|
|
|
|
|
<a href="{ms:global.url/}${field.link}" class="title"> ${field.title?replace(search.content_title,'<font color="red">'+search.content_title+'</font>')} </a>
|
|
|
|
|
<span class="desc"> ${field.descrip} </span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{/ms:arclist}
|
|
|
|
|
<#if isEmpty>
|
|
|
|
|
<span style="width: 100%; text-align:center;min-height: 300px;display: flex;justify-content: center;align-items: center;">
|
|
|
|
|
没有找到 "<span style="color: red">${search.content_title}</span>" 相关记录
|
|
|
|
|
</span>
|
|
|
|
|
</#if>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="page">
|
|
|
|
|
<el-pagination
|
|
|
|
|
background
|
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
|
:page-size="pageSize"
|
|
|
|
|
:current-page.sync="pageCur"
|
|
|
|
|
layout="prev, pager, next, jumper"
|
|
|
|
|
:total="contentCount"> </el-pagination>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<#include "footer.htm" />
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
var app = new Vue({
|
|
|
|
|
el: '#app',
|
|
|
|
|
watch:{
|
|
|
|
|
},
|
|
|
|
|
data: {
|
|
|
|
|
//当前页数
|
|
|
|
|
pageCur: ${(page.cur)!1},
|
|
|
|
|
//每页文章条数
|
|
|
|
|
pageSize: ${(page.size)!20},
|
|
|
|
|
//页数总数
|
|
|
|
|
pageTotal: ${(page.total)!0},
|
|
|
|
|
//内容总数
|
|
|
|
|
contentCount: ${(page.rcount)!0},
|
|
|
|
|
keyword: "{ms:search.content_title/}",
|
|
|
|
|
categoryIds: "1329257282518720513,1329257213283344385"
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
handleCurrentChange:function(val) {
|
|
|
|
|
var form = document.createElement("form");
|
|
|
|
|
form.setAttribute("method", "post");
|
|
|
|
|
var input = document.createElement('input');
|
|
|
|
|
input.setAttribute('type', 'hidden');
|
|
|
|
|
input.setAttribute('name', 'size');
|
|
|
|
|
input.setAttribute('value', this.pageSize);
|
|
|
|
|
form.append(input);
|
|
|
|
|
input = document.createElement('input');
|
|
|
|
|
input.setAttribute('type', 'hidden');
|
|
|
|
|
input.setAttribute('name', 'pageNo');
|
|
|
|
|
input.setAttribute('value', val);
|
|
|
|
|
form.append(input);
|
|
|
|
|
input = document.createElement('input');
|
|
|
|
|
input.setAttribute('type', 'hidden');
|
|
|
|
|
input.setAttribute('name', 'content_title');
|
|
|
|
|
input.setAttribute('value', this.keyword);
|
|
|
|
|
form.append(input);
|
|
|
|
|
input = document.createElement('input');
|
|
|
|
|
input.setAttribute('type', 'hidden');
|
|
|
|
|
input.setAttribute('name', 'categoryIds');
|
|
|
|
|
input.setAttribute('value', this.categoryIds);
|
|
|
|
|
form.append(input);
|
|
|
|
|
|
|
|
|
|
form.setAttribute("action",location.pathname);
|
|
|
|
|
document.body.appendChild(form);
|
|
|
|
|
form.submit();
|
|
|
|
|
form.remove();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// location.href = location.pathname + "?size=" + this.pageSize + "&pageNo=" + val + "&content_title=" + this.keyword + "&categoryIds=" + this.categoryIds;
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
created(){
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
background-color:#fff;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
|
|
|
|
|
moz-box-sizing:border-box;
|
|
|
|
|
webkit-box-sizing:border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.search
|
|
|
|
|
{
|
|
|
|
|
align-items:center;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
display:flex;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
flex-wrap:nowrap;
|
|
|
|
|
width:100%;
|
|
|
|
|
margin-bottom:0px;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
margin-top:0px;
|
|
|
|
|
}
|
|
|
|
|
.search .body
|
|
|
|
|
{
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
display:flex;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
padding-bottom:20px;
|
|
|
|
|
flex-wrap:nowrap;
|
|
|
|
|
width:1200px;
|
|
|
|
|
margin-bottom:0px;
|
|
|
|
|
padding-top:20px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
margin-top:0px;
|
|
|
|
|
height:100%;
|
|
|
|
|
}
|
|
|
|
|
.search .body span
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
word-wrap:break-word;
|
|
|
|
|
display:inline-block;
|
|
|
|
|
font-size:14px;
|
|
|
|
|
margin-bottom:0px;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
margin-top:0px;
|
|
|
|
|
}
|
|
|
|
|
.search .body .page {
|
|
|
|
|
padding-right: 0px;
|
|
|
|
|
padding-bottom: 0px;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
height: 60px;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
padding-left: 0px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding-top: 0px;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
display: flex;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.search .body .right-body
|
|
|
|
|
{
|
|
|
|
|
align-items:flex-start;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
display:flex;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
margin-left:0px;
|
|
|
|
|
margin-right:0px;
|
|
|
|
|
padding-bottom:10px;
|
|
|
|
|
width:100%;
|
|
|
|
|
margin-bottom:0px;
|
|
|
|
|
padding-top:10px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
margin-top:0px;
|
|
|
|
|
height:100%;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
flex-wrap:nowrap;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
display:flex;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
width:100%;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
margin-bottom:10px;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
margin-top:0px;
|
|
|
|
|
height:120px;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item .pic
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
flex-wrap:nowrap;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
display:flex;
|
|
|
|
|
width:200px;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
height:120px;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item .pic img
|
|
|
|
|
{
|
|
|
|
|
margin-right:0px;
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
width:100%;
|
|
|
|
|
margin-bottom:0px;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
height:100%;
|
|
|
|
|
margin-left:0px;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item .news-content
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
flex-wrap:nowrap;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
display:flex;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
width:100%;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
position:relative;
|
|
|
|
|
padding-left:10px;
|
|
|
|
|
justify-content:flex-start;
|
|
|
|
|
height:100%;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item .news-content .title
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
word-wrap:break-word;
|
|
|
|
|
display:inline-block;
|
|
|
|
|
font-size:18PX;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item .news-content .desc
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:8px;
|
|
|
|
|
color:#909399;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
word-wrap:break-word;
|
|
|
|
|
display:inline-block;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
font-size:16PX;
|
|
|
|
|
margin-bottom:0px;
|
|
|
|
|
padding-top:8px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
height:100px;
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 768px){
|
|
|
|
|
.search
|
|
|
|
|
{
|
|
|
|
|
align-items:center;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
display:flex;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
flex-wrap:nowrap;
|
|
|
|
|
width:100%;
|
|
|
|
|
margin-bottom:0px;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
margin-top:0px;
|
|
|
|
|
}
|
|
|
|
|
.search .body
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:20px;
|
|
|
|
|
align-items:center;
|
|
|
|
|
flex-wrap:nowrap;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
display:flex;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
width:100%;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
padding-top:20px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
justify-content:flex-start;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body
|
|
|
|
|
{
|
|
|
|
|
align-items:center;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
display:flex;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
margin-left:0px;
|
|
|
|
|
margin-right:0px;
|
|
|
|
|
padding-bottom:10px;
|
|
|
|
|
width:100%;
|
|
|
|
|
margin-bottom:0px;
|
|
|
|
|
padding-top:10px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
margin-top:0px;
|
|
|
|
|
height:100%;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
flex-wrap:nowrap;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
display:flex;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
width:90%;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
margin-bottom:10px;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item .pic
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
flex-wrap:nowrap;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
display:flex;
|
|
|
|
|
width:100%;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
margin-bottom:0px;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
height:120px;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item .pic img
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
width:100%;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
height:100%;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item .news-content
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
flex-wrap:nowrap;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
display:flex;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
width:100%;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
position:relative;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
justify-content:flex-start;
|
|
|
|
|
height:100%;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item .news-content .title
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:0px;
|
|
|
|
|
text-align:left;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
word-wrap:break-word;
|
|
|
|
|
display:inline-block;
|
|
|
|
|
font-size:16PX;
|
|
|
|
|
margin-bottom:8px;
|
|
|
|
|
padding-top:0px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
margin-top:8px;
|
|
|
|
|
}
|
|
|
|
|
.search .body .right-body .news-item .news-content .desc
|
|
|
|
|
{
|
|
|
|
|
padding-bottom:8px;
|
|
|
|
|
color:#909399;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
word-wrap:break-word;
|
|
|
|
|
display:inline-block;
|
|
|
|
|
padding-right:0px;
|
|
|
|
|
font-size:14PX;
|
|
|
|
|
margin-bottom:0px;
|
|
|
|
|
padding-top:8px;
|
|
|
|
|
padding-left:0px;
|
|
|
|
|
margin-top:0px;
|
|
|
|
|
height:100px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}</style>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
