const activity = {
    template: /*language=HTML*/`
        <div class="home-activity">
            <el-card shadow="never">
                <div class="card-title" slot="header">最新活动</div> 
                <div v-if="activityOptions && activityOptions.length > 0" v-for="item in activityOptions" :key="item.id">
                        <div style="width: 100%">
                            <div style="background-color: #fff; position: relative; margin-bottom: 10px">
                                <div style="display: flex; justify-content: center; align-items: center">
                                    <el-image :src="'/file_server/fileStreamPreview?id='+item.cover.filepath" alt="" fit="fill" 
                                    style="margin: 3px 14px 0 0; width: 100px; height: 70px; border-radius: 8px">
                                        <div slot="error" class="image-slot">
                                            <i class="el-icon-picture-outline"></i>
                                        </div>
                                    </el-image>
                                    <div style="flex: 1">
                                        <div style="line-height: 22px; color: #111">
                                            <i class="el-icon-star-on" style="color: red; font-size: 17px"></i>{{item.activityName}}
                                             <el-tag type="danger" v-if="moment(item.activitySignUpEndTime).valueOf()<moment().valueOf()" size="mini">报名已结束</el-tag>
                                        </div>
                                        <div style="font-size: 12px; line-height: 20px; color: #999">开始时间：{{moment(item.activitySignUpStartTime).format('YYYY-MM-DD HH:mm')}}</div>
                                        <div style="font-size: 12px; line-height: 20px; color: #999">结束时间：{{moment(item.activitySignUpEndTime).format('YYYY-MM-DD HH:mm')}}</div>
                                    </div>
                                    <div @click="enterActivity(item)">
                                            <el-tag style="cursor: pointer">查看<i class="el-icon-s-promotion"></i></el-tag>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                <el-empty v-if="activityOptions.length === 0" description="暂无活动"></el-empty>
            </el-card>
            <open-qr-code :url="activityH5Url" ref="openQRCode"></open-qr-code>
        </div>
    `,
    data() {
        return {
            activityOptions: [],
            activityH5Url: null
        }
    },
    components: {
        "open-qr-code": httpVueLoader("/components/plugins/OpenQRCode.vue?v=" + new Date().getTime())
    },
    methods: {
        /**
         * 获取品牌活动信息
         */
        async getTrainSingUpData() {
            const {data} = await $.get(base + "/platform/trainSingUp/manage/activity/pageData", {
                pageNumber: 1,
                pageSize: 20
            })
            return data.list
        },
        /**
         * 获取活动报名信息
         */
        async getWyActivityData() {
            const {data} = await $.get(base + "/platform/activity/calendar/getWyData")
            return data
        },
        async getCalendarNotice() {
            /*   const activityData = await this.getActivityData()
               const fitnessData = await this.getFitnessData()*/
            /*const activityWyData = await this.getWyActivityData()
            const noticeData = activityData.concat(fitnessData ? fitnessData : [])*/
            const activityWyData = await this.getTrainSingUpData()
            this.activityOptions = activityWyData
        },
        listActivity() {
            $.get("/platform/home/listHomeActivity").then((resp) => {
                if (resp.code === 0) {
                    this.activityOptions = resp.data
                }
            })
        },
        enterActivity(item) {
            this.$refs.openQRCode.openCode("/platform/mobile/trainSignUpActivity/trainList", "该活动只支持手机端报名,请使用手机扫描二维码报名！")
            /* sublime.jumpPagePjax(item.url)
             if (item.url) {
                 sublime.jumpPagePjax(item.url)
             } else if (item.url) {
                 this.$refs.openQRCode.openCode(item.url, "该活动只支持手机端报名,请使用手机扫描二维码报名！")
             } else {
                 this.$message.warning("该活动不支持")
             }*/
        }
    },
    created() {
        this.getCalendarNotice()
        // this.listActivity()
    }
}