|
@@ -0,0 +1,272 @@
|
|
|
+<template>
|
|
|
+ <view class="content">
|
|
|
+ <view class="navBarBox">
|
|
|
+ <view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
|
|
|
+ <view class="navBar">
|
|
|
+ <view>活动</view>
|
|
|
+ <image class="logo" mode="scaleToFill"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- <view class="nvBarBox">
|
|
|
+ <view @click="onClickStatus(item)" v-for="item in status" :class="[query.state === item.value ? 'active' : '']">{{
|
|
|
+ item.name }}</view>
|
|
|
+ </view> -->
|
|
|
+
|
|
|
+ <zs-list mt="0" @load="loadMore" :status="listStatus">
|
|
|
+ <uni-card v-for="item in list" :key="item.activityCover" padding="0" spacing="0">
|
|
|
+ <view @click.stop="onClick(item)">
|
|
|
+ <view class='img-veiew'>
|
|
|
+ <!-- <view class="badge">{{ item.status }}</view> -->
|
|
|
+ <image slot="cover" class="cover" :src="item.activityCover">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="content-box">
|
|
|
+ <view class="title">{{ item.activityName }}</view>
|
|
|
+ <view class="sub-title">
|
|
|
+ 活动时间: {{ item.activityStartTime }} 至 {{ item.activityEndTime }}
|
|
|
+ </view>
|
|
|
+ <!-- <view class="sub-title">
|
|
|
+ 活动地点:{{ item.address }}
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-card>
|
|
|
+ </zs-list>
|
|
|
+ <zs-tab-bar :value="1"></zs-tab-bar>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import uniCard from "@/uni_modules/uni-card/components/uni-card/uni-card.vue";
|
|
|
+import { getActivityList } from "../../api/activity";
|
|
|
+import { GDZShopiID } from "../../utils/tool";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ uniCard,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ navBarHeight: 0,
|
|
|
+ statusBarHeight: 0,
|
|
|
+ list: [],
|
|
|
+ triggered: false,
|
|
|
+ loading: false,
|
|
|
+ status: [
|
|
|
+ // wait 未开始 doing 进行中 over 已结束
|
|
|
+ { name: "全部", value: null },
|
|
|
+ { name: "未开始", value: 'wait' },
|
|
|
+ { name: "进行中", value: 'doing' },
|
|
|
+ { name: "已结束", value: 'over' },
|
|
|
+ ],
|
|
|
+ shopId: uni.getStorageSync("gdShopId"),
|
|
|
+ query: {
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 3,
|
|
|
+ activityEnable: 1,
|
|
|
+ state: null,
|
|
|
+ },
|
|
|
+ listStatus: "more", // more noMore loading
|
|
|
+
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.list = []
|
|
|
+ this.query = {
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 3,
|
|
|
+ activityEnable: 1,
|
|
|
+ state: null,
|
|
|
+ }
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.navBarHeight = this.$navHight(1);
|
|
|
+ this.statusBarHeight = uni.getSystemInfoSync()["statusBarHeight"];
|
|
|
+ this.navBarHeight = this.navBarHeight + 10 + "px";
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async getList() {
|
|
|
+ this.listStatus = "loading"
|
|
|
+ if (!this.shopId) {
|
|
|
+ this.shopId = await GDZShopiID()
|
|
|
+ }
|
|
|
+ getActivityList({
|
|
|
+ shopId: this.shopId,
|
|
|
+ ...this.query,
|
|
|
+ }).then(res => {
|
|
|
+ this.list = this.list.concat(res.content.records);
|
|
|
+ this.loading = false;
|
|
|
+ // this.list = res.content.records;
|
|
|
+ let total = this.list.length
|
|
|
+ if (total >= res.content.total) {
|
|
|
+ this.listStatus = "noMore";
|
|
|
+ } else {
|
|
|
+ this.listStatus = "more";
|
|
|
+ this.query.currentPage = this.query.currentPage + 1;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onClickStatus(item) {
|
|
|
+ this.query.state = item.value;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ onClick(row) {
|
|
|
+ // options.scene
|
|
|
+ if (uni.getStorageSync("token")) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/signUp/index?scene=" + row.id,
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ uni.showModal({
|
|
|
+ title: "请登录",
|
|
|
+ confirmText: "去登录",
|
|
|
+ success(res) {
|
|
|
+ console.log(res);
|
|
|
+ if (res.confirm) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "../../login/login/login?redirect=/pages/activity/index",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onRefresh() {
|
|
|
+ console.log("下拉刷新了", this.triggered);
|
|
|
+ this.triggered = true
|
|
|
+ setTimeout(() => {
|
|
|
+ this.triggered = false;
|
|
|
+ }, 1000)
|
|
|
+ },
|
|
|
+ loadMore() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+page {
|
|
|
+ background-color: #fafafa;
|
|
|
+}
|
|
|
+</style>
|
|
|
+<style lang="scss" scoped>
|
|
|
+::v-deep .zs-list {
|
|
|
+ height: 80vh;
|
|
|
+ overflow-y: scroll;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.navBarBox .navBar .logo {
|
|
|
+ width: 0rpx;
|
|
|
+ height: 82rpx;
|
|
|
+ // margin-right: 10rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.navBarBox .navBar {
|
|
|
+ font-size: 35rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ padding: 3rpx 50rpx;
|
|
|
+ padding-bottom: 8rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.content {
|
|
|
+ // padding-top: 24%;
|
|
|
+}
|
|
|
+
|
|
|
+// .view-content {
|
|
|
+// height: 600px;
|
|
|
+// background-color: red;
|
|
|
+// }
|
|
|
+
|
|
|
+.nvBarBox {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ // background-color: #fff;
|
|
|
+ padding: 10rpx 0;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #999999;
|
|
|
+
|
|
|
+ .active {
|
|
|
+ color: #333333;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.img-veiew {
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ .badge {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 120rpx;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #DBDBDB;
|
|
|
+ color: #7A7A7A;
|
|
|
+ font-size: 24rpx;
|
|
|
+ padding: 5rpx 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.cover {
|
|
|
+ width: 100%;
|
|
|
+ height: 320rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.content-box {
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
+ // height: 150rpx;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-weight: bold;
|
|
|
+ color: black;
|
|
|
+ font-size: 32rpx;
|
|
|
+ // 超出文本使用...
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sub-title {
|
|
|
+ font-size: 30rpx;
|
|
|
+ margin: 15rpx 0 30rpx 0;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .actionBox {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-around;
|
|
|
+ margin-top: 10rpx;
|
|
|
+
|
|
|
+ .actionItem {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #212222;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 前2个后面加线
|
|
|
+ .actionItem:nth-child(1),
|
|
|
+ .actionItem:nth-child(2) {
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+</style>
|