{"version":3,"file":"recharge-log.js","sources":["../../../../../../src/modules/mall/pay/recharge-log.vue","../../../../../../uniPage:/bW9kdWxlc1xtYWxsXHBheVxyZWNoYXJnZS1sb2cudnVl"],"sourcesContent":["<!-- 充值记录 -->\r\n<template>\r\n  <s-layout class=\"widthdraw-log-wrap\" title=\"充值记录\">\r\n    <!-- 记录卡片 -->\r\n    <view class=\"wallet-log-box ss-p-b-30\">\r\n      <view class=\"log-list\" v-for=\"item in state.pagination.list\" :key=\"item\">\r\n        <view class=\"head ss-flex ss-col-center ss-row-between\">\r\n          <view class=\"title\">充值金额</view>\r\n          <view class=\"num\" :class=\"item.refundStatus === 10 ? 'danger-color' : 'success-color'\">\r\n            {{ fen2yuan(item.payPrice) }} 元\r\n            <text v-if=\"item.bonusPrice > 0\">（赠送 {{ fen2yuan(item.bonusPrice) }} 元）</text>\r\n          </view>\r\n        </view>\r\n        <view class=\"status-box item ss-flex ss-col-center ss-row-between\">\r\n          <view class=\"item-title\">支付状态</view>\r\n          <view\r\n            class=\"status-text\"\r\n            :class=\"item.refundStatus === 10 ? 'danger-color' : 'success-color'\"\r\n          >\r\n            {{ item.refundStatus === 10 ? '已退款' : '已支付' }}\r\n          </view>\r\n        </view>\r\n        <view class=\"time-box item ss-flex ss-col-center ss-row-between\">\r\n          <text class=\"item-title\">充值渠道</text>\r\n          <view class=\"time ss-ellipsis-1\">{{ item.payChannelName }}</view>\r\n        </view>\r\n        <view class=\"time-box item ss-flex ss-col-center ss-row-between\">\r\n          <text class=\"item-title\">充值单号</text>\r\n          <view class=\"time\">{{ item.payOrderChannelOrderNo }}</view>\r\n        </view>\r\n        <view class=\"time-box item ss-flex ss-col-center ss-row-between\">\r\n          <text class=\"item-title\">充值时间</text>\r\n          <view class=\"time\">\r\n            {{ sheep.$helper.timeFormat(item.payTime, 'yyyy-mm-dd hh:MM:ss') }}\r\n          </view>\r\n        </view>\r\n      </view>\r\n    </view>\r\n    <s-empty\r\n      v-if=\"state.pagination.total === 0\"\r\n      icon=\"/static/comment-empty.png\"\r\n      text=\"暂无充值记录\"\r\n    />\r\n    <uni-load-more\r\n      v-if=\"state.pagination.total > 0\"\r\n      :status=\"state.loadStatus\"\r\n      :content-text=\"{\r\n        contentdown: '上拉加载更多',\r\n      }\"\r\n      @tap=\"loadMore\"\r\n    />\r\n  </s-layout>\r\n</template>\r\n\r\n<script setup>\r\nimport { reactive } from 'vue'\r\nimport { onLoad, onReachBottom } from '@dcloudio/uni-app'\r\nimport _ from 'lodash-es'\r\nimport PayWalletApi from '@/sheep/api/pay/wallet'\r\nimport sheep from '@/sheep'\r\nimport { fen2yuan } from '@/sheep/hooks/useGoods'\r\n\r\nconst state = reactive({\r\n  pagination: {\r\n    list: [],\r\n    total: 0,\r\n    pageNo: 1,\r\n    pageSize: 5,\r\n  },\r\n  loadStatus: '',\r\n})\r\n\r\nasync function getLogList(page = 1, list_rows = 5) {\r\n  const { code, data } = await PayWalletApi.getWalletRechargePage({\r\n    pageNo: page,\r\n    pageSize: list_rows,\r\n  })\r\n  if (code !== 0) {\r\n    return\r\n  }\r\n  state.pagination.list = _.concat(state.pagination.list, data.list)\r\n  state.pagination.total = data.total\r\n  state.loadStatus = state.pagination.list.length < state.pagination.total ? 'more' : 'noMore'\r\n}\r\n\r\n// 加载更多\r\nfunction loadMore() {\r\n  if (state.loadStatus === 'noMore') {\r\n    return\r\n  }\r\n  state.pagination.pageNo++\r\n  getLogList()\r\n}\r\n\r\nonLoad(() => {\r\n  getLogList()\r\n})\r\n\r\nonReachBottom(() => {\r\n  loadMore()\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n// 记录卡片\r\n.log-list {\r\n  min-height: 213rpx;\r\n  padding-bottom: 10rpx;\r\n  margin-bottom: 10rpx;\r\n  background: $white;\r\n\r\n  .head {\r\n    height: 80rpx;\r\n    padding: 0 35rpx;\r\n    margin-bottom: 20rpx;\r\n    border-bottom: 1rpx solid $gray-e;\r\n\r\n    .title {\r\n      font-size: 28rpx;\r\n      font-weight: 500;\r\n      color: $dark-3;\r\n    }\r\n\r\n    .num {\r\n      font-size: 28rpx;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n\r\n  .item {\r\n    padding: 0 30rpx 10rpx;\r\n\r\n    .item-icon {\r\n      margin-right: 8rpx;\r\n      font-size: 36rpx;\r\n      color: $gray-d;\r\n    }\r\n\r\n    .item-title {\r\n      width: 180rpx;\r\n      font-size: 24rpx;\r\n      font-weight: 400;\r\n      color: #666666;\r\n    }\r\n\r\n    .status-text {\r\n      font-size: 24rpx;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .time {\r\n      font-size: 24rpx;\r\n      font-weight: 400;\r\n      color: #c0c0c0;\r\n    }\r\n  }\r\n}\r\n.warning-color {\r\n  color: #faad14;\r\n}\r\n.danger-color {\r\n  color: #ff4d4f;\r\n}\r\n.success-color {\r\n  color: #67c23a;\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/modules/mall/pay/recharge-log.vue'\nwx.createPage(MiniProgramPage)"],"names":["reactive","PayWalletApi","_","onLoad","onReachBottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAA,QAAAA,cAAAA,SAAA;AAAA,MACA,YAAA;AAAA,QACA,MAAA,CAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA;AAAA,MACA;AAAA,MACA,YAAA;AAAA,IACA,CAAA;AAEA,aAAA,WAAA,OAAA,GAAA,YAAA,GAAA;AAAA;AACA,cAAA,EAAA,MAAA,KAAA,IAAA,MAAAC,qBAAAA,aAAA,sBAAA;AAAA,UACA,QAAA;AAAA,UACA,UAAA;AAAA,QACA,CAAA;AACA,YAAA,SAAA,GAAA;AACA;AAAA,QACA;AACA,cAAA,WAAA,OAAAC,qBAAA,OAAA,MAAA,WAAA,MAAA,KAAA,IAAA;AACA,cAAA,WAAA,QAAA,KAAA;AACA,cAAA,aAAA,MAAA,WAAA,KAAA,SAAA,MAAA,WAAA,QAAA,SAAA;AAAA,MACA;AAAA;AAGA,aAAA,WAAA;AACA,UAAA,MAAA,eAAA,UAAA;AACA;AAAA,MACA;AACA,YAAA,WAAA;AACA,iBAAA;AAAA,IACA;AAEAC,kBAAAA,OAAA,MAAA;AACA,iBAAA;AAAA,IACA,CAAA;AAEAC,kBAAAA,cAAA,MAAA;AACA,eAAA;AAAA,IACA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnGA,GAAG,WAAW,eAAe;"}