From ce0587d2b6cab8ae62ec7bb2fbde82f7d744c33e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9A=E5=95=A6C=E6=A2=A6?= <15709267061@163.com>
Date: Mon, 12 May 2025 19:45:27 +0800
Subject: [PATCH] update

---
 src/api/system/index.js                       | 186 ++++++++++++++
 src/components/AddCustomerServiceModal.vue    |  13 +-
 src/components/CreditScore.vue                |   5 +-
 src/components/MessageCard.vue                |  18 +-
 src/components/OpenTypeFun.js                 |  32 +++
 src/components/TaskItem.vue                   |  23 +-
 src/components/XConfirmModal.vue              |   3 +-
 src/components/XDropdownItem.vue              |  15 +-
 src/components/XDropdownList.vue              |  27 ++-
 src/components/XForm.vue                      |   1 +
 src/components/XFormItem.vue                  |   2 +-
 src/components/XInput.vue                     |   2 +-
 src/components/XPrompt.vue                    |  29 +++
 src/components/XSelect.vue                    |  51 ++++
 src/components/XUpload.vue                    |  60 +++++
 src/hooks/useTableQuery.js                    |  38 +--
 src/pages.json                                |  14 ++
 src/pages/accountManagement/index.vue         | 163 ++++++++++++-
 src/pages/addAccount/index.vue                |  81 ++++++-
 src/pages/beginnerTutorial/index.vue          | 148 +++++++-----
 src/pages/home/index.vue                      |  99 ++++----
 src/pages/login/AccountLogin.vue              |   4 +-
 src/pages/messageCenter/index.vue             |  62 ++++-
 src/pages/richPage/index.vue                  |  15 +-
 .../taskDetails/components/TaskDetails.vue    |  22 +-
 src/pages/taskDetails/index.vue               | 226 +++++++++++-------
 src/pages/user/components/MyTeam.vue          |  19 +-
 src/pages/user/index.vue                      |  34 ++-
 .../userInfo/components/EditNickName.vue      |  59 +++++
 .../userInfo/components/EditPassWord.vue      |  35 ++-
 src/pages/userInfo/components/EditPhone.vue   |  56 +++--
 src/pages/userInfo/components/EditWxCode.vue  |  24 +-
 src/pages/userInfo/index.vue                  |  28 ++-
 src/pages/webview/index.vue                   |  11 +
 src/pinia/UserStore/index.js                  |  16 ++
 src/static/icons/Delete.png                   | Bin 0 -> 3933 bytes
 src/static/icons/Edit.png                     | Bin 0 -> 3125 bytes
 src/static/icons/add.png                      | Bin 0 -> 217 bytes
 src/static/icons/down.png                     | Bin 0 -> 326 bytes
 src/static/icons/dy.png                       | Bin 0 -> 7381 bytes
 src/static/icons/ks.png                       | Bin 0 -> 4963 bytes
 src/static/icons/plus.png                     | Bin 0 -> 244 bytes
 src/static/icons/prompt.png                   | Bin 0 -> 936 bytes
 src/static/icons/sph.png                      | Bin 0 -> 4558 bytes
 src/static/icons/tt.png                       | Bin 0 -> 10027 bytes
 src/static/icons/xhs.png                      | Bin 0 -> 5156 bytes
 src/utils/uils.js                             |  44 ++++
 47 files changed, 1355 insertions(+), 310 deletions(-)
 create mode 100644 src/components/OpenTypeFun.js
 create mode 100644 src/components/XPrompt.vue
 create mode 100644 src/components/XSelect.vue
 create mode 100644 src/components/XUpload.vue
 create mode 100644 src/pages/userInfo/components/EditNickName.vue
 create mode 100644 src/pages/webview/index.vue
 create mode 100644 src/static/icons/Delete.png
 create mode 100644 src/static/icons/Edit.png
 create mode 100644 src/static/icons/add.png
 create mode 100644 src/static/icons/down.png
 create mode 100644 src/static/icons/dy.png
 create mode 100644 src/static/icons/ks.png
 create mode 100644 src/static/icons/plus.png
 create mode 100644 src/static/icons/prompt.png
 create mode 100644 src/static/icons/sph.png
 create mode 100644 src/static/icons/tt.png
 create mode 100644 src/static/icons/xhs.png

diff --git a/src/api/system/index.js b/src/api/system/index.js
index f660691..878cbe6 100644
--- a/src/api/system/index.js
+++ b/src/api/system/index.js
@@ -50,6 +50,192 @@ const system = {
             data: data,
         });
     },
+    getTaskType: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/task/getTaskType",
+            data: data,
+        });
+    },
+    getPlatform: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/task/getPlatform",
+            data: data,
+        });
+    },
+    getAccountStatus: async (data) => {
+        return Promise.resolve({
+            data: [
+                {
+                    id: 0,
+                    name: '审核中',
+                    hidden: true,
+                },
+                {
+                    id: 1,
+                    name: '正常',
+                },
+                {
+                    id: 2,
+                    name: '异常',
+                },
+                {
+                    id: 3,
+                    name: '隐藏',
+                },
+                {
+                    id: -1,
+                    name: '未通过',
+                    hidden: true,
+                },
+                {
+                    id: -2,
+                    name: '禁用',
+                    hidden: true,
+                },
+            ]
+        });
+    },
+    getTask: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/task/getTask",
+            data: data,
+        });
+    },
+    getTaskinfo: async (id) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/task/getTaskinfo",
+            data: {id},
+        });
+    },
+    getArticleCategory: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/article/getArticleCategory",
+            data: data,
+        });
+    },
+    getArticle: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/article/getArticle",
+            data: data,
+        });
+    },
+    getTopArticle: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/article/getTopArticle",
+            data: data,
+        });
+    },
+    getSingle: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/article/getSingle",
+            data: data,
+        });
+    },
+    getAdvList: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/index/getAdvList",
+            data: data,
+        });
+    },
+    getQrcode: async (position) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/index/getQrcode",
+            data: {position},
+        });
+    },
+    getMessageCenter: async (data) => {
+        if (data.type === 1) {
+            return request({
+                method: MethodsENUM.POST,
+                url: "/notice/getNotice",
+                data: data,
+            });
+        } else {
+            return request({
+                method: MethodsENUM.POST,
+                url: "/notice/getNotice",
+                data: data,
+            });
+        }
+    },
+    getInfo: async () => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/user/getInfo",
+        });
+    },
+    saveInfo: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/user/saveInfo",
+            data: data,
+        });
+    },
+    saveMobile: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/user/saveMobile",
+            data: data,
+        });
+    },
+    savePassword: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/user/savePassword",
+            data: data,
+        });
+    },
+    myTeamInfo: async () => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/user/myTeamInfo",
+        });
+    },
+    addAccount: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/user/addAccount",
+            data: data
+        });
+    },
+    myAccount: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/user/myAccount",
+            data: data
+        });
+    },
+    getAccountInfo: async (id) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/user/getAccountInfo",
+            data: {id}
+        });
+    },
+    editAccount: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/user/editAccount",
+            data: data
+        });
+    },
+    delAccount: async (id) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/user/delAccount",
+            data: {id}
+        });
+    },
 }
 
 export default system;
diff --git a/src/components/AddCustomerServiceModal.vue b/src/components/AddCustomerServiceModal.vue
index a792559..88c0000 100644
--- a/src/components/AddCustomerServiceModal.vue
+++ b/src/components/AddCustomerServiceModal.vue
@@ -1,12 +1,16 @@
 <script setup>
-import {onMounted} from "vue";
+import {onMounted, reactive} from "vue";
 import XModal from "./XModal.vue";
 import XQrCode from "./XQrCode.vue";
+import Api from "../api/index.js";
 
 const show = defineModel('show');
+const detail = reactive({});
 
 onMounted(() => {
-
+    Api.system.getQrcode(1).then(({data}) => {
+        Object.assign(detail, data);
+    });
 });
 </script>
 
@@ -14,11 +18,12 @@ onMounted(() => {
     <x-modal
         v-model:show="show">
         <view class="px-[30rpx] py-[40rpx] relative">
-            <image @click="show=false" class="!w-[52rpx] !h-[52rpx] absolute top-[-110rpx] right-[calc(-100%-10rpx)]" src="/static/icons/close.png"></image>
+            <image @click="show=false" class="!w-[52rpx] !h-[52rpx] absolute top-[-110rpx] right-[calc(-100%-10rpx)]"
+                   src="/static/icons/close.png"></image>
 
             <view class="title">微信扫码添加</view>
             <view class="!mt-[24rpx] w-[320rpx] !mx-auto aspect-square">
-                <x-qr-code size="320rpx" :qrSize="180" content="公众号"></x-qr-code>
+                <image class="!size-full" :src="detail.qrcode"></image>
             </view>
             <view class="desc !mt-[24rpx]">请发送 [我的] 页面截图给客服</view>
             <view class="desc">再描述您的问题</view>
diff --git a/src/components/CreditScore.vue b/src/components/CreditScore.vue
index 06a0851..d8024a3 100644
--- a/src/components/CreditScore.vue
+++ b/src/components/CreditScore.vue
@@ -3,6 +3,9 @@ import ICON1 from '../static/icons/path1.png';
 import ICON2 from '../static/icons/path2.png';
 import ICON3 from '../static/icons/path3.png';
 import ICON4 from '../static/icons/path4.png';
+import {useUserStore} from "../pinia/UserStore/index.js";
+
+const UserStore = useUserStore();
 </script>
 
 <template>
@@ -14,7 +17,7 @@ import ICON4 from '../static/icons/path4.png';
 
         <view class="!absolute left-1/2 top-1/2 -translate-1/2 !flex flex-col justify-center items-center">
             <view class="score">
-                90
+                {{ UserStore?.userInfo?.score }}
             </view>
             <view class="score-info">
                 信用分
diff --git a/src/components/MessageCard.vue b/src/components/MessageCard.vue
index a6e02a5..83729c7 100644
--- a/src/components/MessageCard.vue
+++ b/src/components/MessageCard.vue
@@ -2,6 +2,7 @@
 import {computed} from 'vue';
 import messageIcon from "../static/icons/messageIcon.png";
 import XActionsheet from "./XActionsheet.vue";
+import OpenTypeFun from "./OpenTypeFun.js";
 
 const itemList = computed(() => {
     const item = [];
@@ -10,10 +11,18 @@ const itemList = computed(() => {
         item.push({text: '标记已读', type: 1});
     return item;
 })
-const {contextRow} = defineProps({
+const {contextRow, type, data} = defineProps({
     contextRow: {
         type: String,
         default: 'ellipsis-1'
+    },
+    type: {
+        type: Number,
+        default: 0
+    },
+    data: {
+        type: Object,
+        default: null
     }
 });
 
@@ -27,19 +36,20 @@ const selectActionsheet = (e) => {
         @success="selectActionsheet"
         :itemList="itemList">
         <view
+            @click.stop="OpenTypeFun(data)"
             class="!py-[30rpx] !px-[24rpx] bg-[#fff] rounded-[8rpx] !flex items-center gap-[20rpx] overflow-hidden relative !mb-[20rpx]">
             <image class="!size-[72rpx] flex-shrink-0" mode="aspectFill" :src="messageIcon"></image>
             <view class="flex-grow !flex flex-col gap-[12rpx]">
                 <view class="!flex justify-between items-center">
-                    <view class="bh">任务编号: DF12122</view>
+                    <view class="bh">{{ type === 0 ? '任务编号: DF12122' : data.title }}</view>
                     <view class="time">2024-01-26 14:00</view>
                 </view>
                 <view :class="['context', contextRow]">
-                    商家:您的回填数据1由于***未通过，请按照文档文档文档文档文档文档文档文档文档文档文档文档文档文档文档文档文档文档中操作
+                    {{ data.content }}
                 </view>
             </view>
 
-            <view class="status">置顶</view>
+            <view class="status" v-if="data.is_top === 1">置顶</view>
         </view>
     </x-actionsheet>
 </template>
diff --git a/src/components/OpenTypeFun.js b/src/components/OpenTypeFun.js
new file mode 100644
index 0000000..bf1c666
--- /dev/null
+++ b/src/components/OpenTypeFun.js
@@ -0,0 +1,32 @@
+import {toPage} from "../utils/uils.js";
+
+const OpenTypeFun = async (options) => {
+    console.log('OpenTypeFun打开', options);
+    const {type, url, single_id} = options;
+    switch (type) {
+        case 0: { // 空
+            break;
+        }
+        case 1: { // 站内url
+            await toPage(url);
+            break;
+        }
+        case 2: { // 站内富文本
+            await toPage(`/pages/richPage/index?id=${single_id}`);
+            break;
+        }
+        case 3: { // 微信连接
+            break;
+        }
+        case 4: { // 外部连接
+            window.open(url);
+            break;
+        }
+        case 5: { // 弹窗
+            console.log('弹窗');
+            break;
+        }
+    }
+}
+
+export default OpenTypeFun;
diff --git a/src/components/TaskItem.vue b/src/components/TaskItem.vue
index bb71301..1bf72f7 100644
--- a/src/components/TaskItem.vue
+++ b/src/components/TaskItem.vue
@@ -1,30 +1,39 @@
 <script setup>
 import dy from "../static/images/抖音.png";
 import qrw from "../static/icons/qrw.png";
+import {numberToCharacter, toPage} from "../utils/uils.js";
+import dayjs from "dayjs";
+
+const {data} = defineProps({
+    data: {
+        type: Object,
+        default: null
+    }
+});
 </script>
 
 <template>
-    <view class="rounded-[8rpx] bg-[#fff] !p-[24rpx]">
+    <view class="rounded-[8rpx] bg-[#fff] !p-[24rpx]" @click="toPage(`/pages/taskDetails/index?id=${data.id}`)">
         <view class="!flex gap-[26rpx]">
             <image class="!size-[88rpx] rounded-[50%] overflow-hidden" mode="aspectFill" :src="dy"></image>
             <view class="!h-[88rpx] !flex flex-col justify-between">
-                <view class="title">美白祛斑洗面奶</view>
+                <view class="title">{{ data.goods_name }}</view>
                 <view class="!flex gap-[8rpx]">
-                    <view class="tag">抖音</view>
-                    <view class="tag">三连发</view>
+                    <view class="tag">{{ data.platform }}</view>
+                    <view class="tag">{{ numberToCharacter(data.fb_num - 1) }}连发</view>
                 </view>
             </view>
             <view class="!h-[88rpx] !ml-auto">
                 <view class="price">
                     <text class="unit">¥</text>
-                    8.56
+                    {{ data.real_price.toFixed(2) }}
                 </view>
-                <view class="price-info">剩余3个名额</view>
+                <view class="price-info">剩余{{ data.children_num }}个名额</view>
             </view>
         </view>
 
         <view class="!mt-[34rpx] !px-[20rpx] !py-[10rpx] bg-[#F2F3F5] info relative">
-            截止时间：08月23日 14:00
+            截止时间：{{ dayjs(data.end_time).format('MM月DD日 HH:mm') }}
             <view class="absolute top-1/2 -translate-y-1/2 right-0">
                 <image class="!w-[168rpx]" :src="qrw" mode="widthFix"></image>
             </view>
diff --git a/src/components/XConfirmModal.vue b/src/components/XConfirmModal.vue
index 9c4d907..1489175 100644
--- a/src/components/XConfirmModal.vue
+++ b/src/components/XConfirmModal.vue
@@ -37,7 +37,8 @@ const success = () => {
         <view class="py-[40rpx] px-[32rpx] !flex justify-center flex-col items-center gap-[20rpx]">
             <template v-if="!$slots.context">
                 <view class="title">{{ title }}</view>
-                <view class="info">{{ info }}</view>
+                <view class="info" v-if="!$slots.info">{{ info }}</view>
+                <slot name="info" v-else></slot>
             </template>
             <slot name="context" v-else></slot>
         </view>
diff --git a/src/components/XDropdownItem.vue b/src/components/XDropdownItem.vue
index 65f0513..b44a227 100644
--- a/src/components/XDropdownItem.vue
+++ b/src/components/XDropdownItem.vue
@@ -1,9 +1,14 @@
 <script setup>
-
+const {active} = defineProps({
+    active: {
+        type: Boolean,
+        default: false,
+    }
+});
 </script>
 
 <template>
-    <view class="!py-[14rpx] !px-[24rpx] text">
+    <view :class="['!py-[14rpx] !px-[24rpx] text', active ? 'active' : '']">
         <slot></slot>
     </view>
 </template>
@@ -16,5 +21,11 @@
     line-height: 140%;
     letter-spacing: 0;
     text-align: left;
+    background-color: #fff;
+    transition: 500ms;
+}
+
+.active {
+    background-color: rgba(106, 161, 255, 0.2);
 }
 </style>
diff --git a/src/components/XDropdownList.vue b/src/components/XDropdownList.vue
index ae27606..7a77a03 100644
--- a/src/components/XDropdownList.vue
+++ b/src/components/XDropdownList.vue
@@ -1,13 +1,29 @@
 <script setup>
 import {ref} from "vue";
+import XDropdownItem from "./XDropdownItem.vue";
 
 const show = ref(false);
+const modelValue = defineModel();
+const emits = defineEmits(['change']);
+const {option} = defineProps({
+    option: {
+        type: Array,
+        default: [],
+    }
+});
+
+const change = (id) => {
+    modelValue.value = id;
+    emits('change');
+}
 </script>
 
 <template>
-    <view class="relative z-[99]">
+    <view class="relative z-[9990]">
         <view @click="show=!show">
-            <slot></slot>
+            <view class="bg-[#fff] !py-[14rpx] !px-[24rpx] rounded-[8rpx]">
+                {{ option.find(v => v.id === modelValue)?.name }}
+            </view>
 
             <tui-icon
                 :style="{
@@ -20,8 +36,11 @@ const show = ref(false);
         </view>
 
         <transition name="fade">
-            <view v-if="show" class="absolute top-[calc(100%+10rpx)] min-w-full bg-[#fff] rounded-[8rpx] x-dropdown-card">
-                <slot name="menu"></slot>
+            <view v-if="show"
+                  class="absolute top-[calc(100%+10rpx)] min-w-full bg-[#fff] rounded-[8rpx] x-dropdown-card">
+                <x-dropdown-item v-for="v in option" @click="change(v.id)" :active="modelValue===v.id">
+                    {{ v.name }}
+                </x-dropdown-item>
             </view>
         </transition>
     </view>
diff --git a/src/components/XForm.vue b/src/components/XForm.vue
index 47ab83d..fa0d49a 100644
--- a/src/components/XForm.vue
+++ b/src/components/XForm.vue
@@ -14,6 +14,7 @@ const {model, rules} = defineProps({
 
 const verify = () => {
     Object.entries(model).forEach(([key, value]) => {
+        console.log(rules[key], key)
         if (!rules[key].reg.test(value)) {
             showToast({
                 icon: 'error',
diff --git a/src/components/XFormItem.vue b/src/components/XFormItem.vue
index 46d17f9..57d6384 100644
--- a/src/components/XFormItem.vue
+++ b/src/components/XFormItem.vue
@@ -9,7 +9,7 @@ const {label} = defineProps({
 
 <template>
     <view class="x-form-item">
-        <view class="!mb-[8rpx]" v-if="label">{{ label }}</view>
+        <view class="!mb-[8rpx] x-form-item-label" v-if="label">{{ label }}</view>
         <slot></slot>
     </view>
 </template>
diff --git a/src/components/XInput.vue b/src/components/XInput.vue
index 522fb53..fdfa15b 100644
--- a/src/components/XInput.vue
+++ b/src/components/XInput.vue
@@ -16,7 +16,7 @@ const modelValue = defineModel();
 <template>
     <view class="x-input rounded-[12rpx] !flex items-center px-[32rpx]">
         <slot name="prefix"></slot>
-        <input v-model="modelValue" :placeholder="placeholder"></input>
+        <input v-model="modelValue" v-bind="$attrs" :placeholder="placeholder"></input>
         <slot name="suffix"></slot>
     </view>
 </template>
diff --git a/src/components/XPrompt.vue b/src/components/XPrompt.vue
new file mode 100644
index 0000000..5316c63
--- /dev/null
+++ b/src/components/XPrompt.vue
@@ -0,0 +1,29 @@
+<script setup>
+import {ref} from "vue";
+import ICON from "../static/icons/prompt.png";
+import XConfirmModal from "./XConfirmModal.vue";
+
+const show = ref(false);
+</script>
+
+<template>
+    <image v-if="!$slots.button" class="!size-[24rpx]" :src="ICON" mode="aspectFill" @click="show=true"></image>
+    <div v-else @click="show=true">
+        <slot name="button"></slot>
+    </div>
+
+    <x-confirm-modal
+        width="500rpx"
+        v-bind="$attrs"
+        :cancel="false"
+        confirm-text="知道了"
+        v-model:show="show">
+        <template #info v-if="$slots.info">
+            <slot name="info"></slot>
+        </template>
+    </x-confirm-modal>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/components/XSelect.vue b/src/components/XSelect.vue
new file mode 100644
index 0000000..01290ac
--- /dev/null
+++ b/src/components/XSelect.vue
@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import DOWNICON from "../static/icons/down.png";
+import {onMounted, reactive} from "vue";
+
+const {placeholder, api} = defineProps({
+    placeholder: {
+        type: String,
+        default: "请选择"
+    },
+    api: {
+        type: Function,
+        default: () => {
+        }
+    }
+});
+
+const list = reactive([]);
+const modelValue = defineModel();
+
+const change = ({detail: {value}}) => {
+    modelValue.value = list[value].id;
+}
+
+onMounted(() => {
+    api && api().then(({data}) => {
+        list.length = 0;
+        list.push(...data);
+    });
+});
+</script>
+
+<template>
+    <picker :range="list.filter(v => !v.hidden).map(v => v.name)" @change="change">
+        <view class="x-select">
+            <view v-if="modelValue === null" class="text-[#86909C] test-28r">
+                {{ placeholder }}
+            </view>
+            <view v-else>
+                {{ list.find(v => v.id === modelValue)?.name }}
+            </view>
+
+            <image :src="DOWNICON" class="!size-[24rpx]" mode="aspectFill"></image>
+        </view>
+    </picker>
+</template>
+
+<style scoped lang="scss">
+.x-select {
+    @apply px-[24rpx] py-[16rpx] bg-[#F2F3F5] rounded-[4rpx] h-[80rpx] flex items-center justify-between;
+}
+</style>
diff --git a/src/components/XUpload.vue b/src/components/XUpload.vue
new file mode 100644
index 0000000..67a5e40
--- /dev/null
+++ b/src/components/XUpload.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import ADDICON from "../static/icons/add.png";
+import {uploadFile} from "../utils/uils";
+import XImage from "./XImage.vue";
+
+const {size} = defineProps({
+    size: {
+        type: String,
+        default: "160rpx"
+    }
+});
+const emits = defineEmits(['success']);
+const files = defineModel('files');
+
+const upload = async () => {
+    uploadFile({
+        count: 1,
+    }).then(({data}) => {
+        files.value.push(data);
+        emits('success', data);
+    })
+}
+</script>
+
+<template>
+    <view class="!flex gap-[12rpx] flex-wrap">
+        <view class="x-upload" @click="upload">
+            <image class="!size-[28rpx]" :src="ADDICON"></image>
+            <view>上传图片</view>
+        </view>
+
+        <x-image
+            :style="{
+            width: size,
+            height: size,
+        }"
+            class="border border-[rgb(229,230,235)]"
+            v-for="v in files"
+            :src="v"
+            :list="[v]"
+            :key="v">
+        </x-image>
+    </view>
+</template>
+
+<style scoped lang="scss">
+.x-upload {
+    border: 1px dashed rgb(229, 230, 235);
+    background-color: #F2F3F5;
+    width: v-bind(size);
+    height: v-bind(size);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 22rpx;
+    font-size: 24rpx;
+    border-radius: 4px;
+}
+</style>
diff --git a/src/hooks/useTableQuery.js b/src/hooks/useTableQuery.js
index a671112..7f41732 100644
--- a/src/hooks/useTableQuery.js
+++ b/src/hooks/useTableQuery.js
@@ -16,9 +16,14 @@ function useTableQuery({
                            watchParameter = false,
                        }) {
     const loading = ref(false);
+    const vo = reactive({
+        rows: [],
+        page: 0,
+        total: 0,
+    });
 
     const pagination = reactive({
-        current: 1,
+        page: 1,
         pageSize: 20,
         total: 0
     });
@@ -29,7 +34,7 @@ function useTableQuery({
 
             const params = {
                 ...parameter,
-                current: pagination.current,
+                page: pagination.page,
                 pageSize: pagination.pageSize
             }
 
@@ -38,34 +43,39 @@ function useTableQuery({
             pagination.pageSize = data.page;
             pagination.total = data.total;
 
-            callback && callback({
+            const _vo = {
                 ...data,
-                rows: data.rows.map(v => ({...v, key: v.id})),
-                current: pagination.current
-            });
+                rows: data.list.map(v => ({...v, key: v.id})),
+            };
+
+            vo.page = _vo.page;
+            vo.total = _vo.total;
+            vo.rows = [...vo.rows, ..._vo.rows];
+
+            callback && callback(vo);
         } finally {
             loading.value = false;
         }
     }
 
     const initFetchData = async () => {
-        if (pagination.current === 1) {
-            fetchData().then();
-        } else {
-            pagination.current = 1;
-            pagination.total = 0;
-        }
+        pagination.page = 1;
+        pagination.total = 0;
+        vo.page = 0;
+        vo.total = 0;
+        vo.rows.length = 0;
+        await fetchData();
     }
 
     watch(
-        () => [pagination.current, pagination.pageSize],
+        () => [pagination.page, pagination.pageSize],
         () => fetchData(),
         {deep: true, immediate: immediate}
     )
 
     if (watchParameter) watch(
         () => parameter,
-        () => initFetchData(),
+        () => fetchData(),
         {deep: true}
     );
 
diff --git a/src/pages.json b/src/pages.json
index 2a8dbf5..411a3b6 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -156,6 +156,20 @@
                 "navigationBarTitleText": "收益记录",
                 "navigationStyle": "custom"
             }
+        },
+        {
+            "path": "pages/accountManagement/index",
+            "style": {
+                "navigationBarTitleText": "帐号管理",
+                "navigationStyle": "custom"
+            }
+        },
+        {
+            "path": "pages/addAccount/index",
+            "style": {
+                "navigationBarTitleText": "新增帐号",
+                "navigationStyle": "custom"
+            }
         }
         // #endif
     ],
diff --git a/src/pages/accountManagement/index.vue b/src/pages/accountManagement/index.vue
index 4eed695..73b395e 100644
--- a/src/pages/accountManagement/index.vue
+++ b/src/pages/accountManagement/index.vue
@@ -1,11 +1,172 @@
 <script setup>
+import DYICON from "../../static/icons/dy.png";
+import KSICON from "../../static/icons/ks.png";
+import SPHICON from "../../static/icons/sph.png";
+import XHSICON from "../../static/icons/xhs.png";
+import TTICON from "../../static/icons/tt.png";
+import EDITICON from "../../static/icons/Edit.png";
+import DELETEICON from "../../static/icons/Delete.png";
+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 Api from "../../api/index.js";
 
+const BASE = [
+    {
+        id: 1,
+        name: '抖音',
+        icon: DYICON,
+    },
+    {
+        id: 2,
+        name: '快手',
+        icon: KSICON,
+    },
+    {
+        id: 3,
+        name: '小红书',
+        icon: XHSICON,
+    },
+    {
+        id: 4,
+        name: '视频号',
+        icon: SPHICON,
+    },
+    {
+        id: 5,
+        name: '今日头条',
+        icon: TTICON,
+    },
+];
+const list = reactive([]);
+const dataList = reactive([]);
+const po = reactive({
+    pid: null,
+});
+
+const getData = async () => {
+    const {data} = await Api.system.myAccount(po);
+    dataList.length = 0;
+    dataList.push(...data);
+}
+
+const changeTab = (pid) => {
+    po.pid = pid;
+    getData();
+}
+
+onMounted(() => {
+    Api.system.getPlatform().then(({data}) => {
+        data = data.filter(v => v.id !== 0);
+        list.length = 0;
+        data.forEach(v => {
+            BASE.forEach(k => {
+                if (v.id === k.id) {
+                    list.push({
+                        id: v.id,
+                        name: v.name,
+                        icon: k.icon,
+                    });
+                }
+            })
+        })
+
+        po.pid = list[0].id;
+        getData();
+    })
+})
+
+const deleteItem = async (id) => {
+    const {msg} = await Api.system.delAccount(id);
+    showToast(msg);
+    await getData();
+}
 </script>
 
 <template>
     <!--账号管理-->
+    <x-nav></x-nav>
+    <x-notice-bar status="success" text="提示：左滑查看更多，点击可查看该平台所有的账号"></x-notice-bar>
+
+    <view class="p-[36rpx] bg-[#fff] !flex justify-around items-center">
+        <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' : '']">
+                    {{
+                        item.name
+                    }}
+                </view>
+            </view>
+            <view class="!w-[1px] !h-[48rpx] bg-[#E5E6EB]" v-if="index <= list.length - 2"></view>
+        </template>
+    </view>
+
+    <view class="p-[20rpx] !flex flex-col gap-[20rpx]">
+        <view
+            @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>
+            新增帐号
+        </view>
+
+        <view
+            v-for="(v, index) in dataList"
+            :key="index"
+            class="p-[24rpx] bg-[#fff] rounded-[12rpx]">
+            <view class="!flex items-center justify-between">
+                <view>
+                    <view class="test-28r">{{ v.nickname }}</view>
+                    <view class="text-[#86909C] test-24r">{{ v.account }}</view>
+                </view>
+                <view class="px-[12rpx] py-[7rpx] test-24r success" v-if="v.status === 1">
+                    {{ v.status_text }}
+                </view>
+                <view class="px-[12rpx] py-[7rpx] test-24r warn" v-else-if="v.status === 0 || v.status === 3">
+                    {{ v.status_text }}
+                </view>
+                <view class="px-[12rpx] py-[7rpx] test-24r error" v-else>
+                    {{ v.status_text }}
+                </view>
+            </view>
+            <view class="!w-full !h-[2rpx] bg-[#E5E6EB] !my-[20rpx]"></view>
+            <view class="!flex gap-[16rpx] items-center">
+                <image class="!size-[88rpx] image-bor rounded-[12rpx]" :src="v.homepage" mode="aspectFill"></image>
+                <image class="!size-[88rpx] image-bor rounded-[12rpx]" :src="v.qrcode" mode="aspectFill"></image>
+
+                <!---->
+                <image @click="toPage(`/pages/addAccount/index?id=${v.id}`)"
+                       class="!size-[72rpx] rounded-[50%] overflow-hidden !ml-auto" :src="EDITICON"></image>
+                <image @click="deleteItem(v.id)" class="!size-[72rpx] rounded-[50%] overflow-hidden"
+                       :src="DELETEICON"></image>
+            </view>
+        </view>
+    </view>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
+.cur {
+    color: var(--primary-color);
+}
 
+.success {
+    background-color: #E8FFEA;
+    color: #00B42A;
+}
+
+.warn {
+    background-color: #FFF7E8;
+    color: #FF7D00;
+}
+
+.error {
+    background-color: #FFECE8;
+    color: #F53F3F;
+}
+
+.image-bor {
+    border: 1px solid rgb(229, 230, 235);
+}
 </style>
diff --git a/src/pages/addAccount/index.vue b/src/pages/addAccount/index.vue
index 3af4618..055cef6 100644
--- a/src/pages/addAccount/index.vue
+++ b/src/pages/addAccount/index.vue
@@ -1,11 +1,88 @@
 <script setup>
+import XNav from "../../components/XNav.vue";
+import XFormItem from "../../components/XFormItem.vue";
+import XForm from "../../components/XForm.vue";
+import XSelect from "../../components/XSelect.vue";
+import Api from "../../api/index.js";
+import XInput from "../../components/XInput.vue";
+import XUpload from "../../components/XUpload.vue";
+import {reactive} from "vue";
+import {backPage, showToast} from "../../utils/uils.js";
+import {onLoad} from "@dcloudio/uni-app";
 
+const form = reactive({
+    status: null,
+    qrcode: [],
+    abnormaltime: null,
+    nickname: null,
+    account: null,
+    pid: null,
+    homepage: [],
+});
+
+const success = async () => {
+    if (!form.id) {
+        const {msg} = await Api.system.addAccount({
+            ...form,
+            homepage: form.homepage[0],
+            qrcode: form.qrcode[0]
+        });
+        showToast(msg);
+    } else {
+        const {msg} = await Api.system.editAccount({
+            ...form,
+            homepage: form.homepage[0],
+            qrcode: form.qrcode[0]
+        });
+        showToast(msg);
+    }
+    backPage();
+}
+
+onLoad((options) => {
+    const {id} = options;
+    Api.system.getAccountInfo(id).then(({data}) => {
+        data.homepage = [data.homepage];
+        data.qrcode = [data.qrcode];
+        Object.assign(form, data);
+    });
+})
 </script>
 
 <template>
     <!--添加账号-->
+    <x-nav></x-nav>
+
+    <view class="min-h-[calc(100vh-100rpx)] bg-[#fff] px-[30rpx] py-[25rpx]">
+        <x-form>
+            <x-form-item label="宣发平台">
+                <x-select v-model:model-value="form.pid" :api="Api.system.getPlatform"></x-select>
+            </x-form-item>
+            <x-form-item label="账号">
+                <x-input v-model:model-value="form.account" height="80rpx" placeholder="请输入帐号"></x-input>
+            </x-form-item>
+            <x-form-item label="昵称">
+                <x-input v-model:model-value="form.nickname" height="80rpx" placeholder="请输入昵称"></x-input>
+            </x-form-item>
+            <x-form-item label="账号状态">
+                <x-select v-model:model-value="form.status" :api="Api.system.getAccountStatus"></x-select>
+            </x-form-item>
+            <x-form-item label="主页截图">
+                <x-upload v-model:files="form.homepage"></x-upload>
+            </x-form-item>
+            <x-form-item label="主页二维码">
+                <x-upload v-model:files="form.qrcode"></x-upload>
+            </x-form-item>
+        </x-form>
+
+        <tui-button @click="success" class="!fixed bottom-[30rpx] left-0 !mx-[30rpx] !w-[calc(100vw-60rpx)]">确认提交
+        </tui-button>
+    </view>
 </template>
 
-<style scoped>
-
+<style lang="scss">
+.x-form-item-label {
+    font-size: 28rpx;
+    color: #4E5969 !important;
+}
 </style>
diff --git a/src/pages/beginnerTutorial/index.vue b/src/pages/beginnerTutorial/index.vue
index 847467b..a1b1af9 100644
--- a/src/pages/beginnerTutorial/index.vue
+++ b/src/pages/beginnerTutorial/index.vue
@@ -1,45 +1,71 @@
 <script setup>
-import {ref, reactive} from "vue";
+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";
 
-const tabs = [
-    {
-        name: '发布问题',
-        value: 0,
-    },
-    {
-        name: '抖音问题',
-        value: 1,
-    },
-    {
-        name: '结算问题',
-        value: 2,
-    },
-    {
-        name: '提现问题',
-        value: 3,
-    },
-];
-const tab = ref(0);
-const current = ref(0);
+const tabs = reactive([]);
+const advList = reactive([]);
+const tab = ref(1);
 const collapseCur = ref(0);
 
-const dataList = reactive([
-    {
-        name: "杜甫",
-        intro: "杜甫的思想核心是儒家的仁政思想，他有“致君尧舜上，再使风俗淳”的宏伟抱负。杜甫虽然在世时名声并不显赫，但后来声名远播，对中国文学和日本文学都产生了深远的影响。杜甫共有约1500首诗歌被保留了下来，大多集于《杜工部集》。"
-    },
-    {
-        name: "李清照",
-        intro: "李清照出生于书香门第，早期生活优裕，其父李格非藏书甚富，她小时候就在良好的家庭环境中打下文学基础。出嫁后与夫赵明诚共同致力于书画金石的搜集整理。金兵入据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤。形式上善用白描手法，自辟途径，语言清丽。"
-    },
-    {
-        name: "鲁迅",
-        intro: "鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。"
+const vo = reactive({
+    rows: [],
+    top: [],
+    page: 0,
+    total: 0,
+});
+const po = reactive({
+    category_id: 0,
+});
+
+const {loading, pagination, initFetchData} = useTableQuery({
+    api: Api.system.getArticle,
+    immediate: false,
+    parameter: po,
+    callback: async (data) => {
+        const {data: top} = await Api.system.getTopArticle(po);
+        console.log('???LLLL', top);
+        Object.assign(vo, data);
+        vo.top = top;
     }
-]);
+});
+
+const getArticleCategory = async () => {
+    const {data} = await Api.system.getArticleCategory({
+        pid: tab.value
+    });
+    tabs.length = 0;
+    tabs.push(...data.map(v => ({
+        value: v.id,
+        name: v.name
+    })));
+    po.category_id = tabs[0].value;
+    await initFetchData();
+}
+
+const changeCategory = async (id) => {
+    tab.value = id;
+    await getArticleCategory();
+}
+
+const changeMinCategory = async (id) => {
+    po.category_id = id;
+    await initFetchData();
+}
+
+onMounted(() => {
+    getArticleCategory();
+    Api.system.getAdvList({
+        position: 3,
+    }).then(({data}) => {
+        advList.length = 0;
+        advList.push(...data);
+    });
+})
 </script>
 
 <template>
@@ -48,42 +74,42 @@ const dataList = reactive([
 
     <view class="box-border !p-[20rpx]">
         <swiper class="!h-[240rpx] !w-full overflow-hidden rounded-[8rpx]">
-            <swiper-item class="!w-full !h-full" v-for="i in [1,2,3,4,5]">
-                <image class="!w-full !h-full" mode="widthFix" src="../../static/images/banner占位.png"></image>
+            <swiper-item class="!w-full !h-full" v-for="i in advList" :key="i.id">
+                <image @click="OpenTypeFun(i)" class="!w-full !h-full" mode="aspectFill" :src="i.file"></image>
             </swiper-item>
         </swiper>
     </view>
 
     <view class="!grid grid-cols-2 gap-[20rpx] !px-[20rpx]">
-        <view :class="['tab', tab===0 ? 'cur' : '']" @click="tab=0">
+        <view :class="['tab', tab===1 ? 'cur' : '']" @click="changeCategory(1)">
             常见问题
         </view>
-        <view :class="['tab', tab===1 ? 'cur' : '']" @click="tab=1">
+        <view :class="['tab', tab===2 ? 'cur' : '']" @click="changeCategory(2)">
             基础教学
         </view>
     </view>
 
     <view class="!mt-[20rpx] !px-[20rpx]">
         <view class="!w-full bg-[#fff] rounded-[12rpx] pt-[30rpx] px-[20rpx]">
-            <template v-if="tab===0">
+            <template v-if="tab===1">
                 <view class="!grid grid-cols-4 gap-[20rpx]">
                     <view
                         v-for="item in tabs"
-                        @click="current=item.value"
-                        :class="['rounded-full bg-[#F2F3F5] text-center !py-[8rpx] !text-[13px] duration-500', current===item.value ? 'current' : '']">
+                        @click="changeMinCategory(item.value)"
+                        :class="['rounded-full bg-[#F2F3F5] text-center !py-[8rpx] !text-[13px] duration-500', po.category_id===item.value ? 'current' : '']">
                         {{ item.name }}
                     </view>
                 </view>
 
-                <view class="!mt-[28rpx]">
-                    <template v-for="(item,index) in dataList" :key="index">
+                <view class="!pt-[28rpx]">
+                    <template v-for="(item,index) in [...vo.top, ...vo.rows]" :key="index">
                         <tui-collapse :index="index" :current="collapseCur" :disabled="item.disabled"
                                       @click="({index}) => collapseCur=index">
                             <template v-slot:title>
-                                <tui-list-cell :hover="!item.disabled">{{ item.name }}</tui-list-cell>
+                                <tui-list-cell :hover="!item.disabled">{{ item.title }}</tui-list-cell>
                             </template>
                             <template v-slot:content>
-                                <view class="tui-content">{{ item.intro }}</view>
+                                <view class="tui-content px-[16px] text-[#86909C]">{{ item.content }}</view>
                             </template>
                         </tui-collapse>
                     </template>
@@ -94,28 +120,30 @@ const dataList = reactive([
                 <view class="!grid grid-cols-4 gap-[20rpx]">
                     <view
                         v-for="item in tabs"
-                        @click="current=item.value"
-                        :class="['rounded-full bg-[#F2F3F5] text-center !py-[8rpx] !text-[13px] duration-500', current===item.value ? 'current' : '']">
+                        @click="changeMinCategory(item.value)"
+                        :class="['rounded-full bg-[#F2F3F5] text-center !py-[8rpx] !text-[13px] duration-500', po.category_id===item.value ? 'current' : '']">
                         {{ item.name }}
                     </view>
                 </view>
 
-                <view class="!mt-[28rpx]">
-                    <template v-for="(item,index) in dataList" :key="index">
-                        <x-video-modal>
-                            <view
-                                :class="['!flex gap-[16rpx] py-[28rpx] box-border', index<dataList.length-1 ? 'border-b' : '']">
-                                <image class="!w-[148rpx] !h-[120rpx] rounded-[12rpx]" mode="aspectFill"
-                                       :src="videoMask"></image>
+                <view class="!pt-[28rpx]">
+                    <template v-for="(item,index) in [...vo.top, ...vo.rows]" :key="index">
+                        <view
+                            @click="OpenTypeFun(item)"
+                            :class="['!flex gap-[16rpx] py-[28rpx] box-border', index<vo.rows.length-1 ? 'border-b' : '']">
+                            <image
+                                class="!w-[148rpx] !h-[120rpx] rounded-[12rpx]"
+                                mode="aspectFill"
+                                :src="item.files && item.files[0] || videoMask">
+                            </image>
 
-                                <view class="!flex flex-col gap-[8rpx]">
-                                    <view class="title">掘金壁纸详细挂载教程，新手必看</view>
-                                    <view class="info">
-                                        掘金壁纸详细挂载教程，新手必看掘金壁纸详细挂载教程，新手必看
-                                    </view>
+                            <view class="!flex flex-col gap-[8rpx]">
+                                <view class="title">{{ item.title }}</view>
+                                <view class="info">
+                                    {{ item.content }}
                                 </view>
                             </view>
-                        </x-video-modal>
+                        </view>
                     </template>
                 </view>
             </template>
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index 76d9b93..b540499 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -6,15 +6,16 @@ import nav3 from '../../static/icons/icon-邀请好友.png';
 import nav4 from '../../static/icons/icon-添加客服.png';
 import nav5 from '../../static/icons/icon-重要消息.png';
 import XDropdownList from "../../components/XDropdownList.vue";
-import XDropdownItem from "../../components/XDropdownItem.vue";
 import TaskItem from "../../components/TaskItem.vue";
 import useTableQuery from "../../hooks/useTableQuery.js";
 import Api from "../../api/index.js";
-import {reactive, ref} from "vue";
+import {reactive, ref, onMounted} from "vue";
 import {toPage} from "../../utils/uils.js";
 import AddCustomerServiceModal from "../../components/AddCustomerServiceModal.vue";
+import OpenTypeFun from "../../components/OpenTypeFun.js";
 
 const showAddCustomer = ref(false);
+const advList = reactive([]);
 const nav = [
     {
         title: '新手教学',
@@ -46,7 +47,30 @@ const nav = [
     },
 ];
 
+const taskType = reactive([]);
+const platformType = reactive([]);
+const sortType = reactive([
+    {id: 0, name: '默认排序'},
+    {id: 1, name: '价格最高'},
+    {id: 2, name: '极速打款'},
+    {id: 3, name: '素材安全'},
+    {id: 4, name: '简单上手'},
+    {id: 5, name: '最新发布'},
+]);
+
+Api.system.getTaskType().then(({data}) => {
+    taskType.length = 0;
+    taskType.push(...data);
+});
+Api.system.getPlatform().then(({data}) => {
+    platformType.length = 0;
+    platformType.push(...data);
+});
+
 const po = reactive({
+    type: 0,
+    pid: 0,
+    order: 0,
 });
 const vo = reactive({
     page: '',
@@ -55,14 +79,21 @@ const vo = reactive({
 });
 
 const {loading, pagination, initFetchData} = useTableQuery({
-    api: Api.system.getData,
+    api: Api.system.getTask,
     parameter: po,
     callback: (data) => {
-        vo.page = data.page;
-        vo.total = data.total;
-        vo.rows =[...vo.rows, ... data.rows];
+        Object.assign(vo, data);
     }
 });
+
+onMounted(() => {
+    Api.system.getAdvList({
+        position: 1,
+    }).then(({data}) => {
+        advList.length = 0;
+        advList.push(...data);
+    });
+})
 </script>
 
 <template>
@@ -73,7 +104,7 @@ const {loading, pagination, initFetchData} = useTableQuery({
 
     <scroll-view
         @refresherpulling="initFetchData()"
-        @scrolltolower="pagination.current++"
+        @scrolltolower="pagination.page++"
         class="h-[calc(100vh-200rpx)]"
         scroll-y>
         <view class="relative overflow-hidden bg-b-r !pb-[34rpx]">
@@ -83,8 +114,8 @@ const {loading, pagination, initFetchData} = useTableQuery({
 
             <view class="box-border !p-[20rpx]">
                 <swiper class="!h-[240rpx] !w-full overflow-hidden rounded-[8rpx]">
-                    <swiper-item class="!w-full !h-full" v-for="i in [1,2,3,4,5]">
-                        <image class="!w-full !h-full" mode="widthFix" src="../../static/images/banner占位.png"></image>
+                    <swiper-item class="!w-full !h-full" v-for="i in advList">
+                        <image @click="OpenTypeFun(i)" class="!w-full !h-full" mode="aspectFill" :src="i.file"></image>
                     </swiper-item>
                 </swiper>
             </view>
@@ -109,49 +140,25 @@ const {loading, pagination, initFetchData} = useTableQuery({
         </view>
 
         <view class="!grid !grid-cols-3 !px-[20rpx] gap-[20rpx]">
-            <x-dropdown-list>
-                <view class="bg-[#fff] !py-[14rpx] !px-[24rpx] rounded-[8rpx]">
-                    全部任务
-                </view>
-                <template #menu>
-                    <x-dropdown-item>全部任务</x-dropdown-item>
-                    <x-dropdown-item>宣发任务</x-dropdown-item>
-                    <x-dropdown-item>评论任务</x-dropdown-item>
-                    <x-dropdown-item>点赞任务</x-dropdown-item>
-                    <x-dropdown-item>助力任务</x-dropdown-item>
-                    <x-dropdown-item>其他任务</x-dropdown-item>
-                </template>
+            <x-dropdown-list
+                @change="initFetchData"
+                v-model:model-value="po.type"
+                :option="taskType">
             </x-dropdown-list>
-            <x-dropdown-list>
-                <view class="bg-[#fff] !py-[14rpx] !px-[24rpx] rounded-[8rpx]">
-                    全部平台
-                </view>
-                <template #menu>
-                    <x-dropdown-item>全部平台</x-dropdown-item>
-                    <x-dropdown-item>抖音</x-dropdown-item>
-                    <x-dropdown-item>快手</x-dropdown-item>
-                    <x-dropdown-item>小红书</x-dropdown-item>
-                    <x-dropdown-item>今日头条</x-dropdown-item>
-                    <x-dropdown-item>其他</x-dropdown-item>
-                </template>
+            <x-dropdown-list
+                @change="initFetchData"
+                v-model:model-value="po.pid"
+                :option="platformType">
             </x-dropdown-list>
-            <x-dropdown-list>
-                <view class="bg-[#fff] !py-[14rpx] !px-[24rpx] rounded-[8rpx]">
-                    默认排序
-                </view>
-                <template #menu>
-                    <x-dropdown-item>默认排序</x-dropdown-item>
-                    <x-dropdown-item>价格最高</x-dropdown-item>
-                    <x-dropdown-item>极速打款</x-dropdown-item>
-                    <x-dropdown-item>素材安全</x-dropdown-item>
-                    <x-dropdown-item>简单上手</x-dropdown-item>
-                    <x-dropdown-item>最新发布</x-dropdown-item>
-                </template>
+            <x-dropdown-list
+                @change="initFetchData"
+                v-model:model-value="po.order"
+                :option="sortType">
             </x-dropdown-list>
         </view>
 
         <view class="!flex flex-col gap-[20rpx] !mt-[20rpx] !px-[20rpx]">
-            <task-item v-for="i in vo.rows"></task-item>
+            <task-item v-for="i in vo.rows" :key="i.id" :data="i"></task-item>
 
             <tui-loadmore v-if="loading" text="加载中..."></tui-loadmore>
         </view>
diff --git a/src/pages/login/AccountLogin.vue b/src/pages/login/AccountLogin.vue
index 7d09682..ea1780b 100644
--- a/src/pages/login/AccountLogin.vue
+++ b/src/pages/login/AccountLogin.vue
@@ -9,8 +9,8 @@ import {useUserStore} from "../../pinia/UserStore/index.js";
 const UserStore = useUserStore();
 
 const form = reactive({
-    mobile: null,
-    password: null,
+    mobile: '15709267061',
+    password: '123456',
 });
 
 const success = async () => {
diff --git a/src/pages/messageCenter/index.vue b/src/pages/messageCenter/index.vue
index d112253..4e78663 100644
--- a/src/pages/messageCenter/index.vue
+++ b/src/pages/messageCenter/index.vue
@@ -1,11 +1,12 @@
 <script setup>
 import XNav from "../../components/XNav.vue";
-import {ref} from "vue";
+import {reactive} from "vue";
 import XInput from "../../components/XInput.vue";
 import XLink from "../../components/XLink.vue";
 import MessageCard from "../../components/MessageCard.vue";
+import useTableQuery from "../../hooks/useTableQuery.js";
+import Api from "../../api/index.js";
 
-const currentTab = ref(0);
 const tabs = [
     {
         name: '任务消息',
@@ -14,6 +15,29 @@ const tabs = [
         name: '平台消息',
     },
 ];
+
+const po = reactive({
+    type: 1,
+    keyword: null,
+});
+const vo = reactive({
+    rows: [],
+    page: 0,
+    total: 0,
+});
+
+const {loading, pagination, initFetchData} = useTableQuery({
+    api: Api.system.getMessageCenter,
+    parameter: po,
+    callback: (data) => {
+        Object.assign(vo, data);
+    }
+});
+
+const changeTab = ({index}) => {
+    po.type = index;
+    initFetchData();
+}
 </script>
 
 <template>
@@ -21,31 +45,43 @@ const tabs = [
     <XNav :show-back="false"></XNav>
 
     <view class="w-full bg-[#fff]">
-        <tui-tabs :tabs="tabs" :currentTab="currentTab" @change="({index}) => currentTab=index" height="90"></tui-tabs>
+        <tui-tabs :tabs="tabs" :currentTab="po.type" @change="changeTab" height="90"></tui-tabs>
 
         <view class="!pt-[24rpx] !pb-[28rpx] !px-[32rpx] !flex gap-[32rpx] items-center">
             <view class="flex-grow">
-                <x-input height="72rpx" placeholder="请输入要查询的内容">
+                <x-input v-model:model-value="po.keyword" height="72rpx" placeholder="请输入要查询的内容">
                     <template #prefix>
                         <tui-icon name="search" size="18" class="!mr-[12rpx]"></tui-icon>
                     </template>
                 </x-input>
             </view>
 
-            <x-link>搜索</x-link>
+            <x-link @click="initFetchData">搜索</x-link>
         </view>
     </view>
 
-    <view class="!px-[20rpx] !py-[16rpx]">
-        <radio>只看未读</radio>
+    <view class="!px-[20rpx] !py-[16rpx] box-border !h-[80rpx] !flex items-center">
+        <checkbox>只看未读</checkbox>
     </view>
 
-    <view class="!flex flex-col !px-[20rpx]">
-        <MessageCard
-            :context-row="currentTab === 0 ? 'ellipsis-1': 'ellipsis-2'"
-            v-for="item in 100">
-        </MessageCard>
-    </view>
+    <scroll-view
+        @refresherpulling="initFetchData()"
+        @scrolltolower="() => {
+            console.log('进来了???')
+            pagination.page++;
+        }"
+        class="h-[calc(100vh-500rpx)]"
+        scroll-y>
+        <view class="!flex flex-col !px-[20rpx]">
+            <MessageCard
+                :context-row="po.type === 0 ? 'ellipsis-1': 'ellipsis-2'"
+                :type="po.type"
+                :data="item"
+                :key="item.id"
+                v-for="item in vo.rows">
+            </MessageCard>
+        </view>
+    </scroll-view>
 </template>
 
 <style scoped>
diff --git a/src/pages/richPage/index.vue b/src/pages/richPage/index.vue
index 992dce0..dca5caf 100644
--- a/src/pages/richPage/index.vue
+++ b/src/pages/richPage/index.vue
@@ -1,15 +1,28 @@
 <script setup>
 import {ref} from 'vue';
 import XNav from "../../components/XNav.vue";
+import Api from "../../api/index.js";
+import {onLoad} from "@dcloudio/uni-app";
 
 const title = ref('灵活用工平台综合服务协议');
 const nodes = ref('<div>Hello World!</div>');
+
+onLoad((options) => {
+    const {id} = options;
+
+    Api.system.getSingle({
+        id: id
+    }).then(({data}) => {
+        title.value = data.title;
+        nodes.value = data.content;
+    })
+})
 </script>
 
 <template>
     <x-nav>{{ title }}</x-nav>
 
-    <view class="bg-[#fff]">
+    <view class="bg-[#fff] p-[24rpx] min-h-[calc(100vh-100rpx)] box-border">
         <rich-text :nodes="nodes"></rich-text>
     </view>
 </template>
diff --git a/src/pages/taskDetails/components/TaskDetails.vue b/src/pages/taskDetails/components/TaskDetails.vue
index 1aba673..9f08e57 100644
--- a/src/pages/taskDetails/components/TaskDetails.vue
+++ b/src/pages/taskDetails/components/TaskDetails.vue
@@ -2,6 +2,13 @@
 import fmt from "../../../static/images/fmt.png";
 import linkIcon from '../../../static/icons/link.png';
 import XImage from "../../../components/XImage.vue";
+
+const {data} = defineProps({
+    data: {
+        type: Object,
+        default: null,
+    }
+});
 </script>
 
 <template>
@@ -13,10 +20,10 @@ import XImage from "../../../components/XImage.vue";
         <view class="block items-center">
             <view class="block-title">任务案例:</view>
             <view class="block-info w-full overflow-hidden">
-                <view class="text-[#165DFF] !flex items-center gap-[10rpx]">
+                <view class="text-[#165DFF] !flex items-center gap-[10rpx]" v-if="data.case_url">
                     <image class="!size-[24rpx] flex-shrink-0" :src="linkIcon"></image>
                     <text class="ellipsis-1 flex-grow">
-                        https://www.baidu.com/s?wd=%E7%8C%8E%E8%81%98&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1
+                        {{ data.case_url }}
                     </text>
                     <view class="nowrap flex-shrink !py-[7rpx] !px-[32rpx] rounded-full bg-[#E8F3FF]"
                           style="font-size: 24rpx">
@@ -28,9 +35,14 @@ import XImage from "../../../components/XImage.vue";
         <view class="block">
             <view class="block-title">素材案例:</view>
             <view class="block-info !grid grid-cols-3 gap-[20rpx]">
-                <x-image class="!size-[160rpx]" :src="fmt" :list="[fmt,fmt,fmt]" :cur="0" mode="aspectFill" :draggable="false"></x-image>
-                <x-image class="!size-[160rpx]" :src="fmt" :list="[fmt,fmt,fmt]" :cur="1" mode="aspectFill" :draggable="false"></x-image>
-                <x-image class="!size-[160rpx]" :src="fmt" :list="[fmt,fmt,fmt]" :cur="2" mode="aspectFill" :draggable="false"></x-image>
+                <x-image
+                    v-if="data.case_images_arr.length > 0"
+                    class="!size-[160rpx]"
+                    :src="data.case_images_arr[0]"
+                    :list="data.case_images_arr"
+                    :cur="0" mode="aspectFill"
+                    :draggable="false">
+                </x-image>
             </view>
         </view>
         <view class="block">
diff --git a/src/pages/taskDetails/index.vue b/src/pages/taskDetails/index.vue
index ba5f6be..2a7f7ea 100644
--- a/src/pages/taskDetails/index.vue
+++ b/src/pages/taskDetails/index.vue
@@ -6,12 +6,12 @@ import {onLoad} from "@dcloudio/uni-app";
 import XLink from "../../components/XLink.vue";
 import XNoticeBar from "../../components/XNoticeBar.vue";
 import XImage from "../../components/XImage.vue";
-import fmt from "../../static/images/fmt.png";
+import Api from "../../api/index.js";
+import dayjs from "dayjs";
+import XPrompt from "../../components/XPrompt.vue";
+import {numberToCharacter} from "../../utils/uils.js";
+
 // #ifdef APP-PLUS
-import TaskDetails from "./components/TaskDetails.vue";
-import CollectMaterials from "./components/CollectMaterials.vue";
-import MyBackfill from "./components/MyBackfill.vue";
-import ReviewCommunication from "./components/ReviewCommunication.vue";
 // #endif
 
 // #ifndef APP-PLUS
@@ -43,8 +43,14 @@ const tabs = reactive([
     },
 ]);
 
+const getData = async (id) => {
+    const {data} = await Api.system.getTaskinfo(id || details.value.id);
+    details.value = data;
+}
+
 onLoad((options) => {
     const {id} = options;
+    getData(id);
 });
 
 onMounted(() => {
@@ -66,24 +72,29 @@ onMounted(() => {
     <XNav></XNav>
     <x-notice-bar></x-notice-bar>
 
-    <view class="!p-[20rpx] !flex flex-col gap-[20rpx] box-border">
+    <view class="!p-[20rpx] !flex flex-col gap-[20rpx] box-border" v-if="details">
         <view class="rounded-[16rpx] !p-[24rpx] bg-[#fff] !flex flex-col gap-[20rpx]">
             <view class="!flex gap-[30rpx]">
                 <image class="!size-[84rpx]" :src="goodsIcon"></image>
                 <view class="flex-grow">
                     <view class="goods-title !w-full !flex items-center justify-between">
-                        洗面奶洗面奶
-                        <view :class="['goods-state']">进行中</view>
+                        {{ details.goods_name }}
+                        <view :class="['goods-state']" v-if="details.is_use !== 0">{{ details.status_text }}</view>
                     </view>
-                    <view class="goods-bh">
+                    <view v-if="details.is_use === 0" class="goods-bh">
+                        {{ dayjs(details.end_time).format('YYYY-MM-DD HH:mm') }} 前可领取
+                    </view>
+                    <view v-else class="goods-bh">
                         任务编号：DF1515
                         <x-link>复制</x-link>
                     </view>
                 </view>
             </view>
 
-            <view class="bg-[#F7F8FA] px-[28rpx] py-[16rpx] rounded-[8rpx] !flex justify-around"
-                  style="font-size: 24rpx">
+            <view
+                v-if="details.is_use !== 0"
+                class="bg-[#F7F8FA] px-[28rpx] py-[16rpx] rounded-[8rpx] !flex justify-around"
+                style="font-size: 24rpx">
                 <view>发布账号</view>
                 <view class="bg-[#E5E6EB] w-[5rpx] h-auto"></view>
                 <view>昵称: 我是大冤种</view>
@@ -91,25 +102,58 @@ onMounted(() => {
                 <view>账号: 56378899</view>
             </view>
 
-            <view class="!grid grid-cols-3 gap-[20rpx]">
+            <view class="!grid grid-cols-4 gap-[20rpx]">
                 <view class="bg-[#E8F3FF] px-[26rpx] py-[20rpx] rounded-[8rpx]">
-                    <view class="goods-st">今日头条</view>
+                    <view class="goods-st">{{ details.platform }}</view>
                     <view class="goods-st-info">发布平台</view>
                 </view>
                 <view class="bg-[#E8F3FF] px-[26rpx] py-[20rpx] rounded-[8rpx]">
-                    <view class="goods-st">今日头条</view>
-                    <view class="goods-st-info">发布平台</view>
+                    <view class="goods-st">¥ {{ details.real_price.toFixed(2) }}</view>
+                    <view class="goods-st-info">任务报酬</view>
                 </view>
                 <view class="bg-[#E8F3FF] px-[26rpx] py-[20rpx] rounded-[8rpx]">
-                    <view class="goods-st">今日头条</view>
-                    <view class="goods-st-info">发布平台</view>
+                    <view class="goods-st">{{ details.material_name }}</view>
+                    <view class="goods-st-info">素材类型</view>
+                </view>
+                <view class="bg-[#E8F3FF] px-[26rpx] py-[20rpx] rounded-[8rpx]">
+                    <view class="goods-st">{{ details.children_num }}</view>
+                    <view class="goods-st-info">剩余名额</view>
+                </view>
+            </view>
+
+            <view class="!flex flex-col gap-[10px]">
+                <view class="!flex px-[10px] py-[12px] bg-[#F2F3F5] gap-[8px] items-center">
+                    <view class="text-[#4E5969] test-24r !flex items-center gap-[5px]">
+                        安全评分:
+                        <x-prompt
+                            info="由该任务或类似任务的历史禁言率、素材是否绿色决定。分值越高，说明完成任务对账号影响最小"
+                            title="分值说明">
+                        </x-prompt>
+                    </view>
+                    <view class="!flex items-center gap-[5px]">
+                        <view class="text-[#165DFF]">{{ details.security_level }}分</view>
+                        <view class="test-24r">{{ details.security_text }}</view>
+                    </view>
+                </view>
+                <view class="!flex px-[10px] py-[12px] bg-[#F2F3F5] gap-[8px] items-center">
+                    <view class="text-[#4E5969] test-24r !flex items-center gap-[5px]">
+                        耗时评分:
+                        <x-prompt
+                            info="由该任务完整完成所需要的时间和操作步骤决定。分值越高，说明完成任务越简单"
+                            title="分值说明">
+                        </x-prompt>
+                    </view>
+                    <view class="!flex items-center gap-[5px]">
+                        <view class="text-[#165DFF]">{{ details.time_level }}分</view>
+                        <view class="test-24r">{{ details.time_text }}</view>
+                    </view>
                 </view>
             </view>
         </view>
 
         <view id="mainDetailBox" class="rounded-[16rpx] bg-[#fff] main-details overflow-hidden">
             <tui-tabs
-                v-if="mainDetailWidth"
+                v-if="mainDetailWidth && details.is_use !== 0"
                 :tabs="tabs"
                 :currentTab="currentTabs"
                 :width="mainDetailWidth"
@@ -120,7 +164,7 @@ onMounted(() => {
                 <Suspense>
                     <template #default>
                         <div class="h-full flex flex-col items-start">
-                            <component :is="tabs[currentTabs].component"></component>
+                            <component :is="tabs[currentTabs].component" :data="details"></component>
                         </div>
                     </template>
 
@@ -140,28 +184,48 @@ onMounted(() => {
                     <view class="block items-center">
                         <view class="block-title">发布平台:</view>
                         <view class="block-info">
-                            抖音
+                            {{ details.platform }}
                         </view>
                     </view>
                     <view class="block items-center">
                         <view class="block-title">发布方式:</view>
                         <view class="block-info">
-                            三连发/每次相同
+                            {{
+                                numberToCharacter(details.fb_num - 1)
+                            }}连发/{{ details.is_identical === 0 ? '每次不同' : '每次相同' }}
+                            <x-prompt title="发布方式说明">
+                                <template #info>
+                                    <view>
+                                        领取素材后，按照要求，连续发布
+                                        <text class="text-[#FF7D00]">{{ details.fb_num }}遍</text>
+                                        ，每遍素材
+                                        <text class="text-[#FF7D00]">
+                                            {{ details.is_identical === 0 ? '不同' : '相同' }}
+                                        </text>
+                                    </view>
+                                </template>
+                            </x-prompt>
                         </view>
                     </view>
                     <view class="block items-center">
                         <view class="block-title">每次间隔时长:</view>
                         <view class="block-info">
-                            10分钟
+                            {{ details.duration }}分钟
                         </view>
                     </view>
                     <view class="block">
                         <view class="block-title">特殊要求:</view>
                         <view class="block-info gap-[20rpx]">
-                            <view>请使用抖音扫码下图，收藏音乐，发布时使用</view>
+                            <view>{{ details.special_text }}</view>
                             <view class="!grid grid-cols-3 !mt-[12rpx]">
-                                <x-image class="!size-[96rpx]" :src="fmt" mode="aspectFill"
-                                         :draggable="false"></x-image>
+                                <x-image
+                                    v-for="(v, index) in details.special_images_arr"
+                                    :key="index"
+                                    class="!size-[96rpx]"
+                                    :src="v"
+                                    mode="aspectFill"
+                                    :draggable="false">
+                                </x-image>
                             </view>
                         </view>
                     </view>
@@ -173,42 +237,20 @@ onMounted(() => {
                     <view class="title">
                         回填要求
                     </view>
-                    <view class="block flex-col">
-                        <view class="block-title">第1次回填:</view>
+                    <view
+                        v-for="(v,index) in details.task_content"
+                        :key="v.id"
+                        class="block flex-col">
+                        <view class="block-title">第{{ index + 1 }}次回填:</view>
                         <view class="block-info !flex w-full">
                             <view
                                 class="bg-[#F7F8FA] py-[12rpx] px-[20rpx] border-1 border-[rgb(229,230,235)] w-[60%] whitespace-nowrap">
-                                0813-09:54 至 0813-17:14之间
+                                {{ dayjs(v.start_time).format('MMDD-HH:mm') }} 至
+                                {{ dayjs(v.end_time).format('MMDD-HH:mm') }}之间
                             </view>
                             <view
                                 class="bg-[#F7F8FA] py-[12rpx] px-[20rpx] border-1 border-[rgb(229,230,235)] flex-grow">
-                                3个作品评论区截图
-                            </view>
-                        </view>
-                    </view>
-                    <view class="block flex-col">
-                        <view class="block-title">第2次回填:</view>
-                        <view class="block-info !flex w-full">
-                            <view
-                                class="bg-[#F7F8FA] py-[12rpx] px-[20rpx] border-1 border-[rgb(229,230,235)] w-[60%] whitespace-nowrap">
-                                0813-09:54 至 0813-17:14之间
-                            </view>
-                            <view
-                                class="bg-[#F7F8FA] py-[12rpx] px-[20rpx] border-1 border-[rgb(229,230,235)] flex-grow">
-                                3个作品链接
-                            </view>
-                        </view>
-                    </view>
-                    <view class="block flex-col">
-                        <view class="block-title">第3次回填:</view>
-                        <view class="block-info !flex w-full">
-                            <view
-                                class="bg-[#F7F8FA] py-[12rpx] px-[20rpx] border-1 border-[rgb(229,230,235)] w-[60%] whitespace-nowrap">
-                                0814-10:00 至 0814-11:30之间
-                            </view>
-                            <view
-                                class="bg-[#F7F8FA] py-[12rpx] px-[20rpx] border-1 border-[rgb(229,230,235)] flex-grow">
-                                每一个作品的播放量截图
+                                {{ v.content }}
                             </view>
                         </view>
                     </view>
@@ -223,7 +265,19 @@ onMounted(() => {
                     <view class="block items-center">
                         <view class="block-title">作品保留时间:</view>
                         <view class="block-info">
-                            3天
+                            {{ details.retention_time }} {{ details.retention_type === 1 ? '分钟' : '小时' }}
+                            <x-prompt title="保留时间说明">
+                                <template #info>
+                                    <view>
+                                        该任务结算后，要保留
+                                        <text class="text-[#FF7D00]">{{ details.retention_time }}
+                                            {{ details.retention_type === 1 ? '分钟' : '小时' }}
+                                        </text>
+                                        。
+                                        <view>到期请自行删除，避免违规。若提前删除，将影响后续收益</view>
+                                    </view>
+                                </template>
+                            </x-prompt>
                         </view>
                     </view>
                     <view class="block-extend">
@@ -232,7 +286,11 @@ onMounted(() => {
                     <view class="block items-center">
                         <view class="block-title !w-[300rpx]">每次回填将在该时间内审核:</view>
                         <view class="block-info">
-                            4小时内
+                            {{ details.check_time }} {{ details.check_type === 1 ? '分钟' : '小时' }}内
+                            <x-prompt
+                                title="审核时间说明"
+                                :info="`回填后，我们将于${details.check_time}${details.check_type === 1 ? '分钟' : '小时'}内完成审核，超时自动通过`">
+                            </x-prompt>
                         </view>
                     </view>
                     <view class="block-extend">
@@ -246,28 +304,20 @@ onMounted(() => {
                     <view class="title">
                         扣款说明
                     </view>
-                    <view class="block !flex !gap-0">
-                        <view class="test-24r px-[20rpx] py-[12rpx] bg-[#F7F8FA] border-1 border-[rgb(229,230,235)]">1.
+                    <view
+                        v-for="(v, index) in details.settlement"
+                        :key="v.id"
+                        class="block !flex !gap-0">
+                        <view class="test-24r px-[20rpx] py-[12rpx] bg-[#F7F8FA] border-1 border-[rgb(229,230,235)]">
+                            {{ index + 1 }}.
                         </view>
                         <view
                             class="test-24r px-[20rpx] py-[12rpx] bg-[#F7F8FA] border-1 border-[rgb(229,230,235)] flex-grow">
-                            未按约定评论
+                            {{ v.intro }}
                         </view>
                         <view
-                            class="test-24r px-[20rpx] py-[12rpx] bg-[#F7F8FA] border-1 border-[rgb(229,230,235)] !w-[210rpx]">
-                            扣除20%收益
-                        </view>
-                    </view>
-                    <view class="block !flex !gap-0">
-                        <view class="test-24r px-[20rpx] py-[12rpx] bg-[#F7F8FA] border-1 border-[rgb(229,230,235)]">2.
-                        </view>
-                        <view
-                            class="test-24r px-[20rpx] py-[12rpx] bg-[#F7F8FA] border-1 border-[rgb(229,230,235)] flex-grow">
-                            当天发布其他广告
-                        </view>
-                        <view
-                            class="test-24r px-[20rpx] py-[12rpx] bg-[#F7F8FA] border-1 border-[rgb(229,230,235)] !w-[210rpx]">
-                            扣除100%收益
+                            class="test-24r px-[20rpx] py-[12rpx] bg-[#F7F8FA] border-1 border-[rgb(229,230,235)] whitespace-nowrap">
+                            扣除{{ v.ratio }}%收益
                         </view>
                     </view>
                     <view class="block-extend">
@@ -281,18 +331,32 @@ onMounted(() => {
                     <view class="title">
                         其他说明
                     </view>
-                    <view class="block">
-                        <view class="test-24r">
-                            未到约定期限，达人提前删除视频处罚扣除1点达人信用分
+                    <view class="block !flex-col">
+                        <view class="test-24r" v-for="(v, index) in details.settlement_arr" :key="index">
+                            {{ v.intro }}
                         </view>
                     </view>
-                    <view class="py-[7rpx] px-[32rpx] rounded-full text-[var(--primary-color)] bg-[#E8F3FF] w-fit">
-                        查看信用分管理方法
-                    </view>
+                    <x-prompt title="信用分说明"
+                              info="扣除信用分，将影响您后续接任务以及提现。请按约定完成任务。请在接受任务前认真阅读各要求，有能力完成再接受。">
+                        <template #button>
+                            <view
+                                class="py-[7rpx] px-[32rpx] rounded-full text-[var(--primary-color)] bg-[#E8F3FF] w-fit">
+                                查看信用分管理方法
+                            </view>
+                        </template>
+                    </x-prompt>
                 </view>
             </view>
 
-            <view class="bg-[#94BFFF] rounded-[8rpx] py-[26rpx] text-[#fff] !flex justify-center items-center">
+            <view
+                v-if="details.is_use === 0"
+                class="bg-[var(--primary-color)] rounded-[8rpx] py-[26rpx] text-[#fff] !flex justify-center items-center">
+                接受任务
+            </view>
+
+            <view
+                v-else
+                class="bg-[#94BFFF] rounded-[8rpx] py-[26rpx] text-[#fff] !flex justify-center items-center">
                 已接受
             </view>
         </template>
diff --git a/src/pages/user/components/MyTeam.vue b/src/pages/user/components/MyTeam.vue
index a6a86f4..3c3e0bf 100644
--- a/src/pages/user/components/MyTeam.vue
+++ b/src/pages/user/components/MyTeam.vue
@@ -1,5 +1,16 @@
 <script setup>
+import {onMounted, reactive} from "vue";
+import {useUserStore} from "../../../pinia/UserStore/index.js";
+import Api from "../../../api/index.js";
 
+const UserStore = useUserStore();
+const detail = reactive({});
+
+onMounted(() => {
+    Api.system.myTeamInfo().then(({data}) => {
+        Object.assign(detail, data);
+    });
+})
 </script>
 
 <template>
@@ -8,7 +19,7 @@
             我的邀请码：
         </view>
         <view class="invitationCodeValue">
-            123445
+            {{ UserStore?.userInfo?.invite }}
         </view>
         <view class="view-detail !ml-auto">查看团队详情></view>
     </view>
@@ -16,15 +27,15 @@
     <view class="!mt-[24rpx] !grid grid-cols-3 gap-[22rpx]">
         <view class="rounded-[16rpx] bg-[#E8F3FF] p-[20rpx] !flex gap-[6rpx] flex-col">
             <view class="test-22r text-[#86909C]">人数</view>
-            <view class="test-36r text-[#165DFF]">323</view>
+            <view class="test-36r text-[#165DFF]">{{ detail.count }}</view>
         </view>
         <view class="rounded-[16rpx] bg-[#E8F3FF] p-[20rpx] !flex gap-[6rpx] flex-col">
             <view class="test-22r text-[#86909C]">团队收益</view>
-            <view class="test-36r text-[#165DFF]">323</view>
+            <view class="test-36r text-[#165DFF]">{{ detail.income }}</view>
         </view>
         <view class="rounded-[16rpx] bg-[#E8F3FF] p-[20rpx] !flex gap-[6rpx] flex-col">
             <view class="test-22r text-[#86909C]">团队奖励</view>
-            <view class="test-36r text-[#165DFF]">323</view>
+            <view class="test-36r text-[#165DFF]">{{ detail.reward }}</view>
         </view>
     </view>
 </template>
diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index 0088cf7..fa32f4a 100644
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {defineAsyncComponent, ref} from 'vue';
+import {defineAsyncComponent, onMounted, ref} from 'vue';
 import ICON1 from '../../static/icons/icon_提现记录.png';
 import ICON2 from '../../static/icons/icon_变动记录.png';
 import ICON3 from '../../static/icons/icon_我的钱包.png';
@@ -12,11 +12,9 @@ import user_BG from '../../static/images/user_bg.png';
 import XNav from "../../components/XNav.vue";
 import CreditScore from "../../components/CreditScore.vue";
 import {toPage} from "../../utils/uils.js";
+import {useUserStore} from "../../pinia/UserStore/index.js";
 
 // #ifdef APP-PLUS
-import MyTeam from "./components/MyTeam.vue";
-import Inviter from "./components/Inviter.vue";
-import AccompanyingMentor from "./components/AccompanyingMentor.vue";
 // #endif
 
 // #ifndef APP-PLUS
@@ -43,11 +41,17 @@ const tabs = [
         component: AccompanyingMentor,
     },
 ]
+
+const UserStore = useUserStore();
+
+onMounted(() => {
+    UserStore.getUserInfo();
+})
 </script>
 
 <template>
     <!--我的-->
-    <x-nav></x-nav>
+    <x-nav :show-back="false"></x-nav>
 
     <view class="!w-full !h-[484rpx] overflow-hidden relative">
         <image class="!w-[1200rpx] !h-[480rpx] !absolute left-[-200rpx]" :src="user_BG" mode="aspectFill"></image>
@@ -55,9 +59,9 @@ const tabs = [
         <view class="!w-full relative z-10 p-[20rpx] !flex gap-[34rpx] justify-between">
             <image class="!size-[132rpx]" :src="Avatar" mode="aspectFill"></image>
             <view class="!flex flex-col items-start justify-between box-border py-[4rpx]">
-                <view class="user_name">用户名称</view>
-                <view class="user_phone">手机号：1570****061</view>
-                <view class="user_phone">uid：38578</view>
+                <view class="user_name">{{ UserStore?.userInfo?.nickname }}</view>
+                <view class="user_phone">手机号：{{ UserStore?.userInfo?.mobile }}</view>
+                <view class="user_phone">uid：{{ UserStore?.userInfo?.uid }}</view>
             </view>
 
             <credit-score class="!mr-[110rpx] !ml-auto"></credit-score>
@@ -77,20 +81,23 @@ const tabs = [
                 <view>
                     <view class="info-title">总收益（元）</view>
                     <view class="info-balance">
-                        24687.65
+                        {{ UserStore?.userInfo?.total_money.toFixed(2) }}
                     </view>
                 </view>
                 <view>
                     <view class="info-title">可提现（元）</view>
                     <view class="info-balance">
-                        358.32
+                        {{ UserStore?.userInfo?.money.toFixed(2) }}
                     </view>
                 </view>
             </view>
             <view class="gap-line"></view>
             <view class="py-[32rpx] px-[42rpx] !flex items-center gap-[20rpx]">
                 <view class="info-title !mb-0">已提现（元）</view>
-                <view class="info-balance" style="font-size: 28rpx">24239.33</view>
+                <view class="info-balance" style="font-size: 28rpx">{{
+                        UserStore?.userInfo?.withraw_money.toFixed(2)
+                    }}
+                </view>
             </view>
         </view>
 
@@ -138,9 +145,10 @@ const tabs = [
                 <image class="!size-[84rpx]" mode="aspectFill" :src="ICON4"></image>
                 <view class="test-24r">邀请好友</view>
             </view>
-            <view class="!flex items-center flex-col justify-center gap-[12rpx]">
+            <view class="!flex items-center flex-col justify-center gap-[12rpx]"
+                  @click="toPage('/pages/accountManagement/index')">
                 <image class="!size-[84rpx]" mode="aspectFill" :src="ICON5"></image>
-                <view class="test-24r">邀请好友</view>
+                <view class="test-24r">账号管理</view>
             </view>
             <view class="!flex items-center flex-col justify-center gap-[12rpx]">
                 <image class="!size-[84rpx]" mode="aspectFill" :src="ICON6"></image>
diff --git a/src/pages/userInfo/components/EditNickName.vue b/src/pages/userInfo/components/EditNickName.vue
new file mode 100644
index 0000000..3e85176
--- /dev/null
+++ b/src/pages/userInfo/components/EditNickName.vue
@@ -0,0 +1,59 @@
+<script setup>
+import {reactive, ref, onMounted} from "vue";
+import XInfoModal from "../../../components/XInfoModal.vue";
+import XForm from "../../../components/XForm.vue";
+import XFormItem from "../../../components/XFormItem.vue";
+import XInput from "../../../components/XInput.vue";
+import {useUserStore} from "../../../pinia/UserStore/index.js";
+import Api from "../../../api/index.js";
+import {showToast} from "../../../utils/uils.js";
+
+const XFormRef = ref();
+const show = defineModel('show');
+const rules = {
+    nickname: {
+        reg: /^[^]*\S[^]*$/,
+        msg: '请输入正确的微信号',
+    }
+};
+const form = reactive({
+    nickname: null,
+});
+
+const success = async () => {
+    XFormRef.value.verify();
+    const {msg} = await Api.system.saveInfo({...form, type: 2});
+    showToast(msg);
+    await UserStore.getUserInfo();
+    show.value = false;
+}
+
+const UserStore = useUserStore();
+onMounted(() => {
+    form.nickname = UserStore.userInfo.nickname;
+})
+</script>
+
+<template>
+    <x-info-modal v-model:show="show" @success="success">
+        <view class="title">修改昵称</view>
+
+        <x-form ref="XFormRef" :model="form" :rules="rules">
+            <x-form-item>
+                <x-input height="72rpx" placeholder="微信号" v-model:model-value="form.nickname"></x-input>
+            </x-form-item>
+        </x-form>
+    </x-info-modal>
+</template>
+
+<style scoped lang="scss">
+.title {
+    color: rgb(29, 33, 41);
+    font-size: 32rpx;
+    font-weight: 500;
+    line-height: 24px;
+    letter-spacing: 0;
+    text-align: center;
+    margin-bottom: 20rpx;
+}
+</style>
diff --git a/src/pages/userInfo/components/EditPassWord.vue b/src/pages/userInfo/components/EditPassWord.vue
index 1397dd2..33a0d84 100644
--- a/src/pages/userInfo/components/EditPassWord.vue
+++ b/src/pages/userInfo/components/EditPassWord.vue
@@ -1,22 +1,43 @@
 <script setup>
-import {reactive, ref} from "vue";
+import {onMounted, reactive, ref} from "vue";
 import XInfoModal from "../../../components/XInfoModal.vue";
 import XForm from "../../../components/XForm.vue";
 import XFormItem from "../../../components/XFormItem.vue";
 import XInput from "../../../components/XInput.vue";
 import SendMsg from "../../../components/SendMsg.vue";
+import Api from "../../../api/index.js";
+import {showToast} from "../../../utils/uils.js";
+import {useUserStore} from "../../../pinia/UserStore/index.js";
 
 const XFormRef = ref();
+const UserStore = useUserStore();
 const show = defineModel('show');
-const rules = {};
+const rules = {
+    mobile: {
+        reg: /^1[3-9]\d{9}$/,
+        msg: '请输入正确的手机号',
+    },
+    captcha: {
+        reg: /.+/,
+        msg: '请输入正确的验证码',
+    },
+    password: {
+        reg: /.+/,
+        msg: '请输入正确的密码',
+    },
+};
 const form = reactive({
-    phone: null,
-    verificationCode: null,
+    mobile: null,
+    captcha: null,
     password: null,
 });
 
-const success = () => {
+const success = async () => {
     XFormRef.value.verify();
+    const {msg} = await Api.system.savePassword(form);
+    showToast(msg);
+    await UserStore.getUserInfo();
+    show.value = false;
 }
 </script>
 
@@ -26,10 +47,10 @@ const success = () => {
 
         <x-form ref="XFormRef" :model="form" :rules="rules">
             <x-form-item label="手机号">
-                <x-input height="72rpx" placeholder="微信号" v-model:model-value="form.phone"></x-input>
+                <x-input height="72rpx" placeholder="微信号" v-model:model-value="form.mobile"></x-input>
             </x-form-item>
             <x-form-item label="验证码">
-                <send-msg height="72rpx" v-model:model-value="form.verificationCode"></send-msg>
+                <send-msg height="72rpx" :mobile="form.mobile" v-model:model-value="form.captcha" :type="3"></send-msg>
             </x-form-item>
             <x-form-item label="新登录密码">
                 <x-input height="72rpx" placeholder="新登录密码" v-model:model-value="form.password"></x-input>
diff --git a/src/pages/userInfo/components/EditPhone.vue b/src/pages/userInfo/components/EditPhone.vue
index c20c2f2..4b4c11b 100644
--- a/src/pages/userInfo/components/EditPhone.vue
+++ b/src/pages/userInfo/components/EditPhone.vue
@@ -5,36 +5,44 @@ import XForm from "../../../components/XForm.vue";
 import XFormItem from "../../../components/XFormItem.vue";
 import XInput from "../../../components/XInput.vue";
 import SendMsg from "../../../components/SendMsg.vue";
+import {useUserStore} from "../../../pinia/UserStore/index.js";
+import Api from "../../../api/index.js";
+import {showToast} from "../../../utils/uils.js";
 
 const XFormRef = ref();
+const UserStore = useUserStore();
 const show = defineModel('show');
 const rules = {
-    oldPhone: {
-        reg: /^\[1][3-9]\d{9}$/,
+    old_mobile: {
+        reg: /^1[3-9]\d{9}$/,
         msg: '请输入正确的手机号',
     },
-    oldVerificationCode: {
+    old_captcha: {
         reg: /.+/,
+        msg: '请输入正确验证码',
+    },
+    new_mobile: {
+        reg: /^1[3-9]\d{9}$/,
         msg: '请输入正确的手机号',
     },
-    newPhone: {
-        reg: /^\[1][3-9]\d{9}$/,
-        msg: '请输入正确的手机号',
-    },
-    newVerificationCode: {
+    new_captcha: {
         reg: /.+/,
-        msg: '请输入正确的手机号',
+        msg: '请输入正确验证码',
     },
 };
 const form = reactive({
-    oldPhone: null,
-    oldVerificationCode: null,
-    newPhone: null,
-    newVerificationCode: null,
+    old_mobile: null,
+    old_captcha: null,
+    new_mobile: null,
+    new_captcha: null,
 });
 
-const success = () => {
+const success = async () => {
     XFormRef.value.verify();
+    const {msg} = await Api.system.saveMobile(form);
+    showToast(msg);
+    show.value = false;
+    await UserStore.getUserInfo();
 }
 </script>
 
@@ -44,16 +52,26 @@ const success = () => {
 
         <x-form ref="XFormRef" :model="form" :rules="rules">
             <x-form-item label="原手机号">
-                <x-input height="72rpx" placeholder="原手机号" v-model:model-value="form.oldPhone"></x-input>
+                <x-input height="72rpx" placeholder="原手机号" v-model:model-value="form.old_mobile"></x-input>
             </x-form-item>
             <x-form-item label="验证码">
-                <send-msg height="72rpx" v-model:model-value="form.oldVerificationCode"></send-msg>
+                <send-msg
+                    height="72rpx"
+                    :mobile="form.old_mobile"
+                    v-model:model-value="form.old_captcha"
+                    :type="4">
+                </send-msg>
             </x-form-item>
-            <x-form-item label="原手机号">
-                <x-input height="72rpx" placeholder="新手机号" v-model:model-value="form.oldPhone"></x-input>
+            <x-form-item label="新手机号">
+                <x-input height="72rpx" placeholder="新手机号" v-model:model-value="form.new_mobile"></x-input>
             </x-form-item>
             <x-form-item label="验证码">
-                <send-msg height="72rpx" v-model:model-value="form.newVerificationCode"></send-msg>
+                <send-msg
+                    height="72rpx"
+                    :mobile="form.new_mobile"
+                    v-model:model-value="form.new_captcha"
+                    :type="5">
+                </send-msg>
             </x-form-item>
         </x-form>
     </x-info-modal>
diff --git a/src/pages/userInfo/components/EditWxCode.vue b/src/pages/userInfo/components/EditWxCode.vue
index 6c22b60..f9c4add 100644
--- a/src/pages/userInfo/components/EditWxCode.vue
+++ b/src/pages/userInfo/components/EditWxCode.vue
@@ -1,25 +1,37 @@
 <script setup>
-import {reactive, ref} from "vue";
+import {reactive, ref, onMounted} from "vue";
 import XInfoModal from "../../../components/XInfoModal.vue";
 import XForm from "../../../components/XForm.vue";
 import XFormItem from "../../../components/XFormItem.vue";
 import XInput from "../../../components/XInput.vue";
+import {useUserStore} from "../../../pinia/UserStore/index.js";
+import Api from "../../../api/index.js";
+import {showToast} from "../../../utils/uils.js";
 
 const XFormRef = ref();
 const show = defineModel('show');
 const rules = {
-    wxCode: {
-        reg: /^\[1][3-9]\d{9}$/,
+    wechat: {
+        reg: /^[^]*\S[^]*$/,
         msg: '请输入正确的微信号',
     }
 };
 const form = reactive({
-    wxCode: null,
+    wechat: null,
 });
 
-const success = () => {
+const success = async () => {
     XFormRef.value.verify();
+    const {msg} = await Api.system.saveInfo({...form, type: 3});
+    showToast(msg);
+    await UserStore.getUserInfo();
+    show.value = false;
 }
+
+const UserStore = useUserStore();
+onMounted(() => {
+    form.wechat = UserStore.userInfo.wechat;
+})
 </script>
 
 <template>
@@ -28,7 +40,7 @@ const success = () => {
 
         <x-form ref="XFormRef" :model="form" :rules="rules">
             <x-form-item>
-                <x-input height="72rpx" placeholder="微信号" v-model:model-value="form.wxCode"></x-input>
+                <x-input height="72rpx" placeholder="微信号" v-model:model-value="form.wechat"></x-input>
             </x-form-item>
         </x-form>
     </x-info-modal>
diff --git a/src/pages/userInfo/index.vue b/src/pages/userInfo/index.vue
index 05fabf8..e595ab8 100644
--- a/src/pages/userInfo/index.vue
+++ b/src/pages/userInfo/index.vue
@@ -3,23 +3,32 @@ import {defineAsyncComponent, ref} from "vue";
 import Right from "../../static/icons/right.png";
 import Avatar from "../../static/images/Avatar.png";
 import XNav from "../../components/XNav.vue";
+import {useUserStore} from "../../pinia/UserStore/index.js";
+import {onShow} from "@dcloudio/uni-app";
 
 // #ifdef APP-PLUS
+import EditNickName from './components/EditNickName.vue';
 import EditWxCode from './components/EditWxCode.vue';
 import EditPhone from './components/EditPhone.vue';
 import EditPassWord from './components/EditPassWord.vue';
 // #endif
 
 // #ifndef APP-PLUS
+const EditNickName = defineAsyncComponent(() => import('./components/EditNickName.vue'));
 const EditWxCode = defineAsyncComponent(() => import('./components/EditWxCode.vue'));
 const EditPhone = defineAsyncComponent(() => import('./components/EditPhone.vue'));
 const EditPassWord = defineAsyncComponent(() => import('./components/EditPassWord.vue'));
 // #endif
 
+const UserStore = useUserStore();
 
 const showTool = ref(false);
 const tool = ref('EditWxCode');
 const tools = [
+    {
+        key: 'EditNickName',
+        component: EditNickName,
+    },
     {
         key: 'EditWxCode',
         component: EditWxCode,
@@ -38,6 +47,10 @@ const openTools = (key) => {
     tool.value = key;
     showTool.value = true;
 }
+
+onShow(() => {
+    UserStore.getUserInfo();
+})
 </script>
 
 <template>
@@ -52,9 +65,9 @@ const openTools = (key) => {
         </view>
         <view class="h-[3rpx] w-full bg-[rgb(229,230,235)] !ml-[32rpx]"></view>
 
-        <view class="!flex items-center h-[108rpx] px-[32rpx]">
+        <view class="!flex items-center h-[108rpx] px-[32rpx]" @click="openTools('EditNickName')">
             <view class="title">昵称</view>
-            <view class="!ml-auto whitespace-nowrap value">酷酷猛吃</view>
+            <view class="!ml-auto whitespace-nowrap value">{{ UserStore?.userInfo?.nickname }}</view>
             <image class="!w-[16rpx] !ml-[16rpx]" mode="widthFix" :src="Right"></image>
         </view>
         <view class="h-[3rpx] w-full bg-[rgb(229,230,235)] !ml-[32rpx]"></view>
@@ -63,21 +76,14 @@ const openTools = (key) => {
     <view class="bg-[#fff] !mt-[20rpx]">
         <view class="!flex items-center h-[108rpx] px-[32rpx]" @click="openTools('EditPhone')">
             <view class="title">手机号</view>
-            <view class="!ml-auto whitespace-nowrap value">178****0214</view>
+            <view class="!ml-auto whitespace-nowrap value">{{ UserStore?.userInfo?.mobile }}</view>
             <image class="!w-[16rpx] !ml-[16rpx]" mode="widthFix" :src="Right"></image>
         </view>
         <view class="h-[3rpx] w-full bg-[rgb(229,230,235)] !ml-[32rpx]"></view>
 
         <view class="!flex items-center h-[108rpx] px-[32rpx]" @click="openTools('EditWxCode')">
             <view class="title">微信号</view>
-            <view class="!ml-auto whitespace-nowrap value">za395739</view>
-            <image class="!w-[16rpx] !ml-[16rpx]" mode="widthFix" :src="Right"></image>
-        </view>
-        <view class="h-[3rpx] w-full bg-[rgb(229,230,235)] !ml-[32rpx]"></view>
-
-        <view class="!flex items-center h-[108rpx] px-[32rpx]">
-            <view class="title">昵称</view>
-            <view class="!ml-auto whitespace-nowrap value">酷酷猛吃</view>
+            <view class="!ml-auto whitespace-nowrap value">{{ UserStore?.userInfo?.wechat }}</view>
             <image class="!w-[16rpx] !ml-[16rpx]" mode="widthFix" :src="Right"></image>
         </view>
         <view class="h-[3rpx] w-full bg-[rgb(229,230,235)] !ml-[32rpx]"></view>
diff --git a/src/pages/webview/index.vue b/src/pages/webview/index.vue
new file mode 100644
index 0000000..63cf316
--- /dev/null
+++ b/src/pages/webview/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/pinia/UserStore/index.js b/src/pinia/UserStore/index.js
index 3d9b870..d7f07cc 100644
--- a/src/pinia/UserStore/index.js
+++ b/src/pinia/UserStore/index.js
@@ -1,15 +1,31 @@
 import {defineStore} from "pinia";
 import {ref, reactive} from "vue";
+import {clearObject, toPage} from "../../utils/uils.js";
+import Api from "../../api/index.js";
 
 export const useUserStore = defineStore('UserStore', () => {
     const isLogin = ref(false);
     const token = ref(null);
     const userInfo = reactive({});
 
+    const logout = async () => {
+        isLogin.value = false;
+        token.value = null;
+        clearObject(userInfo);
+        await toPage("/pages/login/index");
+    }
+
+    const getUserInfo = async () => {
+        const {data} = await Api.system.getInfo();
+        Object.assign(userInfo, data);
+    }
+
     return {
         isLogin,
         userInfo,
         token,
+        logout,
+        getUserInfo,
     }
 }, {
     persist: {
diff --git a/src/static/icons/Delete.png b/src/static/icons/Delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..3156080b30e62829773c69b6efaf11586611b106
GIT binary patch
literal 3933
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

literal 0
HcmV?d00001

diff --git a/src/static/icons/Edit.png b/src/static/icons/Edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d31d429f52c0600d0fe3c978e20671f9319df12
GIT binary patch
literal 3125
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
P00000NkvXXu0mjfN;dcG

literal 0
HcmV?d00001

diff --git a/src/static/icons/add.png b/src/static/icons/add.png
new file mode 100644
index 0000000000000000000000000000000000000000..ace6e68598a681f9ac0be71d1e0e8dae4259248e
GIT binary patch
literal 217
zcmeAS@N?(olHy`uVBq!ia0vp^x**KK1|+Sd9?b$$EX7WqAsj$Z!;#Vf<WKN)aSVxQ
zeS2dgZ*zbE%f-K9tv6W%7*qo$dKWP2F<2cIoWyJ$-P>ZKue@{i1EGH&H}|Z$?eXsU
z_la-bU;ljZPGL6RVhLZvSxF{GGrBH{EY@@j?pY?`EBSd--qptV|Lx0_Z_c(}7VmxQ
zmbG4`-1MG#x4ygG`I5osU9;xrX=EJ`BTliiNr`0Fbfh!^-NxYQ>gTe~DWM4fw((ND

literal 0
HcmV?d00001

diff --git a/src/static/icons/down.png b/src/static/icons/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..8fad31c9ffa65da5662d10385dd16c935c910f4e
GIT binary patch
literal 326
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTCmSQK*5Dp-y;YjHK^8b3eIEG|2
zzMa08_mF`I+j#??Sg%(;2N)z3y;XD$a_}5rd8xV5$alpAhQ^QQt2sK~-#SrOzDZeC
zp+&%nL$O6buq@X8-LASnM=M`XIU6yJF~j_<*_r8|Ltds^=}Q%CzsY;OV^ZbnH=3u7
zDq@z4fAVzkPuMqSx$kCPhu>dLd{Mb~s(pjKEPry&+vDX2tQWb-2{9eeUlb-M#C*W+
zkdvGd(*eChUUEjv3+xUB$#F3)usIYZ$HlB*f5=%*i%G%ukhh$|6`g&8!Ym&qu`gyg
z@khj9Qu`_G68|Swwn-ZNZHyBH5_R~GF$#1ROki(ks1SUp^8VcRde>Hv<Nx()y97Mr
Ul3Ujr4h#qePgg&ebxsLQ0QCrVHUIzs

literal 0
HcmV?d00001

diff --git a/src/static/icons/dy.png b/src/static/icons/dy.png
new file mode 100644
index 0000000000000000000000000000000000000000..fade6c7d008562af9ff480cf62690a2154aec0fe
GIT binary patch
literal 7381
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
Hu0mjfkIpbP

literal 0
HcmV?d00001

diff --git a/src/static/icons/ks.png b/src/static/icons/ks.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa59fafdca568d9327730797fdc444d741e9e7b9
GIT binary patch
literal 4963
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

literal 0
HcmV?d00001

diff --git a/src/static/icons/plus.png b/src/static/icons/plus.png
new file mode 100644
index 0000000000000000000000000000000000000000..24e2b85458619bb5edf3027b3acd5e5cbe4c7a8f
GIT binary patch
literal 244
zcmeAS@N?(olHy`uVBq!ia0vp^#vshW1|+Q(8fXD2mSQK*5Dp-y;YjHK@>hGhIEG|2
zzP+)L^RR({+e7Pzl1;}ZexH!ec~iCe$m0sG*jXWcyPtgMuZ-6`*vanHdS}uVx!fIl
zzr9w?xi@cL+MGzEwt1}*p+{CIxrrLC>Iii0(Mk#tT-*f`nw8Z*&9FiwTkQDjt@1g4
z8t+d#F|(%0JJvWUBvva;E3x?4gY(&C|8EskPf5%^Hglfgm7f03^P!qC%*%HTkv(uQ
SDC0HI*$kepelF{r5}E*+OJJ!0

literal 0
HcmV?d00001

diff --git a/src/static/icons/prompt.png b/src/static/icons/prompt.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb8f6e7a3933736010423fcf4602dbac64f42517
GIT binary patch
literal 936
zcmV;Z16TZsP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00004b3#c}2nYxW
zd<bNS000ADNkl<ZXo2Ng+jZhF5WS<&0vvaP=>up5XeH1GrW+2aA)fs}BC<S^rLoxT
zIeY&SkmjLz4}?l+w%qmxEi=~ce+0Auz(5B8M7X)n9-nlqL6_znZnoTh6Aq411@#j!
zPZ*T|t34mVIB1DRI5}wqDH33|#&b|8NVWjW9bcyyXP_g(&Gb*32Y~y9x@OBQ0QAP5
zpLjh6y00^Ba`>7QpxJWU6Rs&@AB@xeLS5`T(R&TrlrV;|nYuSAK+4ujv^0gJPfeIq
zRDjr}T8-x*YNiPxL;<2^ql^?Kh$${+PDZ-qx0nZPPO$l5k|ziPEO-2C%sa${ka!!I
zkobHG=0{-@fa%ed`i;a-Xi7r?cFg|YrI98p(G@BrbnK9)mkF)*Ji4@m`Q?tUJz+B0
zfpL&%#qhyHQzD@C&;R&<U^=-(R(n25jJqmy1ja%1H39bvb)$PcUdb^K3h+2nR+*7w
zr?Kyqm{Vxpj)oXUOSCTuE;;Mtla3>$6jZd~D}2-QtdTDAi?I}3w0R*zaKjk*)##20
zBwqjkBRN!Vxbwp#kk^=KOAzT?v*mVdLIvhCc&QSz^AIW_h0u(8gLa`I>R`1})D&4~
zR)GjNu$L1UYvVWJK)(HJ5z;G3Y7%d=UZ4bGg{w3>AB!*n)vohhdC>=S80fxc7Kj9l
zoj5nF<-ln@RFbxv6Z?T^x~~A2Yz82lw5@2UTm~YUxB|lZh=I;9HnsbTkrUgv+|?uk
zlvTDd*eS*fM7SA$UI~oDoEH8)?=({r#@2UC-9ja)Aryblayn9~&ZXy^uGU>)9(kOJ
z7JwZIdYZS<V>Z#6IVH4zmjn$EFIE33M0y7U$ePM+`BG@M+}22pQpxYa@lPJ0@hi+B
zzS{G#CtQ2NwWNs`k?7Y4rSQ}UqXe}AgETMoThl=%o*H4yfrfc;+7VdFK!Df?LnVYI
z<VuLr<I)s^fi5gX#BM5le#g+?nvcdN)Y7O&EapUwX<wocsqwn>ebs`a)@H^>a;{ps
z;Bc6;`YAzjfv8<EIZQ42Ksaee=Q)$?*-JhjIcwHeePSzIf5i$s>ltRObJn%h)~r6>
zvZ42&Ss?yjKQ##P3ad(CYOHK$3E;!e5w4vKe{KWVK33uMG5i7fu^q*`4XYaf0000<
KMNUMnLSTaMv8uEH

literal 0
HcmV?d00001

diff --git a/src/static/icons/sph.png b/src/static/icons/sph.png
new file mode 100644
index 0000000000000000000000000000000000000000..1cdb1492dbaf2f0212d36648f90c59cf81f15fa7
GIT binary patch
literal 4558
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

literal 0
HcmV?d00001

diff --git a/src/static/icons/tt.png b/src/static/icons/tt.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0536f9b30ce0c3185df5fc9994f851ad5d6a7c0
GIT binary patch
literal 10027
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
W27PaXojAe$2GCU1QTc*44fr2x6YK5(

literal 0
HcmV?d00001

diff --git a/src/static/icons/xhs.png b/src/static/icons/xhs.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3c4cef7d48dacb2c73f1f3f0f058ffd27eb9fc4
GIT binary patch
literal 5156
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

literal 0
HcmV?d00001

diff --git a/src/utils/uils.js b/src/utils/uils.js
index b0e4106..1f67067 100644
--- a/src/utils/uils.js
+++ b/src/utils/uils.js
@@ -1,3 +1,6 @@
+import {BASEURL} from "./request.js";
+import {useUserStore} from "../pinia/UserStore/index.js";
+
 export const showToast = (options) => {
     if (typeof options === 'string') {
         uni.showToast({
@@ -25,6 +28,12 @@ export const toPage = async (url) => {
     }
 }
 
+export const clearObject = (obj) => {
+    Object.keys(obj).forEach(key => {
+        delete obj[key];
+    });
+};
+
 export const backPage = () => {
     uni.navigateBack().then();
 }
@@ -117,3 +126,38 @@ export const download = (urls) => {
     });
     // #endif
 }
+
+export const numberToCharacter = (number) => {
+    return ['一', '二', '三', '四', '五'][number];
+}
+
+export const uploadFile = ({count}) => {
+    const UserStore = useUserStore();
+    return new Promise((resolve, reject) => {
+        uni.chooseImage({
+            count: count,
+            success: ({tempFilePaths}) => {
+                const file = tempFilePaths[0];
+                uni.uploadFile({
+                    url: BASEURL + '/upload/upload',
+                    filePath: file,
+                    name: "file",
+                    header: {
+                        token: UserStore.token
+                    },
+                    success: ({data}) => {
+                        resolve(JSON.parse(data));
+                    },
+                    fail: (err) => {
+                        showToast(err.errMsg);
+                        reject(err);
+                    }
+                });
+            },
+            fail: (err) => {
+                showToast(err.errMsg);
+                reject(err);
+            }
+        });
+    });
+}