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