first commit

2025-07-08 18:17:14 +08:00 · 2025-07-08 18:17:14 +08:00 · 57ce531be5
commit 57ce531be5
40 changed files with 7093 additions and 0 deletions
--- a/.gitattributes
+++ b/.gitattributes
@ -0,0 +1 @@
+* text=auto eol=lf
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
--- a/.prettierrc.json
+++ b/.prettierrc.json
@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -0,0 +1,6 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "esbenp.prettier-vscode"
+  ]
+}
--- a/README.md
+++ b/README.md
@ -0,0 +1,29 @@
+# tg_user_h5
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
--- a/index.html
+++ b/index.html
@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
--- a/jsconfig.json
+++ b/jsconfig.json
@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,33 @@
+{
+  "name": "tg_user_h5",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@vueuse/core": "^13.5.0",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
+    "axios": "^1.10.0",
+    "dayjs": "^1.11.13",
+    "pinia": "^3.0.3",
+    "vant": "^4.9.20",
+    "vue": "^3.5.17",
+    "vue-clipboard3": "^2.0.0",
+    "vue-router": "^4.5.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.0",
+    "prettier": "3.5.3",
+    "sass": "^1.89.2",
+    "sass-loader": "^16.0.5",
+    "unplugin-vue-components": "^28.8.0",
+    "vite": "npm:rolldown-vite@latest",
+    "vite-plugin-vue-devtools": "^7.7.7"
+  }
+}
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/src/App.vue
+++ b/src/App.vue
@ -0,0 +1,11 @@
+<script setup>
+import { RouterLink, RouterView } from 'vue-router'
+</script>
+
+<template>
+
+
+  <RouterView />
+</template>
+
+<style></style>
--- a/src/assets/base.css
+++ b/src/assets/base.css
@ -0,0 +1,86 @@
+/* color palette from <https://github.com/vuejs/theme> */
+:root {
+  --vt-c-white: #ffffff;
+  --vt-c-white-soft: #f8f8f8;
+  --vt-c-white-mute: #f2f2f2;
+
+  --vt-c-black: #181818;
+  --vt-c-black-soft: #222222;
+  --vt-c-black-mute: #282828;
+
+  --vt-c-indigo: #2c3e50;
+
+  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
+  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
+  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+
+  --vt-c-text-light-1: var(--vt-c-indigo);
+  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
+  --vt-c-text-dark-1: var(--vt-c-white);
+  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+}
+
+/* semantic color variables for this project */
+:root {
+  --color-background: var(--vt-c-white);
+  --color-background-soft: var(--vt-c-white-soft);
+  --color-background-mute: var(--vt-c-white-mute);
+
+  --color-border: var(--vt-c-divider-light-2);
+  --color-border-hover: var(--vt-c-divider-light-1);
+
+  --color-heading: var(--vt-c-text-light-1);
+  --color-text: var(--vt-c-text-light-1);
+
+  --section-gap: 160px;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-background: var(--vt-c-black);
+    --color-background-soft: var(--vt-c-black-soft);
+    --color-background-mute: var(--vt-c-black-mute);
+
+    --color-border: var(--vt-c-divider-dark-2);
+    --color-border-hover: var(--vt-c-divider-dark-1);
+
+    --color-heading: var(--vt-c-text-dark-1);
+    --color-text: var(--vt-c-text-dark-2);
+  }
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  font-weight: normal;
+}
+
+body {
+  min-height: 100vh;
+  color: var(--color-text);
+  background: var(--color-background);
+  transition:
+    color 0.5s,
+    background-color 0.5s;
+  line-height: 1.6;
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
+    sans-serif;
+  font-size: 15px;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
--- a/src/assets/logo.svg
+++ b/src/assets/logo.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
--- a/src/assets/main.css
+++ b/src/assets/main.css
@ -0,0 +1,35 @@
+@import './base.css';
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 0;
+  font-weight: normal;
+}
+
+a,
+.green {
+  text-decoration: none;
+  color: hsla(160, 100%, 37%, 1);
+  transition: 0.4s;
+  padding: 3px;
+}
+
+@media (hover: hover) {
+  a:hover {
+    background-color: hsla(160, 100%, 37%, 0.2);
+  }
+}
+
+@media (min-width: 1024px) {
+  body {
+    display: flex;
+    place-items: center;
+  }
+
+  #app {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    padding: 0 2rem;
+  }
+}
--- a/src/assets/pay-code.jpeg
+++ b/src/assets/pay-code.jpeg
--- a/src/axios/api.js
+++ b/src/axios/api.js
@ -0,0 +1,67 @@
+import axios from 'axios'
+import { showSuccessToast, showFailToast } from 'vant'
+import { useRouter } from 'vue-router'
+const router = useRouter()
+const instance = axios.create({
+  baseURL: import.meta.env.VITE_API_URL,
+  timeout: 1000 * 30,
+  headers: { 'Content-Type': 'application/json' },
+})
+
+const handleGetParams = (params) => {
+  let result = { ...params }
+
+  Object.entries(params || {}).map(([key, value]) => {
+    if (value instanceof Date) {
+      result[key] = getTimestamp(value)
+    }
+  })
+  return result
+}
+
+instance.interceptors.request.use(
+  (config) => {
+    const token = localStorage.getItem('customeraccessToken')
+    if (config.method?.toLowerCase() === 'get') {
+      if (config.params) {
+        config.params = handleGetParams(config.params)
+      }
+    }
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`
+    }
+    console.log('config', config)
+    return config
+  },
+  (error) => {
+    console.log(error)
+    return Promise.reject(error)
+  },
+)
+
+instance.interceptors.response.use(
+  (response) => {
+    const data = response.data
+    if (data.code === 200) {
+      return data.data
+    } else {
+      showFailToast(data.msg)
+      return Promise.reject(data.msg)
+    }
+  },
+  (error) => {
+    console.log('errror---------->', error)
+    if (error.status == 401) {
+      showFailToast('登录已过期，请重新登录')
+      localStorage.removeItem('customeraccessToken')
+      window.location.href = '/h5/login'
+      console.log('router')
+      // router.replace({
+      //   path: '/login',
+      // })
+    }
+
+    return Promise.reject(error)
+  },
+)
+export default instance
--- a/src/axios/request.js
+++ b/src/axios/request.js
@ -0,0 +1,189 @@
+import request from './api'
+export const getTaskList = (data) => {
+  return request({
+    url: '/api/tasks/list',
+    method: 'get',
+    params: data,
+  })
+}
+// 添加任务
+export const addTask = (data) => {
+  return request({
+    url: '/api/tasks/add',
+    method: 'post',
+    data: data,
+  })
+}
+
+export const changeStatus = (data) => {
+  return request({
+    url: '/api/tasks/changeStatus',
+    method: 'post',
+    data: data,
+  })
+}
+// 修改任务
+export const editTask = (data) => {
+  return request({
+    url: '/api/tasks/edit',
+    method: 'post',
+    data: data,
+  })
+}
+// 删除任务
+export const delTask = (data) => {
+  return request({
+    url: '/api/tasks/delete',
+    method: 'post',
+    data: data,
+  })
+}
+// 获取群组
+export const getGroupsList = (data) => {
+  return request({
+    url: '/api/groups/list',
+    method: 'get',
+    params: data,
+  })
+}
+//  获取模板列表
+export const getTemplatesList = (data) => {
+  return request({
+    url: '/api/templates/list',
+    method: 'get',
+    params: data,
+  })
+}
+export const getLoginToken = (data) => {
+  return request({
+    url: '/api/robot/get-login-token',
+    method: 'get',
+    params: data,
+  })
+}
+export const checkLoginToken = (data) => {
+  return request({
+    url: '/api/robot/check-login-token',
+    method: 'post',
+    data: data,
+  })
+}
+export const userLogin = (data) => {
+  return request({
+    url: '/api/login',
+    method: 'post',
+    data: data,
+  })
+}
+
+export const uploadFileApi = (file) => {
+  const formData = new FormData()
+  formData.append('file', file)
+  return request({
+    url: '/api/uploadImg',
+    method: 'post',
+    data: formData,
+    headers: {
+      'Content-Type': 'multipart/form-data',
+    },
+  })
+}
+
+// 获取收款账号
+export const getUsdtInfo = (data) => {
+  return request({
+    url: '/api/tasks/get-usd-info',
+    method: 'get',
+    params: data,
+  })
+}
+
+// 上传交易hash
+export const updatePayHash = (data) => {
+  return request({
+    url: '/api/tasks/updatePayHash',
+    method: 'post',
+    data: data,
+  })
+}
+// 获取订单列表
+export const getOrderList = (data) => {
+  return request({
+    url: '/api/order/list',
+    method: 'get',
+    params: data,
+  })
+}
+// 获取订单状态列表
+export const getOrderStatusList = (data) => {
+  return request({
+    url: '/api/order/get-status-list',
+    method: 'get',
+    params: data,
+  })
+}
+// 申请退款
+export const confirmConversionRefundRequest = (data) => {
+  return request({
+    url: '/api/order/ConfirmConversionRefundRequest',
+    method: 'post',
+    data: data,
+  })
+}
+// 获取用户信息
+export const getUserinfo = (data) => {
+  return request({
+    url: '/api/getUserinfo',
+    method: 'post',
+    data: data,
+  })
+}
+
+// 获取统计信息
+export const getDashboard = (data) => {
+  return request({
+    url: '/api/dashboard/index',
+    method: 'get',
+    params: data,
+  })
+}
+// 更新用户信息
+export const UpdateInfo = (data) => {
+  return request({
+    url: '/api/updateinfo',
+    method: 'post',
+    data: data,
+  })
+}
+// 保存密码
+export const ChangePassword = (data) => {
+  return request({
+    url: '/api/changePassword',
+    method: 'post',
+    data: data,
+  })
+}
+// 群发记录
+export const getMassSend = (data) => {
+  return request({
+    url: '/api/send_log/list',
+    method: 'get',
+    params: data,
+  })
+}
+//消息记录
+export const getMessageLog = (data) => {
+  return request({
+    url: '/api/message_log/list',
+    method: 'get',
+    params: data,
+  })
+}
+// 敏感词校验
+export const checkWord = (data) => {
+  return request({
+    url: '/api/sensitiveWords/detect',
+    method: 'post',
+    data: data,
+  })
+}
--- a/src/components/DateTime.vue
+++ b/src/components/DateTime.vue
@ -0,0 +1,220 @@
+<template>
+    <!-- 弹出层 -->
+    <van-popup v-model:show="data.isPicker" position="bottom" round @close="confirmOn">
+        <van-picker ref="picker" title="请选择时间" :columns="data.columns" @change="onChange" @cancel="cancelOn"
+            @confirm="onConfirm" v-model="data.selectedValues" />
+    </van-popup>
+</template>
+<script setup>
+
+import { reactive, watch, getCurrentInstance } from "vue";
+
+const customFieldName = {
+    text: "value",
+    value: "values",
+    children: ""
+};
+const data = reactive({
+    isPicker: false, //是否显示弹出层
+    columns: [], //所有时间列
+    selectedValues: [] //控件选择的时间值
+});
+
+const props = defineProps({
+    // 传入的显影状态
+    showPicker: {
+        type: Boolean
+    },
+    // 传入的值
+    values: {
+        type: String
+    }
+});
+
+//定义要向父组件传递的事件
+const emit = defineEmits(["changeValue", "confirm"]);
+
+
+watch(
+    () => props.showPicker,
+    val => {
+        data.isPicker = val;
+        data.columns = [];
+        getcolumns();
+    },
+    {
+        immediate: true//立即监听--进入就会执行一次 监听显影状态
+    }
+);
+
+
+function onChange() {
+    // 无用的方法 
+}
+
+
+function getcolumns() {
+    let strtime = props.values; //传入的时间
+    //console.log(strtime); 2023-09-05 19:28:00 
+    let date = new Date(strtime.replace(/-/g, "/"));
+    // console.log(date); Wed Aug 09 2023 14:53:15 GMT+0800 (中国标准时间) 
+    let timeVaules = date.getTime();
+
+    let dateVaules;
+    if (props.values != "") {
+        dateVaules = new Date(timeVaules);
+    } else {
+        dateVaules = new Date(); //没有传入时间则默认当前时刻
+    }
+
+    let Y = dateVaules.getFullYear();
+    let M = dateVaules.getMonth();
+    let D = dateVaules.getDate();
+    let h = dateVaules.getHours();
+    let m = dateVaules.getMinutes();
+    let s = dateVaules.getSeconds();
+
+    let year = []; //获取前后十年数组
+    year.values = [];
+    let Currentday = new Date().getFullYear();
+    for (let i = Currentday - 10; i < Currentday + 10; i++) {
+        year.push({ text: i.toString(), value: i });
+    }
+    year.defaultIndex = year.values.indexOf(Y); //设置默认选项当前年
+
+    // 个位数补0
+    const _M = M < 10 ? `0${M + 1}` : M.toString(); //月份比实际获取的少1，所以要加1
+    const _D = D < 10 ? `0${D}` : D.toString();
+    const _h = h < 10 ? `0${h}` : h.toString();
+    const _m = m < 10 ? `0${m}` : m.toString();
+    const _s = s < 10 ? `0${s}` : s.toString();
+
+    // 生成年月日时分秒时间值
+    data.selectedValues.push(Y);
+    data.selectedValues.push(_M);
+    data.selectedValues.push(_D);
+    data.selectedValues.push(_h);
+    data.selectedValues.push(_m);
+    data.selectedValues.push(_s);
+
+    data.columns.push(year); //生成年列
+
+    let month = []; //获取12月数组
+    month = Object.keys(Array.apply(null, { length: 13 })).map(function (item) {
+        if (+item + 1 <= 10) {
+            return { text: "0" + item, value: "0" + item };
+        } else if (+item + 1 == 11) {
+            return { text: +item, value: +item };
+        } else {
+            return {
+                text: (+item + 0).toString(),
+                value: (+item + 0).toString()
+            };
+        }
+    });
+    month.splice(0, 1);
+    data.columns.push(month); //生成月列
+
+    //获取当月的天数
+    let days = getCountDays(Y, M + 1);
+    let day = []; //创建当月天数数组
+    day = Object.keys(Array.apply(null, { length: days + 1 })).map(function (
+        item
+    ) {
+        if (+item + 1 <= 10) {
+            return { text: "0" + item, value: "0" + item };
+        } else if (+item + 1 == 11) {
+            return { text: +item, value: +item };
+        } else {
+            return {
+                text: (+item + 0).toString(),
+                value: (+item + 0).toString()
+            };
+        }
+    });
+    day.splice(0, 1);
+    data.columns.push(day); //生成日列
+
+    let hour = []; //创建小时数组
+    hour = Object.keys(Array.apply(null, { length: 24 })).map(function (item) {
+        if (+item + 1 <= 10) {
+            return { text: "0" + item, value: "0" + item };
+        } else if (+item + 1 == 11) {
+            return { text: +item, value: +item };
+        } else {
+            return {
+                text: (+item + 0).toString(),
+                value: (+item + 0).toString()
+            };
+        }
+    });
+    data.columns.push(hour); //生成小时列
+
+    let mi = []; //创建分钟数组
+    mi = Object.keys(Array.apply(null, { length: 60 })).map(function (item) {
+        if (+item + 1 <= 10) {
+            return { text: "0" + item, value: "0" + item };
+        } else if (+item + 1 == 11) {
+            return { text: +item, value: +item };
+        } else {
+            return {
+                text: (+item + 0).toString(),
+                value: (+item + 0).toString()
+            };
+        }
+    });
+    data.columns.push(mi);//生成分钟列
+
+    let ss = []; //创建秒数数组
+    ss = Object.keys(Array.apply(null, { length: 60 })).map(function (item) {
+        if (+item + 1 <= 10) {
+            return { text: "0" + item, value: "0" + item };
+        } else if (+item + 1 == 11) {
+            return { text: +item, value: +item };
+        } else {
+            return {
+                text: (+item + 0).toString(),
+                value: (+item + 0).toString()
+            };
+        }
+    });
+    data.columns.push(ss);//生成秒钟列
+}
+
+
+function getCountDays(year, month) {
+    //获取某年某月多少天
+    let day = new Date(year, month, 0);
+    return day.getDate();
+}
+
+// 关闭弹框
+function confirmOn() {
+    emit("changeValue");
+}
+
+
+//时间选择器关闭 值不改变并关闭弹框
+function cancelOn({ selectedValues }) {
+    confirmOn()
+}
+
+// 时间选择器确定 值改变
+function onConfirm({ selectedValues }) {
+    let endval =
+        selectedValues[0] +
+        "-" +
+        selectedValues[1] +
+        "-" +
+        selectedValues[2] +
+        " " +
+        selectedValues[3] +
+        ":" +
+        selectedValues[4] +
+        ":" +
+        selectedValues[5];
+
+    confirmOn()
+    emit("confirm", endval);
+}
+</script>
--- a/src/components/Pay.vue
+++ b/src/components/Pay.vue
@ -0,0 +1,172 @@
+<template>
+
+    <van-dialog v-model:show="show" title="标题" show-cancel-button>
+        <template #title>
+            <div class="my-header">
+                <div>充值网络USDT-TRC20</div>
+                <div style="font-size: 12px;color: #999;">请选择TRC20网络充值，否则可能造成资产丢失</div>
+            </div>
+        </template>
+
+        <div class="pay-code">
+            <div style="margin:10px 0;">支付金额：<span type="danger" style="font-size: 16px;font-weight: 600;"> ${{
+                current_order.pay_usdt_amount }}</span>
+            </div>
+            <div>
+                <img v-if="showImg" :src="data.payCode" class="pay-code-img"></img>
+                <span v-if="!showImg" type="warning">订单已过期</span>
+            </div>
+
+            <div v-if="showImg" style="margin: 10px 0;">
+                <span>订单有效期：</span><span type="primary" style="font-size: 16px;font-weight: 600;"> {{ get_time
+                }}</span>
+                <div>
+                    <span type="danger">超过有效期订单自动取消，请尽快完成支付</span>
+                </div>
+            </div>
+
+            <div v-if="showImg" @click="copy(data.payHash)">
+                <div style="color: #999;font-size: 12px;">钱包地址(点击复制): </div>
+                <span style="margin: 0 10px; color: aqua;">{{ data.payHash }} </span>
+
+            </div>
+
+
+        </div>
+
+        <template #footer>
+            <div class="dialog-footer">
+                <van-button @click="closeFun" size="small" style="margin-right: 8px;">关闭</van-button>
+                <van-button type="primary" size="small" @click="confirmPay" v-if="showImg">
+                    支付完成
+                </van-button>
+            </div>
+        </template>
+    </van-dialog>
+</template>
+<script setup>
+import { reactive, ref, watch, } from 'vue'
+import payCodeImg from '@/assets/pay-code.jpeg';
+import useClipboard from 'vue-clipboard3'
+
+import { getUsdtInfo } from '@/axios/request';
+import { showSuccessToast, showFailToast } from 'vant';
+const props = defineProps({
+    showDialog: {
+        type: Boolean,
+        default: false,
+    },
+    current_order: {
+        type: Object,
+        default: {},
+    },
+});
+console.log('props', props)
+const show = ref(false);
+const emit = defineEmits(["update:showDialog", "handleConfrimPay", 'closePay']);
+const data = reactive({
+    payCode: payCodeImg,
+    payHash: '',
+});;
+const copy = async (msg) => {
+    const { toClipboard } = useClipboard()
+    try {
+        // 复制
+        console.log('复制', msg)
+        await toClipboard(msg)
+        showSuccessToast('复制成功');
+        // 复制成功
+    } catch (e) {
+        console.log(e)
+        // 复制失败
+    }
+}
+watch(() => props.showDialog, (val) => {
+    console.log('showDialog', props.showDialog)
+    show.value = props.showDialog;
+    if (props.showDialog) {
+
+        setTime()
+        getInfo()
+    }
+});
+
+const get_time = ref('')
+const showImg = ref(false)
+const updateCountdown = (creacteTime, targetTime) => {
+    const target = new Date(targetTime).getTime();
+    const now = new Date().getTime();
+    const diff = target - now;
+    if (diff <= 0) {
+        clearInterval(timer)
+        showImg.value = false
+        get_time.value = ''
+    }
+
+    const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
+    const seconds = Math.floor((diff % (1000 * 60)) / 1000);
+
+    get_time.value = ` ${minutes}分钟 ${seconds}秒`;
+}
+
+
+// 每秒更新一次
+var timer = null
+const setTime = () => {
+    clearInterval(timer)
+    let cureateTime = props.current_order.order_created_at
+    let targetTime = props.current_order.expired_at
+    if (new Date(cureateTime).getTime() < new Date(targetTime).getTime()) {
+        showImg.value = true
+        timer = setInterval(() => updateCountdown(cureateTime, targetTime), 1000);
+    } else {
+        showImg.value = false
+        clearInterval(timer)
+    }
+}
+const closeFun = () => {
+    data.hash = ''
+    emit("update:showDialog", false);
+    emit("closePay");
+};
+const confirmPay = () => {
+
+    emit("handleConfrimPay");
+    emit("update:showDialog", false);
+
+};
+
+const getInfo = () => {
+    getUsdtInfo().then((res) => {
+        data.payHash = res.USDT_ACCOUNT;
+    });
+}
+</script>
+<style lang="scss" scoped>
+.pay-code {
+    text-align: center;
+
+    .pay-code-img {
+        width: 200px;
+        height: 200px;
+        margin: 20px 0;
+    }
+
+    .pay-hash {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+
+span {
+    color: #999;
+    font-size: 12px;
+}
+
+.dialog-footer {
+    display: flex;
+    justify-content: flex-end;
+    margin: 12px;
+}
+</style>
--- a/src/components/WangEditor.vue
+++ b/src/components/WangEditor.vue
@ -0,0 +1,94 @@
+<template>
+    <Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" />
+    <Editor style="height: 500px; overflow-y: hidden;" v-model="modelValue" :defaultConfig="editorConfig" :mode="mode"
+        @onCreated="handleCreated" />
+</template>
+<script setup>
+import '@wangeditor/editor/dist/css/style.css' // 引入 css
+import { onBeforeUnmount, ref, shallowRef, onMounted } from 'vue'
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
+import { useVModel } from '@vueuse/core'
+
+import { uploadFileApi } from "@/axios/request";
+
+const props = defineProps({
+    modelValue: {
+        type: [String],
+        default: "",
+    },
+    disabled: {
+        type: Boolean,
+        default: false,
+    },
+});
+// 编辑器实例，必须用 shallowRef
+const editorRef = shallowRef()
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, "modelValue", emit);
+const mode = ref("default");
+
+const toolbarConfig = ref({
+    excludeKeys: [
+        'uploadVideo', // 隐藏上传视频按钮
+        'insertVideo', // 隐藏插入视频按钮
+        'group-video', // 禁用视频功能'
+        'insertTable',
+        'blockquote',
+        'header1',
+        'header2',
+        'header3',
+        'bulletedList',
+        'numberedList',
+        'todo',
+        'codeBlock',
+        'fontSize',
+        'fontFamily',
+        'lineHeight',
+        'group-indent',
+        'divider',
+        'headerSelect'
+
+    ]
+}); // 工具条配置
+
+// 内容 HTML
+const valueHtml = ref('<p>hello</p>')
+
+// 模拟 ajax 异步获取内容
+onMounted(() => {
+
+})
+
+const editorConfig = ref({
+    placeholder: "请输入内容...",
+    MENU_CONF: {
+        uploadImage: {
+            // 自定义图片上传
+            async customUpload(file, insertFn) {
+                uploadFileApi(file).then((response) => {
+                    const url = response.data.url;
+                    insertFn(url);
+                });
+            },
+        },
+    },
+});
+
+// 组件销毁时，也及时销毁编辑器
+onBeforeUnmount(() => {
+    const editor = editorRef.value
+    if (editor == null) return
+    editor.destroy()
+})
+
+const handleCreated = (editor) => {
+    editorRef.value = editor // 记录 editor 实例，重要！
+    if (props.disabled) {
+        editor.disable();
+    } else {
+        editor.enable();
+    }
+}
+
+</script>
+<style scoped></style>
--- a/src/components/icons/IconCommunity.vue
+++ b/src/components/icons/IconCommunity.vue
@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+    <path
+      d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
+    />
+  </svg>
+</template>
--- a/src/components/icons/IconDocumentation.vue
+++ b/src/components/icons/IconDocumentation.vue
@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor">
+    <path
+      d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
+    />
+  </svg>
+</template>
--- a/src/components/icons/IconEcosystem.vue
+++ b/src/components/icons/IconEcosystem.vue
@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor">
+    <path
+      d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
+    />
+  </svg>
+</template>
--- a/src/components/icons/IconSupport.vue
+++ b/src/components/icons/IconSupport.vue
@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+    <path
+      d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
+    />
+  </svg>
+</template>
--- a/src/components/icons/IconTooling.vue
+++ b/src/components/icons/IconTooling.vue
@ -0,0 +1,19 @@
+<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    aria-hidden="true"
+    role="img"
+    class="iconify iconify--mdi"
+    width="24"
+    height="24"
+    preserveAspectRatio="xMidYMid meet"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
+      fill="currentColor"
+    ></path>
+  </svg>
+</template>
--- a/src/main.js
+++ b/src/main.js
@ -0,0 +1,18 @@
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+// import { DateTime } from 'vant'
+import 'vant/lib/index.css'
+import 'vant/es/toast/style'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+// app.use(DateTime)
+
+app.mount('#app')
--- a/src/router/index.js
+++ b/src/router/index.js
@ -0,0 +1,44 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/h5',
+      name: 'home',
+      component: () => import('../views/HomeView.vue'),
+    },
+    {
+      path: '/h5/login',
+      name: 'login',
+      component: () => import('../views/login.vue'),
+    },
+    {
+      path: '/h5/task',
+      name: 'task',
+      component: () => import('../views/task/index.vue'),
+    },
+    {
+      path: '/h5/addtask',
+      name: 'addtask',
+      component: () => import('../views/task/add.vue'),
+    },
+    {
+      path: '/h5/detail',
+      name: 'detail',
+      component: () => import('../views/user/detail.vue'),
+    },
+    {
+      path: '/h5/mass_send',
+      name: 'mass_send',
+      component: () => import('../views/user/mass_send.vue'),
+    },
+    {
+      path: '/h5/notice',
+      name: 'notice',
+      component: () => import('../views/user/notice.vue'),
+    },
+  ],
+})
+
+export default router
--- a/src/stores/counter.js
+++ b/src/stores/counter.js
@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@ -0,0 +1,57 @@
+<template>
+  <div class="container">
+    <div>
+      <Task v-if="activeName == 'a'"></Task>
+      <PayRecord v-if="activeName == 'b'"></PayRecord>
+      <User v-if="activeName == 'c'"></User>
+      <div class="footer">
+        <van-tabs v-model:active="activeName" @change="changeTab">
+          <van-tab title="任务管理" name="a"></van-tab>
+          <van-tab title="支付管理" name="b"></van-tab>
+          <van-tab title="用户管理" name="c"></van-tab>
+        </van-tabs>
+      </div>
+    </div>
+
+
+
+  </div>
+
+</template>
+<script setup>
+import { onMounted, ref } from 'vue';
+import Task from './task/index.vue'
+import PayRecord from './pay/index.vue';
+import User from './user/index.vue';
+import { useRouter } from 'vue-router';
+let activeName = ref('a');
+let token = ref('');
+const router = useRouter();
+const changeTab = (name) => {
+  console.log(name);
+  activeName.value = name;
+  localStorage.setItem('activeName', name);
+};
+onMounted(() => {
+  console.log('HomeView', localStorage.getItem('activeName'));
+  token.value = localStorage.getItem('customeraccessToken')
+  if (localStorage.getItem('activeName')) {
+    activeName.value = localStorage.getItem('activeName');
+  }
+  if (!token.value) {
+    router.push('/h5/login');
+  }
+});
+</script>
+<style scoped lang="scss">
+.footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 50px;
+  background-color: #fff;
+  border-top: 1px solid #eee;
+  z-index: 999;
+}
+</style>
--- a/src/views/login.vue
+++ b/src/views/login.vue
@ -0,0 +1,188 @@
+<template>
+    <div>
+        <van-nav-bar title="用户登录" />
+        <div class="login_box">
+            <van-tabs v-model:active="activeName" @change="changeTab">
+                <van-tab title="TG登录/注册" name="a">
+                    <div class="type_login">
+                        <span class="tips">复制信息跳转八方官方机器人粘贴完成登录</span>
+                        <div class="tg-btn" @click="copyTg()">
+                            <div class="tg-btn-span"> {{ `/login ${tg_login}` }}</div>
+                            <van-icon name="notes-o" />
+                        </div>
+                        <van-button round block type="primary" @click="goPage" style="margin-top: 12px;">
+                            跳转TG机器人
+                        </van-button>
+                    </div>
+
+
+                </van-tab>
+                <van-tab title="账号密码登录" name="b">
+                    <div class="type_login">
+                        <van-form>
+                            <van-cell-group inset>
+                                <van-field v-model="username" name="usernmae" label="用户名" placeholder="用户名"
+                                    :rules="[{ required: true, message: '请填写用户名' }]" />
+                                <van-field v-model="password" type="password" name="password" label="密码"
+                                    placeholder="密码" :rules="[{ required: true, message: '请填写密码' }]" />
+                            </van-cell-group>
+                            <div style="margin: 16px;">
+                                <van-button round block type="primary" @click="onSubmit">
+                                    提交
+                                </van-button>
+                            </div>
+                        </van-form>
+                    </div>
+
+                </van-tab>
+            </van-tabs>
+
+        </div>
+    </div>
+</template>
+<script setup>
+import { onMounted, ref } from 'vue';
+import { getLoginToken, checkLoginToken, userLogin } from '@/axios/request';
+// 导入插件
+import useClipboard from 'vue-clipboard3'
+import { showSuccessToast, showFailToast } from 'vant';
+import { useRouter } from 'vue-router';
+const username = ref('');
+const password = ref('');
+const activeName = ref('a');
+const tg_login = ref('');
+const tg_expires_at = ref('')
+const onSubmit = () => {
+    console.log('submit');
+    userLogin({ username: username.value, password: password.value }).then(res => {
+        console.log(res);
+        localStorage.setItem("customeraccessToken", res.token);
+        successPageSkip();
+    })
+};
+const getTgToken = () => {
+    getLoginToken().then((res) => {
+        console.log(res)
+        tg_login.value = res.token
+        tg_expires_at.value = res.expires_at
+        checkLoginTokenTimer()
+    })
+};
+
+let tgTimer = null
+const checkLoginTokenTimer = () => {
+    let time = new Date(tg_expires_at.value).getTime() - Date.now();
+    if (time <= 0) {
+        clearInterval(tgTimer)
+        return
+    }
+    clearInterval(tgTimer)
+    tgTimer = setInterval(() => {
+        checkLoginToken({
+            token: tg_login.value
+        }).then((res) => {
+            console.log(res);
+            if (res.logged_in) {
+                localStorage.setItem("customeraccessToken", res.loginToken); // eyJhbGciOiJIUzI1NiJ9.xxx.xxx
+                successPageSkip();
+                clearInterval(tgTimer)
+            } else if (!res.valid) {
+                console.log('未登录');
+                showFailToast("授权认证过期,请刷新界面重新获取认证");
+                clearInterval(tgTimer)
+            }
+
+        }).catch((err) => {
+            clearInterval(tgTimer)
+        })
+    }, 3000)
+}
+const goPage = () => {
+    window.open('https://t.me/bfbf')
+}
+const copyTg = () => {
+    let data = `/login ${tg_login.value}`
+    copy(data)
+}
+const router = useRouter();
+const successPageSkip = () => {
+
+    router.push('/h5')
+}
+
+const copy = async (msg) => {
+    const { toClipboard } = useClipboard()
+    try {
+        // 复制
+        console.log('复制', msg)
+        await toClipboard(msg)
+        showSuccessToast('复制成功');
+        // 复制成功
+    } catch (e) {
+        console.log(e)
+        // 复制失败
+    }
+}
+const changeTab = (tab) => {
+    console.log(tab)
+    if (tab == 'a') {
+        getTgToken()
+    } else {
+        clearInterval(tgTimer)
+    }
+};
+
+onMounted(() => {
+    console.log('login mounted');
+    if (activeName.value === 'a') {
+        getTgToken()
+    }
+});
+</script>
+<style scoped lang="scss">
+.login_box {
+    width: 100vw;
+    height: 80vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .type_login {
+        height: 200px;
+        text-align: center;
+
+        .tips {
+            font-size: 12px;
+            color: #999;
+            display: block;
+            margin: 12px 0;
+        }
+
+        .tg-btn {
+            // 超出长度隐藏
+            padding: 12px;
+            border: 1px solid #1989fa;
+            border-radius: 24px;
+
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            width: 75vw;
+
+            .tg-btn-span {
+                display: block;
+                width: 60vw;
+                font-size: 12px;
+                color: #1989fa;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+        }
+
+        .van-button {
+            width: 300px;
+        }
+    }
+}
+</style>
--- a/src/views/pay/fee-standards.vue
+++ b/src/views/pay/fee-standards.vue
@ -0,0 +1,94 @@
+<template>
+
+    <div class="container">
+        <van-search v-model="search" placeholder="请输入模板名称进行搜索" @search="onSearch" @clear="onSearch" />
+        <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+            <div v-for="item in list" :key="item.id" class="item">
+                <div>模板名称：{{ item.name }}</div>
+                <div>模板类型：{{ item.type === 1 ? '预设模板' : '定制模板' }}</div>
+                <div>
+                    <span>群组：</span>
+                    <van-tag plain type="primary" style="margin-right: 4px;"
+                        @click="goPage(group_options?.find(i => i.value == citem)?.url)"
+                        v-for="(citem, index) in JSON.parse(item.group_ids)" :key="index">
+                        {{group_options?.find(i => i.value == citem)?.label}}
+                    </van-tag>
+                </div>
+                <div>频率：{{ item.times }}小时一次</div>
+                <div>周期：{{ item.cycle }}天</div>
+                <div>utsd金额：{{ item.pay_usdt_amount }}</div>
+                <div>创建时间：{{ item.created_at }}</div>
+
+            </div>
+        </van-list>
+    </div>
+</template>
+<script setup>
+import { ref, onBeforeMount } from 'vue';
+import { useRouter } from 'vue-router';
+import { getGroupsList, getTemplatesList } from '@/axios/request';
+const router = useRouter();
+
+const task_title = ref('费用标准')
+const search = ref('')
+const group_options = ref([])
+const list = ref([])
+const finished = ref(false)
+const loading = ref(false)
+
+let currentPage = 1
+const onLoad = async () => {
+    let res = await getTemplatesList({
+        page: currentPage,
+        per_page: 10,
+        name: search.value
+    })
+    console.log('list', res)
+    if (currentPage == 1) {
+        list.value = res.data
+    } else {
+        list.value = list.value.concat(res.data)
+    }
+
+    finished.value = currentPage * 10 >= res.total
+    currentPage = currentPage + 1
+    loading.value = false
+    console.log('finished', finished, currentPage)
+
+}
+const onSearch = () => {
+    currentPage = 1
+    onLoad()
+}
+onBeforeMount(async () => {
+    let group = await getGroupsList({})
+    console.log('onMounted', group)
+    group_options.value = []
+    group.data.map((item) => {
+        group_options.value.push({
+            label: item.tg_name,
+            value: item.id,
+            url: item.tg_url
+        })
+    });
+})
+
+const goPage = (url) => {
+    console.log('goPage', url)
+    window.open(url)
+}
+</script>
+<style scoped lang="scss">
+.container {
+    padding-bottom: 10px;
+
+}
+
+.item {
+    margin: 12px;
+    background-color: #f7f8fa;
+    border-radius: 24px;
+    padding: 12px;
+    color: #666;
+}
+</style>
--- a/src/views/pay/index.vue
+++ b/src/views/pay/index.vue
@ -0,0 +1,27 @@
+<template>
+    <div>
+        <van-nav-bar title="支付管理" />
+        <van-tabs v-model:active="activeName">
+            <van-tab title="支付记录" name="a">
+                <payRecord></payRecord>
+            </van-tab>
+            <van-tab title="收费标准" name="b">
+                <feeStandards></feeStandards>
+            </van-tab>
+        </van-tabs>
+    </div>
+
+</template>
+<script setup>
+import { ref } from 'vue';
+import feeStandards from './fee-standards.vue';
+import payRecord from './pay-records.vue';
+const activeName = ref('a');
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const onClickLeft = () => {
+    router.back()
+}
+
+</script>
+<style scoped></style>
--- a/src/views/pay/pay-records.vue
+++ b/src/views/pay/pay-records.vue
@ -0,0 +1,147 @@
+<template>
+
+    <div class="container">
+
+        <van-search v-model="search" placeholder="请输入订单ID进行搜索" @search="onSearch" @clear="onSearch" />
+        <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+            <div v-for="item in list" :key="item.id" class="item">
+                <div>订单ID：{{ item.order_no }}</div>
+                <div>任务名称：{{ item?.task?.title }}</div>
+                <div>支付金额：{{ item.pay_usdt_amount }}</div>
+                <div> <span>订单状态：</span>
+                    <van-tag plain :type="getStatusType(item.status)">
+                        {{order_status_options?.find(s => s.value == item.status)?.label}}</van-tag>
+                </div>
+                <div>创建时间：{{ item.created_at }}</div>
+                <div class="item-btns">
+
+                    <van-button type="primary" size="small" style="margin-left: 12px;"
+                        v-if="item.status == 0 || item.status == 8" @click="payTask(item)">支付</van-button>
+                    <!-- <van-button type="primary" size="small" style="margin-left: 12px;"
+                        v-if="item.status == 2 || item.status == 7" @click="handleRefund(item)">退款</van-button> -->
+                </div>
+            </div>
+        </van-list>
+        <Pay v-model:showDialog="showPayCodeDialog" v-model:current_order="current_order"
+            @handleConfrimPay="handleConfrimPay"></Pay>
+
+        <van-dialog v-model:show="show" title="退款申请" show-cancel-button @confirm="handleRefundPay">
+            <van-form>
+                <van-cell-group inset>
+                    <van-field v-model="order_info.order_no" name="订单ID" label="订单ID" placeholder="订单ID" disabled />
+                    <van-field v-model="order_info.pay_usdt_amount" name="订单金额" label="订单金额" placeholder="订单金额"
+                        disabled />
+                    <van-field v-model="order_info.refund_request_remark" name="退款原因" label="退款原因" placeholder="退款原因" />
+                </van-cell-group>
+            </van-form>
+        </van-dialog>
+    </div>
+</template>
+<script setup>
+import { ref, onBeforeMount } from 'vue';
+
+import { getOrderList, getOrderStatusList, updatePayHash, confirmConversionRefundRequest } from '@/axios/request';
+import Pay from '@/components/Pay.vue';
+
+
+const task_title = ref('费用标准')
+const search = ref('')
+const order_status_options = ref([])
+const list = ref([])
+const finished = ref(false)
+const loading = ref(false)
+const showPayCodeDialog = ref(false)
+const current_order = ref({})
+const show = ref(false)
+const order_info = ref({})
+let currentPage = 1
+const onLoad = async () => {
+    let res = await getOrderList({
+        page: currentPage,
+        per_page: 10,
+        order_no: search.value
+    })
+    if (currentPage == 1) {
+        list.value = res.data
+    } else {
+        list.value = list.value.concat(res.data)
+    }
+
+    finished.value = currentPage * 10 >= res.total
+    currentPage = currentPage + 1
+    loading.value = false
+}
+const onSearch = () => {
+    currentPage = 1
+    onLoad()
+}
+onBeforeMount(async () => {
+    let order_status = await getOrderStatusList({})
+
+    order_status_options.value = []
+    order_status.map((item, index) => {
+        order_status_options.value.push({
+            label: item,
+            value: index
+        })
+    });
+    console.log('onMounted', order_status_options.value)
+})
+
+const getStatusType = (val) => {
+    if (val == 0 || val == 6) {
+        return 'primary'
+    } else if (val == 2 || val == 5) {
+        return 'success'
+    } else if (val == 3 || val == 4 || val == 7 || val == 8) {
+        return 'danger'
+    } else if (val == 1) {
+        return 'warning'
+    }
+}
+const handleConfrimPay = (val = '', type) => {
+    console.log('handleConfrimPay', current_order)
+    updatePayHash({
+        order_id: current_order.value.id.toString(),
+        hash: val
+    }).then(res => {
+        currentPage = 1
+        onLoad()
+        showPayCodeDialog.value = false;
+    })
+
+}
+const payTask = (row) => {
+    console.log('payTask', row)
+    current_order.value = row
+    showPayCodeDialog.value = true
+}
+const handleRefund = (row) => {
+    order_info.value = row
+    show.value = true
+}
+const handleRefundPay = () => {
+    const data = {
+        id: order_info.value.id.toString(),
+        refund_request_remark: order_info.value.refund_request_remark
+    }
+    confirmConversionRefundRequest(data).then(res => {
+        show.value = false
+        currentPage = 1
+        onLoad()
+    })
+}
+</script>
+<style scoped lang="scss">
+.container {
+    padding-bottom: 10px;
+}
+
+.item {
+    margin: 12px;
+    background-color: #f7f8fa;
+    border-radius: 24px;
+    padding: 12px;
+
+}
+</style>
--- a/src/views/task/add.vue
+++ b/src/views/task/add.vue
@ -0,0 +1,262 @@
+<template>
+    <div>
+        <van-nav-bar :title="task_title" left-text="返回" left-arrow @click-left="onClickLeft" />
+        <van-form @submit="onSubmit">
+            <van-cell-group>
+                <van-field v-model="form.title" name="title" label="任务名称" :disabled="isEdit" placeholder="请输入任务名称"
+                    :rules="[{ required: true, message: '请输入任务名称' }]" />
+            </van-cell-group>
+            <van-cell-group>
+                <van-field v-model="form.template" is-link readonly name="template" :disabled="isEdit" label="选择模板"
+                    :rules="[{ required: true, message: '请选择模板' }]" placeholder="请选择模板" @click="showPicker = true" />
+                <van-popup v-model:show="showPicker" position="bottom">
+                    <van-picker :columns="template_options" @confirm="onConfirm" @cancel="showPicker = false" />
+                </van-popup>
+
+            </van-cell-group>
+            <van-cell-group>
+                <van-field v-model="form.group" disabled label="群组" />
+            </van-cell-group>
+            <van-cell-group>
+                <van-field v-model="form.times" disabled label="评率" />
+            </van-cell-group>
+            <van-cell-group>
+                <van-field v-model="form.cycle" disabled label="周期" />
+            </van-cell-group>
+            <van-cell-group>
+                <van-field v-model="form.price" disabled label="USDT价格" />
+            </van-cell-group>
+            <van-cell-group>
+                <van-field v-model="form.type" is-link readonly name="picker" :disabled="isEdit" label="执行方式"
+                    :rules="[{ required: true, message: '请选择执行方式' }]" placeholder="请选择执行方式"
+                    @click="showTypePicker = true" />
+                <van-popup v-model:show="showTypePicker" position="bottom">
+                    <van-picker :columns="start_type_options" @confirm="onTypeConfirm"
+                        @cancel="showTypePicker = false" />
+                </van-popup>
+
+            </van-cell-group>
+            <van-cell-group v-if="form.exec_type == 0">
+                <van-field v-model="form.next_run_time" is-link readonly name="picker" :disabled="isEdit" label="执行时间"
+                    placeholder="点击选择执行时间" @click="showDatePicker = true" />
+                <DataTime :values="startTime" @changeValue="showDatePicker = false" :showPicker="showDatePicker"
+                    @confirm="onDateConfirm" />
+            </van-cell-group>
+            <van-cell-group>
+                <van-field v-model="form.tg_title" label="发送标题" placeholder="请输入标题" />
+            </van-cell-group>
+            <van-cell-group>
+                <WangEditor v-model:modelValue="form.content"></WangEditor>
+            </van-cell-group>
+
+
+        </van-form>
+        <div class="footer">
+            <van-button type="primary" class="footer-button" @click="onSubmit">提交</van-button>
+        </div>
+
+        <Pay v-model:showDialog="showPayCodeDialog" v-model:current_order="current_order"
+            @handleConfrimPay="handleConfrimPay" @closePay="closePay"></Pay>
+    </div>
+</template>
+<script setup>
+import { ref, reactive, onMounted, onBeforeMount, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { getTemplatesList, getGroupsList, addTask, editTask, checkWord, updatePayHash } from '@/axios/request';
+import DataTime from "@/components/DateTime.vue";
+import WangEditor from '@/components/WangEditor.vue';
+import Pay from "@/components/Pay.vue";
+
+import { showSuccessToast, showFailToast } from 'vant';
+
+const router = useRouter()
+const form = reactive({
+    title: '',
+    content: '',
+    exec_type: 1,
+    type: '立即执行',
+    next_run_time: '',
+    id: '',
+})
+let template_options = reactive([])
+const showPicker = ref(false)
+const showTypePicker = ref(false)
+const showDatePicker = ref(false)
+const startTime = ref(""); //值定义
+const showPayCodeDialog = ref(false)
+let current_order = reactive({})
+let start_type_options = [
+    {
+        text: "立即执行",
+        value: 1,
+    },
+    {
+        text: "定时执行",
+        value: 0,
+    },
+]
+let task_title = ref("添加任务")
+let template_info = {}
+let group_info = {}
+const isEdit = ref(false)
+const onClickLeft = () => {
+    router.back()
+}
+const onConfirm = ({ selectedOptions }) => {
+    console.log(selectedOptions);
+    form.template = selectedOptions[0]?.text;
+    form.temp_id = selectedOptions[0]?.value;
+    showPicker.value = false;
+    let template = template_info.find(item => item.id == selectedOptions[0]?.value)
+
+    console.log(template);
+    let group_id = JSON.parse(template?.group_ids)
+    form.times = template?.times + '小时1次'
+    form.cycle = template?.cycle + '天'
+    form.price = template?.price
+    let filter_groups = group_id.map(id => {
+        return group_info.find(item => item.id == id).tg_name
+    })
+    form.group = filter_groups.join(',');
+};
+
+const onTypeConfirm = ({ selectedOptions }) => {
+    console.log('onTypeConfirm', selectedOptions);
+    form.type = selectedOptions[0]?.text;
+    form.exec_type = selectedOptions[0]?.value;
+    console.log(form.exec_type);
+    showTypePicker.value = false;
+};
+const onDateConfirm = selectedValues => {
+    console.log(selectedValues);
+    startTime.value = selectedValues;
+    form.next_run_time = selectedValues
+    showPicker.value = false;
+};
+const clearFrom = () => {
+    form.title = '';
+    form.content = '';
+    form.next_run_time = ''
+    form.exec_type = ''
+    form.type = ''
+    startTime.value = ''
+    form.id = ''
+    form.tg_title = ''
+};
+
+const onSubmit = async () => {
+    let params = {
+        title: form.title,
+        content: form.content,
+        exec_type: form.exec_type,
+        next_run_time: form.next_run_time,
+        temp_id: form.temp_id,
+        tg_title: form.tg_title,
+        id: form.id || '',
+    }
+    let tg_title_check = checkWord({ content: params.tg_title })
+    let tg_content_check = checkWord({ content: params.content })
+    console.log('onSubmit', tg_title_check, tg_content_check)
+    Promise.all([tg_title_check, tg_content_check]).then((values) => {
+        if (params.id) {
+            editTask(params).then(res => {
+                showSuccessToast('提交成功')
+                setTimeout(() => {
+                    clearFrom()
+                    router.push('/h5')
+                }, 1000)
+            })
+        } else {
+            if (params.exec_type == 0 && params.next_run_time != "") {
+                let msg = checkTime(params.next_run_time)
+                if (msg) {
+                    return showFailToast(msg)
+                }
+            }
+            addTask(params).then(res => {
+                console.log(res)
+                showSuccessToast('提交成功')
+                current_order = res
+                setTimeout(() => {
+                    clearFrom()
+                    showPayCodeDialog.value = true
+                    // router.push('/')
+                }, 1000)
+            })
+        }
+    }).catch(err => {
+        console.log('err', err);
+    })
+}
+const checkTime = (value) => {
+    let msg = ''
+    if (!value) {
+        msg = '请选择时间'
+    }
+    if (new Date(value).getTime() <= Date.now()) {
+        msg = '必须选择当前时间之后的时间'
+    }
+    return msg
+}
+onBeforeMount(async () => {
+    let group = await getGroupsList({ pagination: 'off' })
+
+    // console.log('onMounted', group)
+    group_info = group
+    let templates = await getTemplatesList({ pagination: 'off' })
+    console.log('templates', templates)
+    template_options = []
+    template_info = templates
+    templates.map((item) => {
+        template_options.push({
+            text: item.name,
+            value: item.id,
+        })
+    });
+    let current_task_info = localStorage.getItem('current_task_info') != '' ? JSON.parse(localStorage.getItem('current_task_info')) : {}
+    console.log('current_task_info', current_task_info)
+    if (current_task_info != null) {
+        form.id = current_task_info.id
+        form.title = current_task_info.title
+        form.temp_id = current_task_info.temp_id
+        form.template = template_options?.find(item => item.value == current_task_info.temp_id)?.text
+        onConfirm({ selectedOptions: [{ text: template_options.find(item => item.value == current_task_info.temp_id)?.text, value: current_task_info.temp_id }] })
+        console.log('form', start_type_options?.find(item => item.value == current_task_info.exec_type))
+        onTypeConfirm({ selectedOptions: [{ text: start_type_options?.find(item => item.value == current_task_info.exec_type)?.text, value: current_task_info.exec_type }] })
+        form.content = current_task_info.content
+        form.next_run_time = current_task_info.next_run_time
+        form.tg_title = current_task_info.tg_title
+        isEdit.value = true
+    }
+})
+
+const handleConfrimPay = (val = '', type) => {
+    console.log('handleConfrimPay', current_order)
+    updatePayHash({
+        order_id: current_order.id.toString(),
+        hash: val
+    }).then(res => {
+        router.push('/h5')
+    }).finally(() => {
+        router.push('/h5')
+    })
+}
+const closePay = () => {
+    router.push('/h5')
+}
+onMounted(() => {
+
+})
+</script>
+<style lang="scss" scoped>
+.footer {
+    position: fixed;
+    bottom: 10px;
+    left: 12px;
+    width: calc(100vw - 24px);
+
+    .footer-button {
+        width: 100%;
+    }
+}
+</style>
--- a/src/views/task/index.vue
+++ b/src/views/task/index.vue
@ -0,0 +1,283 @@
+<template>
+    <van-nav-bar title="任务管理" />
+    <div class="container">
+        <van-search v-model="search" placeholder="请输入任务名称进行搜索" @search="onSearch" @clear="onSearch" />
+        <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+            <div v-for="item in list" :key="item.id" class="item">
+                <div>任务名称：{{ item.title }}</div>
+                <div>模板名称：{{ item.temp_name }}</div>
+                <div>模板类型：{{ item.temp_type === 1 ? '预设模板' : '定制模板' }}</div>
+                <div>
+                    <span>群组：</span>
+                    <van-tag plain type="primary" style="margin-right: 4px;"
+                        @click="goPage(group_options?.find(i => i.value == citem)?.url)"
+                        v-for="(citem, index) in JSON.parse(item.temp_groups)" :key="index">
+                        {{group_options?.find(i => i.value == citem)?.label}}
+                    </van-tag>
+                </div>
+                <div>频率：{{ item.times }}小时一次</div>
+                <div>周期：{{ item.cycle }}天</div>
+                <div>utsd金额：{{ item.pay_usdt_amount }}</div>
+                <div> <span>任务状态：</span>
+                    <van-tag plain type="warning" v-if="item.status === 0 || item.status == 5">
+                        {{status_options?.find(s => s.value == item.status)?.label}}</van-tag>
+                    <van-tag plain type="danger" v-if="item.status == 3 || item.status == 6">
+                        {{status_options?.find(s => s.value == item.status)?.label}}</van-tag>
+                    <van-tag plain type="primary" v-if="item.status == 1 || item.status == 2">
+                        {{status_options?.find(s => s.value == item.status)?.label}}</van-tag>
+                    <van-tag plaing type="success" v-if="item.status == 4">
+                        {{status_options?.find(s => s.value == item.status)?.label}}</van-tag>
+                </div>
+                <div>创建时间：{{ item.created_at }}</div>
+                <div>
+                    <span>
+                        支付状态：
+                    </span>
+                    <van-tag type="primary" v-if="item.order_status == 0 || item.order_status == 6">
+                        {{order_status?.find(o => o.value == item.order_status)?.label}}</van-tag>
+                    <van-tag type="danger"
+                        v-if="item.order_status == 3 || item.order_status == 4 || item.order_status == 7">
+                        {{order_status?.find(o => o.value == item.order_status)?.label}}</van-tag>
+                    <van-tag type="warning" v-if="item.order_status == 1">
+                        {{order_status?.find(o => o.value == item.order_status)?.label}}</van-tag>
+                    <van-tag type="success" v-if="item.order_status == 2 || item.order_status == 5">
+                        {{order_status?.find(o => o.value == item.order_status)?.label}}</van-tag>
+                </div>
+                <div class="item-btns">
+                    <van-button type="primary"
+                        v-if="item.status == 0 || item.status == 1 || item.status == 3 || item.status == 5" size="small"
+                        style="margin-left: 12px;" @click="addTask(item)">编辑</van-button>
+                    <van-button type="primary" size="small" style="margin-left: 12px;"
+                        v-if="item.order_status == 0 || item.order_status == 8" @click="payTask(item)">支付</van-button>
+                    <van-button type="primary" size="small" style="margin-left: 12px;" v-if="item.status == 2"
+                        @click="handleTask(item.id, '2')">执行</van-button>
+                    <van-button type="primary" size="small" style="margin-left: 12px;"
+                        @click="handleTask(item.id, '5')">暂停</van-button>
+                    <van-button type="danger" size="small" style="margin-left: 12px;"
+                        v-if="item.status == 6 || item.status == 0" @click="deleteTask(item.id)">删除</van-button>
+                </div>
+            </div>
+        </van-list>
+        <div class="footer">
+            <van-button type="primary" size="small" class="footer-button" @click="addTask('')">创建任务</van-button>
+        </div>
+        <Pay v-model:showDialog="showPayCodeDialog" v-model:current_order="current_order"
+            @handleConfrimPay="handleConfrimPay"></Pay>
+    </div>
+</template>
+<script setup>
+import { onBeforeMount, ref } from 'vue'
+import { getTaskList, getGroupsList, getTemplatesList, updatePayHash, delTask, changeStatus } from '@/axios/request';
+import { useRouter } from 'vue-router'
+import Pay from '@/components/Pay.vue';
+import { showSuccessToast, showConfirmDialog } from 'vant';
+const router = useRouter()
+let search = ref('')
+let list = ref([])
+let loading = ref(false)
+let finished = ref(false)
+let group_options = ref([])
+let template_info = ref([])
+let showPayCodeDialog = ref(false)
+let current_order = ref({})
+let order_status = [{
+    label: "未支付",
+    value: 0,
+}, {
+    label: "待确认",
+    value: 1,
+}, {
+    label: "已支付",
+    value: 2,
+}, {
+    label: "已关闭",
+    value: 3,
+}, {
+    label: "超时关闭",
+    value: 4,
+}, {
+    label: "已退款",
+    value: 5,
+}, {
+    label: "用户申请退款",
+    value: 6,
+}, {
+    label: "退款被拒绝",
+    value: 7,
+}]
+const status_options = [ //0未开始，1待审核，2进行中(审核通过)，3审核拒绝，4已完成，5暂停，6已取消
+    {
+        label: "未开始",
+        value: "0",
+    },
+    {
+        label: "待审核",
+        value: "1",
+    },
+    {
+        label: "进行中",
+        value: "2",
+    },
+    {
+        label: "审核拒绝",
+        value: "3",
+    },
+    {
+        label: "已完成",
+        value: "4",
+    },
+    {
+        label: "暂停",
+        value: "5",
+    },
+    {
+        label: "已取消",
+        value: "6",
+    },
+]
+let currentPage = 1
+const onLoad = async () => {
+    let res = await getTaskList({
+        page: currentPage,
+        per_page: 10,
+        task_name: search.value
+    })
+    console.log('list', res)
+    if (currentPage == 1) {
+        list.value = res.data
+    } else {
+        list.value = list.value.concat(res.data)
+    }
+
+    finished.value = currentPage * 10 >= res.total
+    currentPage = currentPage + 1
+    loading.value = false
+    console.log('finished', finished, currentPage)
+
+}
+const onSearch = () => {
+    currentPage = 1
+    onLoad()
+}
+onBeforeMount(async () => {
+    let group = await getGroupsList({})
+    let templates = await getTemplatesList({})
+    console.log('onMounted', group, templates)
+    group_options.value = []
+    group.data.map((item) => {
+        group_options.value.push({
+            label: item.tg_name,
+            value: item.id,
+            url: item.tg_url
+        })
+    });
+    console.log('group_options', group_options)
+    template_info.value = templates.data
+})
+
+const goPage = (url) => {
+    console.log('goPage', url)
+    window.open(url)
+}
+const addTask = (row = '') => {
+    console.log('addTask', row)
+    if (row.id) {
+        localStorage.setItem('current_task_info', JSON.stringify(row))
+    } else {
+        localStorage.removeItem('current_task_info')
+    }
+    router.push({
+        path: '/h5/addTask',
+    })
+}
+
+const payTask = (row) => {
+    console.log('payTask', row)
+    current_order.value = row
+    showPayCodeDialog.value = true
+}
+const handleConfrimPay = (val = '', type) => {
+    console.log('handleConfrimPay', current_order)
+    updatePayHash({
+        order_id: current_order.value.order_id.toString(),
+        hash: val
+    }).then(res => {
+        currentPage = 1
+        onLoad()
+        showPayCodeDialog.value = false;
+    })
+
+}
+
+const handleTask = ((id, status) => {
+    let title = status == 2 ? '执行任务' : '暂停任务'
+    let message = status == 2 ? '确定执行此任务' : '确定暂停此任务'
+    showConfirmDialog({
+        title: title,
+        message: message
+    })
+        .then(() => {
+            changeTask(id, status)
+        })
+        .catch(() => {
+            // on cancel
+        });
+
+})
+const changeTask = (id, status) => {
+    changeStatus({ id: id, status: parseInt(status) }).then(res => {
+        currentPage = 1
+        onLoad()
+    }).finally(() => {
+
+    })
+}
+const deleteTask = (id) => {
+    showConfirmDialog({
+        title: '删除任务',
+        message: '确定删除此任务吗？'
+    })
+        .then(() => {
+            delTask({ id: id }).then((res) => {
+                currentPage = 1
+                onLoad()
+            });
+        })
+        .catch(() => {
+            // on cancel
+        });
+
+}
+
+</script>
+<style lang="scss">
+.container {
+    padding-bottom: 60px;
+
+}
+
+.item {
+    margin: 12px;
+    background-color: #f7f8fa;
+    border-radius: 24px;
+    padding: 12px;
+
+    .item-btns {
+        display: flex;
+        align-items: flex-end;
+        justify-content: flex-end;
+        margin-top: 8px;
+    }
+}
+
+.footer {
+    position: fixed;
+    bottom: 60px;
+    left: 12px;
+    width: calc(100vw - 24px);
+
+    .footer-button {
+        width: 100%;
+    }
+}
+</style>
--- a/src/views/user/detail.vue
+++ b/src/views/user/detail.vue
@ -0,0 +1,142 @@
+<template>
+
+    <div class="detail">
+        <van-nav-bar title="用户信息" left-text="返回" left-arrow @click-left="onClickLeft" />
+        <van-cell-group>
+            <van-field v-model="userinfo.telegram_id" name="Telegram ID" label="Telegram ID" placeholder=" Telegram ID"
+                label-width="120px" disabled />
+            <van-field v-model="userinfo.nikename" name="用户昵称" label="用户昵称" placeholder="用户昵称" label-width="120px" />
+            <van-field v-model="userinfo.telegram_tel" name="Telegram联系方式" label="Telegram联系方式" label-width="120px"
+                placeholder="Telegram联系方式" />
+            <van-field v-model="userinfo.email" name="Email" label="Email" placeholder="Email" label-width="120px" />
+            <van-field v-model="userinfo.usdt_address" name="USFT钱包地址" label="USFT钱包地址" placeholder="USFT钱包地址"
+                label-width="120px" />
+            <van-field v-model="userinfo.username" name="登录账号" label="登录账号" placeholder="登录账号" disabled
+                label-width="120px" />
+        </van-cell-group>
+        <div class="tips">TG首次登录默认密码：<span class="default">{{ defaultPassword }}</span><span class="view"
+                @click="viewPassword">查看</span>,请尽快修改！！！</div>
+
+        <div class="btns">
+            <van-button type="primary" size="small" @click="saveInfo">保存用户信息</van-button>
+            <van-button type="warning" size="small" @click="changePassword">修改密码</van-button>
+        </div>
+        <div class="footer">
+            <van-button class="footer-button" type="primary" size="small" @click="logout">登出用户</van-button>
+        </div>
+
+        <van-dialog v-model:show="showModify" title="修改密码" show-cancel-button @confirm="modifyPassword">
+            <van-cell-group>
+                <van-field v-model="password.oldPassword" name="旧密码" label="旧密码" placeholder="旧密码" type="password"
+                    label-width="120px" />
+                <van-field v-model="password.newPassword" name="新密码" label="新密码" placeholder="新密码" type="password"
+                    label-width="120px" />
+                <van-field v-model="password.confirmPassword" name="确认密码" label="确认密码" placeholder="确认密码"
+                    type="password" label-width="120px" />
+            </van-cell-group>
+        </van-dialog>
+    </div>
+</template>
+<script setup>
+import { ref, onMounted, reactive } from 'vue'
+import { useRouter } from 'vue-router'
+import { getUserinfo, UpdateInfo, ChangePassword } from '@/axios/request'
+import { showSuccessToast, showFailToast } from 'vant'
+const router = useRouter()
+const defaultPassword = ref('******')
+const userinfo = ref({})
+const showModify = ref(false)
+const password = reactive({
+    oldPassword: '',
+    newPassword: '',
+    confirmPassword: '',
+})
+onMounted(async () => {
+    userinfo.value = await getUserinfo()
+})
+const onClickLeft = () => {
+    router.back()
+}
+const viewPassword = () => {
+    defaultPassword.value = '123456'
+    setTimeout(() => {
+        defaultPassword.value = '******'
+    }, 5000)
+}
+const saveInfo = async () => {
+    let param = {
+        nikename: userinfo.value.nikename,
+        telegram_tel: userinfo.value.telegram_tel,
+        email: userinfo.value.email,
+        usdt_address: userinfo.value.usdt_address
+    }
+    UpdateInfo(param).then(res => {
+        showSuccessToast('保存成功')
+    })
+
+}
+const changePassword = async () => {
+    showModify.value = true
+}
+const modifyPassword = async () => {
+    if (password.oldPassword === password.newPassword) {
+        showFailToast("新密码不能与旧密码相同")
+        return
+    }
+    if (password.newPassword !== password.confirmPassword) {
+        showFailToast('密码不一致');
+        return
+    } else {
+        let param = {
+            old_password: password.oldPassword,
+            new_password: password.newPassword,
+        }
+        changePassword(param).then(res => {
+            showSuccessToast('修改成功');
+            showModify = false;
+        }).finally(() => {
+            password.oldPassword = ''
+            password.newPassword = ''
+            password.confirmPassword = ''
+        })
+    }
+}
+const logout = () => {
+    localStorage.removeItem('token')
+    router.push('/h5/login')
+}
+</script>
+<style scoped lang="scss">
+.tips {
+    color: #999;
+    margin: 10px 0;
+    text-align: center;
+}
+
+.default {
+    color: red;
+    margin-right: 4px;
+}
+
+.view {
+    color: #1998fb;
+}
+
+.btns {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 40px;
+}
+
+.footer {
+    position: fixed;
+    bottom: 10px;
+    left: 0;
+    width: 100%;
+    margin: 0 20px;
+
+    .footer-button {
+        width: calc(100% - 40px);
+    }
+}
+</style>
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@ -0,0 +1,136 @@
+<template>
+    <van-nav-bar title="用户信息" />
+    <div class="container">
+        <div class="userinfo">
+            <div class="title">用户昵称：<span>{{ userInfo.nikename }}</span></div>
+            <div class="title">Telegram ID：<span>{{ userInfo.telegram_id }}</span></div>
+            <div class="title">Telegram联系方式：<span>{{ userInfo.telegram_tel }}</span></div>
+            <div class="title">Email：<span>{{ userInfo.email }}</span></div>
+            <div class="edit" @click="editUserInfo()"><van-icon name="edit" /></div>
+        </div>
+        <div class="dashboard">
+            <div class="box">
+                <div class="account">{{ dashboard.taskCount }}</div>
+                <div class="title">总任务数</div>
+            </div>
+            <div class="shu"></div>
+            <div class="box">
+                <div class="account">{{ dashboard.orderMoney }}</div>
+                <div class="title">USDT付款总额</div>
+            </div>
+            <div class="shu"></div>
+            <div class="box">
+                <div class="account">{{ dashboard.taskUnpayCount }}</div>
+                <div class="title">待支付任务数</div>
+            </div>
+        </div>
+        <div class="tool">
+            <div class="tool-box" @click="goPage('/h5/mass_send')">
+                <div><van-icon name="notes-o" class="icon" /></div>
+                <div class="title">群发记录</div>
+            </div>
+            <div class="tool-box" @click="goPage('/h5/notice')">
+                <div><van-icon name="other-pay" class="icon" /></div>
+                <div class="title">通知历史</div>
+            </div>
+        </div>
+    </div>
+
+</template>
+<script setup>
+import { ref, reactive, computed, watch, onMounted, onBeforeUnmount } from 'vue'
+import { getUserinfo, getDashboard } from '@/axios/request'
+import { useRouter } from 'vue-router'
+const router = useRouter()
+const userInfo = ref({})
+const dashboard = ref({})
+onMounted(async () => {
+    userInfo.value = await getUserinfo()
+    dashboard.value = await getDashboard()
+    console.log('userInfo', userInfo.value, dashboard.value)
+})
+
+const editUserInfo = () => {
+    router.push('/h5/detail')
+}
+const goPage = (url) => {
+    router.push(url)
+}
+</script>
+<style scoped lang="scss">
+.container {
+    background-color: #f5f8fa !important;
+    height: 100vh;
+    padding-top: 12px;
+}
+
+.userinfo {
+    margin: 12px;
+    border-radius: 12px;
+    background-color: #ffffff;
+    padding: 12px;
+    color: #666;
+    position: relative;
+    margin-top: 0;
+
+    span {
+        color: #999;
+    }
+
+    .edit {
+        position: absolute;
+        top: 45%;
+        right: 12px;
+    }
+}
+
+.dashboard {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    text-align: center;
+    margin: 12px;
+    padding: 12px;
+    background-color: #ffffff;
+    border-radius: 8px;
+
+    .shu {
+        width: 1px;
+        height: 40px;
+        background: #eee;
+    }
+
+    .account {
+        font-weight: 600;
+        color: #666;
+    }
+
+    .title {
+        color: #333;
+    }
+}
+
+.tool {
+    margin: 12px;
+    padding: 12px;
+    background-color: #ffffff;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    text-align: center;
+
+    .tool-box {
+        width: 30%;
+
+        .icon {
+            font-size: 20px;
+        }
+
+        .title {
+            font-size: 12px;
+            color: #999;
+        }
+    }
+}
+</style>
--- a/src/views/user/mass_send.vue
+++ b/src/views/user/mass_send.vue
@ -0,0 +1,95 @@
+<template>
+    <van-nav-bar :title="task_title" left-text="返回" left-arrow @click-left="onClickLeft" />
+    <div class="container">
+        <van-search v-model="search" placeholder="请输入任务名称进行搜索" @search="onSearch" @clear="onSearch" />
+        <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+            <div v-for="item in list" :key="item.id" class="item">
+                <div><span> 任务ID：</span>{{ item.task_id }}</div>
+                <div> <span>任务名称：</span>{{ item.task_name }}</div>
+                <div><span>任务状态：</span> <van-tag plain :type="item.status == 1 ? 'success' : 'danger'">{{ item.status ==
+                    1 ? '成功' : '失败'
+                        }}</van-tag></div>
+                <div><span>发送时间：</span>{{ dayjs(item.updated_at).format('YYYY-MM-DD HH:mm:ss') }}</div>
+                <div><span>发送群组：</span>{{ item.group_name }}</div>
+                <div @click="goPage(item.send_url)"><span>发送链接：</span>{{ item.send_url }}</div>
+                <div><span>失败原因：</span> {{ showReason(item.reason) }}</div>
+
+
+            </div>
+        </van-list>
+    </div>
+</template>
+<script setup>
+import { ref, onBeforeMount } from 'vue';
+import { useRouter } from 'vue-router';
+import { getMassSend } from '@/axios/request';
+import dayjs from 'dayjs';
+const router = useRouter();
+
+const task_title = ref('群发记录')
+const search = ref('')
+const group_options = ref([])
+const list = ref([])
+const finished = ref(false)
+const loading = ref(false)
+
+let currentPage = 1
+const onLoad = async () => {
+    let res = await getMassSend({
+        page: currentPage,
+        per_page: 10,
+        task_id: search.value
+    })
+    console.log('list', res)
+    if (currentPage == 1) {
+        list.value = res.data
+    } else {
+        list.value = list.value.concat(res.data)
+    }
+
+    finished.value = currentPage * 10 >= res.total
+    currentPage = currentPage + 1
+    loading.value = false
+    console.log('finished', finished, currentPage)
+
+}
+const onSearch = () => {
+    currentPage = 1
+    onLoad()
+}
+
+
+const goPage = (url) => {
+    console.log('goPage', url)
+    if (!url) return
+    window.open(url)
+}
+const onClickLeft = () => {
+    router.back()
+}
+const showReason = (reason) => {
+    try {
+        return JSON.parse(reason)?.code == 400 ? JSON.parse(reason)?.msg : ''
+    } catch (error) {
+        return reason || ''
+    }
+}
+</script>
+<style scoped lang="scss">
+.container {
+    padding-bottom: 10px;
+
+}
+
+.item {
+    margin: 12px;
+    background-color: #f7f8fa;
+    border-radius: 24px;
+    padding: 12px;
+    color: #333;
+
+    span {
+        font-weight: 600;
+    }
+}
+</style>
--- a/src/views/user/notice.vue
+++ b/src/views/user/notice.vue
@ -0,0 +1,80 @@
+<template>
+    <van-nav-bar :title="task_title" left-text="返回" left-arrow @click-left="onClickLeft" />
+    <div class="container">
+        <van-search v-model="search" placeholder="请输入模板名称进行搜索" @search="onSearch" @clear="onSearch" />
+        <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+            <div v-for="item in list" :key="item.id" class="item">
+                <div><span> 标题：</span>{{ item.title }}</div>
+                <div> <span>内容：</span>{{ item.content }}</div>
+                <div><span>发送地址：</span> {{ item.addr }}</div>
+                <div><span>发送时间：</span>{{ item.updated_at }}</div>
+                <div><span>状态：</span>{{ item.status == 1 ? '成功' : '失败' }}</div>
+
+            </div>
+        </van-list>
+    </div>
+</template>
+<script setup>
+import { ref, onBeforeMount } from 'vue';
+import { useRouter } from 'vue-router';
+import { getMessageLog } from '@/axios/request';
+const router = useRouter();
+
+const task_title = ref('通知历史')
+const search = ref('')
+const group_options = ref([])
+const list = ref([])
+const finished = ref(false)
+const loading = ref(false)
+
+let currentPage = 1
+const onLoad = async () => {
+    let res = await getMessageLog({
+        page: currentPage,
+        per_page: 10,
+        name: search.value
+    })
+    console.log('list', res)
+    if (currentPage == 1) {
+        list.value = res.data
+    } else {
+        list.value = list.value.concat(res.data)
+    }
+
+    finished.value = currentPage * 10 >= res.total
+    currentPage = currentPage + 1
+    loading.value = false
+    console.log('finished', finished, currentPage)
+
+}
+const onSearch = () => {
+    currentPage = 1
+    onLoad()
+}
+
+const goPage = (url) => {
+    console.log('goPage', url)
+    window.open(url)
+}
+const onClickLeft = () => {
+    router.back()
+}
+</script>
+<style scoped lang="scss">
+.container {
+    padding-bottom: 10px;
+
+}
+
+.item {
+    margin: 12px;
+    background-color: #f7f8fa;
+    border-radius: 24px;
+    padding: 12px;
+    color: #333;
+
+    span {
+        font-weight: 600;
+    }
+}
+</style>
--- a/vite.config.js
+++ b/vite.config.js
@ -0,0 +1,32 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import Components from 'unplugin-vue-components/vite'
+import { VantResolver } from 'unplugin-vue-components/resolvers'
+// import vueDevTools from 'vite-plugin-vue-devtools'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    // vueDevTools(),
+    Components({
+      resolvers: [VantResolver()],
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://192.168.2.79',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, '/api'),
+      },
+    },
+  },
+})
				`@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>`