@alu008/test_yuanqikaixiang 1.0.0

package/subpackages/vote/vote.vue

@@ -0,0 +1,877 @@
+<template>
+  <view class="orderContent">
+    <u-sticky bgColor="transparent">
+      <Header title=""></Header>
+      <view style="padding: 6px">
+        <view>
+          <input v-model="search" type="text" />
+          <view @click="search">search</view>
+        </view>
+      </view>
+    </u-sticky>
+
+    <view class="voteList">
+      <view
+        @click="toVote(value)"
+        v-if="voteList.length > 0 && !isFirstLoading"
+        v-for="(value, index) in voteList"
+        :key="value.id"
+        hover-class="hoverActive"
+        class="item"
+      >
+        <view
+          :style="{
+            width: '200rpx',
+            height: '200rpx',
+            backgroundImage: 'url(' + formateUrl(value.coverImage) + ')',
+          }"
+          class="bgcCenter image"
+        >
+          <!-- <view class="count">x{{ item.item.itemNum }}</view> -->
+        </view>
+        <view>
+          <view style="display: flex; justify-content: space-between">
+            <view>
+              <view class="over name">{{ value.name }}</view>
+              <view>已获得助力值</view>
+            </view>
+
+            <view> 去助力 </view>
+          </view>
+
+          <view>
+            {{ value.currentValue }}
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <u-popup
+      @close="showLuckyActivity = false"
+      :show="showLuckyActivity"
+      mode="bottom"
+      :round="32"
+      :safeAreaInsetBottom="false"
+    >
+      <view
+        v-if="showLuckyActivity"
+        @touchmove.stop.prevent
+        class="luckyActivityPopup bgcCenter"
+      >
+        <!-- <scroll-view class="details" scroll-y>
+          <view class="list">
+            <view
+              v-for="value in taskList"
+              :key="value.id"
+              class="item bgcCenter"
+              @click="
+                value.schedule.state == 'ScheduleState_Enable'
+                  ? claimTask(value)
+                  : clickTask(value)
+              "
+            >
+              <view class="content">
+                <image
+                  style="width: 45rpx; height: 45rpx; border-radius: 6rpx"
+                  :src="formateUrl(value.coverImage)"
+                  mode="scaleToFill"
+                />
+                <view class="title">
+                  <view>
+                    {{ value.name }}
+                  </view>
+                  <view style="font-size: 22rpx" v-if="value.detail">{{
+                    value.detail
+                  }}</view>
+                  <view
+                    style="align-items: center"
+                    v-if="value.platformTaskType == 'PlatformTaskType_Pay'"
+                  >
+                    <text style="display: flex; font-size: 30rpx">
+                      ¥{{ JSON.parse(value.platformTaskParams).discountPrice }}
+                    </text>
+                    <text
+                      style="
+                        text-decoration: line-through;
+                        font-size: 18rpx;
+                        color: #616161;
+                      "
+                      >&nbsp;¥{{
+                        JSON.parse(value.platformTaskParams).price
+                      }}</text
+                    >
+                  </view>
+                </view>
+                <view class="awards">
+                  <view
+                    v-for="(item, index) in value.award"
+                    :key="index"
+                    class="award"
+                  >
+                    <view class="subtitle"
+                      >{{ item.mgtvLevelLLimit > 0 ? "额外" : "" }}领取{{
+                        item.item.itemName
+                      }}</view
+                    ><view class="count">+{{ item.item.itemNum }}</view>
+                  </view>
+                </view>
+              </view>
+              <view
+                v-if="value.schedule.state == 'ScheduleState_Disenable'"
+                class="actionBtn"
+              >
+                {{ value.buttonContent }}
+              </view>
+              <view
+                v-else-if="value.schedule.state == 'ScheduleState_Enable'"
+                class="claim"
+              >
+                立即领取
+              </view>
+              <view
+                v-else-if="value.schedule.state == 'ScheduleState_Finished'"
+                class="actionBtn isfinished"
+              >
+                {{ value.completedButtonContent }}
+              </view>
+            </view>
+          </view>
+        </scroll-view> -->
+
+        <view>
+          <input
+            @blur="countChange(value, $event.detail.value)"
+            @input="countChange(value, $event.detail.value, 'input')"
+            type="number"
+            v-model="num"
+          />
+
+          <view>当前可用阻力值:{{ balance }}</view>
+
+          <view @click="sureVote">确定</view>
+        </view>
+      </view>
+    </u-popup>
+
+    <u-popup
+      @close="showGachaReward = false"
+      :show="showGachaReward && recordItem.length > 0"
+      mode="center"
+      :round="32"
+      :safeAreaInsetBottom="false"
+    >
+      <view
+        @touchmove.stop.prevent
+        v-if="showGachaReward && recordItem.length > 0"
+        class="GachaReward bgcCenter"
+      >
+        <view class="title">
+          {{
+            recordItem[rewardSwpierIndex].item.itemType == "ItemType_Void_Url"
+              ? ""
+              : "恭喜你获得"
+          }}
+        </view>
+        <view
+          v-if="
+            recordItem[rewardSwpierIndex].item.itemType == 'ItemType_Void_Url'
+          "
+          class="count"
+          ><text class="over" style="max-width: 580rpx; display: inline-block"
+            >前往{{ recordItem[rewardSwpierIndex].item.itemName }}</text
+          >
+        </view>
+        <view v-else class="count"
+          ><text
+            class="over"
+            style="max-width: 380rpx; display: inline-block"
+            >{{ recordItem[rewardSwpierIndex].item.itemName }}</text
+          >
+          <!-- recordItem[rewardSwpierIndex].item.itemNum -->
+          <text style="display: inline-block"
+            >奖品{{ recordItem[rewardSwpierIndex].item.itemNum }}份{{
+              recordItem[rewardSwpierIndex].multiple >= 2
+                ? "x" + recordItem[rewardSwpierIndex].multiple
+                : ""
+            }}</text
+          ></view
+        >
+        <view class="rewards">
+          <!-- <view v-if="previewItem" class="toImg" id="toImg">
+            <img
+              :src="formateUrl(previewItem.item.itemCoverThumb)"
+              alt=""
+              crossorigin="anonymous"
+            />
+
+            <view class="avatar over">
+              {{
+                nickName.length > 7 ? nickName.slice(0, 7) + "..." : nickName
+              }}
+            </view>
+          </view> -->
+          <view
+            style="
+              width: 100%;
+              height: 360rpx;
+              margin: auto;
+              border-radius: 24rpx;
+            "
+          >
+            <swiper
+              @change="swiperChange"
+              class="swiper"
+              :autoplay="recordItem.length > 1"
+              circular
+              :indicator-dots="recordItem.length > 1"
+              indicator-color="rgba(255, 255, 255, .5)"
+              indicator-active-color="#4D75FF"
+            >
+              <swiper-item v-for="(value, index) in recordItem" :key="index">
+                <!-- 给个字段显示双倍,  显示下载 合成头像和名字-->
+                <view
+                  class="image bgcCenter"
+                  :style="{
+                    backgroundImage:
+                      'url(' + formateUrl(value.item.itemCoverThumb) + ')',
+
+                    backgroundSize:
+                      value.item.itemType == 'ItemType_Goods_GreetingCard'
+                        ? 'contain'
+                        : 'cover',
+                  }"
+                >
+                  <!-- <view
+                    v-if="value.multiple && value.multiple == 2"
+                    class="nultiple bgcCenter"
+                  ></view> -->
+                  <!-- <view
+                    v-if="
+                      !honery &&
+                      value.item.itemType == 'ItemType_Goods_GreetingCard'
+                    "
+                    class="actions"
+                  >
+                    <view @click="toImg(value, 2)" class="action">
+                      <view style="width: 48rpx; height: 48rpx"
+                        ><image
+                          src="https://img.shinemang.com/static/img/share.png"
+                          mode="scaleToFill"
+                      /></view>
+                      <view>分享</view>
+                    </view>
+                    <view @click="toImg(value, 1)" class="action">
+                      <view style="width: 48rpx; height: 48rpx"
+                        ><image
+                          src="https://img.shinemang.com/static/img/save.png"
+                          mode="scaleToFill"
+                      /></view>
+                      <view>保存</view></view
+                    >
+                  </view> -->
+                </view>
+              </swiper-item>
+            </swiper>
+          </view>
+
+          <view class="btn">
+            <view class="bgcCenter accept" @click="showGachaReward = false">
+            </view>
+            <!-- <view
+              :style="{
+                marginLeft: '30rpx',
+              }"
+              v-if="recordHasCanDecompose"
+              class="bgcCenter toExchange"
+              @click="((showGachaReward = false), toExchange(0))"
+            >
+            </view> -->
+            <view
+              v-if="recordToBackpack"
+              class="bgcCenter toUse"
+              @click="((showGachaReward = false), toUse(recordItem))"
+              :style="{
+                marginLeft: '30rpx',
+              }"
+            >
+              查看奖励
+            </view>
+            <view
+              class="bgcCenter toUse"
+              @click="((showGachaReward = false), toJump(recordJumpUrl))"
+              :style="{
+                marginLeft: '30rpx',
+              }"
+              v-if="recordHasJumpHttps"
+            >
+              立即前往
+            </view>
+          </view>
+          <!-- <view> 分解后,礼品将对换为xx好运值用于解锁隐藏大奖 </view> -->
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script>
+import {
+  fetchVoteList,
+  fetchTaskList,
+  fetchClickTask,
+  fetchAcceptTask,
+  fetchBanlance,
+  fetchVote,
+} from "@/utils/fetch";
+import {
+  formateServerUrl,
+  reportMessage,
+  jumpUrl,
+  getDecievedModel,
+  isPositiveInteger,
+} from "@/utils";
+import Header from "@/components/header/header.vue";
+export default {
+  data() {
+    return {
+      pageNo: 1,
+      pageSize: 10,
+      voteList: [],
+      isFirstLoading: true,
+      hasMore: true,
+      search: "",
+      showLuckyActivity: false,
+      taskList: [],
+      voteValue: "",
+      showGachaReward: false,
+      rewardSwpierIndex: 0,
+      balance: 0,
+      num: 0,
+      recordItem: [],
+    };
+  },
+  components: {
+    Header,
+    // login,
+  },
+  watch: {
+    showGachaReward(val) {
+      if (val) {
+        // this.openPoupon();
+      } else {
+        this.recordItem = [];
+        this.rewardSwpierIndex = 0;
+        // this.closePoupon();
+      }
+    },
+  },
+  onLoad(options) {
+    this.getVoteList();
+    this.getBalance();
+  },
+  computed: {},
+  methods: {
+    countChange(value, count, type) {
+      if (type) {
+        if (!count || !isPositiveInteger(count)) {
+        } else {
+          if (Number(count) > Number(this.balance)) {
+            this.$nextTick(() => {
+              this.num = this.balance;
+            });
+          }
+        }
+
+        return;
+      }
+
+      if (!count || !isPositiveInteger(count)) {
+        // this.$nextTick(() => {
+        //   this.list[index].selectCount = 1;
+        // });
+      } else {
+        if (Number(count) > Number(this.balance)) {
+          this.$nextTick(() => {
+            this.num = this.balance;
+          });
+        } else if (Number(count) < 1) {
+          this.$nextTick(() => {
+            this.num = 1;
+          });
+        } else {
+          this.$nextTick(() => {
+            this.num = Number(count);
+          });
+        }
+      }
+    },
+    sureVote() {
+      if (!this.num || this.num == 0) {
+        return
+      }
+      if (this.balance == 0) {
+        uni.showToast({
+          title: "助力值不足",
+          icon: "none",
+        });
+        return;
+      }
+      fetchVote({
+        artist_id: this.voteValue.id,
+        point: this.num,
+      }).then((res) => {
+        uni.showToast({
+          title: "助力成功",
+          icon: "none",
+        });
+        this.pageNo = 1;
+        this.getVoteList();
+        this.getBalance();
+      });
+    },
+    getBalance() {
+      fetchBanlance({
+        type: ["BalanceType_VotePoint"],
+      }).then((res) => {
+        this.balance = res.dict["5"];
+      });
+    },
+    toVote(value) {
+      this.voteValue = value;
+      fetchTaskList({
+        key: [],
+        type: [],
+      }).then((res) => {
+        this.taskList = res.list;
+        this.showLuckyActivity = true;
+      });
+    },
+    clickTask(value) {
+      reportMessage(`点击去完成任务-${value.name}${value.detail}`);
+
+      if (value.platformTaskType == "PlatformTaskType_Share") {
+        this.taskShareInfo = value;
+        if (this.honery) {
+          MgtvApi.showShareMenus(
+            {
+              title: "【好礼到账】集好运赢入场券", // 分享标题
+              desc: "马上集好运，100%有礼！", // 分享描述
+              shareUrl: this.taskShareInfo.platformTaskParams, // 分享链接
+              shareIcon: "https://img.shinemang.com/static/horse.png",
+            },
+            (resp) => {},
+          );
+
+          MgtvApi.showShare();
+          setTimeout(() => {
+            // this.acceptShare();
+          }, 3000);
+        } else {
+          this.showTaskShare = true;
+        }
+      } else {
+        const platform_id = getDecievedModel();
+        fetchClickTask({
+          id: value.id,
+          platform_id: platform_id,
+        }).then((res) => {
+          if (value.platformTaskType == "PlatformTaskType_Pay") {
+            this.taskShareInfo = value;
+            if (res.productId) {
+              //   this.payTask(res.productId);
+            }
+          } else {
+            this.getTaskList();
+            if (value.platformTaskType == "PlatformTaskType_Jump") {
+              if (isMTVapp()) {
+                if (value.platformTaskParams) {
+                  jumpUrl(value.platformTaskParams);
+                }
+              } else {
+                window.location.href = value.platformTaskParams;
+              }
+            }
+          }
+        });
+      }
+    },
+    // 领取
+    claimTask(value) {
+      fetchAcceptTask({
+        id: value.id,
+      }).then((res) => {
+        this.recordItem = res.award;
+        this.showGachaReward = true;
+        uni.showToast({
+          title: "领取成功",
+          icon: "none",
+        });
+        this.getTaskList();
+        // this.fetchList();
+      });
+    },
+    getTaskList() {
+      fetchTaskList({
+        key: [],
+        type: [],
+      }).then((res) => {
+        this.taskList = res.list;
+      });
+    },
+    copy(id) {
+      uni.setClipboardData({
+        data: id,
+        success: function () {
+          uni.showToast({
+            title: "复制成功",
+            icon: "none",
+          });
+        },
+      });
+    },
+    getVoteList() {
+      fetchVoteList({
+        page: this.pageNo,
+        page_size: this.pageSize,
+        name: this.search,
+      }).then((res) => {
+        this.voteList =
+          this.pageNo == 1 ? res.list : this.voteList.concat(res.list);
+        if (res.list && res.list.length < this.pageSize) {
+          this.hasMore = false;
+        } else {
+          this.hasMore = true;
+        }
+        this.isFirstLoading = false;
+      });
+    },
+
+    formateUrl(url) {
+      return formateServerUrl(url);
+    },
+  },
+  onShow() {
+    // const refreshOrder = uni.getStorageSync("refreshOrder");
+    // if (refreshOrder && refreshOrder == 1) {
+    //   this.pageNo = 1;
+    //   this.getOrderList();
+    //   uni.removeStorageSync("refreshOrder");
+    // }
+  },
+  onShareAppMessage() {},
+  onShareTimeline() {},
+
+  onReachBottom() {
+    if (this.hasMore) {
+      this.pageNo++;
+
+      this.getVoteList();
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.GachaReward {
+  width: 621rpx;
+  height: 853rpx;
+  text-align: center;
+  background-color: transparent;
+  background-image: url("https://img.shinemang.com/static/img/rewardBgc.png");
+  // -100  -100
+  .toImg {
+    position: fixed;
+    top: 10000px;
+    right: 10000px;
+    width: 750rpx;
+    height: 1333rpx;
+    z-index: -2;
+    // height: 100vw;
+    > img {
+      width: 750rpx;
+      height: 1333rpx;
+    }
+    .avatar {
+      position: absolute;
+      top: 15.5%;
+      left: 20%;
+      text-align: left;
+      font-size: 45rpx;
+      font-family: "fxlh";
+      // width: 350rpx;
+    }
+  }
+  /deep/.uni-swiper-wrapper {
+    // overflow: unset !important;
+    border-radius: 24rpx;
+  }
+  /deep/ uni-swiper-item {
+    // overflow: unset !important;
+    border-radius: 24rpx;
+  }
+
+  /deep/.uni-swiper-dots {
+    bottom: 0rpx !important;
+  }
+  /deep/.uni-swiper-dot {
+    height: 10rpx !important;
+    border-radius: 5rpx !important;
+  }
+  /deep/.uni-swiper-dot-active {
+    width: 32rpx !important;
+    border-radius: 5rpx !important;
+  }
+  .title {
+    color: #550d01;
+    font-family: "AlibabaPuHuiTiBold";
+    font-size: 35rpx;
+    margin-top: 167rpx;
+    height: 46rpx;
+  }
+  .swiper {
+    width: 100%;
+    height: 388rpx;
+    margin-top: 25rpx;
+  }
+  .count {
+    font-size: 43.5rpx;
+    color: #ffffff;
+    font-family: "fxlh";
+    display: flex;
+    align-items: center;
+    margin-top: -10rpx;
+    justify-content: center;
+  }
+
+  .image {
+    width: 360rpx;
+    height: 360rpx;
+    background-color: transparent;
+    // margin-top: 35rpx;
+    margin: auto;
+    border-radius: 24rpx;
+    position: relative;
+    image {
+      width: 360rpx;
+      height: 360rpx;
+      border-radius: 24rpx;
+    }
+  }
+  .actions {
+    position: absolute;
+    right: -90rpx;
+    bottom: 0;
+    .action {
+      font-size: 20rpx;
+      color: #550d01;
+      font-family: "AlibabaPuHuiTiMedium";
+      text-align: center;
+
+      &:first-child {
+        margin-bottom: 10rpx;
+      }
+
+      image {
+        width: 48rpx;
+        height: 48rpx;
+      }
+      image {
+      }
+    }
+  }
+
+  .nultiple {
+    background-color: transparent;
+    background-image: url("https://img.shinemang.com/static/img/v9.png");
+    position: absolute;
+    left: -110rpx;
+    bottom: 30rpx;
+    width: 225rpx;
+    height: 114rpx;
+  }
+  .btn {
+    margin-top: 86rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    > view {
+      background-color: transparent;
+      width: 259rpx;
+      height: 77rpx;
+      &:first-child {
+        margin-left: 0rpx !important;
+      }
+      &.accept {
+        background-image: url("https://img.shinemang.com/static/img/accept.png");
+      }
+      &.toExchange {
+        background-image: url("https://img.shinemang.com/static/img/deCompose.png");
+      }
+
+      &.toUse {
+        background-image: url("https://img.shinemang.com/static/img/claim.png");
+        line-height: 66rpx;
+        font-size: 32rpx;
+        font-family: "fxlh";
+        color: #fff;
+        &.isSigned {
+          background-image: url("https://img.shinemang.com/static/img/claim1.png");
+        }
+      }
+    }
+  }
+}
+page {
+ min-height: 100vh;
+  background-color: #f6f6f6 !important;
+}
+.orderContent {
+  /deep/ .u-sticky__content {
+    background-color: #f6f6f6 !important;
+  }
+  .noData {
+    text-align: center;
+    margin-top: 48rpx;
+    color: #999999;
+    font-size: 28rpx;
+    image {
+      width: 370rpx;
+      height: 368rpx;
+    }
+    view {
+      margin-top: -10rpx;
+    }
+
+    .toShop {
+      width: 322rpx;
+      height: 80rpx;
+      background: #7c66ff;
+      border-radius: 864rpx 864rpx 864rpx 864rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      font-size: 32rpx;
+      margin: auto;
+      margin-top: 40rpx;
+      line-height: 80rpx;
+    }
+  }
+
+  .voteList {
+    padding: 24rpx 32rpx;
+    padding-top: 16rpx;
+
+    overflow-y: scroll;
+
+    // padding-bottom: 0;
+    .item {
+      width: 100%;
+      height: 345rpx;
+      background: #fff;
+      padding: 0rpx 24rpx;
+      margin-bottom: 16rpx;
+
+      border-bottom: 1rpx dashed #f6f6f6;
+      display: flex;
+      &:last-child {
+        margin-bottom: 32rpx;
+      }
+
+      border-radius: 24rpx;
+    }
+  }
+}
+.luckyActivityPopup {
+  width: 100%;
+  height: 1039rpx;
+  padding-top: 166rpx;
+  background-color: transparent;
+  background-image: url("https://img.shinemang.com/static/img/avtivityBgc.png");
+  .details {
+    width: 100%;
+    height: 832rpx;
+    .list {
+      .item {
+        width: 732rpx;
+        height: 138rpx;
+        display: flex;
+        align-items: center;
+        padding: 0 32rpx;
+        background-color: transparent;
+        justify-content: space-between;
+        margin-bottom: 5rpx;
+        background-image: url("https://img.shinemang.com/static/img/rect.png");
+        .content {
+          display: flex;
+          align-items: center;
+          font-family: "AlibabaPuHuiTiMedium";
+
+          .title {
+            color: #070707;
+
+            font-size: 26rpx;
+            margin-left: 16rpx;
+            margin-right: 19rpx;
+            font-family: "AlibabaPuHuiTiBold";
+            width: 260rpx;
+            // display: flex;
+            // align-items: center;
+            view {
+              display: flex;
+              align-items: center;
+              align-items: flex-end;
+              // align-items: center;
+            }
+          }
+          .award {
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+          }
+          .subtitle {
+            color: #616161;
+            font-size: 22rpx;
+          }
+          .count {
+            color: #d20e0e;
+            font-size: 22rpx;
+
+            margin-left: 4rpx;
+          }
+        }
+        .actionBtn {
+          width: 136rpx;
+          height: 48rpx;
+          background: #ffd144;
+          border-radius: 32rpx 32rpx 32rpx 32rpx;
+          border: 4rpx solid #ffffff;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 22rpx;
+          font-family: "fxlh";
+          &.isfinished {
+            background: rgb(255, 154, 150);
+          }
+        }
+        .claim {
+          width: 136rpx;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          height: 48rpx;
+          background: #3453ee;
+          // box-shadow: inset 8rpx 8rpx 8rpx 0rpx rgba(107,6,0,0.2);
+          border-radius: 24rpx;
+          font-size: 22rpx;
+          border: 4rpx solid #ffffff;
+          color: #fff;
+
+          font-family: "fxlh";
+        }
+      }
+    }
+  }
+}
+</style>