完成评论

view/index/post/read.html

@@ -40,6 +40,28 @@
       border-radius: 2px;
       cursor: pointer;
     }
+
+    .post-container {
+      margin-top: 15px;
+    }
+
+    .post-item {
+      display: flex;
+      justify-content: flex-start;
+      align-items: flex-start;
+    }
+
+    .post-item .left img {
+      width: 60px;
+    }
+
+    .post-item .right {
+      margin-left: 15px;
+    }
+
+    .post-item .content {
+      margin-top: 5px;
+    }
   </style>
 </head>
 
@@ -64,8 +86,7 @@
             </div>
             {if !empty($post.jump_to_url) && $post.jump_to_url_status != 0}
             <div class="jump-container">
-              <a href="{$post.jump_to_url}" class="layui-btn jump-btn"
-                target="_blank">{$post.jump_to_btn_title|default='立即跳转'}</a>
+              <a href="{$post.jump_to_url}" class="layui-btn jump-btn" target="_blank">{$post.jump_to_btn_title|default='立即跳转'}</a>
             </div>
             {if $post.jump_to_url_status == 2 }
             <script>
@@ -110,6 +131,57 @@
               {:get_system_config('post_copyright')}
             </div>
           </div>
+
+          <div class="post-container">
+
+            <fieldset class="layui-elem-field layui-field-title">
+              <legend>评论</legend>
+              <div class="layui-field-box">
+                <div class="post-list">
+                  {volist name='$post.comments' id='comment'}
+                  <div class="post-item" id="comment-{$comment.id}" data-id="{$comment.id}">
+                    <div class="left">
+                      <img src="{$comment.user.avatar}" alt="">
+                    </div>
+                    <div class="right">
+                      <div>{$comment.user.nickname|default=$comment.user.account}</div>
+                      <div class="content">{$comment.content}</div>
+                      {if !empty($user_info) && $user_info.uid == $comment.user_uid }
+                      <div>
+                        <div class="layui-btn layui-btn-xs delete" style="cursor: pointer;">删除</div>
+                      </div>
+
+                      {/if}
+                    </div>
+                  </div>
+                  {/volist}
+                </div>
+                <div class="post-main">
+                  <form action="" class="layui-form">
+                    <input type="hidden" name="post_id" value="{$post.id}">
+                    <div class="layui-form-item layui-form-text">
+
+
+                      <textarea name="content" placeholder="请输入内容" class="layui-textarea" autocomplete="off"></textarea>
+
+                    </div>
+                    <div class="layui-form-item">
+                      <button class="layui-btn" type="submit" lay-filter="postComment" lay-submit>发表评论</button>
+                      {empty name='Request.session.user_uid'}
+                      <a class="layui-word-aux" href="{$login_url|default=''}">点击登录</a>
+                      {else /}
+                      <a href="{:get_system_config('user_hub_host')}" target="_blank" class="layui-word-aux">{$user_info.nickname|default=$user_info.account}</a>
+                      <a href="{:url('index/Logout',['back_url'=>$post.read_url])}" class="layui-word-aux">退出</a>
+                      {/empty}
+
+
+                    </div>
+                  </form>
+                </div>
+              </div>
+            </fieldset>
+          </div>
+
         </div>
       </div>
       {include file='common/_right'/}
@@ -121,6 +193,49 @@
   </div>
   <script>
 
+    layui.use(['form'], function () {
+      var form = layui.form
+
+      form.on('submit(postComment)', function (data) {
+        $.post('{:url("PostComment/save")}',
+          data.field
+          , function (result) {
+            if (result.code == 0) {
+              layer.msg('发表评论成功')
+              setTimeout(() => {
+                location.reload()
+              }, 1200);
+            } else {
+              layer.msg(result.msg)
+            }
+          })
+
+        return false;
+      })
+
+    })
+
+    $('.post-item .delete').click(function () {
+      var item = this;
+
+      var parent = $(item).closest('.post-item')
+
+      layer.confirm('确定要删除吗?', function () {
+        $.post('{:url("PostComment/delete")}', {
+          id: $(parent).data('id')
+        }, function (result) {
+          if (result.code == 0) {
+            layer.msg('删除成功');
+            setTimeout(() => {
+              location.reload()
+            }, 1200);
+          } else {
+            layer.msg(result.msg)
+          }
+        })
+      })
+    })
+
     $('.ql-editor pre').each(function (n, e) {
 
       hljs.highlightBlock(e);