root/xl-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
多啦C梦
2025-05-21 15:45:10 +08:00
parent f6ed5b04de
commit 5d96054c0c
44 changed files with 2460 additions and 2126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/accountManagement/index.vue
View File

@@ -10,9 +10,12 @@ import PLUSICON from "../../static/icons/plus.png";
import XNav from "../../components/XNav.vue";
import XNoticeBar from "../../components/XNoticeBar.vue";
import {showToast, toPage} from "../../utils/uils.js";
import {onMounted, reactive} from "vue";
import {reactive} from "vue";
import Api from "../../api/index.js";
import {onShow} from "@dcloudio/uni-app";
import {useSystemStore} from "../../pinia/SystemStore/index.js";
const SystemStore = useSystemStore();
const BASE = [
{
id: 1,
@@ -42,22 +45,19 @@ const BASE = [
];
const list = reactive([]);
const dataList = reactive([]);
const po = reactive({
pid: null,
});
const getData = async () => {
const {data} = await Api.system.myAccount(po);
const {data} = await Api.system.myAccount(SystemStore.accountManagementPo);
dataList.length = 0;
dataList.push(...data);
}
const changeTab = (pid) => {
po.pid = pid;
SystemStore.accountManagementPo.pid = pid;
getData();
}
onMounted(() => {
onShow(() => {
Api.system.getPlatform().then(({data}) => {
data = data.filter(v => v.id !== 0);
list.length = 0;
@@ -73,7 +73,7 @@ onMounted(() => {
})
})
po.pid = list[0].id;
if (!SystemStore.accountManagementPo) SystemStore.accountManagementPo.pid = list[0].id;
getData();
})
})
@@ -94,7 +94,7 @@ const deleteItem = async (id) => {
<template v-for="(item, index) in list" :key="item.id">
<view class="!flex flex-col items-center" @click="changeTab(item.id)">
<image class="!size-[64rpx]" :src="item.icon"></image>
<view :class="['test-24r !mt-[10rpx]', po.pid === item.id ? 'cur' : '']">
<view :class="['test-24r !mt-[10rpx]', SystemStore.accountManagementPo.pid === item.id ? 'cur' : '']">
{{
item.name
}}
@@ -106,7 +106,7 @@ const deleteItem = async (id) => {
<view class="p-[20rpx] !flex flex-col gap-[20rpx]">
<view
@click="toPage('/pages/addAccount/index')"
@click="toPage(`/pages/addAccount/index`)"
class="py-[15rpx] bg-[#E8F3FF] text-[var(--primary-color)] !flex justify-center items-center gap-[10rpx] border border-[var(--primary-color)] rounded-[4rpx]">
<image :src="PLUSICON" class="!size-[26rpx] !mt-[2rpx]"></image>
新增帐号

7
src/pages/addAccount/index.vue
View File

@@ -9,8 +9,10 @@ import XUpload from "../../components/XUpload.vue";
import {reactive} from "vue";
import {backPage, showToast} from "../../utils/uils.js";
import {onLoad} from "@dcloudio/uni-app";
import XDateRange from "../../components/XDateRange.vue";
import XDateTime from "../../components/XDateTime.vue";
import {useSystemStore} from "../../pinia/SystemStore/index.js";
const SystemStore = useSystemStore();
const form = reactive({
status: null,
@@ -43,11 +45,12 @@ const success = async () => {
onLoad((options) => {
const {id} = options;
Api.system.getAccountInfo(id).then(({data}) => {
if (id) Api.system.getAccountInfo(id).then(({data}) => {
data.homepage = [data.homepage];
data.qrcode = [data.qrcode];
Object.assign(form, data);
});
if (SystemStore.accountManagementPo.pid) form.pid = Number(SystemStore.accountManagementPo.pid);
})
</script>

92
src/pages/addPaymentAccount/components/AliPay.vue
View File

@@ -1,48 +1,104 @@
<script setup>
import {reactive} from 'vue';
import {reactive, ref} from 'vue';
import XForm from "../../../components/XForm.vue";
import XFormItem from "../../../components/XFormItem.vue";
import XInput from "../../../components/XInput.vue";
import {toPage} from "../../../utils/uils.js";
import {backPage, showToast, toPage} from "../../../utils/uils.js";
import Api from "../../../api/index.js";
import XTY from "../../../components/XTY.vue";
const rules = {
name: {
reg: /.+/,
msg: '姓名不能为空',
const {id} = defineProps({
id: {
type: Number,
default: null,
}
});
const formRef = ref();
const TY = ref(false);
const rules = {
realname: {
reg: /^[\u4e00-\u9fa5]{1}(?:·?[\u4e00-\u9fa5]){1,24}$|^[\u4e00-\u9fa5]{2,25}$/,
msg: '姓名不符合规则',
},
id_card: {
reg: /^[1-9]\d{5}(18|19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/,
msg: '身份证号错误',
},
account: {
reg: /^(?!\s*$).+/,
msg: '支付宝不符合规则',
},
mobile: {
reg: /^1[3-9]\d{9}$/,
msg: '手机号错误',
},
};
const form = reactive({
name: null,
type: 1,
realname: null,
id_card: null,
account: null,
mobile: null,
});
if (id) {
Api.system.getWithdrawalInfo(id).then(({data}) => {
Object.assign(form, data);
})
}
const success = async () => {
if (!TY.value) {
showToast({
icon: 'error',
mask: true,
title: '请同意服务协议',
});
return;
}
formRef.value.verify();
if (id) {
const {msg} = await Api.system.editWithdrawal(form);
showToast(msg);
} else {
const {msg} = await Api.system.addWithdrawal(form);
showToast(msg);
}
setTimeout(() => {
backPage();
}, 2000)
}
</script>
<template>
<view>
<x-form :model="form" :rules="rules">
<x-form :model="form" :rules="rules" ref="formRef">
<x-form-item label="真实姓名">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入真实姓名"></x-input>
<x-input v-model:model-value="form.realname" height="96rpx" placeholder="请输入真实姓名"></x-input>
</x-form-item>
<x-form-item label="身份证号码">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入身份证号码"></x-input>
<x-input v-model:model-value="form.id_card" height="96rpx" placeholder="请输入身份证号码"></x-input>
</x-form-item>
<x-form-item label="支付宝账号">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入支付宝账号"></x-input>
<x-input v-model:model-value="form.account" height="96rpx" placeholder="请输入支付宝账号"></x-input>
</x-form-item>
<x-form-item label="手机号">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入手机号"></x-input>
<x-input v-model:model-value="form.mobile" height="96rpx" placeholder="请输入手机号"></x-input>
</x-form-item>
<x-form-item>
<view class="items-center test-24r xy">
<radio></radio>
本人承诺已阅读并同意
<text class="text-[var(--primary-color)]" @click="toPage('/pages/richPage/index')">
《灵活用工平台综合服务协议》
</text>
，本人按照协议内容向贵司提供相应的服务。
<x-t-y v-model:model-value="TY">
本人承诺已阅读并同意
<text class="text-[var(--primary-color)]" @click="toPage('/pages/richPage/index?id=3')">
《灵活用工平台综合服务协议》
</text>
，本人按照协议内容向贵司提供相应的服务。
</x-t-y>
</view>
</x-form-item>
<x-form-item>
<view
@click="success"
class="bg-[var(--primary-color)] py-[26rpx] w-full text-[#fff] rounded-[12rpx] !flex justify-center items-center !mt-[40rpx]">
提交
</view>

96
src/pages/addPaymentAccount/components/BankPay.vue
View File

@@ -1,48 +1,104 @@
<script setup>
import {reactive} from "vue";
import {toPage} from "../../../utils/uils.js";
import XInput from "../../../components/XInput.vue";
import XFormItem from "../../../components/XFormItem.vue";
import {reactive, ref} from 'vue';
import XForm from "../../../components/XForm.vue";
import XFormItem from "../../../components/XFormItem.vue";
import XInput from "../../../components/XInput.vue";
import {backPage, showToast, toPage} from "../../../utils/uils.js";
import Api from "../../../api/index.js";
import XTY from "../../../components/XTY.vue";
const rules = {
name: {
reg: /.+/,
msg: '姓名不能为空',
const {id} = defineProps({
id: {
type: Number,
default: null,
}
});
const formRef = ref();
const TY = ref(false);
const rules = {
realname: {
reg: /^[\u4e00-\u9fa5]{1}(?:·?[\u4e00-\u9fa5]){1,24}$|^[\u4e00-\u9fa5]{2,25}$/,
msg: '姓名不符合规则',
},
id_card: {
reg: /^[1-9]\d{5}(18|19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/,
msg: '身份证号错误',
},
account: {
reg: /^(?!\s*$).+/,
msg: '支付宝不符合规则',
},
mobile: {
reg: /^1[3-9]\d{9}$/,
msg: '手机号错误',
},
};
const form = reactive({
name: null,
type: 2,
realname: null,
id_card: null,
account: null,
mobile: null,
});
if (id) {
Api.system.getWithdrawalInfo(id).then(({data}) => {
Object.assign(form, data);
})
}
const success = async () => {
if (!TY.value) {
showToast({
icon: 'error',
mask: true,
title: '请同意服务协议',
});
return;
}
formRef.value.verify();
if (id) {
const {msg} = await Api.system.editWithdrawal(form);
showToast(msg);
} else {
const {msg} = await Api.system.addWithdrawal(form);
showToast(msg);
}
setTimeout(() => {
backPage();
}, 2000)
}
</script>
<template>
<view>
<x-form :model="form" :rules="rules">
<x-form :model="form" :rules="rules" ref="formRef">
<x-form-item label="真实姓名">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入真实姓名"></x-input>
<x-input v-model:model-value="form.realname" height="96rpx" placeholder="请输入真实姓名"></x-input>
</x-form-item>
<x-form-item label="身份证号码">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入身份证号码"></x-input>
<x-input v-model:model-value="form.id_card" height="96rpx" placeholder="请输入身份证号码"></x-input>
</x-form-item>
<x-form-item label="银行卡号">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入银行卡号"></x-input>
<x-input v-model:model-value="form.account" height="96rpx" placeholder="请输入银行卡号"></x-input>
</x-form-item>
<x-form-item label="手机号">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入手机号"></x-input>
<x-input v-model:model-value="form.mobile" height="96rpx" placeholder="请输入手机号"></x-input>
</x-form-item>
<x-form-item>
<view class="items-center test-24r xy">
<radio></radio>
本人承诺已阅读并同意
<text class="text-[var(--primary-color)]" @click="toPage('/pages/richPage/index')">
《灵活用工平台综合服务协议》
</text>
，本人按照协议内容向贵司提供相应的服务。
<x-t-y v-model:model-value="TY">
本人承诺已阅读并同意
<text class="text-[var(--primary-color)]" @click="toPage('/pages/richPage/index?id=3')">
《灵活用工平台综合服务协议》
</text>
，本人按照协议内容向贵司提供相应的服务。
</x-t-y>
</view>
</x-form-item>
<x-form-item>
<view
@click="success"
class="bg-[var(--primary-color)] py-[26rpx] w-full text-[#fff] rounded-[12rpx] !flex justify-center items-center !mt-[40rpx]">
提交
</view>

21
src/pages/addPaymentAccount/index.vue
View File

@@ -2,6 +2,9 @@
import {defineAsyncComponent, ref} from "vue";
import XNav from "../../components/XNav.vue";
import XNoticeBar from "../../components/XNoticeBar.vue";
import {onLoad} from "@dcloudio/uni-app";
import Api from "../../api/index.js";
import {showToast} from "../../utils/uils.js";
// #ifdef APP-PLUS
import AliPay from "./components/AliPay.vue";
@@ -13,6 +16,7 @@ const AliPay = defineAsyncComponent(() => import('./components/AliPay.vue'));
const BankPay = defineAsyncComponent(() => import('./components/BankPay.vue'));
// #endif
const id = ref(null);
const currentTab = ref(0);
const tabs = [
{
@@ -26,8 +30,22 @@ const tabs = [
];
const change = (e) => {
if (id.value) {
showToast('无法修改类型');
return;
}
currentTab.value = e.index;
}
onLoad((options) => {
const {id: _id} = options;
if (_id) {
id.value = _id;
Api.system.getWithdrawalInfo(id.value).then(({data}) => {
currentTab.value = data.type - 1;
});
}
});
</script>
<template>
@@ -37,6 +55,7 @@ const change = (e) => {
<x-notice-bar
status="success"
:tile="true"
text-color="var(--primary-color)"
text="平台承诺：所有信息仅用于打款，不会用作其他用途。为了您的资金安全，大额提现会通过第三方支付代发，请填写实名信息和银行卡进行验证。">
</x-notice-bar>
@@ -51,7 +70,7 @@ const change = (e) => {
<Suspense>
<template #default>
<view class="px-[34rpx] !mt-[40rpx]">
<component :is="tabs[currentTab].component"></component>
<component :is="tabs[currentTab].component" :id="id"></component>
</view>
</template>

1
src/pages/beginnerTutorial/index.vue
View File

@@ -2,7 +2,6 @@
import {onMounted, reactive, ref} from "vue";
import XNav from "../../components/XNav.vue";
import videoMask from '../../static/images/video-mask.png';
import XVideoModal from "../../components/XVideoModal.vue";
import Api from "../../api/index.js";
import useTableQuery from "../../hooks/useTableQuery.js";
import OpenTypeFun from "../../components/OpenTypeFun.js";

177
src/pages/downloadMaterials/index.vue
View File

@@ -1,177 +0,0 @@
<script setup>
import {ref} from "vue";
import XNav from "../../components/XNav.vue";
import {copy, download} from "../../utils/uils.js";
import XLink from "../../components/XLink.vue";
import XImage from "../../components/XImage.vue";
import testIcon from "../../static/images/test.png";
const mock = [
'https://udnsunusn.oss-cn-hangzhou.aliyuncs.com/mock-1.png',
'https://udnsunusn.oss-cn-hangzhou.aliyuncs.com/mock-2.png',
'https://udnsunusn.oss-cn-hangzhou.aliyuncs.com/mock-3.png',
'https://udnsunusn.oss-cn-hangzhou.aliyuncs.com/mock-4.png',
'https://udnsunusn.oss-cn-hangzhou.aliyuncs.com/mock-5.png',
'https://udnsunusn.oss-cn-hangzhou.aliyuncs.com/mock-6.png',
'https://udnsunusn.oss-cn-hangzhou.aliyuncs.com/mock-7.png',
'https://udnsunusn.oss-cn-hangzhou.aliyuncs.com/mock-8.png',
];
const current = ref(0);
const tabs = ref([
{
id: 1,
name: '素材1',
},
{
id: 2,
name: '素材2',
},
{
id: 3,
name: '素材3',
},
]);
</script>
<template>
<!--下载素材-->
<!-- #ifndef MP-WEIXIN -->
<x-nav></x-nav>
<!-- #endif -->
<tui-tabs :tabs="tabs" :currentTab="current" @change="({index})=>current=index"></tui-tabs>
<view class="block">
<view class="title">标题</view>
<view class="info">
我是标题我是标题我是标题我是标题我是标题
<view class="copy-button" @click="copy('我是标题我是标题我是标题我是标题我是标题')">复制</view>
</view>
</view>
<view class="block">
<view class="title">
话题
<x-link class="!ml-auto" show-description>查看引导</x-link>
</view>
<view class="info">
我是标题我是标题我是标题我是标题我是标题
<view class="copy-button" @click="copy('我是标题我是标题我是标题我是标题我是标题')">复制</view>
</view>
</view>
<view class="block">
<view class="title">正文</view>
<view class="info">
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文文正文正文文正文正文文正文正文
<view class="copy-button" @click="copy('我是标题我是标题我是标题我是标题我是标题')">复制</view>
</view>
</view>
<view class="block">
<view class="title">素材（请按顺序下载&发布）</view>
<view class="info">
<view class="!grid grid-cols-5 flex-wrap gap-[32rpx]">
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
</view>
<view class="copy-button" @click="download(mock)">批量保存</view>
</view>
</view>
<view class="block">
<view class="title">评论1</view>
<view class="info">
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文文正文正文文正文正文文正文正文
<view class="!grid grid-cols-5 flex-wrap gap-[32rpx]">
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
</view>
<view class="!flex gap-[24rpx] justify-center">
<view class="copy-button !mx-0" @click="copy('我是标题我是标题我是标题我是标题我是标题')">复制文字
</view>
<view class="copy-button !mx-0" @click="download(mock)">保存图片</view>
</view>
</view>
</view>
<view class="block">
<view class="title">评论2
<x-link class="!ml-auto" show-description>查看引导</x-link>
</view>
<view class="info">
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文文正文正文文正文正文文正文正文
<view class="!grid grid-cols-5 flex-wrap gap-[32rpx]">
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
<x-image :src="testIcon" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
</view>
<view class="!flex gap-[24rpx] justify-center">
<view class="copy-button !mx-0" @click="copy('我是标题我是标题我是标题我是标题我是标题')">复制文字
</view>
<view class="copy-button !mx-0" @click="download(mock)">保存图片</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.block {
background-color: #fff;
padding: 20rpx;
.copy-button {
padding: 7rpx 24rpx;
background: rgb(22, 93, 255);
color: #fff;
border-radius: 4rpx;
width: fit-content;
margin-top: 24rpx;
margin-left: auto;
margin-right: auto;
color: rgb(255, 255, 255);
font-size: 12px;
font-weight: 400;
line-height: 140%;
letter-spacing: 0;
font-weight: 300;
}
.info {
color: rgb(29, 33, 41);
font-size: 14px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0;
text-align: left;
padding: 24rpx;
background-color: #F7F8FA;
border: 1px solid #E5E6EB;
border-radius: 8rpx;
position: relative;
}
.title {
color: rgb(78, 89, 105);
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0;
padding-bottom: 14rpx;
display: flex;
}
}
</style>

18
src/pages/incomeLog/index.vue
View File

@@ -19,18 +19,14 @@ const vo = reactive({
page: '',
rows: [],
total: 0,
month_money: 0,
all_money: 0,
});
const {loading, pagination, initFetchData} = useTableQuery({
api: Api.system.getData,
api: Api.system.getWithdrawLog,
parameter: po,
watchParameter: true,
callback: (data) => {
vo.page = data.page;
vo.total = data.total;
if (data.current === 1) {
vo.rows.length = 0;
}
vo.rows = [...vo.rows, ...data.rows];
Object.assign(vo, data);
}
});
</script>
@@ -72,15 +68,15 @@ const {loading, pagination, initFetchData} = useTableQuery({
<view class="!flex flex-col gap-[20rpx] p-[20rpx]">
<view class="bg-[var(--primary-color)] p-[32rpx] rounded-[12rpx] !flex items-center">
<view class="!flex-grow text-[#fff]">
<view class="test-36r font-bold">246.23</view>
<view class="test-36r font-bold">{{ vo?.month_money.toFixed(2) }}</view>
<view class="test-24r">该月收益</view>
</view>
<view class="!flex-grow text-[#fff]">
<view class="test-36r font-bold">246.23</view>
<view class="test-36r font-bold">{{ vo?.all_money.toFixed(2) }}</view>
<view class="test-24r">累计收益</view>
</view>
<view class="flex-shrink-0">
<x-date-time v-model:model-value="po.datetime" fields="month">
<x-date-time v-model:model-value="po.datetime" fields="month" type="3">
<view
class="rounded-full bg-[#E8F3FF] text-[var(--primary-color)] px-[32rpx] py-[8rpx] !flex items-center gap-[14rpx]">
{{ po.datetime }}

174
src/pages/index/index.vue Normal file
View File

@@ -0,0 +1,174 @@
<script setup>
import {ref, reactive} from "vue";
import XNav from "../../components/XNav.vue";
import {copy, download, showToast} from "../../utils/uils.js";
import XLink from "../../components/XLink.vue";
import XImage from "../../components/XImage.vue";
import testIcon from "../../static/images/test.png";
import {onLoad} from "@dcloudio/uni-app";
import Api from "../../api/index.js";
import {useUserStore} from "../../pinia/UserStore/index.js";
const {setToken} = useUserStore();
const detail = reactive({});
const current = ref(0);
const tabs = reactive([]);
onLoad((options) => {
const {id, token} = options;
if (!id) {
showToast('未找到任务');
return;
}
setToken(token);
Api.system.getTaskinfo(id).then(({data}) => {
Object.assign(detail, data);
tabs.push(...detail.children.material.map((v, index) => ({
id: v.id,
name: `素材${index + 1}`
})));
});
})
</script>
<template>
<!--下载素材-->
<!-- #ifndef MP-WEIXIN -->
<x-nav></x-nav>
<!-- #endif -->
<tui-tabs v-if="tabs.length>0" :tabs="tabs" :currentTab="current" @change="({index})=>current=index"></tui-tabs>
<view class="block">
<view class="title">标题</view>
<view class="info">
{{ detail.children.material[current].title }}
<view class="copy-button" @click="copy(detail.children.material[current].title)">复制</view>
</view>
</view>
<view class="block">
<view class="title">
话题
<x-link class="!ml-auto" show-description>查看引导</x-link>
</view>
<view class="info">
{{ detail.children.material[current].tags_arr.join(' ') }}
<view class="copy-button" @click="copy(detail.children.material[current].tags_arr.join(' '))">复制</view>
</view>
</view>
<view class="block">
<view class="title">正文</view>
<view class="info">
{{ detail.children.material[current].content }}
<view class="copy-button" @click="copy(detail.children.material[current].content)">复制</view>
</view>
</view>
<view class="block">
<view class="title">素材（请按顺序下载&发布）</view>
<view class="info">
<view class="!grid grid-cols-5 flex-wrap gap-[32rpx]">
<x-image
v-for="(v, index) in detail.children.material[current].material_arr"
:key="index"
:src="v"
imageClass="!w-[100%] !h-auto !aspect-square">
</x-image>
</view>
<view class="copy-button" @click="download(detail.children.material[current].material_arr)">批量保存</view>
</view>
</view>
<view v-if="detail.children?.material[current]?.comment" class="block">
<view class="title">评论1</view>
<view class="info">
{{ detail.children?.material[current]?.comment.intro }}
<view class="!grid grid-cols-5 flex-wrap gap-[32rpx]">
<x-image
v-for="j in detail.children?.material[current]?.comment.image_arr"
:src="j"
imageClass="!w-[100%] !h-auto !aspect-square">
</x-image>
</view>
<view class="!flex gap-[24rpx] justify-center">
<view class="copy-button !mx-0" @click="copy(detail.children?.material[current]?.comment.intro)">复制文字
</view>
<view class="copy-button !mx-0"
@click="download(detail.children?.material[current]?.comment.image_arr)">保存图片
</view>
</view>
</view>
</view>
<view v-for="(v, index) in detail.children?.material[current]?.comment.children" :key="v.id" class="block">
<view class="title">评论{{ index + 2 }}</view>
<view class="info">
{{ v.intro }}
<view class="!grid grid-cols-5 flex-wrap gap-[32rpx]">
<x-image v-for="j in v.image_arr" :src="j" imageClass="!w-[100%] !h-auto !aspect-square"></x-image>
</view>
<view class="!flex gap-[24rpx] justify-center">
<view class="copy-button !mx-0" @click="copy(v.intro)">复制文字
</view>
<view class="copy-button !mx-0" @click="download(v.image_arr)">保存图片</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.block {
background-color: #fff;
padding: 20rpx;
.copy-button {
padding: 7rpx 24rpx;
background: rgb(22, 93, 255);
color: #fff;
border-radius: 4rpx;
width: fit-content;
margin-top: 24rpx;
margin-left: auto;
margin-right: auto;
color: rgb(255, 255, 255);
font-size: 12px;
font-weight: 400;
line-height: 140%;
letter-spacing: 0;
font-weight: 300;
}
.info {
color: rgb(29, 33, 41);
font-size: 14px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0;
text-align: left;
padding: 24rpx;
background-color: #F7F8FA;
border: 1px solid #E5E6EB;
border-radius: 8rpx;
position: relative;
}
.title {
color: rgb(78, 89, 105);
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0;
padding-bottom: 14rpx;
display: flex;
}
}
</style>

52
src/pages/paymentAccount/index.vue
View File

@@ -9,13 +9,36 @@ import ICON5 from "../../static/icons/icon-radio.png";
import ICON6 from "../../static/icons/icon-radio-s.png";
import XLink from "../../components/XLink.vue";
import XConfirmModal from "../../components/XConfirmModal.vue";
import {onShow} from "@dcloudio/uni-app";
import Api from "../../api/index.js";
import {reactive} from "vue";
const deletePayment = async () => {
const list = reactive([]);
const getData = async () => {
const {data} = await Api.system.getWithdrawal();
list.length = 0;
list.push(...data);
}
const deletePayment = async (id) => {
const {msg} = await Api.system.delWithdrawal(id);
showToast({
icon: 'success',
title: '删除成功'
title: msg
});
await getData();
}
const setDefaultWithdrawal = async (id) => {
const {msg} = await Api.system.setDefaultWithdrawal(id);
showToast(msg);
await getData();
}
onShow(() => {
getData();
});
</script>
<template>
@@ -25,24 +48,25 @@ const deletePayment = async () => {
<view class="py-[20rpx] pl-[30rpx] pr-[24rpx] rounded-[12rpx] bg-[#fff] w-full !flex gap-[22rpx] items-center"
@click="toPage('/pages/addPaymentAccount/index')">
<image class="!size-[72rpx]" mode="aspectFill" :src="ICON1"></image>
<view class="text-[#86909C] test-28r">您还没有添加收款信息~</view>
<view class="text-[#86909C] test-28r">添加新的收款信息~</view>
<x-link class="test-28r !ml-auto">去添加</x-link>
<image class="!w-[12rpx]" mode="widthFix" :src="ICON2"></image>
</view>
<view class="bg-[#3878F6] p-[32rpx] rounded-[12rpx]" v-for="i in 10">
<view :class="['p-[32rpx] rounded-[12rpx]', v.type === 1 ? 'ZFB' : 'YHK']" v-for="v in list" :key="v.id">
<view class="!flex items-center">
<view class="text-[#fff]">支付宝</view>
<image class="!size-[35rpx] !ml-auto" mode="aspectFill" :src="ICON3"></image>
<x-confirm-modal title="确定删除银行卡" info="135 7777 9865" @success="deletePayment">
<view class="text-[#fff]">{{ v.type_text }}</view>
<image @click="toPage(`/pages/addPaymentAccount/index?id=${v.id}`)" class="!size-[35rpx] !ml-auto"
mode="aspectFill" :src="ICON3"></image>
<x-confirm-modal title="确定删除银行卡" :info="v.account" @success="deletePayment(v.id)">
<image class="!size-[30rpx] !ml-[20rpx]" mode="aspectFill" :src="ICON4"></image>
</x-confirm-modal>
</view>
<view class="HarmonyOS account">
135 7777 9865
{{ v.account }}
</view>
<view class="radio-info">
<image v-if="false" class="!size-[30rpx]" mode="aspectFill" :src="ICON5"></image>
<view class="radio-info" @click="setDefaultWithdrawal(v.id)">
<image v-if="v.is_default !== 1" class="!size-[30rpx]" mode="aspectFill" :src="ICON5"></image>
<image v-else class="!size-[30rpx]" mode="aspectFill" :src="ICON6"></image>
设为默认打款信息
</view>
@@ -51,6 +75,14 @@ const deletePayment = async () => {
</template>
<style scoped lang="scss">
.YHK {
background: linear-gradient(90.00deg, rgb(96, 137, 255), rgb(68, 81, 255) 100%);
}
.ZFB {
background: linear-gradient(90.00deg, rgb(0, 141, 255), rgb(22, 119, 255) 100%);
}
.radio-info {
color: rgb(255, 255, 255);
font-size: 12px;

4
src/pages/taskDetails/components/CollectMaterials.vue
View File

@@ -1,7 +1,7 @@
<script setup>
import {ref, reactive} from "vue";
import XSquareCarouselImage from "../../../components/XSquareCarouselImage.vue";
import {toPage} from "../../../utils/uils.js";
import {toPage, toWXMiniApp} from "../../../utils/uils.js";
const {data} = defineProps({
data: {
@@ -78,7 +78,7 @@ const current = ref(0);
</view>
</view>
<tui-button size="28" @click="toPage('/pages/downloadMaterials/index')">
<tui-button size="28" @click="toWXMiniApp(data.id)">
<tui-icon size="20" color="#fff" name="bottom"></tui-icon>
<view class="!ml-[20rpx]">一键下载</view>
</tui-button>

2
src/pages/taskDetails/index.vue
View File

@@ -349,7 +349,7 @@ onMounted(() => {
</view>
</view>
<accept-assignment-modal v-if="details.is_use === 0" :details="details">
<accept-assignment-modal v-if="details.is_use === 0" :details="details" @success="getData">
<view
class="bg-[var(--primary-color)] rounded-[8rpx] py-[26rpx] text-[#fff] !flex justify-center items-center">
接受任务

2
src/pages/userInfo/components/EditNickName.vue
View File

@@ -13,7 +13,7 @@ const show = defineModel('show');
const rules = {
nickname: {
reg: /^[^]*\S[^]*$/,
msg: '请输入正确的微信号',
msg: '昵称不能为空',
}
};
const form = reactive({

2
src/pages/userInfo/components/EditWxCode.vue
View File

@@ -12,7 +12,7 @@ const XFormRef = ref();
const show = defineModel('show');
const rules = {
wechat: {
reg: /^[^]*\S[^]*$/,
reg: /^[a-zA-Z0-9_-]{1,20}$/,
msg: '请输入正确的微信号',
}
};

51
src/pages/wallet/components/WithdrawalModal.vue
View File

@@ -2,17 +2,44 @@
import {ref} from "vue";
import XConfirmModal from "../../../components/XConfirmModal.vue";
import {showToast} from "../../../utils/uils.js";
import {useUserStore} from "../../../pinia/UserStore/index.js";
import dayjs from "dayjs";
import Api from "../../../api/index.js";
const UserStore = useUserStore();
const emits = defineEmits(['success']);
const show = ref(false);
const open = () => {
const defaultDrawal = ref();
const open = async () => {
if (UserStore.userInfo.money < 1) {
showToast({
icon: 'error',
title: '平台最低提现金额为1.00元',
});
return;
}
if (dayjs().hour() <= 11 || dayjs().hour() >= 18) {
showToast({
icon: 'error',
title: '请于11:00至18:00，发起提现',
});
return;
}
const {data} = await Api.system.getDefaultWithdrawalInfo();
defaultDrawal.value = data;
show.value = true;
}
const success = () => {
const success = async () => {
const {msg} = await Api.system.postWithdrawal({
id: defaultDrawal.value.id,
money: UserStore.userInfo.money,
});
showToast({
icon: 'success',
title: '发起提现成功，正在打款',
title: msg,
});
emits('success');
}
</script>
@@ -29,19 +56,23 @@ const success = () => {
confirm-text="我已确认"
:cancel="false">
<template v-slot:context>
<view class="w-full">
<view class="w-full" v-if="defaultDrawal">
<view class="title">
请核对提现信息
</view>
<view class="info">
姓名：李晓<br/>
支付宝号：13566890241<br/>
提现金额：36.78<br/>
提现手续费：3.678<br/>
到账金额：33.10
姓名：{{ defaultDrawal.realname }}<br/>
{{ defaultDrawal.type_text }}号：{{ defaultDrawal.account }}<br/>
提现金额：{{ UserStore.userInfo.money.toFixed(2) }}<br/>
提现手续费：{{
(UserStore.userInfo.money * (Number(defaultDrawal.ratio) / 100)).toFixed(2)
}}<br/>
到账金额：{{
(UserStore.userInfo.money - (UserStore.userInfo.money * (Number(defaultDrawal.ratio) / 100))).toFixed(2)
}}
</view>
<view class="exp">
手续费率为6%，由三方代账公司收取
手续费率为{{ defaultDrawal.ratio }}%，由三方代账公司收取
</view>
</view>
</template>

32
src/pages/wallet/index.vue
View File

@@ -6,10 +6,24 @@ import XLink from "../../components/XLink.vue";
import Right from "../../static/icons/right.png";
import {toPage} from "../../utils/uils.js";
import WithdrawalModal from "./components/WithdrawalModal.vue";
import {useUserStore} from "../../pinia/UserStore/index.js";
import {onShow} from "@dcloudio/uni-app";
import Api from "../../api/index.js";
import {ref} from "vue";
import ZFENUM from "../../enum/ZFENUM.js";
const withdrawal = async () => {
const UserStore = useUserStore();
const defaultDrawal = ref();
const getData = async () => {
await UserStore.getUserInfo();
const {data: _defaultDrawal} = await Api.system.getDefaultWithdrawalInfo();
defaultDrawal.value = _defaultDrawal;
}
onShow(() => {
getData();
})
</script>
<template>
@@ -18,6 +32,7 @@ const withdrawal = async () => {
<view class="!flex flex-col gap-[20rpx] p-[20rpx]">
<view class="py-[20rpx] pl-[30rpx] pr-[24rpx] rounded-[12rpx] bg-[#fff] w-full !flex gap-[22rpx] items-center"
v-if="!defaultDrawal?.id"
@click="toPage('/pages/paymentAccount/index')">
<image class="!size-[72rpx]" mode="aspectFill" :src="ICON1"></image>
<view class="text-[#86909C] test-28r">您还没有添加收款信息~</view>
@@ -25,15 +40,24 @@ const withdrawal = async () => {
<image class="!w-[12rpx]" mode="widthFix" :src="ICON2"></image>
</view>
<view class="py-[20rpx] pl-[30rpx] pr-[24rpx] rounded-[12rpx] bg-[#fff] w-full !flex gap-[22rpx] items-center"
v-else
@click="toPage('/pages/paymentAccount/index')">
<image class="!size-[72rpx] rounded-[20rpx]" mode="aspectFill" :src="ZFENUM[defaultDrawal.type]"></image>
<view class="text-[#1D2129] test-28r">{{ defaultDrawal.account }}</view>
<image class="!w-[12rpx] !ml-auto" mode="widthFix" :src="ICON2"></image>
</view>
<view class="py-[32rpx] px-[24rpx] rounded-[12rpx] bg-[#fff] w-full">
<view class="!flex items-center justify-between">
<view>
<view class="test-28r">可提现余额(元）</view>
<view class="HarmonyOS" style="font-size: 60rpx;font-weight: 500;">0.00</view>
<view class="HarmonyOS" style="font-size: 60rpx;font-weight: 500;">
{{ UserStore.userInfo.money.toFixed(2) }}
</view>
</view>
<withdrawal-modal>
<withdrawal-modal @success="getData">
<view
@click=""
class="py-[8rpx] bg-[var(--primary-color)] text-[#fff] rounded-full w-[200rpx] !flex justify-center items-center">
立即提现
</view>

24
src/pages/walletLog/index.vue
View File

@@ -23,16 +23,10 @@ const vo = reactive({
total: 0,
});
const {loading, pagination, initFetchData} = useTableQuery({
api: Api.system.getData,
api: Api.system.getUserMoneyLog,
parameter: sumPo,
watchParameter: true,
callback: (data) => {
vo.page = data.page;
vo.total = data.total;
if (data.current === 1) {
vo.rows.length = 0;
}
vo.rows = [...vo.rows, ...data.rows];
Object.assign(vo, data);
}
});
</script>
@@ -42,6 +36,7 @@ const {loading, pagination, initFetchData} = useTableQuery({
<x-nav></x-nav>
<x-filter
@success="initFetchData"
v-model:model="sumPo"
v-model:visible="showFilter">
<x-filter-item label="账单类型">
@@ -81,17 +76,20 @@ const {loading, pagination, initFetchData} = useTableQuery({
@scrolltolower="pagination.current++"
scroll-y
class="h-[calc(100vh-200rpx)]">
<view class="p-[20rpx]" v-for="item in vo.rows">
<view class="p-[20rpx]" v-for="item in vo.rows" :key="item.id">
<view class="p-[20rpx] rounded-[12rpx] bg-[#fff] !flex justify-between items-center">
<view class="!flex flex-col gap-[24rpx]">
<view class="!flex items-center gap-[16rpx]">
<view>提现退回</view>
<x-tag type="success">收入</x-tag>
<view>{{ item.purpose_name }}</view>
<x-tag :type="Number(item.money) > 0 ? 'success' : 'info'">{{ item.purpose_type }}</x-tag>
</view>
<view class="text-[#86909C] test-24r">{{
dayjs(item.createtime).format('YYYY-MM-DD HH:mm:ss')
}}
</view>
<view class="text-[#86909C] test-24r">{{ dayjs().format('YYYY-MM-DD HH:mm:ss') }}</view>
</view>
<view class="test-36r font-bold HarmonyOS">
+95.88
{{ item.money }}
</view>
</view>
</view>

40
src/pages/withdrawalLog/index.vue
View File

@@ -8,26 +8,24 @@ import Api from "../../api/index.js";
import {reactive} from "vue";
import XDateTime from "../../components/XDateTime.vue";
import dayjs from "dayjs";
import ZFENUM from "../../enum/ZFENUM.js";
import TXJLENUM from "../../enum/TXJLENUM.js";
const po = reactive({
datetime: dayjs().format('YYYY-MM'),
time: dayjs().format('YYYY-MM'),
});
const vo = reactive({
page: '',
rows: [],
total: 0,
month_money: 0,
all_money: 0,
});
const {loading, pagination, initFetchData} = useTableQuery({
api: Api.system.getData,
watchParameter: true,
api: Api.system.getWithdrawLog,
parameter: po,
callback: (data) => {
if (data.current === 1) {
vo.rows.length = 0;
}
vo.page = data.page;
vo.total = data.total;
vo.rows = [...vo.rows, ...data.rows];
Object.assign(vo, data);
}
});
</script>
@@ -44,45 +42,45 @@ const {loading, pagination, initFetchData} = useTableQuery({
<view class="!flex flex-col gap-[20rpx]">
<view class="bg-[var(--primary-color)] p-[32rpx] rounded-[12rpx] !flex items-center">
<view class="!flex-grow text-[#fff]">
<view class="test-36r font-bold">246.23</view>
<view class="test-36r font-bold">{{ vo?.month_money.toFixed(2) }}</view>
<view class="test-24r">该月提现收益</view>
</view>
<view class="!flex-grow text-[#fff]">
<view class="test-36r font-bold">246.23</view>
<view class="test-24r">该月提现收益</view>
<view class="test-36r font-bold">{{ vo?.all_money.toFixed(2) }}</view>
<view class="test-24r">累计提现收益</view>
</view>
<view class="flex-shrink-0">
<x-date-time v-model:model-value="po.datetime" fields="month">
<x-date-time v-model:model-value="po.time" fields="month" type="3" @success="initFetchData">
<view
class="rounded-full bg-[#E8F3FF] text-[var(--primary-color)] px-[32rpx] py-[8rpx] !flex items-center gap-[14rpx]">
{{ po.datetime }}
{{ po.time }}
<image class="!w-[18rpx]" mode="widthFix" :src="dropDown"></image>
</view>
</x-date-time>
</view>
</view>
<view class="p-[20rpx] bg-[#fff] rounded-[8rpx] card" v-for="v in vo.rows">
<view class="p-[20rpx] bg-[#fff] rounded-[8rpx] card" v-for="v in vo.rows" :key="v.id">
<view class="!flex">
<image class="!size-[80rpx]" mode="aspectFill" :src="ZFBICON"></image>
<image class="!size-[80rpx]" mode="aspectFill" :src="ZFENUM[v.type]"></image>
<view class="!ml-[60rpx] !flex gap-[60rpx]">
<view>
<view class="test-32r font-bold">100.00</view>
<view class="test-32r font-bold">{{ v.money.toFixed(2) }}</view>
<view class="text-[#86909C] test-24r">提现金额</view>
</view>
<view>
<view class="test-32r font-bold">94.00</view>
<view class="test-32r font-bold">{{ v.real_money.toFixed(2) }}</view>
<view class="text-[#86909C] test-24r">到账金额</view>
</view>
</view>
<view class="!ml-auto">
<x-tag>正在提现</x-tag>
<x-tag :type="TXJLENUM[v.status]">{{ v.status_text }}</x-tag>
</view>
</view>
<view
class="!mt-[20rpx] py-[10rpx] px-[20rpx] test-24r !flex justify-between items-center bg-[#F2F3F5] rounded-[8rpx]">
<view>提现时间：2024-08-06 12:22</view>
<view>手续费：6%</view>
<view>提现时间：{{ dayjs(v.createtime).format('YYYY-MM-DD HH:mm') }}</view>
<view>手续费：{{ v.ratio }}%</view>
</view>
</view>