Blame view

src/pages/noticeList/index.vue 3.19 KB
ce4c83ff   wxy   初始提交
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
  <template>
  <div class='container'>
    <!--未读列表-->
    <!-- <navigator url='../noticeInfo/main'>
      <div class="list">
        <p>汉阳司法局将于2019年10月30日09:00~11:00在鹦鹉花园社区进行法律知识讲座</p>
        <span>2019-10-28 10:44</span><span class="line">|</span><span>汉阳司法局</span>
      </div>
    </navigator> -->
    <navigator v-for='(v,i) in noticeList' :key='i' :url="'../noticeInfo/main?id='+v.data.sysMessage.id" >
      <div class="list">
        <p> {{v.data.sysMessage.messageTitle}}</p>
        <span>{{v.data.sysMessage.sendDate}}</span><span class="line">|</span><span>{{v.data.sysMessage.publishingUnit}}</span>
        <div v-if='v.data.readState==1' class="read"></div>
      </div>
    </navigator>
    <!--未读列表-->
    <!--已读列表-->
    <!-- <div class="list">
      <p>汉阳司法局将于2019年10月30日09:00~11:00在鹦鹉花园社区进行法律知识讲座</p>
      <span>2019-10-28 10:44</span><span class="line">|</span><span>汉阳司法局</span>
      <div class="read"></div>
    </div> -->
    <!--已读列表-->
    <!--已读列表-->
    <!-- <div class="list">
      <p>汉阳司法局将于2019年10月30日09:00~11:00在鹦鹉花园社区进行法律知识讲座</p>
      <span>2019-10-28 10:44</span><span class="line">|</span><span>汉阳司法局</span>
      <div class="read"></div>
    </div> -->
    <!--已读列表-->
    <!--已读列表-->
    <!-- <div class="list">
      <p>汉阳司法局将于2019年10月30日09:00~11:00在鹦鹉花园社区进行法律知识讲座</p>
      <span>2019-10-28 10:44</span><span class="line">|</span><span>汉阳司法局</span>
      <div class="read"></div>
    </div> -->
    <!--已读列表-->
    <NoData v-if='loaded && noticeList.length==0' paddingTop=182 />
  </div>
  </template>
  
  <script>
  import NoData from '@/components/NoData'
  export default {
    components: { NoData },
    data() {
      return {
        loaded: false,
        noticeList: null
      }
    },
    methods: {
      // 取通知公告列表
      getNoticeList()  {
        this.loaded = false
        wx.request({
          url: this.rootUrl + '/notice/getNoticeList',
          data: { sessionID: wx.getStorageSync('sessionID'),
            sendType: "1"
          },
          success: res => {
            console.log(res.data)
            this.loaded = true
            this.noticeList=res.data
d8268883   sh   修复正式环境律师端部分iphone...
66
67
68
69
70
            if(undefined != res.data && null != res.data){
              this.noticeList.forEach(v=>{
                v.data.sysMessage.sendDate = this.service.correctTime(v.data.sysMessage.sendDate,'full')
              })
            }
ce4c83ff   wxy   初始提交
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
          }
        })
      }
    },
    onShow() {
      this.getNoticeList()
    }
  }
  </script>
  <style lang="stylus" scoped>
  .container
    position absolute
    Height_Width(100%)
    Background()
  .list
    margin 20rpx
    width calc(100% - 40rpx)
    box-sizing border-box
    padding 20rpx
    border-radius 12rpx
    background-color #fff
    position relative
  .list p
    margin-bottom 10rpx
    line-height 50rpx
    overflow hidden
    text-overflow ellipsis
    display -webkit-box
    -webkit-line-clamp 2
    -webkit-box-orient vertical
  .list span
    font-size 28rpx
    color #999
  .line
    margin 0 20rpx
    color #999
  .read
    width 100%
    height 100%
    position absolute
    top 0
    left 0
    z-index 100
    background-color rgba(255,255,255,.5)
  </style>