sailun
/
sailun-shop


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
							<!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/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>
    .card-list {
        display: flex;
        justify-content: center;
        margin-bottom: .5rem
    }

    .card {
        width: 7rem;
        border-radius: .3rem;
        background-color: #fff;
        padding: .15rem .2rem;
        margin: .2rem 0 .2rem 0;
    }

    .card-head {
        border-bottom: 1px solid #EDEDED;
        padding-bottom: .1rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .card-main {
        color: #AEAEAE;
        padding: .1rem 0;
    }

    .card-title {
        margin-bottom: .2rem;
        font-size: .28rem;
    }

    .card-text {
        font-size: .25rem
    }

    .card-foot {
        border-top: 1px solid #EDEDED;
        padding-top: .1rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-size: .32rem;
    }

    .card-arrow img {
        height: .4rem;
    }
</style>

<body>
    <div id="app" style="background-color:#EDEDED">
        <header class="aui-bar aui-bar-nav aui-bar-info" id="aui-header">
            <div>
                <a class="aui-btn aui-btn-info aui-pull-left" tapmode onclick="closeWin()"> <span
                        class="aui-iconfont aui-icon-left"></span> </a>
                <div class="aui-title" id="aui-title">
                    {{sendUserName}}
                </div>
            </div>
        </header>
        <div class="card-list mescroll-touch-y mescroll" id="mescroll" style="position: relative;">
            <div>
                <div class="card" v-for="(item,index) in  lists" :key="index">
                    <div v-on:click="openWin(item.detailPage,item.sendUserId)">
                        <div class="card-head">
                            <div style="font-size:.32rem;">
                                {{item.msgTitle}}
                            </div>
                            <div style="color: #AEAEAE;font-size:.25rem;">
                                {{item.gatTime|formatDate}}
                            </div>
                        </div>
                        <div class="card-main">
                            <!-- <div class="card-title">
    
                            </div> -->
                            <div class="card-text" v-html="item.msgContent">
                            </div>
                        </div>
                        <div class="card-foot" v-if="item.sendUserId==19||item.sendUserId==17">
                            <div>
                                查看详情
                            </div>
                            <div class="card-arrow">
                                <img src="./img/images/rightArrow.png" alt="">
                            </div>
                        </div>
                    </div>
                </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.sendEvent({
            name: 'refushMsg',
            extra: {}
        });
        api.closeWin({});
    }
    apiready = function () {
        // api.addEventListener({
        //     name: 'keyback'
        // }, function (ret, err) {
        //     api.sendEvent({
        //         name: 'refushMsg',
        //         extra: {}
        //     });
        //     api.closeWin({});
        // });
        var sendUserId = api.pageParam.sendUserId;
        api.parseTapmode();
        var header = $api.byId('aui-header');
        $api.fixStatusBar(header);
        new Vue({
            el: '#app',
            data: {
                sendUserId: sendUserId,
                lists: [],
                sendUserName: ""
            },
            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)
                    }

                }
            },
            methods: {
                init: function () {
                    this.storeId = $api.getStorage('userid');
                    this.getMsgdetails();
                    this.updateMessage();
                },
                getMsgdetails: function () {
                    var _this = this,
                        url = "getMsgdetails",
                        data = {
                            "acceptUserId": this.storeId,
                            "sendUserId": this.sendUserId,
                            "type": 'body',
                            "url": 'json'
                        }
                    this.$post(url, data, function (ret) {
                        if (ret.code == 0) {
                            _this.lists = ret.list;
                            _this.sendUserName = ret.list[0].sendUserName;
                            api.sendEvent({
                                name: 'refushMsg',
                                extra: {}
                            });
                        }
                    });
                },
                updateMessage: function () {
                    url = "updateMessage",
                        data = {
                            "acceptUserId": this.storeId,
                            "sendUserId": this.sendUserId,
                            "type": 'body',
                            "url": 'json'
                        }
                    this.$post(url, data, function (ret) {
                    });
                },
                openWin: function (val, typeId) {
                    if (typeId == 19) {
                        this.goWin('orderInfo_win', 'orderInfo_win.html', {
                            id: val
                        });
                    } else if (typeId == 17) {
                        this.goWin('backMoneyinfo_win', 'backMoneyinfo_win.html', {
                            id: val
                        });
                    }
                }
            },
            mounted: function () {
                this.init();
            }
        })
    }
</script>

</html>