TaoLer/view/taoler/index/user/message.html

{extend name="public/user" /} {block name="content"}
<div class="layui-tab layui-tab-brief" lay-filter="user" id="LAY_msg" style="margin-top: 15px">
  <button class="layui-btn layui-btn-danger" id="LAY_delallmsg">
    清空全部消息
  </button>
  <div id="LAY_minemsg" style="margin-top: 10px"></div>
</div>
{/block} {block name="script"}
<script>
  var messageFind = "{:url('index/Message/find')}",
    messageRemove = "{:url('index/Message/remove')}",
    userNameJump = "{:url('index/Index/jump')}";

  //点开标题改变帖子已读状态
  $("#LAY_minemsg").on("click", ".art-title", function () {
    var id = $(this).attr("id-data");
    var othis = $(this);
    $.ajax({
      type: "post",
      url: "{:url('message/read')}",
      data: { id: id },
      daType: "json",
      success: function (res) {
        if (res.status == 0) {
          othis.next().html("已读");
          //location.reload();
          //othis.append('<span class="float:right">已读</span>');
        }
      },
    });
  });

  //读消息
  $("#LAY_minemsg").on("click", ".sys-title", function () {
    var id = $(this).attr("id-data");
    var othis = $(this);
    $.ajax({
      type: "post",
      url: "{:url('message/read')}",
      data: { id: id },
      daType: "json",
      success: function (res) {
        if (res.status == 0) {
          layer.open({
            type: 1,
            skin: "layui-layer-rim", //加上边框
            area: ["400px", "350px"], //宽高
            content:
              '<div class="layui-form" style="padding: 10px 20px 0 20px;"> ' + res.content + "</div>",
          }),
            othis.next().html("已读");
        }
      },
    });
  });
</script>
{/block}