9 changed files with 169 additions and 22 deletions
@ -0,0 +1,107 @@ |
|||
<template> |
|||
<view |
|||
style="display: flex;flex-direction: column;height: 100vh;background: -webkit-linear-gradient(left,#FEA65F,#FB9440);" |
|||
class="app"> |
|||
<!-- 有列表的时候用 :auto='false' 需要你在onload等调用reload方法 --> |
|||
<z-paging ref="paging" v-model="data" @query="queryList" :pagingStyle='styleObject' :auto='true'> |
|||
|
|||
<view v-for="(item,index) in data" style=" display: flex;flex-direction: column;margin-left: 10px;margin-right: 10px; |
|||
padding: 5px 0px;"> |
|||
|
|||
<view class="item"> |
|||
|
|||
<view class="item_left"> |
|||
|
|||
<text class="item_left_text1">{{item.name}}</text> |
|||
<text class="item_left_text2">失效时间:{{item.periodValidity}}</text> |
|||
|
|||
</view> |
|||
|
|||
<text class="item_right">份数:{{item.goodsNumber}}</text> |
|||
|
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</z-paging> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
styleObject: { |
|||
'padding-top': '10px', |
|||
'padding-bottom': '10px', |
|||
'background': '#F7F7F7' |
|||
}, |
|||
data: [] |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
// 分页的请求 |
|||
queryList(pageNo, pageSize) { |
|||
let _this = this |
|||
_this.$api.vegeCellarInvalidList({ |
|||
"current": pageNo, |
|||
"size": pageSize, |
|||
"params": { |
|||
"customerSid": getApp().globalData.sid |
|||
|
|||
} |
|||
}).then((resp) => { |
|||
// 添加数据源 |
|||
this.$refs.paging.complete(resp.records) |
|||
}).catch(e => { |
|||
// 出错了,点击重试 |
|||
_this.$refs.paging.complete(false); |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.app { |
|||
--bgcolor: #f2f2f2; |
|||
|
|||
} |
|||
|
|||
.item { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
background: #fff; |
|||
border-radius: 8px; |
|||
padding: 12px; |
|||
|
|||
.item_left { |
|||
flex: 1; |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.item_left_text1 { |
|||
font-size: 14px; |
|||
color: #333; |
|||
} |
|||
|
|||
.item_left_text2 { |
|||
margin-top: 8px; |
|||
font-size: 12px; |
|||
color: #E36443; |
|||
} |
|||
|
|||
} |
|||
|
|||
.item_right { |
|||
font-size: 12px; |
|||
color: #999; |
|||
} |
|||
} |
|||
</style> |
After Width: | Height: | Size: 2.1 KiB |
Loading…
Reference in new issue