2021-08-03 17:33:48 +08:00
{extend name="public/base" /}
2023-05-05 12:06:07 +08:00
<!-- seo -->
2022-08-16 15:21:08 +08:00
{block name="title"}{$article.title} - {$sysInfo.webname}{/block}
2023-05-05 12:06:07 +08:00
{block name="keywords"}{article:keywords /}{/block}
{block name="description"}{article:title /},{article:description /}{/block}
{block name="ogtitle"}< meta property = "og:title" content = "{article:title /} - {$sysInfo.webname}" > {/block}
{block name="ogdescription"}< meta property = "og:description" content = "{article:title /},{$article.description ?: ''}" / > {/block}
2022-08-02 21:13:36 +08:00
{block name="meta"}
2022-08-16 15:21:08 +08:00
< meta property = "og:type" content = "article" / >
2022-08-02 21:13:36 +08:00
< meta property = "article:published_time" content = "{$article.create_time|date='c'}" / >
< meta property = "bytedance:published_time" content = "{$article.create_time|date='c'}" / >
< meta property = "bytedance:lrDate_time" content = "{$lrDate_time|date='c'}" / >
< meta property = "bytedance:updated_time" content = "{$article.update_time|date='c'}" / >
{/block}
2022-12-25 17:13:13 +08:00
{block name="link"} {/block}
2021-08-03 17:33:48 +08:00
{block name="column"}< div class = "layui-hide-xs" > {include file="/public/column" /}< / div > {/block}
2023-05-05 12:06:07 +08:00
<!-- body -->
2021-08-03 17:33:48 +08:00
{block name="content"}
< div class = "layui-container" >
< div class = "layui-row layui-col-space15" >
2022-09-07 15:21:56 +08:00
< div class = "layui-col-md8 content detail" >
2021-08-03 17:33:48 +08:00
< div class = "fly-panel detail-box" >
2024-04-01 10:20:25 +08:00
2023-05-05 12:06:07 +08:00
{//标题}
2024-04-01 10:20:25 +08:00
< h1 > {article:title /}< / h1 >
2023-05-05 12:06:07 +08:00
{//图标}
2021-08-03 17:33:48 +08:00
< div class = "fly-detail-info" >
2024-04-01 10:20:25 +08:00
< span class = "layui-badge layui-bg-green fly-detail-column" >
2024-04-01 10:17:53 +08:00
{if (cookie('think_lang') == 'en-us')}
{article:cate name="ename" /}
{else /}
{article:cate name="name" /}
{/if}
2024-04-01 10:20:25 +08:00
< / span >
{if ($article.is_top == 1)}
< span class = "layui-badge layui-bg-black" > {:lang('top')}< / span >
{/if}
{if ($article.is_hot == 1)}
< span class = "layui-badge layui-bg-red" > {:lang('hot')}< / span >
{/if}
< span id = "LAY_jieAdmin" data-id = "{article:id /}" data-colurl = "{:url('collection/find')}" > < / span >
< span class = "fly-list-nums" >
< a href = "#comment" >
< i class = "iconfont" title = "{:lang('reply')}" >  < / i > {article:comment_num /}
< / a >
< i class = "iconfont" title = "浏览" >  < / i > {article:pv /}
< / span >
2021-08-03 17:33:48 +08:00
< / div >
2024-04-01 10:20:25 +08:00
2023-05-05 12:06:07 +08:00
{//作者}
2021-08-03 17:33:48 +08:00
< div class = "detail-about" >
2023-05-05 12:07:11 +08:00
< a class = "fly-avatar" href = "{article:user name='link' /}" >
2023-05-05 12:06:07 +08:00
< img src = "{article:user name='user_img' /}" alt = "{article:user name='name' /}" >
2024-04-01 10:20:25 +08:00
{if($article.user.vip > 0)}
< i class = "iconfont icon-renzheng" title = "认证信息" > < / i >
{/if}
2022-08-02 21:13:36 +08:00
< / a >
< div class = "fly-detail-user" >
2024-04-01 10:20:25 +08:00
< a href = "{article:user name='link' /}" class = "fly-link" > < cite > {article:auther}< / cite > < / a >
2022-08-02 21:13:36 +08:00
< / div >
2022-04-17 17:09:19 +08:00
< div class = "detail-hits" >
2024-04-01 10:20:25 +08:00
< span class = "post-time" data = "{$article.create_time}" style = "padding-top: 5px;" > {$article.create_time}< / span >
2022-11-20 21:56:09 +08:00
{:hook('ipShow',$article.user.city)}
2022-04-17 17:09:19 +08:00
< / div >
2021-08-03 17:33:48 +08:00
< / div >
2022-04-17 17:09:19 +08:00
< hr >
2024-04-01 10:20:25 +08:00
2023-05-05 12:06:07 +08:00
{//内容}
2023-05-05 12:00:22 +08:00
{:hook('taoplayerdiv')}
2023-05-05 12:06:07 +08:00
< div class = "detail-body photos" id = "content" > {article:content}< / div >
2024-04-01 10:20:25 +08:00
{//下载}
{notempty name="$article.upzip"}
{if(session('?user_name'))}
< button type = "button" class = "layui-btn layui-btn-xs" id = "zip-download" > < i class = "layui-icon layui-icon-download-circle" > < / i > {:lang('download files')}: {$article.downloads}次< / button >
{/if}
{/notempty}
2023-03-16 22:30:36 +08:00
2024-04-01 10:20:25 +08:00
{//解密文件}
{empty name="passJieMi"}
{if($article.read_type == 1)}
< div id = "jiemi" style = "text-align:center" >
< button type = "button" class = "layui-btn layui-btn-primary" > < i class = "layui-icon layui-icon-password" style = "font-size: 30px; color: #FF5722;" > < / i > 阅读请解密 < / button >
< / div >
{/if}
{/empty}
2023-05-05 12:03:45 +08:00
2024-04-01 10:20:25 +08:00
{notempty name="tags"}
< div style = "margin-top: 15px" > 标签
{volist name="tags" id="vo" }
< a href = "{$vo.url}" > < span class = "layui-btn layui-btn-xs layui-btn-normal layui-btn-radius" > {$vo.name}< / span > < / a >
{/volist}
< / div >
{/notempty}
{//网站声明}
< div style = "margin: 20px 0px 15px 0px; color: rgb(130, 125, 125);" >
< p style = "line-height:200%; " > {$sysInfo.state|raw}< / p >
< / div >
{//本文链接}
< div style = "margin-top: 20px;" > 本文链接：< a href = "{$Request.domain}{$Request.url}" > {$Request.domain}{$Request.url}< / a > < / div >
< div class = "detail-zan" >
< span class = "jieda-zan" type = "zan" id = "article-zan" >
点赞 < i class = "iconfont icon-zan" > < / i > < em > {:count($userZanList)}< / em >
< / span >
<!-- 点赞列表 -->
{volist name="userZanList" id="vo" }
< span > < img src = "{$vo.userImg}" > < / span >
{/volist}
< / div >
< / div >
2022-04-17 17:09:19 +08:00
2024-04-01 10:20:25 +08:00
{//评论}
< div class = "fly-panel" >
{if session('?user_id') AND ( config('taoler.config.is_reply') == 1 ) AND ( $article.is_reply == 1 )}
< div class = "layui-form layui-form-pane" >
< div class = "layui-form-item layui-form-text" >
< a name = "comment" > < / a >
< div class = "layui-input-block" >
< textarea id = "L_content" name = "content" required lay-verify = "required" placeholder = "{:lang('please input the content')}" class = "layui-textarea taonyeditor" > < / textarea >
< / div >
< / div >
< div class = "layui-form-item" >
< input type = "hidden" name = "article_id" value = "{article:id}" >
< button class = "layui-btn" lay-filter = "user-comment" lay-submit > {:lang('submit comments')}< / button >
< / div >
< / div >
{/if}
< / div >
2023-07-03 12:50:57 +08:00
2022-09-07 15:26:01 +08:00
{//评论内容}
2021-08-03 17:33:48 +08:00
< div class = "fly-panel detail-box" id = "flyReply" >
2022-01-07 14:43:42 +08:00
< span style = "font-size:18px;" > 评论 {$article.comments_count}< / span >
2021-08-03 17:33:48 +08:00
< ul class = "jieda" id = "jieda" >
2024-04-01 10:20:25 +08:00
{article:comment}
< li data-id = "{comment:id /}" class = "jieda-daan" >
< div class = "detail-about detail-about-reply" >
< a class = "fly-avatar" href = "{comment:ulink /}" > < img src = "{comment:uimg /}" alt = "{comment:uname}" > < / a >
< div class = "fly-detail-user" >
< a href = "{comment:ulink /}" class = "fly-link" > < cite > {comment:uname /}< / cite > < / a >
{if condition="$article.user_id eq $comment.user_id"}
< span > ({:lang('poster')})< / span >
{/if}
< span > {comment:usign /}< / span >
< / div >
< div class = "detail-hits" >
< span class = "post-time" > {comment:time}< / span > {:hook('ipShow',$comment.user.city)}< / span >
< / div >
2023-07-03 12:50:57 +08:00
2024-04-01 10:20:25 +08:00
{//加密未解密评论不可查看}
{if($article.read_type == 0 || (($article.read_type == 1) & & $passJieMi))}
< div class = "detail-body jieda-body photos" > {comment:content /}< / div >
< div class = "jieda-reply" >
{eq name="comment.delete_time" value="0"}
< span class = "jieda-zan {if($comment.zan != 0)}zanok{/if}" type = "zan" >
< i class = "iconfont icon-zan" > < / i > < em > {comment:zan /}< / em >
< / span >
< span type = "reply" data-pid = "{comment:id /}" data-tid = "{comment:uid /}" > < i class = "iconfont icon-svgmoban53" > < / i > {:lang('reply')}< / span >
{//评论编辑删除采纳权限}
< div class = "jieda-admin" >
{if ((session('user_id') == $comment.user_id) & & (getLimtTime($comment.create_time) < 2 ) ) OR ( $ user . auth ? ? ' ' ) }
< span type = "edit" class = "comment-edit" data-id = "{comment:id /}" > {:lang('edit')}< / span >
< span type = "del" class = "comment-del" data-id = "{comment:id /}" > {:lang('delete')}< / span >
{/if}
< / div >
{/eq}
2023-05-05 12:04:46 +08:00
2024-04-01 10:20:25 +08:00
{// 第二层回复}
{notempty name="$comment.children"}
{volist name="$comment.children" id="vo"}
< div class = "layui-clear" style = "margin:10px 0; padding: 10px; border: 1px solid #f0f0f0; background: #f6f6f6" >
< a style = "display: inline-block; width: 50px;" >
< img src = "{$vo.user.user_img}" style = "width: 30px; height: 30px; border-radius: 15px; object-fit: cover" >
< / a >
< div style = "float: left;width: calc(100% - 50px);" >
< div > {$vo.user.name} {$vo.create_time|date='Y-m-d H:i'}< / div >
< div class = "detail-body jieda-body photos" > {$vo.content|raw}< / div >
< div class = "jieda-reply" >
{eq name="vo.delete_time" value="0"}
< span class = "jieda-zan {if($vo.zan != 0)}zanok{/if}" type = "zan" >
< i class = "iconfont icon-zan" > < / i > < em > {$vo.zan}< / em >
< / span >
< span type = "reply" data-pid = "{$vo.id}" data-tid = "{$vo.user.id}" > < i class = "iconfont icon-svgmoban53" > < / i > {:lang('reply')}< / span >
{//评论编辑删除采纳权限}
< div class = "jieda-admin" >
{if ((session('user_id') == $vo.user.id) & & (getLimtTime($vo.create_time) < 2 ) ) OR ( $ user . auth ? ? ' ' ) }
< span type = "edit" class = "comment-edit" data-id = "{$vo.id}" > {:lang('edit')}< / span >
< span type = "del" class = "comment-del" data-id = "{$vo.id}" > {:lang('delete')}< / span >
{/if}
< / div >
{/eq}
< / div >
< / div >
< / div >
2023-07-03 12:50:57 +08:00
2024-04-01 10:20:25 +08:00
{// 第三层回复}
{notempty name="$vo.children"}
{volist name="$vo.children" id="voo"}
< div class = "layui-clear" style = "margin:10px 0; padding: 10px; border: 1px solid #f0f0f0;" >
< a style = "display: inline-block; width: 50px;" >
< img src = "{$voo.user.user_img}" style = "width: 30px; height: 30px; object-fit: cover; border-radius: 15px;" >
< / a >
< div style = "float: left;width: calc(100% - 50px);" >
< div > {$voo.user.name} 回复 {$voo.touser} {$voo.create_time|date='Y-m-d H:i'}< / div >
< div class = "detail-body jieda-body photos" > {$voo.content|raw}< / div >
< div class = "jieda-reply" >
{eq name="voo.delete_time" value="0"}
< span class = "jieda-zan {if($voo.zan != 0)}zanok{/if}" type = "zan" >
< i class = "iconfont icon-zan" > < / i > < em > {$voo.zan}< / em >
< / span >
< span type = "reply" data-pid = "{$vo.id}" data-tid = "{$voo.user.id}" > < i class = "iconfont icon-svgmoban53" > < / i > {:lang('reply')}< / span >
{//评论编辑删除采纳权限}
< div class = "jieda-admin" >
{if ((session('user_id') == $voo.user.id) & & (getLimtTime($voo.create_time) < 2 ) ) OR ( $ user . auth ? ? ' ' ) }
< span type = "edit" class = "comment-edit" data-id = "{$voo.id}" > {:lang('edit')}< / span >
< span type = "del" class = "comment-del" data-id = "{$voo.id}" > {:lang('delete')}< / span >
{/if}
< / div >
{/eq}
< / div >
< / div >
< / div >
{/volist}
{/notempty}
{/volist}
{/notempty}
< / div >
{else /}
< div class = "detail-body jieda-body photos" >
< i class = "layui-icon layui-icon-password" style = "font-size: 24px; color: #FF5722;" > < / i >
评论解密后查看
< / div >
{/if}
< / div >
< / li >
{/article:comment}
2021-08-03 17:33:48 +08:00
< / ul >
2023-05-05 12:06:07 +08:00
< div style = "text-align: center" id = "pages" > < / div >
2021-08-03 17:33:48 +08:00
< / div >
< / div >
2023-07-03 12:50:57 +08:00
2022-08-02 21:13:36 +08:00
{//右栏}
2022-09-07 15:21:56 +08:00
< div class = "layui-col-md4" >
2024-04-01 10:20:25 +08:00
< div class = "fly-panel" >
< div class = "fly-panel-main wenda-user" >
< div class = "user-img" >
< a href = "{$Request.domain}{:url('user/home',['id'=>$article.user.id])}" >
< img class = "" src = "{$Request.domain}{$article.user.user_img}" alt = "{$article.user.name}" / >
{if($article.user.vip > 0)}< i class = "iconfont icon-renzheng" title = "认证信息" > < / i > {/if}
< / a >
< / div >
< div class = "questions" >
< span class = "layui-badge layui-bg-green" > 回答 {$article.user.comments_count}< / span >
< span class = "layui-badge layui-bg-green" > 发表 {$article.user.article_count}< / span >
< / div >
< / div >
< / div >
2024-04-01 10:17:53 +08:00
2024-04-01 10:20:25 +08:00
<!-- 联系方式 -->
{:hook('callme_show', ['id' => $article.id, 'uid' => $article.user.id])}
<!-- 插件hook位 -->
{:hook('addonhook_detail')}
2024-04-01 10:17:53 +08:00
2021-08-03 17:33:48 +08:00
< / div >
2024-04-01 10:17:53 +08:00
2024-04-01 10:20:25 +08:00
<!-- crud管理模块 -->
2022-08-16 15:21:08 +08:00
{include file="/public/crud" /}
2021-08-03 17:33:48 +08:00
< / div >
2022-04-17 17:09:19 +08:00
<!-- 底部栏 -->
2021-08-03 17:33:48 +08:00
< / div >
2023-05-05 12:06:07 +08:00
{include file="public/menu" /}
2021-08-03 17:33:48 +08:00
{/block}
2022-12-25 17:13:13 +08:00
2024-04-01 10:17:53 +08:00
{block name="script"}
2021-08-03 17:33:48 +08:00
< script >
2024-04-01 10:20:25 +08:00
var collectionFind = "{:url('collection/find')}",
collection = "{:url('collection/')}",
articleJieset = "{:url('Article/jieset')}",
articleDelete = "{:url('Article/delete')}",
commentJiedaZan = "{:url('Comment/jiedaZan')}",
commentJiedaCai = "{:url('Comment/jiedaCai')}",
commentGetDa = "{:url('Comment/getDa')}",
commentUpdateDa = "{:url('Comment/updateDa')}",
commentJiedaDelete = "{:url('Comment/jiedaDelete')}",
langCollection = "{:lang('collection')}",
langCancelCollection = "{:lang('cancel collection')}";
let taonystatus = "{:hook('taonystatus') ? 1 : 0} ";
2022-08-02 21:13:36 +08:00
2024-04-01 10:20:25 +08:00
layui.use(['laypage'], function(){
var $ = layui.jquery
,form = layui.form
,uid = layui.cache.user.uid
,laypage = layui.laypage;
2022-08-02 21:13:36 +08:00
2024-04-01 10:20:25 +08:00
let AID = "{$article.id}";
let LOGIN_URL = "{:url('login/index')}";
//文章点赞
$("#article-zan").on('click',function(){
//判断登陆
if(uid == -1){
layer.msg('请登录再点赞', {icon: 6}, function(){location.href = LOGIN_URL})
return false;
}
$.post("{:url('article/userZanArticle')}",{article_id:AID, type:1},function(data){
if(data.code === 0){
layer.msg(data.msg,{icon:6,time:2000},function () { location.reload(true) });
} else {
layer.msg(data.msg,{icon:6,adim:6});
}
})
});
// 评论
form.on('submit(user-comment)',function (data){
comment(data.field);
});
// 提交评论
form.on('submit(submit-user-comment)', function(data){
comment(data.field);
return false;
})
2023-07-03 12:50:57 +08:00
2024-04-01 10:20:25 +08:00
// 回复评论用户
$("span[type='reply']").on('click',function (){
var pid = $(this).attr('data-pid');
var tid = $(this).data('tid');
var html =
'< form class = "layui-form user-comment" style = "margin-left:50px;" > ' +
'< div > ' +
'< input type = "hidden" name = "article_id" value = "{$article.id}" > ' +
'< input name = "pid" value = "'+ pid +'" class = "layui-hide" > ' +
'< input name = "to_user_id" value = "'+ tid +'" class = "layui-hide" > ' +
'< textarea name = "content" required lay-verify = "required" class = "layui-textarea taonyeditor" style = "height: 100px; right: 5px; margin: 10px 5px;" > < / textarea > ' +
'< button type = "submit" class = "layui-btn" lay-submit lay-filter = "submit-user-comment" > 提交< / button > ' +
'< / div > ' +
'< / form > ';
var forms = $(this).nextAll('form');
if(forms.length == 0) {
// 移除其它评论块
$('.user-comment').remove();
//动态添加评论块
$(this).next().after(html);
}
})
2023-07-03 12:50:57 +08:00
2024-04-01 10:20:25 +08:00
// 编辑评论
$(".comment-edit").on('click', function () {
var id = $(this).data('id');
layer.open({
type: 2,
title: '修改',
shade: 0.1,
area: ['600px', '500px'],
content: "{:url('comment/edit')}" + '?id=' + id
});
});
2023-05-05 12:01:49 +08:00
2024-04-01 10:20:25 +08:00
// 删除评论
$(".comment-del").on('click', function () {
var id = $(this).data('id');
layer.confirm('需要删除吗？', {icon: 3}, function (){
$.post("{:url('comment/jiedaDelete')}", {id: id}, function (res) {
if (res.status === 0) {
toast.success({title: "成功消息", message: res.msg});
location.reload(true);
} else {
toast.error({title: "失败消息", message: res.msg});
}
})
})
});
2023-07-03 12:54:48 +08:00
2024-04-01 10:20:25 +08:00
// 评论接口
function comment(data){
if (uid == -1) {
layer.msg('请先登陆',{icon:5,time:2000},function(){location.href = LOGIN_URL});
return false;
}
var index = layer.load(1);
$.ajax({
type: "post",
url: "{:url('article/comment')}",
data: data,
dataType: "json",
success:function (res) {
layer.close(index);
if (res.code === 0) {
layer.msg(res.msg,{icon:6,time:2000},function () {location.reload(true)});
} else {
layer.open({title:'评论失败',content:res.msg,icon:5,anim:6});
}
}
});
}
// 解密内容
$("#jiemi").click(function (){
//判断登陆
if(uid == -1){
layer.msg('请先登录再查看', {icon: 6}, function(){location.href = LOGIN_URL})
return false;
}
layer.prompt(function(value, index, elem){
$.post("{:url('article/jiemi')}",{id: AID, art_pass:value},function (res){
layer.close(index);
if(res.code === 0){
layer.msg(res.msg,{icon:6,time:2000},function () {
parent.location.reload(); //刷新父页面，
});
} else {
layer.msg(res.msg,{icon:5,adim:6});
}
});
});
});
2023-05-05 12:03:45 +08:00
2024-04-01 10:20:25 +08:00
// 下载附件
$('#zip-download').click(function (){
var id = "{$article.id}";
$.ajax({
type:"post",
url:"{:url('article/download')}",
data:{id:id},
success:function (data) {
location.href = "{:url('article/download',['id'=>$article.id])}";
}
});
});
2023-05-05 12:03:45 +08:00
2024-04-01 10:20:25 +08:00
// 评论分页
laypage.render({
elem: "pages", //注意，这里的 test1 是 ID，
count: "{$comments['total']}", //数据总数，从服务端得到
limit: 10,
curr: "{$page}",
//获取起始页
jump: function (obj, first) {
var page = obj.curr;
var limit = obj.limit;
var url = "{:url('article_detail',['id' => $article.id ,'ename' =>$article['cate']['ename']])}";
//首次不执行
if (!first) {
$.post("{:url('article/detail')}", { id: AID, page: page }, function () {
location.href = url + '?page=' + page + '#comment';
});
}
},
});
});
2021-11-02 15:40:58 +08:00
< / script >
2024-04-01 10:17:53 +08:00
<!-- 插件hook位 -->
{:hook('addonhook_detail_js')}
2022-08-16 15:21:08 +08:00
{//图片点击放大}
{include file="/public/images-click" /}
2021-11-02 15:40:58 +08:00
2021-08-03 17:33:48 +08:00
{/block}
