添加邀请奖励

app/components/AppFooter.vue

@@ -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>

app/pages/yqjl/index.vue

+<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>

nuxt.config.ts

@@ -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/, ''),

pnpm-lock.yaml

@@ -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: {}