first commit

2025-07-27 21:42:34 +08:00
commit c1cce5ccb4
@@ -0,0 +1,353 @@
+<template>
+<view>
+<!-- pages/user_sgin/user_sgin.wxml -->
+<view class="user-sgin">
+    <view class="header">
+        <view class="row">
+            <u-image class="avatar" width="110rpx" height="110rpx" shape="circle" :src="avatar == '' ? '../../static/images/default_avatar.png' : avatar" />
+            <view class="white ml20 row-between" style="flex: 1">
+                <view>
+                    <view style="font-size: 56rpx">{{integral}}</view>
+                    <view class="row">
+                        <navigator class="sm row" hover-class="none" url="/bundle/pages/sign_rule/sign_rule">
+                            我的积分
+                            <image src="../../static/images/jifen_icon_help.png" class="icon-sm ml10"></image>
+                        </navigator>
+                    </view>
+                </view>
+                <navigator class="score-detail-entry row" url="/bundle/pages/sign_detail/sign_detail" hover-class="none">
+                    <image style="width: 26rpx;height: 26rpx;flex: none; margin-right: 7rpx" src="../../static/images/jifen_icon_data.png"></image>
+                    <text class="sm white">积分明细</text>
+                </navigator>
+            </view>
+        </view>
+    </view>
+    <view class="main">
+        <view class="contain bg-white">
+            <view class="title">已连续签到 {{signDays}}天</view>
+            <view class="day-list row wrap">
+                <view v-for="(item, index) in signList" :key="index" class="item column-center">
+                    <view :class="'circle row-center ' + (item.status == 1 ? 'active-circle' : '')">
+                        <view class="num xs lighter" v-if="item.status != 1">+{{item.integral}}</view>
+                        <image class="num" src="../../static/images/jifen_icon_select.png" v-if="item.status == 1"></image>
+                    </view>
+                    <view class="day mt10 lighter sm">{{item.days}}天</view>
+                </view>
+            </view>
+            <view class="right-sgin">
+                <button :class="'white br60 ' + (canSign == 1 ? 'gray' : 'primary-button')" @tap="userSignFun" size="md">{{canSign == 1 ? '已签到' : '立即签到' }}</button>
+            </view>
+        </view>
+        <view class="contain bg-white mt20" v-if="makeInegral.length > 0">
+            <view class="title row">
+                <view class="line br60 mr20"></view>
+                <view class="bold  xl">赚积分</view>
+            </view>
+            <view class="task">
+                <view v-for="(item, index) in makeInegral" :key="index" class="item row">
+                    <image class="img mr20" :src="item.type == 1 ? '../../static/images/icon_jifen_qiandao.png' : item.type == 2 ? '../../static/images/icon_jifen_pay.png' : '../../static/images/icon_jifen_invite.png'"></image>
+                    <view class="con">
+                        <view class="md">{{item.name}}</view>
+                        <view class="xs">
+                            <text class="num mb20">+{{item.integral}}</text>
+                            <text>积分</text>
+                        </view>
+                    </view>
+                    <button hover-class="none" :class="'btn br60 ' + (item.status ? 'muted' : 'primary' )" :style="'border-color: ' + (item.status ? '#999999' : '#FF2C3C') + ';'" size="xs">{{item.status ? '已完成' : '未完成'}}</button>
+                </view>
+            </view>
+        </view>
+    </view>
+</view>
+
+    <u-popup v-model="showPop" mode="center">
+        <view class="pop-container">
+            <view class="header-score row-center mt20">+{{addIntegral}}</view>
+            <view class="box column-center">
+                <view class="desc row mt20 sm">
+                    <image style="width: 28rpx; height: 30rpx;margin-right: 8rpx" src="../../static/images/icon_jifen.png"></image>
+                    {{addIntegral}}积分 + {{addGrowth}}成长值
+                </view>
+                <view class="bottom-box">
+                    <view class="md" style="line-height: 36rpx">
+                        您已连续签到 <text class="primary" style="font-size: 42rpx">{{signDays}}</text>天
+                    </view>
+                </view>
+                <view class="bg-primary white br60 primary-btn" style="margin-top: 26rpx" @tap="onClose">确定</view>
+            </view>
+        </view>
+    </u-popup>
+</view>
+</template>
+
+<script>
+// +----------------------------------------------------------------------
+// | likeshop开源商城系统
+// +----------------------------------------------------------------------
+// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
+// | gitee下载：https://gitee.com/likeshop_gitee
+// | github下载：https://github.com/likeshop-github
+// | 访问官网：https://www.likeshop.cn
+// | 访问社区：https://home.likeshop.cn
+// | 访问手册：http://doc.likeshop.cn
+// | 微信公众号：likeshop技术社区
+// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
+// |  likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
+// | 禁止对系统程序代码以任何目的，任何形式的再发布
+// | likeshop团队版权所有并拥有最终解释权
+// +----------------------------------------------------------------------
+// | author: likeshop.cn.team
+// +----------------------------------------------------------------------
+import { getSignList, userSign, getSignRule } from "@/api/user";
+import {trottle} from '@/utils/tools.js'
+export default {
+  data() {
+    return {
+      // 成长值
+      growth: 0,
+      // 积分
+      integral: 0,
+      avatar: "",
+      signList: [],
+      showPop: false,
+      canSign: 0,
+      addIntegral: 0,
+      addGrowth: 0,
+      signDays: 0,
+      makeInegral: []
+    };
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+	this.userSignFun = trottle(this.userSignFun, 1000, this)
+  },
+
+
+  onShow: function () {
+    this.getSignListFun();
+  },
+
+  methods: {
+    onClose() {
+      this.showPop = false
+    },
+
+    getSignListFun() {
+      getSignList().then(res => {
+        if (res.code == 1) {
+          let {
+            sign_list
+          } = res.data;
+          this.signList = sign_list;
+          this.integral = res.data.user.user_integral;
+		  this.avatar = res.data.user.avatar
+          this.canSign = res.data.user.today_sign;
+          this.signDays = res.data.user.days;
+          this.makeInegral = res.data.make_inegral
+        }
+      });
+    },
+
+    userSignFun() {
+      if (this.canSign == 1) {
+        return;
+      }
+
+      userSign().then(res => {
+        if (res.code == 1) {
+          let {
+            days,
+            growth,
+            integral
+          } = res.data;
+          
+          this.showPop = true;
+          this.addGrowth = growth;
+          this.addIntegral = integral;
+          this.signDays = days
+          
+          this.getSignListFun();
+        }
+      });
+    }
+
+  }
+};
+</script>
+<style lang="scss">
+.user-sgin {
+    padding-bottom: 100rpx;
+}
+.user-sgin .header {
+    background-image: url(data:image/png;base64,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 truncated
+    background-repeat: no-repeat;
+    background-size: 100%;
+    height: 400rpx;
+    padding-top: 40rpx;
+    box-sizing: border-box;
+}
+
+.user-sgin .header .avatar {
+    margin-left: 40rpx;
+    border-radius: 50%;
+    border: 4rpx solid #fff;
+}
+
+.user-sgin .main {
+    z-index: 100;
+    margin-top: -200rpx;
+    width: 100%;
+    top: 186rpx;
+    padding: 0 20rpx;
+    box-sizing: border-box;
+}
+
+.user-sgin .main .contain {
+    border-radius: 10rpx;
+}
+
+.user-sgin .main .contain .title {
+    padding: 24rpx 30rpx;
+}
+
+.user-sgin .main .contain .title .line {
+    width: 8rpx;
+    height: 34rpx;
+    background-color: $-color-primary;
+}
+
+.user-sgin .main .day-list {
+    width: 100%;
+}
+
+.user-sgin .main .day-list .item {
+    width: 14.2%;
+    margin-bottom: 10rpx;
+}
+
+.user-sgin .main .day-list .item .num {
+    width: 68rpx;
+    height: 68rpx;
+    line-height: 58rpx;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #f2f2f2;
+}
+
+.user-sgin .main .day-list .item .circle {
+    position: relative;
+}
+
+.user-sgin .main .day-list .item .circle::before {
+    content: "";
+    width: 34rpx;
+    height: 6rpx;
+    position: absolute;
+    background-color: #f2f2f2;
+    right: 68rpx;
+}
+
+.user-sgin .main .day-list .item:nth-of-type(7n+1) .circle::before {
+    content: "";
+    background-color: rgba(0, 0, 0, 0);
+}
+
+.user-sgin .main .day-list .item .active-circle::before {
+    content: "";
+    width: 34rpx;
+    height: 4rpx;
+    position: absolute;
+    background-color: #FFBD40;
+    right: 68rpx;
+}
+
+
+.user-sgin .main .right-sgin {
+    padding: 35rpx 145rpx;
+}
+
+.user-sgin .main .right-sgin .primary-button {
+    background: linear-gradient(270deg, rgba(249, 95, 47, 1) 0%, rgba(252, 67, 54, 1) 55%, rgba(255, 44, 60, 1) 100%);
+}
+.user-sgin .main .contain .task {
+    border-top: $-solid-border;
+}
+.user-sgin .main .contain .task .item {
+    padding: 23rpx 30rpx;
+}
+.user-sgin .main .contain .task .item .img {
+    width:74rpx;
+    height:74rpx;
+    border-radius:22rpx;
+}
+.user-sgin .main .contain .task .item .con {
+    flex: 1;
+}
+.user-sgin .main .contain .task .item .btn {
+    width: 154rpx;
+    border: 1px solid $-color-primary;
+}
+.user-sgin .main .contain .task .item .con .num {
+    color: $-color-primary;
+}
+
+.score-detail-entry {
+    background-color: rgba(255, 255, 255, 0.3);
+    border-radius:100rpx 0rpx 0rpx 100rpx;
+    padding: 12rpx 19rpx 12rpx 16rpx;
+    align-self: flex-end;
+}
+
+.van-popup {
+    background-color: rgba(0, 0, 0, 0) !important;
+}
+
+.pop-container {
+    background-repeat: no-repeat;
+    background-size: 100%;
+    height: 626rpx;
+    width: 560rpx;
+    position: relative;
+    background-image: url(../../static/images/jifen_popBg.png);
+}
+
+.u-mode-center-box {
+    background-color: rgba(0, 0, 0, 0) !important;
+}
+
+.header-score {
+    font-size: 46rpx;
+    line-height: 36rpx;
+    font-weight: bold;
+    padding-top: 90rpx;
+    padding-bottom: 150rpx;
+    color: $-color-primary;
+}
+
+.desc {
+    color: white;
+    background:linear-gradient(82deg,rgba(250,81,50,1) 0%,rgba(236,60,34,1) 49%,rgba(250,83,50,1) 100%);
+    padding: 16rpx 22rpx 16rpx 42rpx;
+}
+
+.box {
+
+}
+
+.bottom-box {
+    margin-top: 84rpx;
+}
+
+.primary-btn {
+    padding: 16rpx 190rpx;
+}
+
+.gray {
+    background-color: #CCCCCC !important;
+}
+</style>