Commit a6cec5d2 authored by zhangsan's avatar zhangsan

添加邀请奖励

parent 0f97dc5b
......@@ -30,6 +30,7 @@ function handleChange(active1) {
<var-bottom-navigation-item name="home" label="首页" />
<var-bottom-navigation-item name="sqhz" label="申请化债/扶贫" />
<var-bottom-navigation-item name="product" label="不良债权认购" />
<var-bottom-navigation-item name="yqjl" label="邀请奖励" />
<var-bottom-navigation-item name="my" label="个人中心" />
</var-bottom-navigation>
</template>
<script setup>
import { get, post } from '@/utils/request'
definePageMeta({
layout: 'main',
title: '邀请奖励',
name: 'yqjl',
})
const yqlist1 = ref([])
async function getYqList() {
const res = await get('/yw6/getUserToMap')
yqlist1.value = res.data
}
function addYqList(number) {
if (yqlist1[`A${number}`] == 1) {
return
}
if (number > yqsount.value) {
showToast(`请先邀请${number - yqsount.value}人注册进来申请化债/扶贫`)
return
}
post('/yw6/add', {
a3: number,
}).then((res) => {
if (res.code == 200) {
showToast('领取成功')
getYqList()
}
else {
showToast(res.msg)
}
})
}
getYqList()
function btnClass(number) {
if (yqlist1.value[`A${number}`] == 0) {
return 'btnWarning'
}
if (yqlist1.value[`A${number}`] == 1) {
return 'btnSuccess'
}
if (yqlist1.value[`A${number}`] == -1) {
return 'btnPrimary'
}
return 'btnPrimary'
}
const yqsount = ref(0)
async function getYqsount() {
const res = await get('/yw6/getUserToSum')
yqsount.value = res.data
}
getYqsount()
const yqlist = ref([
{ number: 3, item1: '赠送100元债券产品', item2: '(每日收益3元每日可以提现收益)', item3: '永久收益+送30000生活补贴' },
{ number: 10, item1: '赠送中国东方资产管理有限公司300元债券产品', item2: '(每日收益10元每日可以提现收益)', item3: '永久收益+送40000生活补贴' },
{ number: 20, item1: '赠送中国东方资产管理有限公司600元债券产品', item2: '(每日收益20元每日可以提现收益)', item3: '永久收益+送50000生活补贴' },
{ number: 50, item1: '赠送中国东方资产管理有限公司900元债券产品', item2: '(每日收益30元每日可以提现收益)', item3: '永久收益+送70000生活补贴' },
{ number: 100, item1: '赠送中国信达资产管理有限公司1500元债券产品', item2: '(每日收益60元每日可以提现收益)', item3: '永久收益+送100000生活补贴' },
])
</script>
<template>
<div class="container">
<div class="warp">
<div v-for="item in yqlist" :key="item.number" class="itemw">
<div class="left">
<div class="item1 item">
<span class="span1">邀请{{ item.number }}个人</span>
<span class="span2">注册进来申请化债/扶贫</span>
</div>
<div class="item2 item">
{{ item.item1 }}
</div>
<div class="item3 item">
{{ item.item2 }}
</div>
<div class="item4 item">
{{ item.item3 }}
</div>
</div>
<div class="right">
<div :class="btnClass(item.number)" @click="addYqList(item.number)">
{{ yqlist1[`A${item.number}`] == 0 ? '审核中'
: yqlist1[`A${item.number}`] == 1 ? '已领取' : '领取' }}
</div>
</div>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.container {
font-family: pingfang;
min-height: 100vh;
width: 100%;
box-sizing: border-box;
background: url('/static/yqjl/bg.png') no-repeat center center;
background-size: 100% 100%;
padding-bottom: 20px;
.warp {
padding-top: 240px;
.itemw {
display: flex;
justify-content: space-between;
align-items: center;
background: #ffffff;
border-radius: 8px;
font-size: 12px;
padding: 6px 15px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
margin: 10px;
.left {
flex: 1;
.item {
margin-bottom: 8px;
&:last-child {
margin-bottom: 0;
}
}
.item1 {
.span1 {
color: #e5001c;
font-weight: bold;
margin-right: 8px;
}
.span2 {
color: #666;
}
}
.item3,
.item4 {
color: #333;
font-size: 13px;
}
.item3:before {
display: none;
}
.item3 {
text-indent: 1em;
}
}
.right {
.btn1 {
// background: url('/static/yqjl/1.png') no-repeat center center;
// background-size: 100% 100%;
color: #e5001c;
font-weight: bold;
font-size: 12px;
cursor: pointer;
padding: 12px 8px;
}
}
}
.item::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #008ae3;
margin-right: 5px;
}
}
.btnWarning {
background: #ff9900;
color: #fff;
padding: 12px 8px;
border-radius: 8px;
cursor: pointer;
}
.btnSuccess {
background: #5fc73a;
color: #fff;
padding: 12px 8px;
border-radius: 8px;
cursor: pointer;
}
.btnPrimary {
background: #008ae3;
color: #fff;
padding: 12px 8px;
border-radius: 8px;
cursor: pointer;
}
}
</style>
......@@ -6,8 +6,8 @@ export default defineNuxtConfig({
nitro: {
devProxy: {
'/api': {
// target: 'http://27.124.5.14:9012', // 你要代理的目标地址
target: 'https://www.mxr2020.com:6443/api', // 你要代理的目标地址
target: 'http://27.124.5.14:9012', // 你要代理的目标地址
// target: 'https://www.mxr2020.com:6443/api', // 你要代理的目标地址
changeOrigin: true,
prependPath: true,
rewrite: (path: string) => path.replace(/^\/api/, ''),
......
......@@ -41,9 +41,6 @@ importers:
qrcode:
specifier: ^1.5.4
version: 1.5.4
sign-canvas-plus:
specifier: ^2.0.3
version: 2.0.3(typescript@5.7.2)
vue:
specifier: ^3.5.13
version: 3.5.13(typescript@5.7.2)
......@@ -4930,9 +4927,6 @@ packages:
resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
engines: {node: '>= 0.4'}
sign-canvas-plus@2.0.3:
resolution: {integrity: sha512-EHcE9Z8SATs5UvQC/G5zLGmdznlepaar552i/w6W81+893NizjNEMUxXPaB46fEpwq/M+8T1C4BnTSk4NtpJsA==}
signal-exit@3.0.7:
resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
......@@ -11444,12 +11438,6 @@ snapshots:
side-channel-map: 1.0.1
side-channel-weakmap: 1.0.2
sign-canvas-plus@2.0.3(typescript@5.7.2):
dependencies:
vue: 3.5.13(typescript@5.7.2)
transitivePeerDependencies:
- typescript
signal-exit@3.0.7: {}
signal-exit@4.1.0: {}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment