sailun
/
sailun-shop


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
							<!DOCTYPE html>
<html class="">
<!--STATUS OK-->

<head>
    <meta name="referrer" content="always" />
    <meta charset='utf-8' />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta name="description" content="">
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-win.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script type="text/javascript" src="../script/aui-tab.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/vant-ui.js"></script>
    <script src="js/main.js"></script>
    <title></title>
</head>
<style>
    .aui-bar {
        text-align: center;
        height: 1.5rem;
    }

    .aui-searchbar {
        background-color: #00a0ea;
    }

    .tag {
        width: 1rem;
        height: 1rem;
        background-color: #FC3228;
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .5rem;
    }
</style>

<body>
    <div id="app">
        <header class="aui-bar aui-bar-nav" id="aui-header">
            <!-- <div class="aui-searchbar" id="search">
                <div class="aui-searchbar-input aui-border-radius">
                    <i class="aui-iconfont aui-icon-search"></i>
                    <input type="search" placeholder="请输入搜索内容" id="search-input">
                    <div class="aui-searchbar-clear-btn">
                        <i class="aui-iconfont aui-icon-close"></i>
                    </div>
                </div>
                <div class="aui-searchbar-btn" tapmode>取消</div>
            </div> -->
            <div>
                <a class="aui-btn aui-btn-info aui-pull-left" tapmode onclick="closeWin()"></a>
                <div class="aui-title" id="aui-title">
                    消息中心
                </div>
                <a class="aui-btn aui-btn-info aui-pull-right" tapmode v-on:click="inSearchPage()">
                     <!-- <span class="aui-iconfont aui-icon-search"></span> -->
                     </a>
            </div>
        </header>
        <div class="mescroll-touch-y mescroll" id="mescroll" style="position: relative;">
            <div class="aui-card-list">
                <div class="aui-card-list-content" >
                    <ul class="aui-list aui-media-list" v-for="(item,index) in lists" :key="index">
                        <li class="aui-list-item aui-list-item-middle" v-on:click="openWin(item)" style="border-top:none">
                            <div class="aui-media-list-item-inner">
                                <div class="aui-list-item-media" style="width: 3rem;">
                                    <img src="./img/images/imgs.png" class="aui-img-round">
                                </div>
                                <div class="aui-list-item-inner">
                                    <div class="aui-list-item-text">
                                        <div class="aui-list-item-title aui-font-size-14">{{item.sendUserName}}</div>
                                        <div class="aui-list-item-right">{{item.gatTime|formatDate}}</div>
                                    </div>
                                    <div class="aui-list-item-text">
                                        <div style="display:flex;">
                                            <p style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:13rem">
                                                【{{item.msgTitle}}】{{item.msgContent|formatText}}
                                            </p>
                                        </div>
                                        <div class="tag" v-if="item.msgState==0">{{item.unread}}</div>
                                    </div>

                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


</body>
<link rel="stylesheet" href="./mescroll/mescroll.min.css">
<script type="text/javascript" src="./js/qrcode.min.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="./mescroll/mescroll.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/httpRequest.js"></script>
<script type="text/javascript" src="../script/vue_plugins.js"></script>
<script type="text/javascript">
    function closeWin() {
        api.closeWin({});
    }
    apiready = function() {
        api.parseTapmode();
        var header = $api.byId('aui-header');
        $api.fixStatusBar(header);
        new Vue({
            el: '#app',
            data: {
                lists: []
            },
            filters: {
                formatDate: function(time) {
                    var now = new Date()
                    var year = now.getFullYear();
                    var month = now.getMonth() + 1;
                    var day = now.getDate();
                    if (month < 10) {
                        month = "0" + month;
                    }
                    if (day < 10) {
                        day = "0" + day;
                    }
                    nowDay = year + "-" + month + "-" + day
                    if (nowDay != time.substring(0, 10)) {
                        return time.substring(0, 10)
                    } else {
                        return time.substring(11, 19)
                    }
                },
                formatText: function(text) {
                    return text.replace(/<[^>]+>/g," ")
                }
            },
            methods: {
                init: function() {
                    this.storeId = $api.getStorage('userid');
                    this.getMsg();
                    var _this = this;
                    this.addEvent("refushMsg", function() {
                        _this.storeId = $api.getStorage('userid');
                        _this.getMsg();
                    })
                },
                getMsg: function() {
                    var _this = this,
                        url = "getMsg",
                        data = {
                            "acceptUserId": this.storeId,
                            "type": 'body',
                            "url": 'json'
                        }
                    this.$post(url, data, function(ret) {
                        if (ret.code == 0) {
                            _this.lists = ret.category;
                        }
                    });
                },
                openWin: function(item) {
                    this.goWin('msgDetails', 'msgDetails.html', {
                        sendUserId: item.sendUserId
                    });
                }
            },
            mounted: function() {
                this.init();
            }
        })
    }
</script>

</html>