{"version":3,"file":"commission-log.js","sources":["../../../../../../../src/modules/mall/commission/components/commission-log.vue","../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9tb2R1bGVzL21hbGwvY29tbWlzc2lvbi9jb21wb25lbnRzL2NvbW1pc3Npb24tbG9nLnZ1ZQ"],"sourcesContent":["<!-- 分销首页：明细列表  -->\r\n<template>\r\n  <view class=\"distribution-log-wrap\">\r\n    <view class=\"header-box\">\r\n      <image class=\"header-bg\" :src=\"sheep.$url.static('/static/img/shop/commission/title2.png')\" />\r\n      <view class=\"ss-flex header-title\">\r\n        <view class=\"title\">实时动态</view>\r\n        <text class=\"cicon-forward\" />\r\n      </view>\r\n    </view>\r\n    <scroll-view\r\n      scroll-y=\"true\"\r\n      @scrolltolower=\"loadmore\"\r\n      class=\"scroll-box log-scroll\"\r\n      scroll-with-animation=\"true\"\r\n    >\r\n      <view v-if=\"state.pagination.list\">\r\n        <view\r\n          class=\"log-item-box ss-flex ss-row-between\"\r\n          v-for=\"item in state.pagination.list\"\r\n          :key=\"item.id\"\r\n        >\r\n          <view class=\"log-item-wrap\">\r\n            <view class=\"log-item ss-flex ss-ellipsis-1 ss-col-center\">\r\n              <view class=\"ss-flex ss-col-center\">\r\n                <image\r\n                  class=\"log-img\"\r\n                  :src=\"sheep.$url.static('/static/img/shop/avatar/notice.png')\"\r\n                  mode=\"aspectFill\"\r\n                />\r\n              </view>\r\n              <view class=\"log-text ss-ellipsis-1\">\r\n                {{ item.title }} {{ fen2yuan(item.price) }} 元\r\n              </view>\r\n            </view>\r\n          </view>\r\n          <text class=\"log-time\">{{ dayjs(item.createTime).fromNow() }}</text>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 加载更多 -->\r\n      <uni-load-more\r\n        v-if=\"state.pagination.total > 0\"\r\n        :status=\"state.loadStatus\"\r\n        color=\"#333333\"\r\n        @tap=\"loadmore\"\r\n      />\r\n    </scroll-view>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\nimport sheep from '@/sheep'\r\nimport { reactive } from 'vue'\r\nimport _ from 'lodash-es'\r\nimport dayjs from 'dayjs'\r\nimport BrokerageApi from '@/sheep/api/trade/brokerage'\r\nimport { fen2yuan } from '@/sheep/hooks/useGoods'\r\n\r\nconst state = reactive({\r\n  loadStatus: '',\r\n  pagination: {\r\n    list: [],\r\n    total: 0,\r\n    pageNo: 1,\r\n    pageSize: 1,\r\n  },\r\n})\r\n\r\nasync function getLog() {\r\n  state.loadStatus = 'loading'\r\n  const { code, data } = await BrokerageApi.getBrokerageRecordPage({\r\n    pageNo: state.pagination.pageNo,\r\n    pageSize: state.pagination.pageSize,\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\ngetLog()\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  getLog()\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.distribution-log-wrap {\r\n  position: relative;\r\n  z-index: 3;\r\n  width: 690rpx;\r\n  margin: 0 auto;\r\n  margin-bottom: 20rpx;\r\n  border-radius: 12rpx;\r\n\r\n  .header-box {\r\n    position: relative;\r\n    width: 690rpx;\r\n    height: 76rpx;\r\n\r\n    .header-bg {\r\n      width: 690rpx;\r\n      height: 76rpx;\r\n    }\r\n\r\n    .header-title {\r\n      position: absolute;\r\n      top: 24rpx;\r\n      left: 20rpx;\r\n    }\r\n\r\n    .title {\r\n      font-size: 28rpx;\r\n      font-weight: 500;\r\n      line-height: 30rpx;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .cicon-forward {\r\n      font-size: 30rpx;\r\n      font-weight: 400;\r\n      line-height: 30rpx;\r\n      color: #ffffff;\r\n    }\r\n  }\r\n\r\n  .log-scroll {\r\n    box-sizing: border-box;\r\n    height: 600rpx;\r\n    padding: 10rpx 20rpx 0;\r\n    background: #fdfae9;\r\n    border-radius: 0 0 12rpx 12rpx;\r\n\r\n    .log-item-box {\r\n      margin-bottom: 20rpx;\r\n\r\n      .log-time {\r\n        font-family: OPPOSANS;\r\n        font-size: 24rpx;\r\n        font-weight: 400;\r\n        color: #c4c4c4;\r\n        // margin-left: 30rpx;\r\n        text-align: right;\r\n      }\r\n    }\r\n\r\n    .loadmore-wrap {\r\n      // line-height: 80rpx;\r\n    }\r\n\r\n    .log-item {\r\n      padding: 6rpx 20rpx 6rpx 12rpx;\r\n      // background: rgba(#ffffff, 0.2);\r\n      border-radius: 24rpx;\r\n\r\n      .log-img {\r\n        width: 40rpx;\r\n        height: 40rpx;\r\n        margin-right: 10rpx;\r\n        border-radius: 50%;\r\n      }\r\n\r\n      .log-text {\r\n        max-width: 480rpx;\r\n        font-size: 24rpx;\r\n        font-weight: 500;\r\n        color: #333333;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/modules/mall/commission/components/commission-log.vue'\nwx.createComponent(Component)"],"names":["reactive","BrokerageApi","_"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,UAAM,QAAQA,cAAAA,SAAS;AAAA,MACrB,YAAY;AAAA,MACZ,YAAY;AAAA,QACV,MAAM,CAAE;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,MACX;AAAA,IACH,CAAC;AAED,aAAe,SAAS;AAAA;AACtB,cAAM,aAAa;AACnB,cAAM,EAAE,MAAM,KAAM,IAAG,MAAMC,0BAAAA,aAAa,uBAAuB;AAAA,UAC/D,QAAQ,MAAM,WAAW;AAAA,UACzB,UAAU,MAAM,WAAW;AAAA,QAC/B,CAAG;AACD,YAAI,SAAS,GAAG;AACd;AAAA,QACD;AACD,cAAM,WAAW,OAAOC,qBAAE,OAAO,MAAM,WAAW,MAAM,KAAK,IAAI;AACjE,cAAM,WAAW,QAAQ,KAAK;AAC9B,cAAM,aAAa,MAAM,WAAW,KAAK,SAAS,MAAM,WAAW,QAAQ,SAAS;AAAA,MACtF;AAAA;AAEA,WAAQ;AAGR,aAAS,WAAW;AAClB,UAAI,MAAM,eAAe,UAAU;AACjC;AAAA,MACD;AACD,YAAM,WAAW;AACjB,aAAQ;AAAA,IACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3FA,GAAG,gBAAgB,SAAS;"}