协同 xt-activity-list #

<template>
  <view style="padding: 24rpx">
    <xt-activity-list
      v-for="(item, index) in list"
      :key="index"
      :activity-status="item.status"
      :activity-image="item.iconPath"
      :activity-name="item.name"
      :activity-way-str-list="item.activityWayStrList"
      :activity-advance-start-time="item.advanceStartTime"
      :activity-advance-end-time="item.advanceEndTime"
      :activity-start-time="item.startTime"
      :activity-end-time="item.endTime"
      :activity-obj="item"
      style="margin-bottom: 24rpx"
      @handleShare="handleShare"
      @handleClick="handleClick"
    />
  </view>
</template>

<script lang="ts" setup>
const list = ref([
  {
    id: '1199742038790471680',
    name: 'hghjg',
    activityCode: 'A240226505614',
    iconPath:
      'https://markettest.gree.com/storage/group1/M00/01/93/ZHNfEGWp1NCAODzIAAAQQ2qQYi0165.png',
    status: 1,
    statusStr: '未开始',
    pledgeTargetProgress: null,
    saleTargetProgress: null,
    isTargetAmount: null,
    startTime: '2024-02-27 15:39:29',
    endTime: '2024-03-02 15:39:31',
    advanceStartTime: null,
    advanceEndTime: null,
    activityWayList: [5],
    activityWayStrList: ['买赠优惠'],
    storeNum: null,
    holdOrgName: '安徽运营中心',
    holdOrgId: '7109',
    orgId: '7109',
    createTime: '2024-02-26 13:55:44',
    createBy: 'pcyunying',
    createByName: '运营中心outline',
    isCreatorOrg: true,
    enableBanner: 0,
    showChipIcon: 0,
    identificationNew: true,
    isPriorOrder: false,
    whetherToMakePublic: true
  },
  {
    id: '1200802682333691904',
    name: '活动24127AAA',
    activityCode: 'R240127000359',
    iconPath:
      'https://markettest.gree.com/storage/group1/M00/01/97/ZHNfEGWzEg6AZLf-AADUWJjl0iw128.png',
    status: 3,
    statusStr: '进行中',
    pledgeTargetProgress: null,
    saleTargetProgress: null,
    isTargetAmount: null,
    startTime: '2024-01-27 14:33:21',
    endTime: '2025-01-31 14:09:06',
    advanceStartTime: '2024-01-27 14:32:13',
    advanceEndTime: '2025-01-31 02:03:31',
    activityWayList: [1, 2, 3, 5],
    activityWayStrList: ['定金认筹', '特价直降', '套购优惠', '买赠优惠'],
    storeNum: null,
    holdOrgName: '安徽运营中心',
    holdOrgId: '7109',
    orgId: '7109',
    createTime: '2024-01-27 14:32:03',
    createBy: 'zyyy002',
    createByName: '张洋运营中心人员',
    isCreatorOrg: true,
    enableBanner: 0,
    showChipIcon: 1,
    identificationNew: true,
    isPriorOrder: false,
    whetherToMakePublic: true
  },
  {
    id: '1212000980558655488',
    name: '测试快速点击下一步',
    activityCode: 'A240227639471',
    iconPath:
      'https://markettest.gree.com/storage/group1/M00/01/7B/ZEdkPGU2Hs6AZULkAADDXyHaHho722.png',
    status: 4,
    statusStr: '已结束',
    pledgeTargetProgress: null,
    saleTargetProgress: null,
    isTargetAmount: null,
    startTime: '2024-02-29 11:39:27',
    endTime: '2024-03-09 11:39:30',
    advanceStartTime: null,
    advanceEndTime: null,
    activityWayList: [1, 2, 3, 5],
    activityWayStrList: ['定金认筹', '特价直降', '套购优惠', '买赠优惠'],
    storeNum: null,
    holdOrgName: '安徽运营中心',
    holdOrgId: '7109',
    orgId: '7109',
    createTime: '2024-02-27 11:41:49',
    createBy: 'pcyunying',
    createByName: '运营中心outline',
    isCreatorOrg: true,
    enableBanner: 0,
    showChipIcon: 0,
    identificationNew: true,
    isPriorOrder: false,
    whetherToMakePublic: true
  },
  {
    id: '1200073821478264832',
    name: '新增买赠玩法002',
    activityCode: 'R240125000521',
    iconPath:
      'https://markettest.gree.com/storage/group1/M00/01/40/ZEdkPGSX1_KAIVuiAAApVjrZxs096.jepg',
    status: 3,
    statusStr: '进行中',
    pledgeTargetProgress: null,
    saleTargetProgress: null,
    isTargetAmount: null,
    startTime: '2024-01-25 14:30:00',
    endTime: '2025-02-28 13:45:21',
    advanceStartTime: null,
    advanceEndTime: null,
    activityWayList: [1, 2, 3, 4, 5],
    activityWayStrList: ['定金认筹', '特价直降', '套购优惠', '幸运抽奖', '买赠优惠'],
    storeNum: null,
    holdOrgName: '安徽运营中心',
    holdOrgId: '7109',
    orgId: '7109',
    createTime: '2024-01-25 13:52:27',
    createBy: 'zyyy002',
    createByName: '张洋运营中心人员',
    isCreatorOrg: true,
    enableBanner: 0,
    showChipIcon: 1,
    identificationNew: true,
    isPriorOrder: false,
    whetherToMakePublic: true
  },
  {
    id: '1178786316524339200',
    name: '27号新建活动3',
    activityCode: 'R231127000103',
    iconPath:
      'https://markettest.gree.com/storage/group1/M00/01/20/ZEdkPGO-Z9mAP3VzAAFFqedOzcY317.jpg',
    status: 2,
    statusStr: '预热中',
    pledgeTargetProgress: '0.00',
    saleTargetProgress: '0.00',
    isTargetAmount: 1,
    startTime: '2024-12-06 19:55:29',
    endTime: '2024-12-21 19:55:42',
    advanceStartTime: '2023-12-09 19:55:38',
    advanceEndTime: '2023-12-30 19:55:51',
    activityWayList: [1, 2, 3],
    activityWayStrList: ['定金认筹', '特价直降', '套购优惠'],
    storeNum: null,
    holdOrgName: '安徽运营中心',
    holdOrgId: '7109',
    orgId: '7109',
    createTime: '2023-11-27 20:03:18',
    createBy: 'aaaaaaaa',
    createByName: null,
    isCreatorOrg: true,
    enableBanner: 1,
    showChipIcon: 0,
    identificationNew: true,
    isPriorOrder: false,
    whetherToMakePublic: true
  }
])

const handleShare= (item: any) => {
  console.log('handleShare', item)
  alert('handleShare')
}

const handleClick = (item: any) => {
  console.log('handleClick', item)
  alert('handleClick')
}
</script>

<style lang="less" scoped></style>