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>
|