<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <title>采美365网-消息列表-中国美业全方位线上交易服务互动平台，做美业，上采美</title>
    <template th:replace="components/head-link"></template>
    <link th:href="@{/css/user-center/message.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 引用头部 -->
<template th:replace="components/header"></template>

<!-- 我的消息 -->
<div id="dashboard">
    <div class="navLayout" v-cloak>
        <div v-if="isPC" class="crumbs">
            <span>我的采美</span>
            <span>&gt;</span>
            <span>我的消息</span>
        </div>
        <div class="wrap clear">
            <!--左侧导航-->
            <template th:replace="user-center/components/tableft"></template>
            <div class="right">
                <div class="content clear">
                    <div class="title">所有消息</div>
                    <div class="section">
                        <div class="section-top">
                            <div class="cheacked" @click="checkedAllFn">
                                <i class="icon mIcon" :class="isCheckedAll ? 'icon-gouxuan' : 'icon-weigouxuan'"></i>
                                <span>全选</span>
                            </div>
                            <div class="button">
                                <a href="javascript:void(0);" class="btn" @class="deleteMessageFn">删除</a>
                                <a href="javascript:void(0);" class="btn" @class="signMessageFn">标为已读</a>
                            </div>
                        </div>
                        <div class="section-content">
                            <div class="new-list" v-for="(item, index) in messagesList" :key="index">
                                <div class="text">
                                    <i class="icon mIcon" :class="item.isCheck ? 'icon-gouxuan' : 'icon-weigouxuan'" @click="checkedItemFn(item)"></i>
                                    <p>{{item.title}}</p>
                                </div>
                                <div class="time">{{item.addTime}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--loading-->
    <div v-else class="loading">
        <img src="/img/base/loading.gif">
    </div>
</div>
<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/user.service.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/user-center/message.js(v=${version})}"></script>
</body>
</html>
