13 changed files with 435 additions and 47 deletions
-
2src/components/reservation_order/reservation_order.vue
-
7src/js/api.js
-
2src/js/server.js
-
13src/pages.json
-
5src/pages/index/index.vue
-
57src/pages/message/detail/detail.vue
-
102src/pages/message/list/list.vue
-
17src/pages/order_list/order_list.vue
-
14src/pages/order_search/order_search.vue
-
34src/pages/order_send/order_send.vue
-
225src/pages/turnover/turnover.vue
-
BINsrc/static/images/icon/calendar.png
-
4src/utils/util.js
@ -0,0 +1,57 @@ |
|||||
|
<template> |
||||
|
<view class="message-detail"> |
||||
|
<view class="md-title">{{mesInfo.title || '-'}}</view> |
||||
|
<view class="md-time">{{mesInfo.created_at || '-'}}</view> |
||||
|
<rich-text :nodes="mesInfo.content || '-'"></rich-text> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { API } from '../../../js/api' |
||||
|
import { servers } from '../../../js/server' |
||||
|
export default { |
||||
|
data(){ |
||||
|
return { |
||||
|
mesInfo: {} |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options){ |
||||
|
this.getMesInfo(options.id) |
||||
|
}, |
||||
|
methods: { |
||||
|
getMesInfo(id){ |
||||
|
servers.get({ |
||||
|
url: API.messageRead + `/${id}`, |
||||
|
data: { id }, |
||||
|
failMsg: '加载失败！', |
||||
|
|
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
this.mesInfo =res; |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import "../../../style/public.scss"; |
||||
|
page{ |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.message-detail{ |
||||
|
padding: 40upx; |
||||
|
.md-title{ |
||||
|
margin-bottom: 16upx; |
||||
|
line-height: 56upx; |
||||
|
font-size: 40upx; |
||||
|
color: #1a1a1a; |
||||
|
} |
||||
|
.md-time{ |
||||
|
margin-bottom: 60upx; |
||||
|
line-height: 34upx; |
||||
|
font-size: 24upx; |
||||
|
color: #b2b2b2; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,102 @@ |
|||||
|
<template> |
||||
|
<view class="message-list"> |
||||
|
<view class="ml-list"> |
||||
|
<view class="ml-item" v-for="(e,i) in mesList" :key="e" @click="toDetail(i)"> |
||||
|
<view> |
||||
|
<text>{{e.title || '-'}}</text> |
||||
|
<view v-if="e.is_view == 0"></view> |
||||
|
<!-- 0未读 1已读 --> |
||||
|
</view> |
||||
|
<view>{{e.created_at || '-'}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { API } from '../../../js/api'; |
||||
|
import { servers } from '../../../js/server'; |
||||
|
import util from '../../../utils/util' |
||||
|
export default { |
||||
|
data(){ |
||||
|
return { |
||||
|
mesList: [], |
||||
|
page: 1 |
||||
|
} |
||||
|
}, |
||||
|
onReachBottom(){ |
||||
|
let { page } = this; |
||||
|
this.getMesList(++page); |
||||
|
}, |
||||
|
onLoad(){ |
||||
|
this.getMesList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
toDetail(i){ |
||||
|
let _mesList = [...this.mesList]; |
||||
|
_mesList[i].is_view = 1; |
||||
|
this.mesList = _mesList; |
||||
|
util.routeTo(`/pages/message/detail/detail?id=${_mesList[i].id}`,'nT'); |
||||
|
}, |
||||
|
getMesList(page = 1){ |
||||
|
servers.get({ |
||||
|
url: API.messageList, |
||||
|
data: { |
||||
|
page, |
||||
|
page_size: 15, |
||||
|
msg_type: 1 |
||||
|
}, |
||||
|
failMsg: '加载失败！' |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
let _list = res.list || []; |
||||
|
if(page == 1)return this.mesList = _list; |
||||
|
this.page = page; |
||||
|
this.mesList = [...this.mesList, ..._list]; |
||||
|
console.log('xiaoxi',res); |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
@import "../../../style/public.scss"; |
||||
|
.message-list{ |
||||
|
|
||||
|
} |
||||
|
.ml-list{ |
||||
|
padding: 24upx; |
||||
|
.ml-item{ |
||||
|
padding: 24upx 20upx; |
||||
|
margin-bottom: 24upx; |
||||
|
border-radius: 10upx; |
||||
|
background-color: #fff; |
||||
|
>view{ |
||||
|
&:first-child{ |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
line-height: 44upx; |
||||
|
font-size: 32upx; |
||||
|
color: #1a1a1a; |
||||
|
text-align: justify; |
||||
|
>view{ |
||||
|
position: absolute; |
||||
|
top: 0upx; |
||||
|
right: -16upx; |
||||
|
display: block; |
||||
|
width: 16upx; |
||||
|
height: 16upx; |
||||
|
border-radius: 50%; |
||||
|
background-color: #EA5061; |
||||
|
} |
||||
|
} |
||||
|
&+view{ |
||||
|
line-height: 34upx; |
||||
|
font-size: 24upx; |
||||
|
color: #b2b2b2; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
After Width: 40 | Height: 40 | Size: 199 B |
Write
Preview
Loading…
Cancel
Save
Reference in new issue