Commit a29043f0 authored by qd01's avatar qd01

1

parent 8c588b34
......@@ -175,7 +175,7 @@ onMounted(() => {
<div class="header">
<div class="checkin-info">
<h4>已连续签到 <span>{{ checkinDays }}</span></h4>
<p v-if="isIntegral">今日获得+{{ integral }}</p>
<p v-if="isIntegral">今日获得+{{ integral }}信用</p>
</div>
<!-- <div class="actions">
<span v-if="supplementary" class="makeup-btn" @click="$emit('shift')">
......
......@@ -135,25 +135,30 @@ onMounted(fetchData)
<button class="action-btn secondary" @click="gomx(0)">明细</button>
</div>
</div>
<var-divider vertical margin="0 0" />
<div class="asset-item" v-ripple>
<div class="amount">{{ userData.q1 || 0 }}</div>
<div class="label">生活补贴</div>
<div class="actions">
<button class="action-btn primary" @click="gotx(userData.q1, 1, '生活补贴')">提现</button>
<button class="action-btn primary" @click="gotx(userData.q1 || 0, 1, '生活补贴')">提现</button>
<button class="action-btn secondary" @click="gomx(1)">明细</button>
</div>
</div>
<var-divider vertical margin="0 0" />
<div class="asset-item" v-ripple>
<div class="amount">{{ userData.q2 || 0 }}</div>
<div class="label">产品收益</div>
<div class="actions">
<button class="action-btn primary" @click="gotx(userData.q2, 2, '产品收益')">提现</button>
<button class="action-btn primary" @click="gotx(userData.q2 || 0, 2, '产品收益')">提现</button>
<button class="action-btn secondary" @click="gomx(2)">明细</button>
</div>
</div>
<var-divider vertical margin="0 0" />
<div class="asset-item" v-ripple>
<div class="amount">{{ userData.q5 || 0 }}</div>
<div class="label">公司分红</div>
<div class="actions">
<button class="action-btn primary" @click="gotx(userData.q5 || 0, 5, '公司分红')">提现</button>
<button class="action-btn secondary" @click="gomx(2)">明细</button>
</div>
</div>
......@@ -315,14 +320,12 @@ onMounted(fetchData)
}
.assets-grid {
display: grid;
grid-template-columns: 1fr auto 1fr auto 1fr;
gap: 0;
margin-top: 10px;
display: flex;
.asset-item {
text-align: center;
flex: 1;
.amount {
font-size: 18px;
font-weight: 600;
......@@ -338,11 +341,11 @@ onMounted(fetchData)
.actions {
display: flex;
gap: 8px;
gap: 4px;
justify-content: center;
.action-btn {
padding: 4px 12px;
padding: 2px 6px;
border-radius: 10px;
font-size: 12px;
border: none;
......
......@@ -43,42 +43,33 @@ onMounted(fetchData)
<div class="warpimg">
<img src="/static/pages/product/1.png" alt="" class="banner-image" />
</div>
<transition-group
name="list"
tag="div"
class="content"
>
<div
v-for="item in productArr"
:key="item.productId"
class="card"
:class="{ 'card-active': activeCard === item.productId }"
>
<transition-group name="list" tag="div" class="content">
<div v-for="item in productArr" :key="item.productId" class="card"
:class="{ 'card-active': activeCard === item.productId }">
<div class="leftbox">
<div class="title">
债务人名称:{{ item.productName }}
{{ item.productName }}
</div>
<div style="margin: 6px;">
<span style="font-size: 12px;color: red;border: 1px solid red;border-radius: 5px;padding: 5px;">央企送拍</span>
<span style="font-size: 12px;margin: 0 10px;color: red;border: 1px solid red;border-radius: 5px;padding: 5px;">国有资产</span>
<span style="font-size: 12px;color: red;border: 1px solid red;border-radius: 5px;padding: 5px;">放心付</span>
</div>
<div class="content">
<div
v-for="(info, index) in [
{ title: '售价', value: item.price + '元' },
{ title: '每日收益', value: item.productType + '元' },
{ title: '收益周期', value: item.buttonStyle }
]"
:key="index"
class="item"
>
<div v-for="(info, index) in [
{ title: '售价', value: item.price + '元' },
{ title: '每日收益', value: item.productType + '元' },
{ title: '收益周期', value: item.buttonStyle }
]" :key="index" class="item">
<div class="item-title">{{ info.title }}</div>
<div class="item-value">{{ info.value }}</div>
</div>
</div>
</div>
<div
class="rightbox"
v-debounce="() => handleDetail(item)"
>
<div class="rightbox" v-debounce="() => handleDetail(item)">
<div class="title">查看详情</div>
</div>
</div>
......@@ -99,7 +90,7 @@ onMounted(fetchData)
width: 100%;
height: auto;
transition: transform 0.3s ease;
&:hover {
transform: scale(1.02);
}
......@@ -116,12 +107,12 @@ onMounted(fetchData)
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: all 0.3s ease;
&:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
&-active {
transform: scale(0.98);
opacity: 0.8;
......@@ -131,28 +122,28 @@ onMounted(fetchData)
.leftbox {
padding: 16px;
flex: 1;
.title {
font-size: 16px;
font-weight: bold;
color: #333;
margin-bottom: 12px;
}
.content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
.item {
text-align: center;
.item-title {
font-size: 14px;
color: #666;
margin-bottom: 4px;
}
.item-value {
font-size: 16px;
color: #e62129;
......@@ -171,7 +162,7 @@ onMounted(fetchData)
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
.title {
writing-mode: vertical-lr;
text-orientation: upright;
......
......@@ -104,7 +104,7 @@ onMounted(fetchData)
</transition>
<div class="btngroup">
<div @click="preview1(index)" v-if="!(userInfo.q0 < item.a2)" class="btn btn1">查看营业执照</div>
<div class="btn" @click="handleJump(item, index)">查看详情</div>
<div class="btn" @click="handleJump(item, index)">进入认购</div>
<div @click="preview(index)" v-if="!(userInfo.q0 < item.a2)" class="btn btn1">查看授权委托书</div>
</div>
</div>
......
......@@ -6,6 +6,7 @@ definePageMeta({
name: 'sqhz',
})
const extend2 = ref(1)
const a20 = ref('1')
const userinfo = ref({})
const getUserInfo = async () => {
const res = await get("/system/user/")
......@@ -24,9 +25,7 @@ const getUserInfo = async () => {
}
}
const formData = ref({})
getUserInfo()
function handleSubmit() {
// 使用可选链和空值合并运算符进行安全检查
const { a6, a7, a8, a4, a9 } = formData.value ?? {}
if (!a6?.trim() || !a7?.trim() || !a8?.trim() || !a4?.trim() || !a9?.trim()) {
......@@ -62,18 +61,44 @@ function searchCredit() {
return false
}
if (extend2.value == 1) {
post("/yw1/add", {}).then(res => {
post("/yw1/add", { a20: 1 }).then(res => {
showToast('查询已提交,请等待查询结果')
getUserInfo()
})
}
}
function searchCredit1() {
if (userinfo.value.q0 < userinfo.value.extend3) {
navigateTo('/sqhz/not')
return
}
post("/yw2/add", { a5: 4, a6: userinfo.value.nickName, a7: userinfo.value.identityId }).then(res => {
showSuccessToast('申请成功')
getUserInfo()
})
}
function searchCredit2() {
if (userinfo.value.q0 < userinfo.value.extend3) {
navigateTo('/sqhz/not')
return
}
navigateTo('/sqhz/not1')
}
function byUserAndTypeOne() {
get("/yw2/byUserAndTypeOne", {}).then(res => {
if (res.code == 200) {
a20.value = res.data.a20
}
})
}
function jihuohu(){
showFailToast('暂未开通激活')
}
function tixian(){
showFailToast('请先激活卡片')
}
byUserAndTypeOne()
getUserInfo()
</script>
<template>
......@@ -91,19 +116,21 @@ function searchCredit1() {
<var-input v-model="userinfo.q0" readonly placeholder="当前信用分" />
</var-space>
</var-form>
<div class="tips1" v-if="extend2 == 2">正在查询中...</div>
<div class="tips" style="margin-top: 20px;" v-if="extend2 == 2">请24小时后再来查看个人征信信用分</div>
<div class="tips" v-if="extend2 == 2">根据个人信用分来申请化债额度,最低50万起</div>
<div class="tips" style="margin: 20px 40px;text-indent: 2em;" v-if="extend2 == 2">您好,{{ userinfo.nickName
}},身份证号:{{ userinfo.identityId }},
您的个人信用分正在查询当中,信用分查询完成,您可以申请化债,扶贫,10分钟左右即可查询完毕,请10分钟后再来查看您的信用分</div>
<var-button class="btn" v-if="extend2 == 1" size="large" block type="primary" @click="searchCredit">{{ extend2 ==
1 ? '点击查询' :
'查询中' }}
</var-button>
</div>
<div class="extend22" v-if="extend2 == 3">
<div class="zhanwei"></div>
<div class="zhanwei">
<img src="/static/common/111.png" alt="">
</div>
<div class="card">
<div class="title">
我的信息
申请化债/扶贫信息
</div>
<var-form scroll-to-error="start">
<var-space direction="column" :size="[8, 0]">
......@@ -114,11 +141,16 @@ function searchCredit1() {
</var-form>
</div>
<var-button class="btn" size="large" block type="primary" @click="searchCredit1">立即申请</var-button>
<var-button class="btn" style="margin: 20px auto 0;" size="large" block type="primary"
@click="searchCredit2">我没有负债,需要申请扶贫</var-button>
<div class="tips" style="margin: 20px 20px 0;">*负债申请化债条例:1.中国合法公民;2.年满18周岁;</div>
<div class="tips" style="margin: 0 20px;">*此申请表格填写完成后,直接上传至中央财政扶贫专项系统,请认真检查是否填写正确完整,提交后无法更改</div>
<div class="tips" style="margin: 0 20px;">*请勿盗用他人资料,违法者将依法追究刑事责任</div>
</div>
<div class="extend22" v-if="extend2 == 4">
<div class="card">
<div class="title">
申请信息
申请化债信息
</div>
<var-form scroll-to-error="start" style="margin:0 10px;">
<var-space direction="column" :size="[8, 0]">
......@@ -145,16 +177,15 @@ function searchCredit1() {
<div class="ctitle">
负债介绍
</div>
<div class="tipss">
产品名称:中银稳健收益产品名称:中银产品名称:中银稳健收益产品名称:中银产品名称:中银稳健收益产品名称:中银产品名称:中银稳健收益产品名称:中银产品名称:中银稳健收益产品名称:中银产品名称:中银稳健收益产品名称:中银产品名称:中银稳健收益产品名称:中银产品名称:
中银稳健收益产品名称:中银产品名称:中银稳健收益产品名称:中银12121
</div>
<div class="tips" style="margin: 20px 20px 0;">*负债申请化债条例:1.中国合法公民;2.年满18周岁;</div>
<div class="tips" style="margin: 0 20px;">*此申请表格填写完成后,直接上传至中央财政扶贫专项系统,请认真检查是否填写正确完整,提交后无法更改</div>
<div class="tips" style="margin: 0 20px;">*请勿盗用他人资料,违法者将依法追究刑事责任</div>
</div>
</div>
<div class="extend22" v-if="extend2 == 5">
<div class="card" style="display: flex;flex-direction: column;align-items: center;">
<var-icon name="history" size="100" color="#029ae0" />
<div class="title">您的征信报告正在审核中,请耐心等待...</div>
<div class="title">您的{{ a20 == 1 ? '征信' : '扶贫' }}报告正在审核中,请耐心等待...</div>
<var-divider />
<var-form scroll-to-error="start" style="width: 100%;">
<var-space direction="column" :size="[8, 0]">
......@@ -165,6 +196,24 @@ function searchCredit1() {
</var-form>
</div>
</div>
<div class="extend22" v-if="extend2 == 6">
<div class="card">
<img src="/static/common/2222.png" alt="" style="margin-top: 80px;">
<div
style="margin-top: 20px;display: flex;justify-content: center;align-items: center;font-size: 28px;font-weight: 700;">
卡内余额:¥
<var-count-to :to="88888" :precision="2" style="font-size: 28px;font-weight: 700;">
<template #default="{ value }">
{{ value.toLocaleString() }}
</template>
</var-count-to>
</div>
<div class="btngroup" style="display: flex;justify-content: space-between;align-items: center;">
<var-button class="btn" size="large" block type="primary" @click="jihuohu">激活领取此卡</var-button>
<var-button class="btn btn1" size="large" block @click="tixian">提现</var-button>
</div>
</div>
</div>
</div>
</template>
......@@ -225,9 +274,23 @@ function searchCredit1() {
}
.extend22 {
padding-bottom: 180px;
min-height: calc(100vh - 52px);
.zhanwei {
height: 200px;
background: #8e727b;
img {
width: 100%;
height: auto;
}
}
background: url('/static/common/bg.png') no-repeat;
background-size: 100% 100%;
.tips {
color: #fb0000;
font-size: 14px;
font-weight: 700;
}
}
......@@ -248,15 +311,26 @@ function searchCredit1() {
.btn {
margin: 0 auto;
margin-top: 50px;
margin-top: 10px;
width: 70%;
background: #e60012;
}
.btngroup {
.btn {
margin: 0 auto;
margin-top: 10px;
width: calc(50% - 10px);
background: #e60012;
}
.btn1 {
background: #fff;
}
}
}
.card {
margin-top: 10px;
background: #fff;
border-radius: 5px;
min-height: 250px;
padding: 20px;
......
<template>
<div class="container">
<var-paper :elevation="2" ripple class="mb-2" >
{{ userinfo.nickName }}, 很抱歉,您当前无法进行化债申请,您当前的信用分为{{ userinfo.q0 }}分,
您需要达到{{ userinfo.extend3 }}分以上才可以进行化债申请,请保持良好的平台使用行为,以确保有更高的信用分进行化债
</var-paper>
<var-button size="large" block type="danger">以下方式都可以更快的提升您的信用分</var-button>
<var-button size="large" class="mt-2" @click="navigateTo('/user/invite')" block type="success">1.邀请新用户注册</var-button>
<var-button class="mt-2" size="large" @click="navigateTo('/user/singIn')" block type="warning">2.每日平台签到</var-button>
<var-button size="large" @click="navigateTo('/product')" block type="info">3.参与不良资产的债权股权认购</var-button>
</div>
</template>
<script setup>
definePageMeta({
layout: "default",
title: "信用分提升",
name: "sqhzNot",
keepalive: true,
});
const userinfo = ref({})
const getuserinfo = async () => {
const res = await get("/system/user/")
userinfo.value = res
}
getuserinfo()
</script>
<style scoped lang="scss">
.container {
padding: 10px;
font-family: pingfang;
min-height: 100vh;
background: url('/static/common/bg.png') no-repeat;
background-size: 100% 100%;
.mt-2 {
margin: 10px 0;
}
.mb-2{
padding: 10px;
margin-top: 120px;
margin-bottom: 50px;
}
}
</style>
<template>
<div class="container">
<div class="title">中央经济2025财政精准扶贫下发申请表</div>
<var-form scroll-to-error="start" style="color: #fff;width: calc(100% - 40px);margin: 0 auto;">
<var-space direction="column" :size="[2, 0]">
<var-input size="small" v-model="formData.a6" readonly placeholder="申请人姓名" />
<var-input size="small" v-model="formData.a7" readonly placeholder="身份证号" />
<var-select placeholder="性别" v-model="formData.a8">
<var-option label="男" />
<var-option label="女" />
</var-select>
<var-input size="small" v-model="formData.a9" type="number" placeholder="联系电话" />
<var-input size="small" v-model="formData.a10" type="number" placeholder="收款银行卡号" />
<var-input size="small" v-model="formData.a11" placeholder="银行名称" />
<var-input size="small" v-model="formData.a12" textarea placeholder="家庭住址" />
</var-space>
</var-form>
<var-button class="btn" style="margin: 20px 0;background: #e51312;" size="large" block type="primary"
@click="handleSubmit">立即申请</var-button>
<div class="tips">*申请扶贫符合条件:1.中国合法公民;2.年满18周岁;</div>
<div class="tips">*此申请表格填写完成后,直接上传至中央财政扶贫专项系统,请认真检查是否填写正确完整,提交后无法更改</div>
<div class="tips"> *请勿盗用他人资料,违法者将依法追究刑事责任</div>
</div>
</template>
<script setup>
definePageMeta({
layout: "default",
title: "申请扶贫",
name: "sqhzNot1",
keepalive: true,
});
const formData = ref({})
const userinfo = ref({})
const getuserinfo = async () => {
const res = await get("/system/user/")
userinfo.value = res
formData.value.a6 = res.nickName
formData.value.a7 = res.identityId
}
getuserinfo()
function handleSubmit() {
const { a6, a7, a8, a9, a10, a11, a12 } = formData.value ?? {}
if (!a6?.trim() || !a7?.trim() || !a8?.trim() || !a9?.trim()|| !a10?.trim()|| !a11?.trim()|| !a12?.trim()) {
showFailToast('请填写完整信息')
return
}
formData.value.a20 = 2
formData.value.a5 = '5'
post("/yw2/add", formData.value)
.then(res => {
if (res?.code === 200) {
showSuccessToast('申请成功')
navigateTo('/sqhz')
} else {
showFailToast(res?.msg ?? '申请失败')
}
})
.catch(error => {
console.error('提交申请失败:', error)
showFailToast('提交失败,请重试')
})
}
</script>
<style scoped lang="scss">
.container {
padding: 10px;
font-family: pingfang;
min-height: 100vh;
background: url('/static/common/bg.png') no-repeat;
background-size: 100% 100%;
padding-bottom: 140px;
.title {
font-size: 18px;
color: #e51312;
font-weight: bold;
text-align: center;
margin-top: 90px;
}
--input-textarea-height: 50px;
.tips {
font-size: 14px;
color: #e51312;
font-weight: bold;
margin: 10px 0;
}
}
</style>
......@@ -30,7 +30,7 @@
<div class="reward-content">
<div class="info">
<h3>每邀请1人</h3>
<p>注册并实名获得1000元生活补贴</p>
<p>注册并实名获得50000元生活补贴</p>
</div>
</div>
</div>
......@@ -40,7 +40,7 @@
<div class="info">
<h3>每邀请{{ item.index }}</h3>
<p>注册并实名获得{{ item.number }}元生活补贴</p>
<p>注册并实名获得{{ item.jifen }}分奖励</p>
<p>注册并实名获得{{ item.jifen }}信用分奖励</p>
</div>
<div :class="['status', { completed: item.index <= userInfo.smCount }]">
{{ item.index <= userInfo.smCount ? "已完成" : "未完成" }} </div>
......
......@@ -32,13 +32,10 @@ const signIn = async () => {
loading.value = true
try {
const res = await put('/system/user/sign', {}, true)
if (res.code === 200) {
console.log(res)
if (res.code == 200) {
showSuccessToast('恭喜您签到成功')
await Promise.all([
getSignInInfo(),
getUserInfo() // 假设这个方法在父组件中定义
])
getSignInInfo()
} else {
showFailToast(res.msg || '签到失败')
}
......@@ -57,15 +54,18 @@ getSignInInfo()
<div class="tips">信用分:用于申请化债,扶贫所用</div>
<div class="tips">生活补贴:可直接提现到本人银行卡直接使用</div>
<div class="tips">每天签到获得2信用分,获得5000生活补贴</div>
<div class="tips">签到满10天获得50信用分</div>
<div class="tips">签到满20天获得200信用分</div>
<div class="tips">签到满30天获得一份中国东方资产管理有限公司的不良资产债权500元扶贫产品(每日可以提现)永久收益</div>
<div class="tips">签到满3天获得30信用分,获得10000生活补贴</div>
<div class="tips">签到满5天获得50信用分,获得30000生活补贴</div>
<div class="tips">签到满10天获得100信用分,获得50000生活补贴</div>
<div class="tips">签到满20天获得200信用分,获得100000生活补贴</div>
<div class="tips">签到满30天赠送一份中国银河资产管理有限公司的不良资产债券1000元产品(收益非常高,每天分红100元,每日可以提现)永久收益</div>
</div>
</template>
<style lang="scss" scoped>
.container{
font-family: pingfang;
padding-bottom: 50px;
.tips{
font-size: 14px;
color: red;
......
......@@ -25,6 +25,7 @@ const range = ref([
{ text: "信用分", value: 0 },
{ text: "生活补贴", value: 1 },
{ text: "产品收益", value: 2 },
{ text: "公司分红", value: 5 },
])
// 获取路由参数中的tab
......@@ -104,7 +105,8 @@ const handleClick = (item) => {
{{
item.balanceType == 0 ? '信用分' :
item.balanceType == 1 ? '生活补贴' :
item.balanceType == 2 ? '产品收益' : ''
item.balanceType == 2 ? '产品收益' :
item.balanceType == 5 ? '公司分红' : ''
}}
</span>
</div>
......
app/static/common/1.png

77.2 KB | W: | H:

app/static/common/1.png

77.7 KB | W: | H:

app/static/common/1.png
app/static/common/1.png
app/static/common/1.png
app/static/common/1.png
  • 2-up
  • Swipe
  • Onion skin
This diff is collapsed.
This diff is collapsed.
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