fix(*): update mock data

src/App.vue

@@ -12,6 +12,15 @@ export default Vue.extend({
   mpType: "app",
   onLaunch() {
     console.log("App Launch")
+    uni.login({
+      provider: "weixin",
+      success: loginRes => {
+        console.log(loginRes.authResult)
+      },
+      fail: err => {
+        console.error(err)
+      }
+    })
   },
   onShow() {
     console.log("App Show")

src/common/interface.ts

@@ -5,32 +5,55 @@
  * @LastEditors: Steven
  * @LastEditTime: 2020-09-15 10:26:27
  */
+
 // 属性
 export interface Iinfo {
-  name: string // 属性名称
-  value: number // 属性值
+    // 属性名称
+    name: string
+    // 属性值
+    value: number
 }
+
 // 选手
 export interface Iitem {
-  id: number // 选手编号
-  name: string // 选手名称
-  img: string // 选手图片
-  company?: string // 选手公司
-  group?: string // 选手分组
-  show?: string // 选手风采
-  desc: string // 选手简介
-  stats: Iinfo[] // 统计信息
+    // 选手编号
+    id: number
+    // 选手名称
+    name: string
+    // 选手图片
+    img: string
+    // 选手公司
+    company?: string
+    // 选手分组
+    group?: string
+    // 选手风采
+    show?: string
+    // 选手简介
+    desc: string
+    // 统计信息
+    stats: Iinfo[]
 }
+
 // 活动
 export interface Iactivity {
-  id: number // 活动编号
-  name: string //活动名称
-  bannerImg: string[] //广告图片
-  startTime: string //开始时间
-  endTime: string //结束时间
-  rule: Iinfo[] // 活动规则
-  desc: string //活动描述
-  status: "ONGOING" | "ENDED" | "ISCOMING" // 活动状态
-  slogan: string // 口号，标语
-  stats: Iinfo[] // 统计信息
+    // 活动编号
+    id: number
+    //活动名称
+    name: string
+    //广告图片
+    bannerImg: string[]
+    //开始时间
+    startTime: string
+    //结束时间
+    endTime: string
+    // 活动规则
+    rule: Iinfo[]
+    //活动描述
+    desc: string
+    // 活动状态
+    status: "ONGOING" | "ENDED" | "ISCOMING"
+    // 口号，标语
+    slogan: string
+    // 统计信息
+    stats: Iinfo[]
 }

src/mock/store.ts

@@ -184,7 +184,7 @@ export const activities: Array<Iactivity> = [
       每个微信号每天可投3票，给同一选手一天限投一票。本活动重在参与，意在宣传推广，我们不提倡赠送礼物，赠送礼物属自愿行为，如有疑问请联系我们的在线客服奖项设置关于作弊
       活动方有权对票数异常的选手做出相应处罚，作弊违规行为包括但不限于：使用辅助软件的作弊行为、网上买僵尸号的投票行为、找投票公司付费投票行为。第一次电话口头警告并减去相关的票数，第二次再出现类似情况，不再另行通知，票数系统将自动清零，严重者取消参评资格和获奖资格。
       活动重在参与，意在宣传推广，打赏属自愿行为，我们不提倡给选手打赏，请酌情购买，主办方对本活动保留最终解释权！.`, //活动描述
-    status: "ONGOING",
+    status: "ISCOMING",
     slogan: "2020伊人如梦*婉美如你",
     stats: [
       {
@@ -207,8 +207,8 @@ export const activities: Array<Iactivity> = [
     bannerImg: [
       "https://www.huotoupiao.com/assets/www/ActivityPc2/img/tem2.jpg",
     ], //广告图片
-    startTime: "2020-10-15 00:00", //开始时间
-    endTime: "2020-12-01 00:00", //结束时间
+    startTime: "2020-09-15 00:00", //开始时间
+    endTime: "2020-10-11 00:00", //结束时间
     rule: [
       {
         name: "每个微信号每天可以投",
@@ -244,4 +244,47 @@ export const activities: Array<Iactivity> = [
       },
     ], // 统计信息
   },
+  {
+    id: 2, // 活动编号
+    name: "2020伊人如梦*婉美如你 | 伊婉明星咨询师 全国100强投票", //活动名称
+    bannerImg: [
+      "https://www.huotoupiao.com/assets/www/ActivityPc2/img/tem2.jpg",
+    ], //广告图片
+    startTime: "2020-09-01 00:00", //开始时间
+    endTime: "2020-09-15 00:00", //结束时间
+    rule: [
+      {
+        name: "每个微信号每天可以投",
+        value: 3,
+      },
+      {
+        name: "每天可为同一选手投",
+        value: 1,
+      },
+      {
+        name: "每天最少投票",
+        value: 1,
+      },
+    ], // 活动规则
+    desc: `2019，怎样才能在众多商户中脱颖而出?家家传媒给大家送福利来了!不管您经营的是餐饮、酒店、休闲娱乐，钻石珠宝,家装建材，婚庆影楼，还是家电数码，母婴，商行超市，农资特产，教育培训，品牌服务，广告设计，微店，制作业等……，只要您是石脑镇的商家，均可报名！我们的目的只有一个，利用互联网各种线上宣传形式，为商家推广，营销制作人气，提高市场关注度，增加商家的进店曝光率！温馨提示
+      每个微信号每天可投3票，给同一选手一天限投一票。本活动重在参与，意在宣传推广，我们不提倡赠送礼物，赠送礼物属自愿行为，如有疑问请联系我们的在线客服奖项设置关于作弊
+      活动方有权对票数异常的选手做出相应处罚，作弊违规行为包括但不限于：使用辅助软件的作弊行为、网上买僵尸号的投票行为、找投票公司付费投票行为。第一次电话口头警告并减去相关的票数，第二次再出现类似情况，不再另行通知，票数系统将自动清零，严重者取消参评资格和获奖资格。
+      活动重在参与，意在宣传推广，打赏属自愿行为，我们不提倡给选手打赏，请酌情购买，主办方对本活动保留最终解释权！.`, //活动描述
+    status: "ENDED",
+    slogan: "2020伊人如梦*婉美如你",
+    stats: [
+      {
+        name: "参与人数",
+        value: 100,
+      },
+      {
+        name: "累计票数",
+        value: 23000,
+      },
+      {
+        name: "累计访问",
+        value: 560000,
+      },
+    ], // 统计信息
+  },
 ]

src/pages/index/index.vue

@@ -13,11 +13,14 @@
     <title :content="activity.name"></title>
     <!-- 统计区域 -->
     <stats :content="activity.stats">
-      <view class="mt-2 p-2 text-gray-100 text-center diff-time-box flex justify-center">
-        活动结束时间还有
-        <uni-countdown color="#fff" background-color="" splitorColor="#fff" :day="day" :hour="hour" :minute="min"
-                       :second="sec"></uni-countdown>
-      </view>
+      <block v-if="!activity.status==='ENDED'">
+        <view class="mt-2 p-2 text-gray-100 text-center diff-time-box flex justify-center">
+          {{ msg }}
+          <uni-countdown color="#fff" background-color="" splitorColor="#fff" :day="day" :hour="hour" :minute="min"
+                         :second="sec"></uni-countdown>
+        </view>
+      </block>
+      <block v-else>{{ msg }}</block>
     </stats>
     <!-- 规则区域 -->
     <view class="bg-color pt-4">
@@ -62,7 +65,8 @@ import {getActivity} from "@/servise/activates"
 import {getItems} from "@/servise/items"
 import {activities, items} from "@/mock/store"
 import moment from "moment"
-moment().locale("cn")
+
+moment().locale("zh-cn")
 export default Vue.extend({
   data() {
     return {
@@ -74,6 +78,7 @@ export default Vue.extend({
       sec: 30,
       itemType: "vote",
       display: false,
+      msg: "活动已经结束",
     }
   },
   async onLoad(query) {
@@ -83,20 +88,26 @@ export default Vue.extend({
      * TODO: 处理倒记时
      */
     // 1. 下载活动信息
-    this._getActivity(query)
+    await this._getActivity(query)
     // 2. 下载选手信息
-    this._getItems()
+    await this._getItems()
     // 3. 存入当前活动id
     let globalData: any = getApp().globalData
     globalData.currentActId = +query?.id
     // 4. 计算时间
     // 获取活动时间
-    let {startTime, endTime}: any = this.activity
+    let {startTime, endTime, status}: any = this.activity
     //  获取当前时间
 
     let now = moment()
-    startTime = moment(startTime,"YYYY-MM-DD HH:mm")
-    endTime = moment(endTime,"YYYY-MM-DD HH:mm")
+    startTime = moment(startTime)
+    endTime = moment(endTime)
+    // 根据状态显示不同内容
+    if (status === "ISCOMING") {
+      this.msg = "活动开始还有"
+    } else if (status === "ONGOING") {
+      this.msg = "活动结束还有"
+    }
     console.log(`now:${now}, startTime:${startTime}, endTime:${endTime}`)
 
   },