Skip to content
GitLab
Commit dda8a9ae authored by 铭飞's avatar 铭飞 Committed by Gitee
Browse files

!198 5.0样式 

Merge pull request !198 from 田彬杰/5.0.0
parents 96693c07 c8d047dc
Hide whitespace changes
Inline Side-by-side
src/main/webapp/templets/1/default/m/news-list.htm
View file @ dda8a9ae
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<#include "/m/head-file.htm"/> <#include "/m/head-file.htm"/>
<body> <body>
<#include "/m/head.htm"/> <#include "/m/head.htm"/>
<div class="ms-banner"> <div class="ms-banner">
<img src="{ms:global.host/}/{ms:global.style/}/images/case.png" class="am-img-responsive" alt=""/> <img src="{ms:global.host/}/{ms:global.style/}/images/case.png" class="am-img-responsive" alt=""/>
</div> </div>
<div class="ms-news-list"> <div class="ms-news-list">
<div data-am-widget="list_news" class="am-list-news am-list-news-default"> <div data-am-widget="list_news" class="am-list-news am-list-news-default">
<div class="am-list-news-bd"> <div class="am-list-news-bd">
<ul class="am-list"> <ul class="am-list">
{ms:arclist ispaging=true size=3} {ms:arclist ispaging=true size=3}
<li class="am-g am-list-item-dated"> <li class="am-g am-list-item-dated">
<a href="{ms:global.url/}[field.link/]" class="am-list-item-hd ">[field.title/]</a> <a href="{ms:global.url/}[field.link/]" class="am-list-item-hd ">[field.title/]</a>
<span class="am-list-date">[field.date?string("yyyy-mm-dd")/]</span> <span class="am-list-date">[field.date?string("yyyy-mm-dd")/]</span>
</li> </li>
{/ms:arclist} {/ms:arclist}
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<#include "/m/footer.htm"/> <#include "/m/footer.htm"/>
</body> </body>
</html> </html>
\ No newline at end of file
src/main/webapp/templets/1/default/m/news-show.htm
View file @ dda8a9ae
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<#include "/m/head-file.htm"/> <#include "/m/head-file.htm"/>
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/jquery.sinaemotion.css" /> <link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/jquery.sinaemotion.css" />
<script type="text/javascript" src="{ms:global.host/}/{ms:global.style/}/js/jquery.sinaEmotion.js"></script> <script type="text/javascript" src="{ms:global.host/}/{ms:global.style/}/js/jquery.sinaEmotion.js"></script>
</head> </head>
<body> <body>
<#include "/m/head.htm"/> <#include "/m/head.htm"/>
<div class="ms-banner"> <div class="ms-banner">
<img src="{ms:global.host/}/{ms:global.style/}/images/case.png" class="am-img-responsive" alt="" /> <img src="{ms:global.host/}/{ms:global.style/}/images/case.png" class="am-img-responsive" alt="" />
</div> </div>
<div class="ms-news-show" id="news-show-vue"> <div class="ms-news-show" id="news-show-vue">
<article class="am-article"> <article class="am-article">
<div class="am-article-hd ms-news-show-main"> <div class="am-article-hd ms-news-show-main">
<div class="ms-news-show-title">{ms:field.title/}</div> <div class="ms-news-show-title">{ms:field.title/}</div>
<p class="am-article-meta"> <p class="am-article-meta">
<div class="ms-news-show-icon"> <div class="ms-news-show-icon">
<div class="ms-news-show-icon-source"><lable class="ms-news-show-icon-title">来源：</lable><lable class="ms-news-show-icon-con">{ms:field.source/}</lable> <div class="ms-news-show-icon-source"><lable class="ms-news-show-icon-title">来源：</lable><lable class="ms-news-show-icon-con">{ms:field.source/}</lable>
<span>|</span> <span>|</span>
</div> </div>
<div class="ms-news-show-icon-time"> <div class="ms-news-show-icon-time">
<span>|</span> <span>|</span>
</div> </div>
<div class="ms-news-show-icon-clicks"></div> <div class="ms-news-show-icon-clicks"></div>
<div class="ms-news-show-icon-num">{ms:field.hit/} <div class="ms-news-show-icon-num">{ms:field.hit/}
<span>|</span> <span>|</span>
</div> </div>
<!-- <div class="ms-news-show-icon-comment"></div> <!-- <div class="ms-news-show-icon-comment"></div>
<div class="ms-news-show-icon-num">52<span>|</span></div> --> <div class="ms-news-show-icon-num">52<span>|</span></div> -->
<div class="ms-news-show-icon-Fabulous"></div> <div class="ms-news-show-icon-Fabulous"></div>
<div class="ms-news-show-icon-num" v-text="attentionNum"></div> <div class="ms-news-show-icon-num" v-text="attentionNum"></div>
</div> </div>
</p> </p>
</div> </div>
<div class="am-article-bd ms-news-show-content">{ms:field.content/}</div> <div class="am-article-bd ms-news-show-content">{ms:field.content/}</div>
<div class="metfield"> <div class="metfield">
<p>上一篇：<a href="{ms:pre.link/}">{ms:pre.title/}</a></p> <p>上一篇：<a href="{ms:pre.link/}">{ms:pre.title/}</a></p>
<p>下一篇：<a href="{ms:next.link/}">{ms:next.title/}</a></p> <p>下一篇：<a href="{ms:next.link/}">{ms:next.title/}</a></p>
</div> </div>
</article> </article>
<div class="ms-news-show-comment"> <div class="ms-news-show-comment">
<div class="ms-news-show-comment-top"> <div class="ms-news-show-comment-top">
<div class="ms-news-show-comment-top-icon" @click="attentionNews" :class="{'ms-is-attention':isAttention}"></div> <div class="ms-news-show-comment-top-icon" @click="attentionNews" :class="{'ms-is-attention':isAttention}"></div>
</div> </div>
<div class="ms-news-show-comment-bottom"> <div class="ms-news-show-comment-bottom">
<div class="ms-news-show-comment-input"> <div class="ms-news-show-comment-input">
<textarea v-model='isButAttention' class="emotion" type="text" name="comments" placeholder="我有话说..."></textarea> <textarea v-model='isButAttention' class="emotion" type="text" name="comments" placeholder="我有话说..."></textarea>
<div class="ms-news-show-comment-button"> <div class="ms-news-show-comment-button">
<div class="ms-news-show-comment-expression" id="ms-face"></div> <div class="ms-news-show-comment-expression" id="ms-face"></div>
<div class="ms-news-show-comment-submit" :class="{'ms-submit-comments-css':isButAttention.length > 0}" @click="submitComments()">提交</div> <div class="ms-news-show-comment-submit" :class="{'ms-submit-comments-css':isButAttention.length > 0}" @click="submitComments()">提交</div>
</div> </div>
</div> </div>
<div class="ms-news-show-comment-whole">全部评论</div> <div class="ms-news-show-comment-whole">全部评论</div>
<div class="ms-news-show-comment-list"> <div class="ms-news-show-comment-list">
<template v-for="(comments,index) in commentsList"> <template v-for="(comments,index) in commentsList">
<div class="ms-news-show-comment-list-div" v-if="index <= listNum"> <div class="ms-news-show-comment-list-div" v-if="index <= listNum">
<div class="ms-news-show-comment-list-left"> <div class="ms-news-show-comment-list-left">
<div class="ms-news-show-comment-list-portrait"> <div class="ms-news-show-comment-list-portrait">
<img :src="'{ms:global.host/}'+ comments.puIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'"> <img :src="'{ms:global.host/}'+ comments.puIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'">
</div> </div>
<div class="ms-news-show-comment-list-content"> <div class="ms-news-show-comment-list-content">
<div class="ms-news-show-comment-list-top"> <div class="ms-news-show-comment-list-top">
<div class="ms-news-show-comment-list-name" v-text="comments.puNickname"></div> <div class="ms-news-show-comment-list-name" v-text="comments.puNickname"></div>
<!-- <div class="ms-news-show-comment-list-right"> <!-- <div class="ms-news-show-comment-list-right">
<div class="ms-news-show-main-icon-Fabulous"></div> <div class="ms-news-show-main-icon-Fabulous"></div>
<div class="ms-news-show-main-icon-num">28</div> <div class="ms-news-show-main-icon-num">28</div>
</div> --> </div> -->
</div> </div>
<div class="ms-news-show-comment-list-bottom"> <div class="ms-news-show-comment-list-bottom">
<div class="ms-news-show-comment-list-comment" v-html="vueAnalyticEmotion(comments.commentContent)"></div> <div class="ms-news-show-comment-list-comment" v-html="vueAnalyticEmotion(comments.commentContent)"></div>
<div class="ms-news-show-comment-list-time" v-text="comments.commentTime"></div> <div class="ms-news-show-comment-list-time" v-text="comments.commentTime"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<div class="ms-news-show-comment-more" @click="listNum = listNum +4" v-show="listNum < commentsList.length">查看更多评论</div> <div class="ms-news-show-comment-more" @click="listNum = listNum +4" v-show="listNum < commentsList.length">查看更多评论</div>
<div class="ms-news-show-comment-more" v-show="listNum >= commentsList.length && commentsList.length != 0">没有更多评论</div> <div class="ms-news-show-comment-more" v-show="listNum >= commentsList.length && commentsList.length != 0">没有更多评论</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<#include "/m/footer.htm"/> <#include "/m/footer.htm"/>
</body> </body>
<script> <script>
var newsShowVue = new Vue({ var newsShowVue = new Vue({
el: "#news-show-vue", el: "#news-show-vue",
data: { data: {
commentsList: [], //评论列表 commentsList: [], //评论列表
attentionNum: 0, //点赞数 attentionNum: 0, //点赞数
isAttention: false, //点赞状态 isAttention: false, //点赞状态
isButAttention: '', //按钮状态 isButAttention: '', //按钮状态
listNum: 4, //列表数 listNum: 4, //列表数
loginStatus: '', //登录状态 loginStatus: '', //登录状态
vueAnalyticEmotion: function(val) { vueAnalyticEmotion: function(val) {
return AnalyticEmotion(val); return AnalyticEmotion(val);
}, },
}, },
methods: { methods: {
//关注或者取消 //关注或者取消
attentionNews: function() { attentionNews: function() {
var obj = this; var obj = this;
if(this.loginStatus != true) { if(this.loginStatus != true) {
alert("请先登录后重试"); alert("请先登录后重试");
return; return;
} }
//判断关注还是取关 //判断关注还是取关
if(obj.isAttention == false) { if(obj.isAttention == false) {
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2", data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2",
url: "{ms:global.host/}/people/attention/save.do", url: "{ms:global.host/}/people/attention/save.do",
success: function(msg) { success: function(msg) {
if(msg.result) { if(msg.result) {
obj.attentionNum++; obj.attentionNum++;
obj.isAttention = true; obj.isAttention = true;
} }
}, },
error: function() { error: function() {
alert("操作失败，请检查是否已经安装关注插件"); alert("操作失败，请检查是否已经安装关注插件");
} }
}) })
} else { } else {
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "basicId={ms:field.id/}&basicAttentionType=2", data: "basicId={ms:field.id/}&basicAttentionType=2",
url: "{ms:global.host/}/people/attention/delete.do", url: "{ms:global.host/}/people/attention/delete.do",
success: function(msg) { success: function(msg) {
if(msg.result) { if(msg.result) {
obj.attentionNum--; obj.attentionNum--;
obj.isAttention = false; obj.isAttention = false;
} }
}, },
error: function() { error: function() {
alert("操作失败，请检查是否已经安装关注插件"); alert("操作失败，请检查是否已经安装关注插件");
} }
}) })
} }
}, },
//关注 //关注
list: function() { list: function() {
var obj = this; var obj = this;
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "commentBasicId={ms:field.id/}", data: "commentBasicId={ms:field.id/}",
url: "{ms:global.host/}/comment/list.do", url: "{ms:global.host/}/comment/list.do",
success: function(msg) { success: function(msg) {
obj.commentsList = msg.list; obj.commentsList = msg.list;
} }
}) })
}, },
//提交 //提交
submitComments: function() { submitComments: function() {
if(this.isButAttention == '') { if(this.isButAttention == '') {
return; return;
} }
if(this.loginStatus != true) { if(this.loginStatus != true) {
alert("请先登录后重试"); alert("请先登录后重试");
return; return;
} }
var obj = this; var obj = this;
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "commentContent=" + $("textarea[name=comments]").val() + "&isCode=false&commentBasicId={ms:field.id/}", data: "commentContent=" + $("textarea[name=comments]").val() + "&isCode=false&commentBasicId={ms:field.id/}",
url: "{ms:global.host/}/people/comment/save.do", url: "{ms:global.host/}/people/comment/save.do",
success: function(msg) { success: function(msg) {
if(msg.result) { if(msg.result) {
alert("评论成功"); alert("评论成功");
obj.list(); obj.list();
} else { } else {
alert(msg.resultMsg); alert(msg.resultMsg);
} }
obj.isButAttention = ''; obj.isButAttention = '';
}, },
error: function() { error: function() {
alert("操作失败，请检查是否已经安装评论插件"); alert("操作失败，请检查是否已经安装评论插件");
} }
}) })
} }
}, },
mounted: function() { mounted: function() {
//调用表情 //调用表情
$('#ms-face').SinaEmotion($('.emotion')); $('#ms-face').SinaEmotion($('.emotion'));
var obj = this; var obj = this;
//验证登录 //验证登录
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "{ms:global.host/}/checkLoginStatus.do", url: "{ms:global.host/}/checkLoginStatus.do",
success: function(msg) { success: function(msg) {
obj.loginStatus = msg.result; obj.loginStatus = msg.result;
} }
}) })
//关注数 //关注数
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2", data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2",
url: "{ms:global.host/}/attention/count.do", url: "{ms:global.host/}/attention/count.do",
success: function(msg) { success: function(msg) {
obj.attentionNum = msg; obj.attentionNum = msg;
} }
}) })
//是否关注了 //是否关注了
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2", data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2",
url: "{ms:global.host/}/people/attention/isExists.do", url: "{ms:global.host/}/people/attention/isExists.do",
success: function(msg) { success: function(msg) {
obj.isAttention = msg.result; obj.isAttention = msg.result;
} }
}) })
}, },
beforeCreate: function() { beforeCreate: function() {
var obj = this; var obj = this;
var app_id = '1362404091'; var app_id = '1362404091';
//获取标签列表 //获取标签列表
$.ajax({ $.ajax({
async: true, async: true,
dataType: 'jsonp', dataType: 'jsonp',
url: 'https://api.weibo.com/2/emotions.json?source=' + app_id, url: 'https://api.weibo.com/2/emotions.json?source=' + app_id,
success: function(response) { success: function(response) {
var data = response.data; var data = response.data;
for(var i in data) { for(var i in data) {
if(data[i].category == '') { if(data[i].category == '') {
data[i].category = '默认'; data[i].category = '默认';
} }
if(emotions[data[i].category] == undefined) { if(emotions[data[i].category] == undefined) {
emotions[data[i].category] = new Array(); emotions[data[i].category] = new Array();
categorys.push(data[i].category); categorys.push(data[i].category);
} }
emotions[data[i].category].push({ emotions[data[i].category].push({
name: data[i].phrase, name: data[i].phrase,
icon: data[i].icon icon: data[i].icon
}); });
uSinaEmotionsHt.put(data[i].phrase, data[i].icon); uSinaEmotionsHt.put(data[i].phrase, data[i].icon);
} }
obj.list(); obj.list();
} }
}); });
}, },
}) })
</script> </script>
</html> </html>
\ No newline at end of file
src/main/webapp/templets/1/default/news-show.htm
View file @ dda8a9ae
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<#include "head-file.htm"> <#include "head-file.htm">
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/jquery.sinaemotion.css" /> <link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/jquery.sinaemotion.css" />
<script type="text/javascript" src="{ms:global.host/}/{ms:global.style/}/js/jquery.sinaEmotion.js"></script> <script type="text/javascript" src="{ms:global.host/}/{ms:global.style/}/js/jquery.sinaEmotion.js"></script>
</head> </head>
<body> <body>
<#include "head.htm"> <#include "head.htm">
<div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/news2.png) no-repeat center;"> <div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/news2.png) no-repeat center;">
<p class="banner_tit_other animated fadeInLeft">公司动态</p> <p class="banner_tit_other animated fadeInLeft">公司动态</p>
<p class="banner_tit_other_des animated fadeInRight">Our company</p> <p class="banner_tit_other_des animated fadeInRight">Our company</p>
</div> </div>
<div class="ms-content-about" id="news-show-vue"> <div class="ms-content-about" id="news-show-vue">
<div class="ms-content-main"> <div class="ms-content-main">
<#include "menu-left.htm"> <#include "menu-left.htm">
<div class="ms-content-right"> <div class="ms-content-right">
<div class="ms-content-right-position"> <div class="ms-content-right-position">
<a href="{ms:global.host/}">首页</a> <a href="{ms:global.host/}">首页</a>
<span>></span> <span>></span>
<a href="{ms:field.typelink/}">{ms:field.typetitle/}</a> <a href="{ms:field.typelink/}">{ms:field.typetitle/}</a>
</div> </div>
<div class="ms-content-right-main"> <div class="ms-content-right-main">
<div class="ms-content-right-main-title" id="ms-content-right-main-title"> <div class="ms-content-right-main-title" id="ms-content-right-main-title">
<div class="ms-content-right-main-title-div">{ms:field.title/}</div> <div class="ms-content-right-main-title-div">{ms:field.title/}</div>
<div class="ms-content-right-main-icon"> <div class="ms-content-right-main-icon">
<div class="ms-content-icon-left"> <div class="ms-content-icon-left">
<div class="ms-content-right-main-icon-source">来源：{ms:field.source/} <div class="ms-content-right-main-icon-source">来源：{ms:field.source/}
<span class="ms-content-right-vertical">|</span> <span class="ms-content-right-vertical">|</span>
</div> </div>
<div class="ms-content-right-main-icon-time">时间：{ms:field.date?string("yyyy-MM-dd")/}</div> <div class="ms-content-right-main-icon-time">时间：{ms:field.date?string("yyyy-MM-dd")/}</div>
</div> </div>
<div class="ms-content-icon-right"> <div class="ms-content-icon-right">
<div class="ms-content-right-main-icon-clicks"></div> <div class="ms-content-right-main-icon-clicks"></div>
<div class="ms-content-right-main-icon-num">{ms:field.hit/} <div class="ms-content-right-main-icon-num">{ms:field.hit/}
<span class="ms-content-right-vertical">|</span> <span class="ms-content-right-vertical">|</span>
</div> </div>
<div class="ms-content-right-main-icon-comment"></div> <div class="ms-content-right-main-icon-comment"></div>
<div class="ms-content-right-main-icon-num"> <div class="ms-content-right-main-icon-num">
<span style="margin: 0;" v-text="commentsList.length"></span> <span style="margin: 0;" v-text="commentsList.length"></span>
<span class="ms-content-right-vertical">|</span> <span class="ms-content-right-vertical">|</span>
</div> </div>
<div class="ms-content-right-main-icon-Fabulous"></div> <div class="ms-content-right-main-icon-Fabulous"></div>
<div class="ms-content-right-main-icon-num" v-text="attentionNum"></div> <div class="ms-content-right-main-icon-num" v-text="attentionNum"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="ms-content-right-main-content"> <div class="ms-content-right-main-content">
<p>{ms:field.content/}</p><br/> <p>{ms:field.content/}</p><br/>
</div> </div>
<div class="metfield"> <div class="metfield">
<p>上一篇：<a href="{ms:global.url/}{ms:pre.link/}">{ms:pre.title/}</a></p> <p>上一篇：<a href="{ms:global.url/}{ms:pre.link/}">{ms:pre.title/}</a></p>
<p>下一篇：<a href="{ms:global.url/}{ms:next.link/}">{ms:next.title/}</a></p> <p>下一篇：<a href="{ms:global.url/}{ms:next.link/}">{ms:next.title/}</a></p>
</div> </div>
</div> </div>
<div class="ms-content-right-main-content-Fabulous"> <div class="ms-content-right-main-content-Fabulous">
<div class="ms-content-right-main-content-icon" @click="attentionNews" :class="{'ms-is-attention':isAttention}"></div> <div class="ms-content-right-main-content-icon" @click="attentionNews" :class="{'ms-is-attention':isAttention}"></div>
</div> </div>
<div class="ms-content-right-comment"> <div class="ms-content-right-comment">
<div class="ms-content-right-comment-input"> <div class="ms-content-right-comment-input">
<textarea v-model='isButAttention' class="emotion" type="text" name="comments" placeholder="我有话说..."></textarea> <textarea v-model='isButAttention' class="emotion" type="text" name="comments" placeholder="我有话说..."></textarea>
<div class="ms-content-right-comment-button"> <div class="ms-content-right-comment-button">
<div class="ms-content-right-comment-expression" id="ms-face"></div> <div class="ms-content-right-comment-expression" id="ms-face"></div>
<div class="ms-content-right-comment-submit" :class="{'ms-submit-comments-css':isButAttention.length>0}" @click="submitComments">提交</div> <div class="ms-content-right-comment-submit" :class="{'ms-submit-comments-css':isButAttention.length>0}" @click="submitComments">提交</div>
</div> </div>
</div> </div>
<div class="ms-content-right-comment-list"> <div class="ms-content-right-comment-list">
<div class="ms-content-right-comment-list-no-comment" style="display: none;" v-show="commentsList.length == 0"> <div class="ms-content-right-comment-list-no-comment" style="display: none;" v-show="commentsList.length == 0">
<img src="{ms:global.host/}/{ms:global.style/}/images/no-comment.png"> <img src="{ms:global.host/}/{ms:global.style/}/images/no-comment.png">
</div> </div>
<template v-for="(comments,index) in commentsList"> <template v-for="(comments,index) in commentsList">
<div class="ms-content-right-comment-list-div" v-if="index <= listNum"> <div class="ms-content-right-comment-list-div" v-if="index <= listNum">
<div class="ms-content-right-comment-list-left"> <div class="ms-content-right-comment-list-left">
<div class="ms-content-right-comment-list-portrait"> <div class="ms-content-right-comment-list-portrait">
<img :src="'{ms:global.host/}'+ comments.puIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'"> <img :src="'{ms:global.host/}'+ comments.puIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'">
</div> </div>
<div class="ms-content-right-comment-list-content"> <div class="ms-content-right-comment-list-content">
<div class="ms-content-right-comment-list-name" v-text="comments.puNickname"></div> <div class="ms-content-right-comment-list-name" v-text="comments.puNickname"></div>
<div class="ms-content-right-comment-list-comment" v-html="vueAnalyticEmotion(comments.commentContent)"></div> <div class="ms-content-right-comment-list-comment" v-html="vueAnalyticEmotion(comments.commentContent)"></div>
</div> </div>
</div> </div>
<!--<div class="ms-content-right-comment-list-right"> <!--<div class="ms-content-right-comment-list-right">
<div class="ms-content-right-main-icon-comment"></div> <div class="ms-content-right-main-icon-comment"></div>
<div class="ms-content-right-main-icon-Fabulous"></div> <div class="ms-content-right-main-icon-Fabulous"></div>
<div class="ms-content-right-main-icon-num">28</div> <div class="ms-content-right-main-icon-num">28</div>
</div>--> </div>-->
</div> </div>
</template> </template>
<div class="ms-content-right-comment-list-div ms-content-right-active"> <div class="ms-content-right-comment-list-div ms-content-right-active">
<div class="ms-content-right-comment-list-div-more" @click="listNum = listNum +4" v-show="listNum < commentsList.length"> <div class="ms-content-right-comment-list-div-more" @click="listNum = listNum +4" v-show="listNum < commentsList.length">
查看更多评论 查看更多评论
</div> </div>
<div class="ms-content-right-comment-list-div-no" v-show="listNum >= commentsList.length && commentsList.length != 0"> <div class="ms-content-right-comment-list-div-no" v-show="listNum >= commentsList.length && commentsList.length != 0">
没有更多评论 没有更多评论
</div> </div>
<div class="ms-content-right-comment-list-div-load" style="display: none;"> <div class="ms-content-right-comment-list-div-load" style="display: none;">
<img src="{ms:global.host/}/{ms:global.style/}/images/loading.gif"> <img src="{ms:global.host/}/{ms:global.style/}/images/loading.gif">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<#include "footer.htm"> <#include "footer.htm">
</body> </body>
<script> <script>
var newsShowVue = new Vue({ var newsShowVue = new Vue({
el: "#news-show-vue", el: "#news-show-vue",
data: { data: {
commentsList: [], //评论列表 commentsList: [], //评论列表
attentionNum: 0, //点赞数 attentionNum: 0, //点赞数
isAttention: false, //点赞状态 isAttention: false, //点赞状态
isButAttention: '', //按钮状态 isButAttention: '', //按钮状态
listNum: 4, //列表数 listNum: 4, //列表数
loginStatus: '', //登录状态 loginStatus: '', //登录状态
vueAnalyticEmotion: function(val) { vueAnalyticEmotion: function(val) {
return AnalyticEmotion(val); return AnalyticEmotion(val);
}, },
}, },
methods: { methods: {
//关注或者取消 //关注或者取消
attentionNews: function() { attentionNews: function() {
var obj = this; var obj = this;
if(this.loginStatus != true) { if(this.loginStatus != true) {
alert("请先登录后重试"); alert("请先登录后重试");
return; return;
} }
if(obj.isAttention == false) { if(obj.isAttention == false) {
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2", data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2",
url: "{ms:global.host/}/people/attention/save.do", url: "{ms:global.host/}/people/attention/save.do",
success: function(msg) { success: function(msg) {
if(msg.result) { if(msg.result) {
obj.attentionNum++; obj.attentionNum++;
obj.isAttention = true; obj.isAttention = true;
} }
}, },
error: function() { error: function() {
alert("操作失败，请检查是否已经安装关注插件"); alert("操作失败，请检查是否已经安装关注插件");
} }
}) })
} else { } else {
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "basicId={ms:field.id/}&basicAttentionType=2", data: "basicId={ms:field.id/}&basicAttentionType=2",
url: "{ms:global.host/}/people/attention/delete.do", url: "{ms:global.host/}/people/attention/delete.do",
success: function(msg) { success: function(msg) {
if(msg.result) { if(msg.result) {
obj.attentionNum--; obj.attentionNum--;
obj.isAttention = false; obj.isAttention = false;
} }
}, },
error: function() { error: function() {
alert("操作失败，请检查是否已经安装关注插件"); alert("操作失败，请检查是否已经安装关注插件");
} }
}) })
} }
}, },
//关注 //关注
list: function() { list: function() {
var obj = this; var obj = this;
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "commentBasicId={ms:field.id/}", data: "commentBasicId={ms:field.id/}",
url: "{ms:global.host/}/comment/list.do", url: "{ms:global.host/}/comment/list.do",
success: function(msg) { success: function(msg) {
obj.commentsList = msg.list; obj.commentsList = msg.list;
} }
}) })
}, },
//提交 //提交
submitComments: function() { submitComments: function() {
if(this.isButAttention == '') { if(this.isButAttention == '') {
return; return;
} }
if(this.loginStatus != true) { if(this.loginStatus != true) {
alert("请先登录后重试"); alert("请先登录后重试");
return; return;
} }
var obj = this; var obj = this;
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "commentContent=" + $("textarea[name=comments]").val() + "&isCode=false&commentBasicId={ms:field.id/}", data: "commentContent=" + $("textarea[name=comments]").val() + "&isCode=false&commentBasicId={ms:field.id/}",
url: "{ms:global.host/}/people/comment/save.do", url: "{ms:global.host/}/people/comment/save.do",
success: function(msg) { success: function(msg) {
if(msg.result) { if(msg.result) {
alert("评论成功"); alert("评论成功");
obj.list(); obj.list();
} else { } else {
alert(msg.resultMsg); alert(msg.resultMsg);
} }
obj.isButAttention = ''; obj.isButAttention = '';
}, },
error: function() { error: function() {
alert("评论失败，请检查是否已经安装评论插件"); alert("评论失败，请检查是否已经安装评论插件");
}, },
}) })
} }
}, },
mounted: function() { mounted: function() {
$('#ms-face').SinaEmotion($('.emotion')); $('#ms-face').SinaEmotion($('.emotion'));
var obj = this; var obj = this;
//登录状态 //登录状态
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "{ms:global.host/}/checkLoginStatus.do", url: "{ms:global.host/}/checkLoginStatus.do",
success: function(msg) { success: function(msg) {
obj.loginStatus = msg.result; obj.loginStatus = msg.result;
} }
}) })
//关注数 //关注数
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2", data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2",
url: "{ms:global.host/}/attention/count.do", url: "{ms:global.host/}/attention/count.do",
success: function(msg) { success: function(msg) {
obj.attentionNum = msg; obj.attentionNum = msg;
} }
}) })
//是否关注了 //是否关注了
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2", data: "basicAttentionBasicId={ms:field.id/}&basicAttentionType=2",
url: "{ms:global.host/}/people/attention/isExists.do", url: "{ms:global.host/}/people/attention/isExists.do",
success: function(msg) { success: function(msg) {
obj.isAttention = msg.result; obj.isAttention = msg.result;
} }
}) })
}, },
beforeCreate: function() { beforeCreate: function() {
var obj = this; var obj = this;
var app_id = '1362404091'; var app_id = '1362404091';
$.ajax({ $.ajax({
async: true, async: true,
dataType: 'jsonp', dataType: 'jsonp',
url: 'https://api.weibo.com/2/emotions.json?source=' + app_id, url: 'https://api.weibo.com/2/emotions.json?source=' + app_id,
success: function(response) { success: function(response) {
var data = response.data; var data = response.data;
for(var i in data) { for(var i in data) {
if(data[i].category == '') { if(data[i].category == '') {
data[i].category = '默认'; data[i].category = '默认';
} }
if(emotions[data[i].category] == undefined) { if(emotions[data[i].category] == undefined) {
emotions[data[i].category] = new Array(); emotions[data[i].category] = new Array();
categorys.push(data[i].category); categorys.push(data[i].category);
} }
emotions[data[i].category].push({ emotions[data[i].category].push({
name: data[i].phrase, name: data[i].phrase,
icon: data[i].icon icon: data[i].icon
}); });
uSinaEmotionsHt.put(data[i].phrase, data[i].icon); uSinaEmotionsHt.put(data[i].phrase, data[i].icon);
} }
obj.list(); obj.list();
} }
}); });
}, },
}) })
</script> </script>
</html> </html>
\ No newline at end of file
src/main/webapp/templets/1/default/search.htm
View file @ dda8a9ae
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<#include "head-file.htm"/> <#include "head-file.htm"/>
</head> </head>
<body> <body>
<#include "head.htm"/> <#include "head.htm"/>
<div class="ms-banner"> <div class="ms-banner">
<img src="{ms:global.host/}/{ms:global.style/}/images/search.jpg"> <img src="{ms:global.host/}/{ms:global.style/}/images/search.jpg">
</div> </div>
<div class="ms-content" id="body"> <div class="ms-content" id="body">
<div class="ms-content-main-list" id="ms-content-search"> <div class="ms-content-main-list" id="ms-content-search">
<div class="ms-content-main-div"> <div class="ms-content-main-div">
<div class="ms-content-main-div-prompt">您搜索的关键字 <div class="ms-content-main-div-prompt">您搜索的关键字
<span>{ms:search.basic_title/}</span> <span>{ms:search.basic_title/}</span>
<!-- 共7个结果 --> <!-- 共7个结果 -->
</div> </div>
<ul class="ms-content-main-ul"> <ul class="ms-content-main-ul">
{ms:arclist size=10 ispaging=true} {ms:arclist size=10 ispaging=true}
<li> <li>
<a href="{ms:global.url/}/[field.link/]"> <a href="{ms:global.url/}/[field.link/]">
[field.title/] [field.title/]
<span class="ms-content-main-li-time">[field.date?string("yyyy-MM-dd")/]</span> <span class="ms-content-main-li-time">[field.date?string("yyyy-MM-dd")/]</span>
</a> </a>
</li> </li>
{/ms:arclist} {/ms:arclist}
</ul> </ul>
</div> </div>
<div class="ms-content-main-page"> <div class="ms-content-main-page">
<a class="ms-content-main-page-first" href="{ms:page.index/}">首页</a> <a class="ms-content-main-page-first" href="{ms:page.index/}">首页</a>
<a class="ms-content-main-page-upper" href="{ms:page.pre/}">上一页</a> <a class="ms-content-main-page-upper" href="{ms:page.pre/}">上一页</a>
<a class="ms-content-main-page-next" href="{ms:page.next/}">下一页</a> <a class="ms-content-main-page-next" href="{ms:page.next/}">下一页</a>
<a class="ms-content-main-page-last" href="{ms:page.last/}">末页</a> <a class="ms-content-main-page-last" href="{ms:page.last/}">末页</a>
</div> </div>
</div> </div>
</div> </div>
<#include "footer.htm"/> <#include "footer.htm"/>
</body> </body>
</html> </html>
<script> <script>
new Vue({ new Vue({
el: "#body", el: "#body",
data: { data: {
title: '', title: '',
list: [], list: [],
}, },
methods: { methods: {
//上下页 //上下页
search:function(flag){ search:function(flag){
var pageNo = {ms:search.pageNo/}; var pageNo = {ms:search.pageNo/};
var total = {ms:page.total/}; var total = {ms:page.total/};
if(flag){ if(flag){
pageNo = pageNo==total ? total : pageNo +1;//下一页 pageNo = pageNo==total ? total : pageNo +1;//下一页
}else{ }else{
pageNo = pageNo -1==0 ? 1 : pageNo-1;//上一页 pageNo = pageNo -1==0 ? 1 : pageNo-1;//上一页
} }
window.location.href="{ms:global.host/}/cms/1/search.do?basic_title={ms:search.basic_title/}&pageNo="+pageNo; window.location.href="{ms:global.host/}/cms/1/search.do?basic_title={ms:search.basic_title/}&pageNo="+pageNo;
window.event.returnValue=false; window.event.returnValue=false;
}, },
//首页和尾页 //首页和尾页
indexAndLast:function(pageNo){ indexAndLast:function(pageNo){
window.location.href="{ms:global.host/}/cms/1/search.do?basic_title={ms:search.basic_title/}&pageNo="+pageNo; window.location.href="{ms:global.host/}/cms/1/search.do?basic_title={ms:search.basic_title/}&pageNo="+pageNo;
window.event.returnValue=false; window.event.returnValue=false;
}, },
}, },
}) })
if($('.ms-content-main-ul li').length <= 0) { if($('.ms-content-main-ul li').length <= 0) {
$('.ms-content-main-page').remove(); $('.ms-content-main-page').remove();
$('.ms-content-main-ul').before("<div class='ms-content-main-div-nothing'>没找到相关记录</div>") $('.ms-content-main-ul').before("<div class='ms-content-main-div-nothing'>没找到相关记录</div>")
} }
</script> </script>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment