1

xuxueyang

2024-09-19 1ad1737e00e5f6b4d1aa59747cbe36db3138fbd6

 sub_pages/customer/coupon/point-history.vue

@@ -1,6 +1,42 @@
<template>
   <!-- 列表页面 -->
   <view>
		
      <view class="m-t-12 m-b-12 text-center" :class="[query.recordDateStart?'':'desc-gray']"
         @click="show_time_picker_time=true">
         {{query.recordDateStart&&( (query.recordDateStart||'') + ' ~ ' + (query.recordDateEnd || '')) || '请选择日期'}}

      </view>
      <view class="p15" style="min-height: calc(100vh - 260rpx);">
         <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data>
         <view v-for="(item,index) in list" :key="index" class="m-b-24">
            <view @click.stop="toDetail(item)" class="notice-item">
               <view v-if="item.typeStr" class="type">{{item.typeStr||'-'}}</view>
               <view class="time">{{item.recordDate || ''}}</view>
               <view class="form-item">
                  <view class="form-item-label">变更类型</view>
                  <view class="form-item-value">{{item.changeTypeStr || ''}}</view>
               </view>
               <view class="form-item">
                  <view class="form-item-label">积分</view>
                  <view class="form-item-value">{{item.point || ''}}</view>
               </view>
               <view class="form-item">
                  <view class="form-item-label" style="min-width: 80rpx;">备注</view>
                  <view class="form-item-value" style="word-break: break-word;">{{item.remarks || ''}}</view>
               </view>
            </view>
         </view>
      </view>


      <!-- 判断是否到底了，自动吧 -->
      <footer-msg :more="page.total>0&&page.total>page.current*page.size"></footer-msg>

      <u-calendar :show="show_time_picker_time" mode="range" @confirm="select_time_picker_time" :monthNum="3"
         @cancel="show_time_picker_time = false" rowHeight="100" @close="show_time_picker_time = false"
         minDate="2024-07-01" :maxDate="maxDate" toolTip="选择日期">
      </u-calendar>

   </view>
</template>

@@ -8,15 +44,74 @@
   export default {
      data() {
         return {
				
            query: {
               // status: ''
               recordDateStart: '',
               recordDateEnd: ''
            },
            show_time_picker_time: false,
            maxDate: '',
         }
      },
      onLoad() {
         this.maxDate = this.$util.toDate(new Date())

         this.listApi = '/api/customer/point/list'

         this.getList()

      },
      onReachBottom() {
         this.getMore()
      },
      async onPullDownRefresh() {
         this.page.current = 1
         await this.getList()
         uni.stopPullDownRefresh()
      },
      methods: {
			
         select_time_picker_time(e) {
            console.log('select_time_picker_time', e)
            if (e && e.length > 0) {
               this.query.recordDateStart = e[0]
               this.query.recordDateEnd = e[e.length - 1]
               this.show_time_picker_time = false
            } else {
               this.query.recordDateStart = ''
               this.query.recordDateEnd = ''
               this.show_time_picker_time = false
            }
            this.refreshList()
         }
      }
   }
</script>

<style>
<style lang="scss" scoped>
   .notice-item {
      padding: 20rpx;
      font-size: 28rpx;
      background-color: #fff;

</style>
      .type {
         font-weight: 600;

      }

      .time {
         font-size: 24rpx;
         color: darkgray;
      }

      .form-item {
         display: flex;

         .form-item-label {}

         .form-item-value {
            flex: 1;
            text-align: right;
         }
      }
   }
</style>