WEB

2024-10-18 16:01:37 +08:00 · 2024-10-18 16:01:37 +08:00 · 793c907de4
commit 793c907de4
65 changed files with 5169 additions and 0 deletions
--- a/tencent/.gitignore
+++ b/tencent/.gitignore
@ -0,0 +1,24 @@
 # Logs
 logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 node_modules
 dist
 dist-ssr
 *.local
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
 .idea
 .DS_Store
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
--- a/tencent/.vscode/extensions.json
+++ b/tencent/.vscode/extensions.json
@ -0,0 +1,3 @@
 {
  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
 }
--- a/tencent/README.md
+++ b/tencent/README.md
@ -0,0 +1,18 @@
 # Vue 3 + TypeScript + Vite
 This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 ## Recommended IDE Setup
 - [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
 ## Type Support For `.vue` Imports in TS
 TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
 If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
 1. Disable the built-in TypeScript Extension
   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
 2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
--- a/tencent/dist.zip
+++ b/tencent/dist.zip
--- a/tencent/index.html
+++ b/tencent/index.html
@ -0,0 +1,13 @@
 <!doctype html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>后台管理</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
 </html>
--- a/tencent/package-lock.json
+++ b/tencent/package-lock.json
--- a/tencent/package.json
+++ b/tencent/package.json
@ -0,0 +1,29 @@
 {
  "name": "tencent",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "ant-design-vue": "^4.2.3",
    "axios": "^1.6.7",
    "echarts": "^4.9.0",
    "element-plus": "^2.6.0",
    "pinia": "^2.1.7",
    "pinia-plugin-persistedstate": "^3.2.1",
    "vue": "^3.4.19",
    "vue-router": "^4.3.0"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.0.4",
    "babel-plugin-component": "^1.1.1",
    "sass": "^1.77.0",
    "typescript": "^5.2.2",
    "vite": "^5.1.4",
    "vue-tsc": "^1.8.27"
  }
 }
--- a/tencent/public/vite.svg
+++ b/tencent/public/vite.svg
@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
--- a/tencent/src/API/myAxios.ts
+++ b/tencent/src/API/myAxios.ts
@ -0,0 +1,20 @@
 import axios from "axios"
 const myAxios = axios.create({
    withCredentials:true,
   //baseURL:'http://localhost:9999/api'
    baseURL:'http://39.101.78.35:6271/api'
 });
 myAxios.interceptors.request.use(function (config) {
    return config;
 }, function (error) {
    return Promise.reject(error);
 });
 myAxios.interceptors.response.use(function (response) {
    return response.data;
 }, function (error) {
    return Promise.reject(error);
 });
 export default myAxios;
--- a/tencent/src/App.vue
+++ b/tencent/src/App.vue
@ -0,0 +1,23 @@
 <script setup lang="ts">
 </script>
 <template>
 <router-view></router-view>
 </template>
 <style scoped>
 html {
  padding: 0;
  margin: 0;
  background-color: deeppink;
 }
 body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: deeppink;
 }
 </style>
--- a/tencent/src/assets/vue.svg
+++ b/tencent/src/assets/vue.svg
@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
--- a/tencent/src/images/200.png
+++ b/tencent/src/images/200.png
--- a/tencent/src/images/R-C.jpeg
+++ b/tencent/src/images/R-C.jpeg
--- a/tencent/src/images/avatar.jpg
+++ b/tencent/src/images/avatar.jpg
--- a/tencent/src/images/background.png
+++ b/tencent/src/images/background.png
--- a/tencent/src/images/bgi.jpg
+++ b/tencent/src/images/bgi.jpg
--- a/tencent/src/images/bgi.png
+++ b/tencent/src/images/bgi.png
--- a/tencent/src/images/cart.png
+++ b/tencent/src/images/cart.png
--- a/tencent/src/images/center-bg.png
+++ b/tencent/src/images/center-bg.png
--- a/tencent/src/images/good.png
+++ b/tencent/src/images/good.png
--- a/tencent/src/images/load.gif
+++ b/tencent/src/images/load.gif
--- a/tencent/src/images/loading.gif
+++ b/tencent/src/images/loading.gif
--- a/tencent/src/images/login-bg.png
+++ b/tencent/src/images/login-bg.png
--- a/tencent/src/images/logo.png
+++ b/tencent/src/images/logo.png
--- a/tencent/src/images/love.png
+++ b/tencent/src/images/love.png
--- a/tencent/src/images/my.png
+++ b/tencent/src/images/my.png
--- a/tencent/src/images/none.png
+++ b/tencent/src/images/none.png
--- a/tencent/src/images/qishou.jpg
+++ b/tencent/src/images/qishou.jpg
--- a/tencent/src/main.ts
+++ b/tencent/src/main.ts
@ -0,0 +1,35 @@
 import { createApp } from 'vue'
 //elementplus
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import App from './App.vue'
 //router
 import router from "./router"
 //pinia
 import { createPinia } from 'pinia'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 //ant
 import Antd from 'ant-design-vue'
 import 'ant-design-vue/lib/button/style'
 //pinia
 const pinia = createPinia()
 pinia.use(piniaPluginPersistedstate)
 const app = createApp(App)
 // 新增代码：注册全部组件
 app.use(Antd)
 app.use(router)
 app.use(ElementPlus)
 app.use(createPinia())
 //挂载实例
 app.mount('#app')
--- a/tencent/src/router/index.ts
+++ b/tencent/src/router/index.ts
@ -0,0 +1,8 @@
 import {createRouter, createWebHashHistory} from "vue-router";
 import {routes} from "./routes";
 const router =createRouter({
    history: createWebHashHistory(),
    routes,
 })
 export default router
--- a/tencent/src/router/routes.ts
+++ b/tencent/src/router/routes.ts
@ -0,0 +1,92 @@
 export const routes = [
    { path: '/login', component: () => import("../views/Login.vue")},
    { path: '/index',
        component: () => import("../views/Layout/Index.vue"),
        children: [
            {
                path: '/',
                name:'首页',
                component: () => import("../views/Home.vue"),
            },
            {
                path: '/header',
                component: () => import("../views/Layout/Header.vue"),
            },
            {
                path: '/aside',
                component: () => import("../views/Layout/Aside.vue"),
            },
            {
                path: '/sort',
                component: () => import("../views/sort.vue"),
            },
            {
                path: '/setting',
                name:'系统管理',
                component: () => import("../views/Setting.vue"),
            },
             {
                path: '/merchant',
                 name:'商家管理',
                component: () => import("../views/UserList/merchant.vue"),
            },
            {
                path: '/rider',
                name:'跑腿管理',
                component: () => import("../views/UserList/Rider.vue"),
            },
            {
                path: '/user',
                name:'学生管理',
                component: () => import("../views/UserList/user.vue"),
            },
            {
                path: '/order',
                name:'订单管理',
                component: () => import("../views/Order.vue"),
            },
            {
                path: '/talk',
                component: () => import("../views/Talk.vue"),
            },
            {
                path: '/statistics',
                component: () => import("../views/Statistics.vue"),
            },
            {
                path: '/center',
                name:'个人中心',
                component: () => import("../views/Center.vue"),
            },
            {
                path: '/evaluateAnalysis',
                component: () => import("../views/analysis/evaluate.vue"),
            },
            {
                path: '/behaviorAnalysis',
                component: () => import("../views/analysis/Behavior.vue"),
            },
            {
                path: '/orderAnalysis',
                component: () => import("../views/analysis/Order.vue"),
            },
            {
                path: '/pointsAnalysis',
                component: () => import("../views/analysis/points.vue"),
            },
            {
                path: '/postManage',
                name:'帖子管理',
                component: () => import("../views/forum/PostManage.vue"),
            },
            {
                path: '/notification',
                name:'通知与公告',
                component: () => import("../views/forum/Notification.vue"),
            },
        ],
    },
 ]
--- a/tencent/src/stores/index.ts
+++ b/tencent/src/stores/index.ts
@ -0,0 +1,17 @@
 import { createPinia} from 'pinia'
 const pinia = createPinia();
 export default pinia
 /*import { createPinia } from 'pinia'
 // 创建 pinia 实例
 const pinia = createPinia()
 // 使用持久化存储插件
 pinia.use(persist)
 // 默认导出，给 main.ts 使用
 export default pinia
 // 模块统一导出
 export * from './modules/member'*/
--- a/tencent/src/stores/userStore.ts
+++ b/tencent/src/stores/userStore.ts
@ -0,0 +1,37 @@
 import { defineStore } from 'pinia'
 import myAxios from "../API/myAxios.ts";
 export const userStore = defineStore('user', {
    state: () => {
        return {
            loginUser:{
                username:'未登录',
                avatarUrl:'',
                userRole:'notLogin',
                createTime:'null'
            }
        }
    },
    persist: true,
    actions:{
        //获取用户信息
        async getLoginUser() {
            //请求登录信息
            console.log("login已经调用");
            //const res:any = await myAxios.get('/user/current');
            const res:any = await myAxios.get('/user/current', { withCredentials: true });
            console.log("11111")
            console.log(res);
            console.log("11111222222")
            if(res.code === 0 && res.data) {
                this.updateUser(res.data)
            }
        },
        //更新用户信息
        updateUser(payLoad: any) {
            this.loginUser = payLoad;
        }
    }
 })
--- a/tencent/src/style.css
+++ b/tencent/src/style.css
@ -0,0 +1,11 @@
 html {
    /*滚动时采用平滑过度*/
    scroll-behavior: smooth;
 }
 body {
    padding: 0;
    margin: 0;
 }
 li {
    display: block;
 }
--- a/tencent/src/views/Center.vue
+++ b/tencent/src/views/Center.vue
@ -0,0 +1,31 @@
 <script setup lang="ts">
 import {useRoute} from "vue-router";
 const route = useRoute()
 import {House} from "@element-plus/icons-vue";
 </script>
 <template>
  <div class="header">
    <el-icon class="icon"><House /></el-icon>
    /{{route.name}}
  </div>
  <div class="avatar"></div>
 </template>
 <style scoped>
 .header {
  width: 100%;
  height: 50px;
  background-color: white;
  .icon {
    display: inline-block;
    margin-left: 20px;
    line-height: 50px;
  }
 }
 .avatar {
  width: 500px;
  height: 250px;
  background-color: pink;
 }
 </style>
--- a/tencent/src/views/Home.vue
+++ b/tencent/src/views/Home.vue
@ -0,0 +1,177 @@
 <script setup lang="ts">
 //import {House} from "@element-plus/icons-vue";
 import BrokenLine from "./echart/BrokenLine.vue";
 import pie from "./echart/Pie.vue";
 import Trading from "./echart/Trading.vue";
 import { HomeOutlined} from '@ant-design/icons-vue';
 import {ref} from 'vue'
 const list=ref([
  {
    style:'success',
    message:'昨天的订单高峰期系统有些卡顿，请检查。'
  },
  {
    style:'info',
    message:'新增功能测试完成，无明显bug，可上线。'
  },
  {
    style:'warning',
    message:'客户反映配送时间显示不准确，需优化。'
  },
  {
    style:'error',
    message:'下周促销活动准备就绪，请确保系统稳定。'
  },
  {
    style:'warning',
    message:'请关注最近一周的销售数据波动情况。'
  },
  {
    style:'warning',
    message:'高峰期配送员不够，请考虑增加人手。'
  },
 ])
 </script>
 <template>
  <a-breadcrumb class="header">
    <a-breadcrumb-item href="">
      <home-outlined />
    </a-breadcrumb-item>
    <a-breadcrumb-item>{{ $route.name }}</a-breadcrumb-item>
  </a-breadcrumb>
 <!-- <div class="header">
  <el-icon class="icon"><House /></el-icon>
    /{{route.name}}
 </div>-->
  <div class="mainLeft">
    <div class="overview">
      <div class="container">
        <div class="square">
          <p>每日交易量</p>
          <img src="../images/cart.png" width="35px">
          <h2>996</h2>
        </div>
        <div class="square">
          <p>每日跑腿接单</p>
          <img src="../images/cart.png" width="35px">
          <h2>996</h2>
        </div>
        <div class="square">
          <p>订单好评总数</p>
          <img src="../images/cart.png" width="35px">
          <h2>996</h2>
        </div>
        <div class="square">
          <p>活跃用户数</p>
          <img src="../images/cart.png" width="35px">
          <h2>996</h2>
        </div>
      </div>
    </div>
    <div class="brokenLine">
      <BrokenLine></BrokenLine>
    </div>
     <div class="pie1">
       <pie></pie>
    </div>
  </div>
  <div class="mainRight">
     <div class="feedback">
       <h3>留言板</h3>
       <div style="max-width: 600px" class="feedback">
         <el-alert v-for="(item,index) in list" :key="index" :title="item.message" :type="item.style" show-icon class="message"/>
         <!-- <el-alert title="Info alert" type="info" show-icon class="message"/>
         <el-alert title="Warning alert" type="warning" show-icon class="message"/>
         <el-alert title="Error alert" type="error" show-icon class="message"/>
         <el-alert title="Error alert" type="error" show-icon class="message"/>
         <el-alert title="Error alert" type="error" show-icon class="message"/>-->
       </div>
     </div>
    <div class="trade">
      <Trading></Trading>
    </div>
  </div>
 </template>
 <style scoped>
 .header {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: white;
  margin-top: 0;
 }
 .mainLeft {
  display: inline-block;
  width: 65%;
  height: 90%;
  .overview {
    width: 95%;
    height: 13%;
    margin: 0 auto;
  }
 }
 .mainRight {
  float: right;
  width: 35%;
  height: 90%;
 }
 .container {
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
 }
 h2 {
  display: inline-block;
  margin-top: 0;
 }
 .square {
  width: 150px;
  height: 80px;
  background-color: rgba(0, 204, 255, 0.72);
  border-radius: 15px;
 }
 p {
  margin-bottom: 0;
  padding-left: 15px;
 }
 .brokenLine {
  margin: 0 auto;
  width: 100%;
  height: 40%;
 }
 h3 {
  text-align: center;
  margin-top: 20px;
  padding-top: 10px;
 }
 .feedback {
  width: 87%;
  height: 60%;
  background-color: #fff;
  border-radius: 10px;
  margin: 0 auto;
 }
 .message {
  margin: 10px 0 0;
  border-radius: 10px;
 }
 .message:first-child {
  margin: 0;
 }
 .pie1 {
  width: 90%;
  height: 35%;
 }
 .trade {
  width: 100%;
  height: 40%;
 }
 </style>
--- a/tencent/src/views/Layout/Aside.vue
+++ b/tencent/src/views/Layout/Aside.vue
@ -0,0 +1,81 @@
 <script setup lang="ts">
 import {onMounted, ref} from 'vue'
 import {
  Document,
  Menu as IconMenu,
  House,
  Setting,
  ChatLineRound,
  Histogram,
 } from "@element-plus/icons-vue";
 import {useRoute} from "vue-router";
 const route = useRoute();
 const activeIndex = ref('/Index')
 onMounted(() => {
  setActiveIndex();
 })
 const setActiveIndex = () =>{
  activeIndex.value = route.path
 }
 </script>
 <template>
    <el-menu
        :default-active="activeIndex"
        class="el-menu-vertical-demo"
        router
        active-text-color="#0f40f5"
        background-color="white"
        text-color="#000"
    >
      <el-menu-item index="/">
        <el-icon><House /></el-icon>
        <span>首页</span>
      </el-menu-item>
      <el-sub-menu index="/merchant">
        <template #title>
          <el-icon>
            <IconMenu />
          </el-icon>
          <span>用户管理</span>
        </template>
        <el-menu-item index="/merchant">商家管理 </el-menu-item>
        <el-menu-item index="/rider">跑腿管理</el-menu-item>
        <el-menu-item index="/user">普通用户管理</el-menu-item>
      </el-sub-menu>
      <el-menu-item index="/order">
        <el-icon><document /></el-icon>
        <span>订单管理</span>
      </el-menu-item>
      <el-sub-menu index="/talk">
        <template #title>
          <el-icon><ChatLineRound /></el-icon>
          <span>论坛管理</span>
        </template>
        <el-menu-item index="/postManage">帖子管理</el-menu-item>
        <el-menu-item index="/notification">通知与公告</el-menu-item>
      </el-sub-menu>
      <el-sub-menu index="/statistics">
        <template #title>
          <el-icon><Histogram /></el-icon>
          <span>数据统计</span>
        </template>
        <el-menu-item index="/behaviorAnalysis">用户行为分析 </el-menu-item>
        <el-menu-item index="/orderAnalysis">订单分析</el-menu-item>
        <el-menu-item index="/evaluateAnalysis">评价分析</el-menu-item>
        <el-menu-item index="/pointsAnalysis">积分活动分析</el-menu-item>
      </el-sub-menu>
      <el-menu-item index="/setting">
        <el-icon><setting /></el-icon>
        <span>系统管理</span>
      </el-menu-item>
    </el-menu>
 </template>
 <style scoped>
 </style>
--- a/tencent/src/views/Layout/Header.vue
+++ b/tencent/src/views/Layout/Header.vue
@ -0,0 +1,146 @@
 <script lang="ts" setup>
 import {onMounted, ref} from "vue";
 import {Search,Bell,Sunny} from "@element-plus/icons-vue";
 import myAxios from "../../API/myAxios.ts";
 import {ElMessage} from "element-plus";
 import {useRouter} from "vue-router";
 import {userStore} from "../../stores/userStore.ts";
 const router = useRouter();
 const store = userStore();
 const logout= async() => {
  const res:any = await myAxios.post("/user/logout", {
  })
  ElMessage({
    showClose: true,
    type: res.code === 0 ? 'success' : "error",
    message: res.code === 0 ? '退出成功' : `退出失败`,
  })
  if (res.code === 0 && res.data) {
    store.$reset();
    await router.replace('/login')
  }
 }
 const open = ref<boolean>(false);
 const afterOpenChange = (bool: boolean) => {
  console.log('open', bool);
 };
 const showDrawer = () => {
  open.value = true;
 };
 onMounted(()=>{
  console.log(store.loginUser);
 })
 </script>
 <template>
  <div class="boxLeft">
    <img src="../../images/logo.png" class="boxImg">
  </div>
  <div class="user">
    {{store.loginUser.userRole==='notLogin'?'未登录':store.loginUser.username}}
  </div>
  <div class="boxRight">
    <div class="icon1">
      <el-icon><Search /></el-icon>
    </div>
    <div class="icon2">
      <el-icon><Bell /></el-icon>
    </div>
    <div class="icon3">
      <el-icon><Sunny /></el-icon>
    </div>
    <el-dropdown>
      <a-avatar size="large" class="people">
        <template #icon><img :src="store.loginUser.avatarUrl" alt=""></template>
      </a-avatar>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item @click="logout"><el-icon><Bell /></el-icon>退出登录</el-dropdown-item>
          <el-dropdown-item @click="showDrawer"><el-icon><Bell /></el-icon>个人中心</el-dropdown-item>
        </el-dropdown-menu>
      </template>
    </el-dropdown>
    <a-drawer
        v-model:open="open"
        class="custom-class"
        root-class-name="root-class-name"
        :root-style="{ color: 'blue' }"
        style="color: #646464"
        title="个人中心"
        placement="right"
        @after-open-change="afterOpenChange"
    >
      <el-avatar :size="64" :src="store.loginUser.avatarUrl"></el-avatar>
     <div class="message">
       <p class="firstmessage">用户名：{{ store.loginUser.username }}</p>
       <p>账号ID：{{ store.loginUser.username }}</p>
       <p>注册时间：2024-06-20</p>
       <p>账号权限：管理员</p>
     </div>
    </a-drawer>
  </div>
 </template>
 <style>
 .boxLeft {
  width: 200px;
  height: 200px;
  float: left;
 }
 .user {
  padding-left: 1070px;
  display: inline-block;
  line-height: 50px;
 }
 .boxImg {
  width:200px;
 }
 .boxRight {
  float: right;
  width: 120px;
  height: 200px;
 }
 .icon1 {
  margin-top: 20px;
  display: inline-block;
 }
 .icon2 {
  margin-left: 10px;
  display: inline-block;
 }
 .icon3 {
  margin-left: 10px;
  display: inline-block;
 }
 .people {
  float: right;
  margin-top: 10px;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
 }
 .custom-class img{
  float: left;
 }
 .message {
  float: right;
  margin-right: 100px;
 }
 .firstmessage {
  margin-top: 0;
 }
 </style>
--- a/tencent/src/views/Layout/Index.vue
+++ b/tencent/src/views/Layout/Index.vue
@ -0,0 +1,45 @@
 <script setup lang="ts">
 import Header from "./Header.vue"
 import Aside from "./Aside.vue"
 </script>
 <template>
  <div class="common-layout">
    <el-container style="height: 100%;">
     <el-header class="header">
        <Header></Header>
      </el-header>
      <el-container>
        <el-aside width="200px" class="aside">
          <Aside></Aside>
        </el-aside>
        <el-container>
          <el-main class="main">
            <router-view></router-view>
          </el-main>
        </el-container>
      </el-container>
    </el-container>
  </div>
 </template>
 <style scoped>
 .common-layout {
    height: 100%;
    width: 100%;
    position: fixed;
 }
 .main {
  width: 100%;
  padding: 2px;
  background-color: #F7F7F7;
 }
 .header {
  width: 100%;
  height: 8%;
 }
 .aside {
  width: 12%;
  height: 100%;
 }
 </style>
--- a/tencent/src/views/Login.vue
+++ b/tencent/src/views/Login.vue
@ -0,0 +1,305 @@
 <script setup lang="ts">
 import {ref} from 'vue';
 import {useRouter} from "vue-router";
 import myAxios from "../API/myAxios.ts";
 import {ElMessage} from "element-plus";
 import {userStore} from "../stores/userStore.ts";
 const router = useRouter();
 const userAccount = ref('');
 const userPassword= ref('');
 const store = userStore();
 const doLogin = async() =>{
  console.log(userAccount.value);
  console.log(userPassword.value);
  const res:any = await myAxios.post("/user/login",{
    userAccount: userAccount.value,
    userPassword: userPassword.value
  })
  ElMessage({
    showClose:true,
    type: res.code===0?'success':"error",
    message:res.code===0?'登录成功':`登录失败:${res.message}`,
  })
  console.log(res.data);
  const resone:any = await myAxios.get('/user/current', { withCredentials: true });
  console.log(resone);
  console.log(res.code);
  if(res.code === 0 && res.data) {
    await store.getLoginUser()
    await router.replace({path: '/'})
  }
 };
 </script>
 <template>
  <div id="login">
    <header class="login-header">
      <div class="container m-top-20">
        <h1 class="logo">
          <RouterLink to="/">校快送</RouterLink>
        </h1>
      </div>
    </header>
    <section class="login-section">
      <div class="wrapper">
        <nav>
          <RouterLink to="/">登录</RouterLink>
        </nav>
        <div class="account-box">
          <div class="form">
            <el-form ref="formRef" label-position="right" label-width="60px"
                     status-icon>
              <el-form-item prop="userAccount" placeholder="请输入用户名" label="账户">
                <el-input v-model="userAccount"/>
              </el-form-item>
              <el-form-item prop="userPassword" placeholder="请输入密码" label="密码">
                <el-input v-model="userPassword"/>
              </el-form-item>
              <el-button size="large" class="subBtn" @click="doLogin">点击登录</el-button>
            </el-form>
          </div>
        </div>
      </div>
    </section>
    <footer class="login-footer">
      <div class="container">
        <p>CopyRight &copy; 校快送</p>
      </div>
    </footer>
  </div>
 </template>
 <style scoped lang='scss'>
 .login-header {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  .container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .logo {
    width: 200px;
    a {
      display: block;
      height: 90px;
      width: 100%;
      text-indent: -9999px;
      background: url("../images/logo.png") no-repeat center 18px / contain;
    }
  }
  .sub {
    flex: 1;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 38px;
    margin-left: 20px;
    color: #666;
  }
  .entry {
    width: 120px;
    margin-bottom: 38px;
    font-size: 16px;
    i {
      font-size: 14px;
      color: blue;
      letter-spacing: -5px;
    }
  }
 }
 .login-section {
  background: url('../images/bgi.jpg') no-repeat center / cover;
  height: 488px;
  position: relative;
  .wrapper {
    width: 380px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 54px;
    transform: translate3d(100px, 0, 0);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    nav {
      font-size: 14px;
      height: 55px;
      margin-bottom: 20px;
      border-bottom: 1px solid #f5f5f5;
      display: flex;
      padding: 0 40px;
      text-align: right;
      align-items: center;
      a {
        flex: 1;
        line-height: 1;
        display: inline-block;
        font-size: 18px;
        position: relative;
        text-align: center;
      }
    }
  }
 }
 .login-footer {
  padding: 30px 0 50px;
  background: #fff;
  p {
    text-align: center;
    color: #999;
    padding-top: 20px;
    a {
      line-height: 1;
      padding: 0 10px;
      color: #999;
      display: inline-block;
      ~a {
        border-left: 1px solid #ccc;
      }
    }
  }
 }
 .account-box {
  .toggle {
    padding: 15px 40px;
    text-align: right;
    a {
      color: blue;
      i {
        font-size: 14px;
      }
    }
  }
  .form {
    padding: 0 20px 20px 20px;
    &-item {
      margin-bottom: 28px;
      .input {
        position: relative;
        height: 36px;
        >i {
          width: 34px;
          height: 34px;
          background: #cfcdcd;
          color: #fff;
          position: absolute;
          left: 1px;
          top: 1px;
          text-align: center;
          line-height: 34px;
          font-size: 18px;
        }
        input {
          padding-left: 44px;
          border: 1px solid #cfcdcd;
          height: 36px;
          line-height: 36px;
          width: 100%;
          &.error {
            border-color: blue;
          }
          &.active,
          &:focus {
            border-color: blue;
          }
        }
        .code {
          position: absolute;
          right: 1px;
          top: 1px;
          text-align: center;
          line-height: 34px;
          font-size: 14px;
          background: #f5f5f5;
          color: #666;
          width: 90px;
          height: 34px;
          cursor: pointer;
        }
      }
      >.error {
        position: absolute;
        font-size: 12px;
        line-height: 28px;
        color: blue;
        i {
          font-size: 14px;
          margin-right: 2px;
        }
      }
    }
    .agree {
      a {
        color: #069;
      }
    }
    .btn {
      display: block;
      width: 100%;
      height: 40px;
      color: #fff;
      text-align: center;
      line-height: 40px;
      background: blue;
      &.disabled {
        background: #cfcdcd;
      }
    }
  }
  .action {
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .url {
      a {
        color: #999;
        margin-left: 10px;
      }
    }
  }
 }
 .subBtn {
  background: blue;
  border-radius: 15px;
  width: 100%;
  color: #fff;
 }
 </style>
--- a/tencent/src/views/Message.vue
+++ b/tencent/src/views/Message.vue
@ -0,0 +1,11 @@
 <script setup lang="ts">
 </script>
 <template>
 </template>
 <style scoped>
 </style>
--- a/tencent/src/views/New.vue
+++ b/tencent/src/views/New.vue
@ -0,0 +1,102 @@
 <script setup lang="ts">
 import {onMounted, ref} from "vue";
 import * as echarts from "echarts";
 const main = ref();
 onMounted(() => {
  init();
 });
 const labelRight = {
  position: 'right'
 };
 const init = () => {
  const myChart = echarts.init(main.value);
  let option = {
    title: {
      text: '每日用户新增'
    },
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        type: 'shadow'
      }
    },
    grid: {
      top: 80,
      bottom: 30
    },
    xAxis: {
      type: 'value',
      position: 'top',
      splitLine: {
        lineStyle: {
          type: 'dashed'
        }
      }
    },
    yAxis: {
      type: 'category',
      axisLine: { show: false },
      axisLabel: { show: false },
      axisTick: { show: false },
      splitLine: { show: false },
      data: [
        'three',
        'two',
        'one'
      ]
    },
    series: [
      {
        name: 'Cost',
        type: 'bar',
        stack: 'Total',
        label: {
          show: true,
          formatter: '{b}'
        },
        data: [
          { value: -0.07, label: labelRight },
          { value: -0.09, label: labelRight },
          0.2,
          0.44,
          { value: -0.23, label: labelRight },
          0.08,
          { value: -0.17, label: labelRight },
          0.47,
          { value: -0.36, label: labelRight },
          0.18
        ]
      }
    ]
  };
  myChart.setOption(option);
 }
 </script>
 <template>>
  <div class="echarts">
    <div style="width: 100%; height: 100%; margin-top: 1rem">
      <div ref="main" style="width: 100%; height: 100%"></div>
    </div>
  </div>
 </template>
 <style scoped>
 .echarts {
  width: 90%;
  height: 80%;
  border-radius: 12px;
  margin: 1rem;
  padding: 1rem;
  background-color: #ffffff;
  min-width: 0;
 }
 </style>
--- a/tencent/src/views/Order.vue
+++ b/tencent/src/views/Order.vue
@ -0,0 +1,186 @@
 <script lang="ts" setup>
 import {ref} from 'vue'
 import {onMounted} from "vue";
 import myAxios from "../API/myAxios.ts";
 import {Action, ElMessage, ElMessageBox} from "element-plus";
 import { HomeOutlined, UserOutlined } from '@ant-design/icons-vue';
 const tableData = ref([]);
 onMounted(() => {
  getUserList();
 })
 const onSearch = () => {
  getUserList();
 }
 const onReset = () => {
  searchParams.value.username = '';
  searchParams.value.phone='';
  getUserList();
 }
 const searchParams = ref({
  current: 1,
  pageSize: 10,
  username: '',
  phone: '',
  userStatus:0
 });
 const createTime = (row: any)=> {
  let data = row.createTime;
  return data.slice(0,16).replace('T',`~`)
 }
 const getUserList = async () => {
  const res:any = await myAxios.get("/user/search",{
    params: {
      current: searchParams.value.current,
      pageSize: searchParams.value.pageSize,
      username: searchParams.value.username,
      phone: searchParams.value.phone,
      userStatus: searchParams.value.userStatus
    }})
  if(res.code === 0 && res.data) {
    tableData.value = res.data;
  } else {
    ElMessage({
      type:"error",
      message: `加载数据失败：${res.message}`
    })
  }
 }
 const view = () => {
  ElMessageBox.alert('This is a message', 'Title', {
    confirmButtonText: 'OK',
    callback: (action: Action) => {
      ElMessage({
        type: 'info',
        message: `action: ${action}`,
      })
    },
  })
 }
 const doDelete =async (id:string) => {
  const res:any = await myAxios.post("/user/delete",{id:id})
  ElMessage({
    showClose:true,
    type:res.code === 0 ? 'success' : "error",
    message:res.code === 0 ? '删除成功' : `删除失败:${res.message}`
  })
  if(res.code === 0 && res.data) {
    await getUserList();
  }
 }
 const doBan =async (id:string, isBan: boolean) => {
  const res:any = await myAxios.post("/user/update",{id:id, userRole: isBan ? 2 :0})
  ElMessage({
    showClose:true,
    type:res.code === 0 ? 'success' : "error",
    message:res.code === 0 ? '操作成功' : `操作失败:${res.message}`
  })
  if(res.code === 0 && res.data) {
    await getUserList();
  }
 }
 if(searchParams.value.userStatus===1){
 }
 </script>
 <template>
  <a-breadcrumb class="header">
    <a-breadcrumb-item href="">
      <home-outlined />
    </a-breadcrumb-item>
    <a-breadcrumb-item href="">
      <user-outlined />
      <span>{{ $route.path }}</span>
    </a-breadcrumb-item>
    <a-breadcrumb-item>{{ $route.name }}</a-breadcrumb-item>
  </a-breadcrumb>
  <!--搜索部分-->
  <div class="search-box">
    <el-form
        :inline="true"
        :model="searchParams"
    >
      <el-form-item label="用户名称" class="search">
        <el-input v-model="searchParams.username" />
      </el-form-item>
      <el-form-item label="手机号" class="search">
        <el-input v-model="searchParams.phone" />
      </el-form-item>
      <el-button type="primary" @click="onSearch" style="margin-top: 10px" color="#4e58fd">搜索</el-button>
      <el-button type="primary" @click="onReset" style="margin-top: 10px" color="#4e58fd">重置</el-button>
    </el-form>
  </div>
  <div class="table">
    <el-table :data="tableData" style="width: 100%;height: 80%" border stripe>
      <el-table-column label="订单ID" prop="id"/>
      <el-table-column label="用户名称" prop="username"/>
      <el-table-column label="手机号" prop="phone"/>
      <el-table-column label="订单状态" prop="userStatus" >
        <template #default="scope">
          <div v-if="scope.row.userRole === 1">
            <el-tag type="success">进行中</el-tag>
          </div>
          <div v-else-if="scope.row.userRole === 0">
            <el-tag type="success">已结束</el-tag>
          </div>
          <div v-else-if="scope.row.userRole === 2">
            <el-tag type="warning">已取消</el-tag>
          </div>
        </template>
      </el-table-column>
      <el-table-column label="入驻时间" prop="createtime" :formatter="createTime"/>
      <el-table-column align="center" label="操作">
        <template #default="scope">
          <el-button link size="small" type="warning" :disabled="scope.row.userRole === 1"
                     @click="doBan(scope.row.id, scope.row.userRole !== 2)">
            {{scope.row.userRole === 2? '解封' : '封禁'}}
          </el-button>
          <el-button link size="small" type="warning" @click="view">
            查看
          </el-button>
          <el-button link size="small" type="danger" :disabled="scope.row.userRole === 'admin'"
                     @click="doDelete(scope.row.id)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
 </template>
 <style scoped>
 .header {
  width: 100%;
  height: 30px;
  background-color: white;
 }
 h4 {
  display: inline-block;
  margin-left: 10px;
 }
 .search {
  margin-top: 10px;
  float: left;
  width: 20%;
  height: 7%;
 }
 .table {
  width: 100%;
  height: 100%;
 }
 </style>
--- a/tencent/src/views/Setting.vue
+++ b/tencent/src/views/Setting.vue
@ -0,0 +1 @@
 <template>系统设置</template>
--- a/tencent/src/views/Signin.vue
+++ b/tencent/src/views/Signin.vue
@ -0,0 +1,11 @@
 <script setup lang="ts">
 </script>
 <template>
 注册
 </template>
 <style scoped>
 </style>
--- a/tencent/src/views/Statistics.vue
+++ b/tencent/src/views/Statistics.vue
@ -0,0 +1,11 @@
 <script setup lang="ts">
 </script>
 <template>
 <div class="Statistics">数据统计</div>
 </template>
 <style scoped>
 </style>
--- a/tencent/src/views/Talk.vue
+++ b/tencent/src/views/Talk.vue
@ -0,0 +1,11 @@
 <script setup lang="ts">
 </script>
 <template>
 <div class="talk">论坛管理</div>
 </template>
 <style scoped>
 </style>
--- a/tencent/src/views/UserList/DialogModule.vue
+++ b/tencent/src/views/UserList/DialogModule.vue
@ -0,0 +1,48 @@
 <template>
  <el-dialog
      :title="title"
      :visible.sync="isVisible"
      width="30%"
      @close="$emit('close')"
  >
    <slot></slot>
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="isVisible = false">Cancel</el-button>
        <el-button type="primary" @click="confirm">Confirm</el-button>
      </span>
    </template>
  </el-dialog>
 </template>
 <script>
 export default {
  name: "CustomDialog",
  props: {
    title: {
      type: String,
      default: "",
    },
    modelValue: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      isVisible: this.modelValue,
    };
  },
  watch: {
    modelValue(newValue) {
      this.isVisible = newValue;
    },
  },
  methods: {
    confirm() {
      this.$emit("update:modelValue", false);
      this.$emit("confirm");
    },
  },
 };
 </script>
--- a/tencent/src/views/UserList/Rider.vue
+++ b/tencent/src/views/UserList/Rider.vue
@ -0,0 +1,353 @@
 <script lang="ts" setup>
 import {ref} from 'vue'
 import {onMounted} from "vue";
 import myAxios from "../../API/myAxios.ts";
 import {Action, ElMessage, ElMessageBox} from "element-plus";
 import { HomeOutlined, UserOutlined } from '@ant-design/icons-vue';
 const tableData = ref([]);
 onMounted(() => {
  getUserList();
 })
 const onSearch = () => {
  getUserList();
 }
 const onReset = () => {
  searchParams.value.username = '';
  searchParams.value.phone='';
  getUserList();
 }
 const searchParams = ref({
  current: 1,
  pageSize: 10,
  username: '',
  phone: '',
  userStatus:0
 });
 const createTime = (row: any)=> {
  let data = row.createTime;
  return data.slice(0,16).replace('T',`~`)
 }
 const total= ref(0);
 const getUserList = async () => {
  const res:any = await myAxios.get("/user/search",{
    params: {
      current: searchParams.value.current,
      pageSize: searchParams.value.pageSize,
      username: searchParams.value.username,
      phone: searchParams.value.phone,
      userStatus: searchParams.value.userStatus
    }})
  if(res.code === 0 && res.data) {
    tableData.value = res.data;
    total.value = parseInt(res.data.total)
  } else {
    ElMessage({
      type:"error",
      message: `加载数据失败：${res.message}`
    })
  }
 }
 const doDelete =async (id:string) => {
  const res:any = await myAxios.post("/user/delete",{id:id})
  ElMessage({
    showClose:true,
    type:res.code === 0 ? 'success' : "error",
    message:res.code === 0 ? '删除成功' : `删除失败:${res.message}`
  })
  if(res.code === 0 && res.data) {
    await getUserList();
  }
 }
 const doBan =async (id:string, isBan: boolean) => {
  const res:any = await myAxios.post("/user/update",{id:id, userRole: isBan ? 2 :0})
  ElMessage({
    showClose:true,
    type:res.code === 0 ? 'success' : "error",
    message:res.code === 0 ? '操作成功' : `操作失败:${res.message}`
  })
  if(res.code === 0 && res.data) {
    await getUserList();
  }
 }
 //分页
 const handleCurrentChange = (current: number) => {
  searchParams.value = {
    ...searchParams.value,
    current: current
  }
 }
 const handleSizeChange = (size: number) => {
  searchParams.value = {
    ...searchParams.value,
    pageSize: size
  }
  getUserList();
 }
 if(searchParams.value.userStatus===1){
 }
 /**
 * 新增
 * */
 const dialogVisible = ref(false)
 const editorDialogVisible = ref(false)
 const addForm = ref({
  avatarUrl: '',
  userAccount: '',
  userPassword: '',
  username: '',
 })
 const editorForm:any = ref({
  avatarUrl: '',
  email: '',
  gender: 0,
  id: 0,
  isDelete: 0,
  phone: '',
  updateTime: '',
  userAccount: '',
  userPassword: '',
  userRole: 0,
  userStates: 0,
  username: ''
 })
 const onAdd = async () => {
  try {
    const obj = {
      id: Math.floor(Math.random() * 1000),
      ...addForm.value
    }
    console.log('Adding user:', obj); // 添加调试输出
    const response = await myAxios.post('/user/add', obj)
    console.log('Response:', response); // 添加调试输出
    if (response.status === 200) {
      tableData.value.push(obj)
      dialogVisible.value = false
      ElMessage.success('添加成功')
    }
  } catch (error) {
    console.error('Error adding user:', error)
    ElMessage.error('添加失败，请稍后再试')
  }
 }
 /**
 * 编辑
 *
 * */
 const editorRow = (e: any) => {
  editorDialogVisible.value = true;
  editorForm.value = { ...e }; // Clone the object to avoid mutating the original data
 };
 const onEditor = async () => {
  try {
    const findIndex = tableData.value.findIndex((item) => item.id === editorForm.value.id);
    tableData.value[findIndex] = { ...editorForm.value }; // Update the local state
    // Make the API call to update the user on the server
    await myAxios.post('/user/update', editorForm.value);
    editorDialogVisible.value = false;
    ElMessage.success('更改成功');
  } catch (error) {
    console.error('Failed to update user:', error);
    ElMessage.error('更新失败，请检查您的网络连接或稍后再试。');
  }
 };
 </script>
 <template>
  <!--面包屑-->
  <a-breadcrumb class="header">
    <a-breadcrumb-item href="">
      <home-outlined />
    </a-breadcrumb-item>
    <a-breadcrumb-item href="">
      <user-outlined />
      <span>{{ $route.path }}</span>
    </a-breadcrumb-item>
    <a-breadcrumb-item>{{ $route.name }}</a-breadcrumb-item>
  </a-breadcrumb>
  <!--搜索部分-->
  <div class="search-box">
    <el-form
        :inline="true"
        :model="searchParams"
    >
      <el-form-item label="跑腿姓名" class="search">
        <el-input v-model="searchParams.username" />
      </el-form-item>
      <el-form-item label="手机号" class="search">
        <el-input v-model="searchParams.phone" />
      </el-form-item>
      <el-button type="primary" @click="onSearch" style="margin-top: 10px" color="#4e58fd">搜索</el-button>
      <el-button type="primary" @click="onReset" style="margin-top: 10px" color="#4e58fd">重置</el-button>
      <!--新增-->
      <el-button type="primary" @click="dialogVisible = true" style="margin-top: 10px" color="#4e58fd">新增</el-button>
      <el-dialog
          v-model="dialogVisible"
          title="添加"
          width="500"
      >
        <el-form>
          <el-form-item label="ID" label-width="100">
            <el-input v-model="addForm.avatarUrl"></el-input>
          </el-form-item>
          <el-form-item label="用户名" label-width="100">
            <el-input v-model="addForm.username"></el-input>
          </el-form-item>
          <el-form-item label="账户" label-width="100">
            <el-input v-model="addForm.userAccount"></el-input>
          </el-form-item>
          <el-form-item label="密码" label-width="100">
            <el-input v-model="addForm.userPassword"></el-input>
          </el-form-item>
          <el-form-item label="状态" label-width="100">
            <el-select v-model="addForm.avatarUrl">
              <el-option value="0" label="管理员">管理员</el-option>
              <el-option value="1" label="普通用户">普通用户</el-option>
            </el-select>
          </el-form-item>
        </el-form>
        <template #footer>
          <div class="dialog-footer">
            <el-button @click="dialogVisible = false">取消</el-button>
            <el-button type="primary" @click="onAdd">
              确定
            </el-button>
          </div>
        </template>
      </el-dialog>
      <!--修改操作-->
      <el-dialog
          v-model="editorDialogVisible"
          title="编辑"
          width="500"
      >
        <el-form>
          <el-form-item label="ID" label-width="100">
            <el-input v-model="editorForm.avatarUrl"></el-input>
          </el-form-item>
          <el-form-item label="用户名" label-width="100">
            <el-input v-model="editorForm.username"></el-input>
          </el-form-item>
          <el-form-item label="日期" label-width="100">
            <el-input v-model="editorForm.userAccount"></el-input>
          </el-form-item>
          <el-form-item label="地址" label-width="100">
            <el-input v-model="editorForm.userPassword"></el-input>
          </el-form-item>
          <el-form-item label="状态" label-width="100">
            <el-select v-model="editorForm.avatarUrl">
              <el-option value="1" label="普通用户">普通用户</el-option>
              <el-option value="0" label="管理员">管理员</el-option>
            </el-select>
          </el-form-item>
        </el-form>
        <template #footer>
          <div class="dialog-footer">
            <el-button @click="editorDialogVisible = false">取消</el-button>
            <el-button type="primary" @click="onEditor">
              确定
            </el-button>
          </div>
        </template>
      </el-dialog>
    </el-form>
  </div>
  <div class="table">
    <el-table :data="tableData" style="width: 100%;height: 80%" border stripe>
      <el-table-column label="骑手ID" prop="id"/>
      <el-table-column label="骑手姓名" prop="username"/>
      <el-table-column label="手机号" prop="phone"/>
      <el-table-column label="状态" prop="userStatus" >
        <template #default="scope">
          <div v-if="scope.row.userRole === 1">
            <el-tag type="success">跑腿中</el-tag>
          </div>
          <div v-else-if="scope.row.userRole === 0">
            <el-tag type="success">跑腿中</el-tag>
          </div>
          <div v-else-if="scope.row.userRole === 2">
            <el-tag type="warning">被封禁</el-tag>
          </div>
        </template>
      </el-table-column>
      <el-table-column label="订单总量" prop="createtime" :formatter="createTime"/>
      <el-table-column align="center" label="操作">
        <template #default="scope">
          <el-button link size="small" type="warning" :disabled="scope.row.userRole === 1"
                     @click="doBan(scope.row.id, scope.row.userRole !== 2)">
            {{scope.row.userRole === 2? '解封' : '封禁'}}
          </el-button>
          <el-button link size="small" type="info" @click="editorRow(scope.row)">编辑</el-button>
          <el-button link size="small" type="danger" :disabled="scope.row.userRole === 'admin'"
                     @click="doDelete(scope.row.id)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <div class="pagination">
      <el-pagination
          background
          :page-size="searchParams.pageSize"
          :current-page="searchParams.current"
          layout="total,sizes, prev, pager, next,jumper"
          :total="total"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          class="pagination"
          :page-sizes="[10.20]"
      />
    </div>
  </div>
 </template>
 <style scoped>
 .header {
  width: 100%;
  height: 30px;
  background-color: white;
 }
 h4 {
  display: inline-block;
  margin-left: 10px;
 }
 .search {
  margin-top: 10px;
  float: left;
  width: 20%;
  height: 7%;
 }
 .table {
  width: 100%;
  height: 80%;
 }
 </style>
--- a/tencent/src/views/UserList/merchant.vue
+++ b/tencent/src/views/UserList/merchant.vue
@ -0,0 +1,214 @@
 <script lang="ts" setup>
 import {ref} from 'vue'
 import {onMounted} from "vue";
 import myAxios from "../../API/myAxios.ts";
 import {Action, ElMessage, ElMessageBox} from "element-plus";
 import { HomeOutlined, UserOutlined } from '@ant-design/icons-vue';
 const total= ref(0);
 //时间处理
 const tableData = ref([]);
 onMounted(() => {
  getUserList();
 })
 const onSearch = () => {
  getUserList();
 }
 const onReset = () => {
  searchParams.value.businessName = '';
  searchParams.value.businessPhone='';
  getUserList();
 }
 const searchParams = ref({
  current: 1,
  pageSize: 10,
  businessName: '',
  businessPhone: '',
  storeStatus:0
 });
 const createTime = (row: any)=> {
  let data = row.createTime;
  return data.slice(0,16).replace('T',`~`)
 }
 const getUserList = async () => {
  const res:any = await myAxios.post("/business/list",{
    params: {
      current: searchParams.value.current,
      pageSize: searchParams.value.pageSize,
      businessName: searchParams.value.businessName,
      phone: searchParams.value.businessPhone,
      storeStatus: searchParams.value.storeStatus
    }})
  if(res.code === 0 && res.data) {
    tableData.value = res.data;
    total.value = parseInt(res.data.total)
  } else {
    ElMessage({
      type:"error",
      message: `加载数据失败：${res.message}`
    })
  }
 }
 //查看
 const view = () => {
    ElMessageBox.alert('This is a message', 'Title', {
      confirmButtonText: 'OK',
      callback: (action: Action) => {
        ElMessage({
          type: 'info',
          message: `action: ${action}`,
        })
      },
    })
 }
 const doDelete =async (id:string) => {
  const res:any = await myAxios.post("/user/delete",{id:id})
  ElMessage({
    showClose:true,
    type:res.code === 0 ? 'success' : "error",
    message:res.code === 0 ? '删除成功' : `删除失败:${res.message}`
  })
  if(res.code === 0 && res.data) {
    await getUserList();
  }
 }
 //分页
 const handleCurrentChange = (current: number) => {
  searchParams.value = {
    ...searchParams.value,
    current: current
  }
 }
 const handleSizeChange = (size: number) => {
  searchParams.value = {
    ...searchParams.value,
    pageSize: size
  }
  getUserList();
 }
 const doBan =async (id:string, isBan: boolean) => {
  const res:any = await myAxios.post("/user/update",{id:id, userRole: isBan ? 2 :0})
  ElMessage({
    showClose:true,
    type:res.code === 0 ? 'success' : "error",
    message:res.code === 0 ? '操作成功' : `操作失败:${res.message}`
  })
  if(res.code === 0 && res.data) {
    await getUserList();
  }
 }
 if(searchParams.value.storeStatus===1){
 }
 </script>
 <template>
  <a-breadcrumb class="header">
    <a-breadcrumb-item href="">
      <home-outlined />
    </a-breadcrumb-item>
    <a-breadcrumb-item href="">
      <user-outlined />
      <span>{{ $route.path }}</span>
    </a-breadcrumb-item>
    <a-breadcrumb-item>{{ $route.name }}</a-breadcrumb-item>
  </a-breadcrumb>
  <!--搜索部分-->
  <div class="search-box">
    <el-form
        :inline="true"
        :model="searchParams"
    >
      <el-form-item label="商户名称" class="search">
        <el-input v-model="searchParams.businessName" />
      </el-form-item>
      <el-form-item label="手机号" class="search">
        <el-input v-model="searchParams.businessPhone" />
      </el-form-item>
      <el-button type="primary" @click="onSearch" style="margin-top: 10px" color="#4e58fd">搜索</el-button>
      <el-button type="primary" @click="onReset" style="margin-top: 10px" color="#4e58fd">重置</el-button>
    </el-form>
  </div>
  <div class="table">
    <el-table :data="tableData" style="width: 100%;height: 80%" border stripe>
      <el-table-column label="商户ID" prop="id"/>
      <el-table-column label="商户名称" prop="businessName"/>
      <el-table-column label="手机号" prop="businessPhone"/>
      <el-table-column label="店铺状态" prop="storeStatus" >
        <template #default="scope">
          <div v-if="scope.row.storeStatus === 1">
            <el-tag type="success">正常</el-tag>
          </div>
          <div v-else-if="scope.row.storeStatus === 0">
            <el-tag type="success">正常</el-tag>
          </div>
          <div v-else-if="scope.row.storeStatus === 2">
            <el-tag type="warning">封店</el-tag>
          </div>
        </template>
      </el-table-column>
      <el-table-column label="入驻时间" prop="createtime" :formatter="createTime"/>
      <el-table-column align="center" label="操作">
        <template #default="scope">
          <el-button link size="small" type="warning" :disabled="scope.row.userRole === 1"
                     @click="doBan(scope.row.id, scope.row.userRole !== 2)">
            {{scope.row.userRole === 2? '解封' : '封禁'}}
          </el-button>
          <el-button link size="small" type="warning" @click="view">
            查看
          </el-button>
          <el-button link size="small" type="danger" :disabled="scope.row.userRole === 'admin'"
                     @click="doDelete(scope.row.id)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <div class="pagination">
      <el-pagination
          background
          :page-size="searchParams.pageSize"
          :current-page="searchParams.current"
          layout="total,sizes, prev, pager, next,jumper"
          :total="total"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          class="pagination"
          :page-sizes="[10.20]"
      />
    </div>
 </div>
 </template>
 <style scoped>
 .header {
  width: 100%;
  height: 30px;
  background-color: white;
 }
 h4 {
  display: inline-block;
  margin-left: 10px;
 }
 .search {
  margin-top: 10px;
  float: left;
  width: 20%;
  height: 7%;
 }
 .table {
  width: 100%;
  height: 80%;
 }
 </style>
--- a/tencent/src/views/UserList/user.vue
+++ b/tencent/src/views/UserList/user.vue
@ -0,0 +1,379 @@
 <script lang="ts" setup>
 import {reactive, ref} from 'vue'
 import {onMounted} from "vue";
 import myAxios from "../../API/myAxios.ts";
 import {Action, ElMessage, ElMessageBox} from "element-plus";
 import { HomeOutlined, UserOutlined } from '@ant-design/icons-vue';
 const current1 = ref<number>(1);
 const onChange = (pageNumber: number) => {
  console.log('Page: ', pageNumber);
 };
 //时间处理
 const tableData = ref([]);
 //分页
 const total= ref(0);
 onMounted(() => {
  getUserList();
 })
 const onSearch = () => {
  getUserList();
 }
 const onReset = () => {
  searchParams.value.username = '';
  searchParams.value.phone='';
  getUserList();
 }
 const searchParams = ref({
  current: 1,
  pageSize: 10,
  username: '',
  phone: '',
  userStatus:0,
  email:''
 });
 const getUserList = async () => {
  const res:any = await myAxios.get("/user/search",{
    params: {
      current: searchParams.value.current,
      pageSize: searchParams.value.pageSize,
      username: searchParams.value.username,
      phone: searchParams.value.phone,
      userStatus: searchParams.value.userStatus,
      email: searchParams.value.email
    }})
  if(res.code === 0 && res.data) {
    tableData.value = res.data;
    total.value = parseInt(res.data.total)
  } else {
    ElMessage({
      type:"error",
      message: `加载数据失败：${res.message}`
    })
  }
 }
 //查看
 const view = () => {
  ElMessageBox.alert('This is a message', 'Title', {
    // if you want to disable its autofocus
    //autofocus: false,
    confirmButtonText: 'OK',
    callback: (action: Action) => {
      ElMessage({
        type: 'info',
        message: `action: ${action}`,
      })
    },
  })
 }
 const doDelete =async (id:string) => {
  const res:any = await myAxios.post("/user/delete",{id:id})
  ElMessage({
    showClose:true,
    type:res.code === 0 ? 'success' : "error",
    message:res.code === 0 ? '删除成功' : `删除失败:${res.message}`
  })
  if(res.code === 0 && res.data) {
    await getUserList();
  }
 }
 const state = reactive({
  changed: true,
  value2:true,
  value3:true,
 })
 const doBan =async (id:string, isBan: boolean) => {
  const res:any = await myAxios.post("/user/update",{id:id, userRole: isBan ? 2 :0})
  ElMessage({
    showClose:true,
    type:res.code === 0 ? 'success' : "error",
    message:res.code === 0 ? '操作成功' : `操作失败:${res.message}`
  })
  if(res.code === 0 && res.data) {
    await getUserList();
  }
 }
 //分页
 const handleCurrentChange = (current: number) => {
  searchParams.value = {
    ...searchParams.value,
    current: current
  }
 }
 const handleSizeChange = (size: number) => {
  searchParams.value = {
    ...searchParams.value,
    pageSize: size
  }
  getUserList();
 }
 /**
 * 新增
 * */
 const dialogVisible = ref(false)
 const editorDialogVisible = ref(false)
 const addForm = ref({
  avatarUrl: '',
  userAccount: '',
  userPassword: '',
  username: '',
 })
 const editorForm:any = ref({
  avatarUrl: '',
  email: '',
  gender: 0,
  id: 0,
  isDelete: 0,
  phone: '',
  updateTime: '',
  userAccount: '',
  userPassword: '',
  userRole: 0,
  userStates: 0,
  username: ''
 })
 const onAdd = async () => {
  try {
    const obj = {
      id: Math.floor(Math.random() * 1000),
      ...addForm.value
    }
    console.log('Adding user:', obj); // 添加调试输出
    const response = await myAxios.post('/user/add', obj)
    console.log('Response:', response); // 添加调试输出
    if (response.status === 200) {
      tableData.value.push(obj)
      dialogVisible.value = false
      ElMessage.success('添加成功')
    }
  } catch (error) {
    console.error('Error adding user:', error)
    ElMessage.error('添加失败，请稍后再试')
  }
 }
 onMounted(onAdd)
 /**
 * 编辑
 * const editorRow = (e:any) => {
 *   editorDialogVisible.value = true
 *   editorForm.value = e
 * }
 *
 * const onEditor = async () => {
 *   try {
 *     const response = await axios.put('/api/user/update', editorForm.value);
 *
 *     if (response.status === 200) {
 *       const findIndex = tableData.value.findIndex(item => item.id === editorForm.value.id);
 *       tableData.value[findIndex] = editorForm.value;
 *       editorDialogVisible.value = false;
 *       ElMessage.success('更改成功');
 *     } else {
 *       ElMessage.error('更新失败，请稍后重试');
 *     }
 *   } catch (error) {
 *     console.error(error);
 *     ElMessage.error('服务器错误，请稍后重试');
 *   }
 * };
 * */
 const editorRow = (e: any) => {
  editorDialogVisible.value = true;
  editorForm.value = { ...e }; // Clone the object to avoid mutating the original data
 };
 const onEditor = async () => {
  try {
    const findIndex = tableData.value.findIndex((item) => item.id === editorForm.value.id);
    tableData.value[findIndex] = { ...editorForm.value }; // Update the local state
    // Make the API call to update the user on the server
    await myAxios.post('/user/update', editorForm.value);
    editorDialogVisible.value = false;
    ElMessage.success('更改成功');
  } catch (error) {
    console.error('Failed to update user:', error);
    ElMessage.error('更新失败，请检查您的网络连接或稍后再试。');
  }
 };
 </script>
 <template>
  <!--面包屑-->
  <a-breadcrumb class="header">
    <a-breadcrumb-item href="">
      <home-outlined />
    </a-breadcrumb-item>
    <a-breadcrumb-item href="">
      <user-outlined />
      <span>{{ $route.path }}</span>
    </a-breadcrumb-item>
    <a-breadcrumb-item>{{ $route.name }}</a-breadcrumb-item>
  </a-breadcrumb>
  <!--搜索部分-->
  <div class="search-box">
    <el-form
        :inline="true"
        :model="searchParams"
    >
      <el-form-item label="学生姓名" class="search">
        <el-input v-model="searchParams.username" />
      </el-form-item>
      <el-form-item label="手机号" class="search">
        <el-input v-model="searchParams.phone" />
      </el-form-item>
      <el-button type="primary" @click="onSearch" style="margin-top: 10px" color="#4e58fd">搜索</el-button>
      <el-button type="primary" @click="onReset" style="margin-top: 10px" color="#4e58fd">重置</el-button>
      <!--新增-->
      <el-button type="primary" @click="dialogVisible = true" style="margin-top: 10px" color="#4e58fd">新增</el-button>
      <el-dialog
          v-model="dialogVisible"
          title="添加"
          width="500"
      >
        <el-form>
          <el-form-item label="ID" label-width="100">
            <el-input v-model="addForm.avatarUrl"></el-input>
          </el-form-item>
          <el-form-item label="用户名" label-width="100">
            <el-input v-model="addForm.username"></el-input>
          </el-form-item>
          <el-form-item label="账户" label-width="100">
            <el-input v-model="addForm.userAccount"></el-input>
          </el-form-item>
          <el-form-item label="密码" label-width="100">
            <el-input v-model="addForm.userPassword"></el-input>
          </el-form-item>
          <el-form-item label="状态" label-width="100">
            <el-select v-model="addForm.avatarUrl">
              <el-option value="0" label="管理员">管理员</el-option>
              <el-option value="1" label="普通用户">普通用户</el-option>
            </el-select>
          </el-form-item>
        </el-form>
        <template #footer>
          <div class="dialog-footer">
            <el-button @click="dialogVisible = false">取消</el-button>
            <el-button type="primary" @click="onAdd">
              确定
            </el-button>
          </div>
        </template>
      </el-dialog>
      <!--修改操作-->
      <el-dialog
          v-model="editorDialogVisible"
          title="编辑"
          width="500"
      >
        <el-form>
          <el-form-item label="ID" label-width="100">
            <el-input v-model="editorForm.avatarUrl"></el-input>
          </el-form-item>
          <el-form-item label="用户名" label-width="100">
            <el-input v-model="editorForm.username"></el-input>
          </el-form-item>
          <el-form-item label="日期" label-width="100">
            <el-input v-model="editorForm.userAccount"></el-input>
          </el-form-item>
          <el-form-item label="地址" label-width="100">
            <el-input v-model="editorForm.userPassword"></el-input>
          </el-form-item>
          <el-form-item label="状态" label-width="100">
            <el-select v-model="editorForm.avatarUrl">
              <el-option value="1" label="普通用户">普通用户</el-option>
              <el-option value="0" label="管理员">管理员</el-option>
            </el-select>
          </el-form-item>
        </el-form>
        <template #footer>
          <div class="dialog-footer">
            <el-button @click="editorDialogVisible = false">取消</el-button>
            <el-button type="primary" @click="onEditor">
              确定
            </el-button>
          </div>
        </template>
      </el-dialog>
    </el-form>
  </div>
  <div class="table" v-if="state.changed">
    <el-table :data="tableData" style="width: 100%;height: 80%" border stripe>
      <el-table-column label="学生学号" prop="id"/>
      <el-table-column label="学生姓名" prop="username"/>
      <el-table-column label="联系电话" prop="phone"/>
      <el-table-column label="邮箱" prop="email"/>
      <el-table-column prop="userRole" label="身份" align="center" width="100">
        <template #default="scope">
          <div v-if="scope.row.userRole === 1">
            <el-tag>管理员</el-tag>
          </div>
          <div v-else-if="scope.row.userRole === 0">
            <el-tag type="success">普通用户</el-tag>
          </div>
          <div v-else-if="scope.row.userRole === 2">
            <el-tag type="warning">被封禁</el-tag>
          </div>
        </template>
      </el-table-column>
      <el-table-column align="center" label="操作">
        <template #default="scope">
          <el-button link size="small" type="warning" :disabled="scope.row.userRole === 1"
                     @click="doBan(scope.row.id, scope.row.userRole !== 2)">
            {{scope.row.userRole === 2? '解封' : '封禁'}}
          </el-button>
          <el-button link size="small" type="info" @click="editorRow(scope.row)">编辑</el-button>
          <el-button link size="small" type="danger" :disabled="scope.row.userRole === 1"
                     @click="doDelete(scope.row.id)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!--分页查询-->
    <div>
      <a-pagination v-model:current="current1" show-quick-jumper :total="500" @change="onChange" />
    </div>
  </div>
 </template>
 <style scoped>
 .header {
  width: 100%;
  height: 30px;
  background-color: white;
 }
 h4 {
  display: inline-block;
  margin-left: 10px;
 }
 .search {
  margin-top: 10px;
  float: left;
  width: 20%;
  height: 7%;
 }
 .table {
  width: 100%;
  height: 80%;
 }
 .pagination {
  display: inline-block;
 }
 </style>
--- a/tencent/src/views/analysis/Behavior.vue
+++ b/tencent/src/views/analysis/Behavior.vue
@ -0,0 +1,2 @@
 <template>用户行为分析</template>
 <script></script>
--- a/tencent/src/views/analysis/Order.vue
+++ b/tencent/src/views/analysis/Order.vue
@ -0,0 +1,11 @@
 <script setup lang="ts">
 </script>
 <template>
 <div class="Order">订单分析</div>
 </template>
 <style scoped>
 </style>
--- a/tencent/src/views/analysis/evaluate.vue
+++ b/tencent/src/views/analysis/evaluate.vue
@ -0,0 +1 @@
 <template>评分分析</template>
--- a/tencent/src/views/analysis/points.vue
+++ b/tencent/src/views/analysis/points.vue
@ -0,0 +1,11 @@
 <script setup lang="ts">
 </script>
 <template>
 <div class="points">积分活动分析</div>
 </template>
 <style scoped>
 </style>
--- a/tencent/src/views/echart/BrokenLine.vue
+++ b/tencent/src/views/echart/BrokenLine.vue
@ -0,0 +1,190 @@
 <script setup lang="ts">
 import {onMounted, ref} from "vue";
 import * as echarts from "echarts";
 const main = ref();
 onMounted(() => {
  init();
 });
 const init = () => {
  const myChart = echarts.init(main.value);
  let option = {
    color: ['#80FFA5', '#00DDFF', '#37A2FF', '#FF0087', '#FFBF00'],
    title: {
      text: '数据表'
    },
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        type: 'cross',
        label: {
          backgroundColor: '#6a7985'
        }
      }
    },
    legend: {
      data: ['好评点赞量', 'App点击量', '订单生产量', '活跃用户量']
    },
    toolbox: {
      feature: {
        saveAsImage: {}
      }
    },
    grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
    },
    xAxis: [
      {
        type: 'category',
        boundaryGap: false,
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
      }
    ],
    yAxis: [
      {
        type: 'value'
      }
    ],
    series: [
      {
        name: '好评点赞量',
        type: 'line',
        stack: 'Total',
        smooth: true,
        lineStyle: {
          width: 0
        },
        showSymbol: false,
        areaStyle: {
          opacity: 0.8,
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: 'rgb(128, 255, 165)'
            },
            {
              offset: 1,
              color: 'rgb(1, 191, 236)'
            }
          ])
        },
        emphasis: {
          focus: 'series'
        },
        data: [140, 232, 101, 264, 90, 340, 250]
      },
      {
        name: 'App点击量',
        type: 'line',
        stack: 'Total',
        smooth: true,
        lineStyle: {
          width: 0
        },
        showSymbol: false,
        areaStyle: {
          opacity: 0.8,
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: 'rgb(0, 221, 255)'
            },
            {
              offset: 1,
              color: 'rgb(77, 119, 255)'
            }
          ])
        },
        emphasis: {
          focus: 'series'
        },
        data: [120, 282, 111, 234, 220, 340, 310]
      },
      {
        name: '订单生产量',
        type: 'line',
        stack: 'Total',
        smooth: true,
        lineStyle: {
          width: 0
        },
        showSymbol: false,
        areaStyle: {
          opacity: 0.8,
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: 'rgb(55, 162, 255)'
            },
            {
              offset: 1,
              color: 'rgb(116, 21, 219)'
            }
          ])
        },
        emphasis: {
          focus: 'series'
        },
        data: [320, 132, 201, 334, 190, 130, 220]
      },
      {
        name: '活跃用户量',
        type: 'line',
        stack: 'Total',
        smooth: true,
        lineStyle: {
          width: 0
        },
        showSymbol: false,
        areaStyle: {
          opacity: 0.8,
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: 'rgb(255, 0, 135)'
            },
            {
              offset: 1,
              color: 'rgb(135, 0, 157)'
            }
          ])
        },
        emphasis: {
          focus: 'series'
        },
        data: [220, 402, 231, 134, 190, 230, 120]
      },
    ]
  };
  myChart.setOption(option);
 }
 </script>
 <template>
  <div class="echarts">
    <div style="width: 100%; height: 100%; margin-top: 1rem">
      <div ref="main" style="width: 100%; height: 100%"></div>
    </div>
  </div>
 </template>
 <style scoped>
 .echarts {
  width: 90%;
  height: 80%;
  border-radius: 12px;
  margin: 1rem;
  padding: 1rem;
  background-color: #ffffff;
  min-width: 0;
 }
 </style>
--- a/tencent/src/views/echart/Pie.vue
+++ b/tencent/src/views/echart/Pie.vue
@ -0,0 +1,124 @@
 <script setup lang="ts">
 import {onMounted, ref} from "vue";
 import * as echarts from "echarts";
 const main = ref();
 onMounted(() => {
  init();
 });
 const init = () => {
  const myChart = echarts.init(main.value);
  let option = {
    tooltip: {
      trigger: 'item',
      formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
      data: [
        '网上交易',
        'App点击',
        '骑手上门',
        '其他',
      ]
    },
    series: [
      {
        name: 'Access From',
        type: 'pie',
        selectedMode: 'single',
        radius: [0, '30%'],
        label: {
          position: 'inner',
          fontSize: 14
        },
        labelLine: {
          show: false
        },
        data: [
          { value: 1548, name: 'Search Engine' },
          { value: 775, name: 'Direct' },
          { value: 679, name: 'Marketing', selected: true }
        ]
      },
      {
        name: 'Access From',
        type: 'pie',
        radius: ['45%', '60%'],
        labelLine: {
          length: 30
        },
        label: {
          formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ',
          backgroundColor: '#F6F8FC',
          borderColor: '#8C8D8E',
          borderWidth: 1,
          borderRadius: 4,
          rich: {
            a: {
              color: '#6E7079',
              lineHeight: 22,
              align: 'center'
            },
            hr: {
              borderColor: '#8C8D8E',
              width: '100%',
              borderWidth: 1,
              height: 0
            },
            b: {
              color: '#4C5058',
              fontSize: 14,
              fontWeight: 'bold',
              lineHeight: 33
            },
            per: {
              color: '#fff',
              backgroundColor: '#4C5058',
              padding: [3, 4],
              borderRadius: 4
            }
          }
        },
        data: [
          { value: 1048, name: '网上交易' },
          { value: 335, name: 'App点击' },
          { value: 310, name: '骑手上门' },
          { value: 251, name: '其他' },
        ]
      }
    ]
  };
  myChart.setOption(option);
 }
 </script>
 <template>
  <div class="echarts">
    <div style="width: 100%; height: 100%; margin-top: 1rem">
      <div ref="main" style="width: 100%; height: 100%"></div>
    </div>
  </div>
 </template>
 <style scoped>
 .echarts {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  margin: 1rem;
  padding: 1rem;
  background-color: #ffffff;
  min-width: 0;
 }
 </style>
--- a/tencent/src/views/echart/Trading.vue
+++ b/tencent/src/views/echart/Trading.vue
@ -0,0 +1,76 @@
 <script setup lang="ts">
 import {onMounted, ref} from "vue";
 import * as echarts from "echarts";
 const main = ref();
 onMounted(() => {
  init();
 });
 const init = () => {
  const myChart = echarts.init(main.value);
  let option = {
    title: {
      text: '工作交易统计'
    },
    legend: {
      data: ['外卖类', '跑腿类']
    },
    radar: {
      indicator: [
        { name: '周一', max: 6500 },
        { name: '周二', max: 16000 },
        { name: '周三', max: 30000 },
        { name: '周四', max: 38000 },
        { name: '周五', max: 52000 },
        { name: '周六', max: 25000 }
      ]
    },
    series: [
      {
        name: 'Budget vs spending',
        type: 'radar',
        data: [
          {
            value: [4200, 3000, 20000, 35000, 50000, 18000],
            name: '外卖类'
          },
          {
            value: [5000, 14000, 28000, 26000, 42000, 21000],
            name: '跑腿类'
          }
        ]
      }
    ]
  };
  myChart.setOption(option);
 }
 </script>
 <template>
  <div class="echarts">
    <div style="width: 100%; height: 100%; margin-top: 1rem">
      <div ref="main" style="width: 100%; height: 100%" class="center"></div>
    </div>
  </div>
 </template>
 <style scoped>
 .echarts {
  margin:10px auto;
  width: 80%;
  height: 90%;
  border-radius: 12px;
  padding: 1rem;
  background-color: #ffffff;
  min-width: 0;
 }
 .center {
  margin-top: 5px;
 }
 </style>
--- a/tencent/src/views/forum/Notification.vue
+++ b/tencent/src/views/forum/Notification.vue
@ -0,0 +1,98 @@
 <template>
  <a-breadcrumb class="header">
    <a-breadcrumb-item href="">
      <home-outlined />
    </a-breadcrumb-item>
    <a-breadcrumb-item href="">
      <user-outlined />
      <span>{{ $route.path }}</span>
    </a-breadcrumb-item>
    <a-breadcrumb-item>{{ $route.name }}</a-breadcrumb-item>
  </a-breadcrumb>
  <el-table :data="tableData" stripe style="width: 100%">
    <el-table-column prop="title" label="公告标题" width="400" />
    <el-table-column prop="name" label="管理员" width="180" />
    <el-table-column label="状态" >
          <el-tag type="success">正常</el-tag>
    </el-table-column>>
    <el-table-column prop="address" label="操作">
      <el-tag type="warning">封禁</el-tag>
      <el-tag type="info">查看</el-tag>
      <el-tag type="danger">删除</el-tag>
    </el-table-column>
  </el-table>
 </template>
 <script lang="ts" setup>
 import { HomeOutlined, UserOutlined } from '@ant-design/icons-vue';
 const tableData = [
  {
    title: '重要通知：系统维护升级时间安排',
    name: '小明',
  },
  {
    title: '社区新规则：共同维护我们的网络环境',
    name: '小李',
  },
  {
    title: '公告：用户协议更新，请所有成员查阅',
    name: '小红',
  },
  {
    title: '活动预告：年度用户大会即将开启，精彩不容错过',
    name: '小张',
  },
  {
    title: '温馨提示：保护个人信息安全的小贴士',
    name: '小张',
  },
  {
    title: '新功能上线：优化您的用户体验',
    name: '小张',
  },
  {
    title: '积分奖励计划：参与社区活动获得更多福利',
    name: '小张',
  },
  {
    title: '用户反馈精选：我们正在倾听并持续改进',
    name: '小张',
  },
  {
    title: '公告：用户协议更新，请所有成员查阅',
    name: '小红',
  },
  {
    title: '活动预告：年度用户大会即将开启，精彩不容错过',
    name: '小张',
  },
  {
    title: '温馨提示：保护个人信息安全的小贴士',
    name: '小张',
  },
  {
    title: '新功能上线：优化您的用户体验',
    name: '小张',
  },
  {
    title: '积分奖励计划：参与社区活动获得更多福利',
    name: '小张',
  },
  {
    title: '用户反馈精选：我们正在倾听并持续改进',
    name: '小张',
  },
 ]
 </script>
 <style>
 .header {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: white;
  margin-top: 0;
 }
 </style>
--- a/tencent/src/views/forum/PostManage.vue
+++ b/tencent/src/views/forum/PostManage.vue
@ -0,0 +1,192 @@
 <script lang="ts" setup>
 import {ref} from 'vue'
 import {onMounted} from "vue";
 import myAxios from "../../API/myAxios.ts";
 import {Action, ElMessage, ElMessageBox} from "element-plus";
 import { HomeOutlined, UserOutlined } from '@ant-design/icons-vue';
 const tableData = ref([]);
 onMounted(() => {
  getUserList();
 })
 const onSearch = () => {
  getUserList();
 }
 const onReset = () => {
  searchParams.value.username = '';
  searchParams.value.phone='';
  getUserList();
 }
 const searchParams = ref({
  current: 1,
  pageSize: 10,
  username: '',
  phone: '',
  userStatus:0
 });
 const createTime = (row: any)=> {
  let data = row.createTime;
  return data.slice(0,16).replace('T',`~`)
 }
 const getUserList = async () => {
  const res:any = await myAxios.get("/user/search",{
    params: {
      current: searchParams.value.current,
      pageSize: searchParams.value.pageSize,
      username: searchParams.value.username,
      phone: searchParams.value.phone,
      userStatus: searchParams.value.userStatus
    }})
  if(res.code === 0 && res.data) {
    tableData.value = res.data;
    //total.value = parseInt(res.data.total)
  } else {
    ElMessage({
      type:"error",
      message: `加载数据失败：${res.message}`
    })
  }
 }
 //查看
 const view = () => {
  ElMessageBox.alert('This is a message', 'Title', {
    // if you want to disable its autofocus
    //autofocus: false,
    confirmButtonText: 'OK',
    callback: (action: Action) => {
      ElMessage({
        type: 'info',
        message: `action: ${action}`,
      })
    },
  })
 }
 const doDelete =async (id:string) => {
  const res:any = await myAxios.post("/user/delete",{id:id})
  ElMessage({
    showClose:true,
    type:res.code === 0 ? 'success' : "error",
    message:res.code === 0 ? '删除成功' : `删除失败:${res.message}`
  })
  if(res.code === 0 && res.data) {
    await getUserList();
  }
 }
 const doBan =async (id:string, isBan: boolean) => {
  const res:any = await myAxios.post("/user/update",{id:id, userRole: isBan ? 2 :0})
  ElMessage({
    showClose:true,
    type:res.code === 0 ? 'success' : "error",
    message:res.code === 0 ? '操作成功' : `操作失败:${res.message}`
  })
  if(res.code === 0 && res.data) {
    await getUserList();
  }
 }
 if(searchParams.value.userStatus===1){
 }
 </script>
 <template>
  <a-breadcrumb class="header">
    <a-breadcrumb-item href="">
      <home-outlined />
    </a-breadcrumb-item>
    <a-breadcrumb-item href="">
      <user-outlined />
      <span>{{ $route.path }}</span>
    </a-breadcrumb-item>
    <a-breadcrumb-item>{{ $route.name }}</a-breadcrumb-item>
  </a-breadcrumb>
  <!--搜索部分-->
  <div class="search-box">
    <el-form
        :inline="true"
        :model="searchParams"
    >
      <el-form-item label="姓名" class="search">
        <el-input v-model="searchParams.username" />
      </el-form-item>
      <el-form-item label="手机号" class="search">
        <el-input v-model="searchParams.phone" />
      </el-form-item>
      <el-button type="primary" @click="onSearch" style="margin-top: 10px" color="#4e58fd">搜索</el-button>
      <el-button type="primary" @click="onReset" style="margin-top: 10px" color="#4e58fd">重置</el-button>
    </el-form>
  </div>
  <div class="table">
    <el-table :data="tableData" style="width: 100%;height: 80%" border stripe>
      <el-table-column label="日期" prop="createtime" :formatter="createTime"/>
      <el-table-column label="用户ID" prop="id"/>
      <el-table-column label="姓名" prop="username"/>
      <el-table-column label="帖子ID" prop="phone" ></el-table-column>
      <el-table-column label="帖子标题" prop="username"/>
      <el-table-column label="帖子状态" prop="userStatus">
      <template #default="scope">
        <div v-if="scope.row.userRole === 1">
          <el-tag type="success">正常</el-tag>
        </div>
        <div v-else-if="scope.row.userRole === 0">
          <el-tag type="success">正常</el-tag>
        </div>
        <div v-else-if="scope.row.userRole === 2">
          <el-tag type="warning">封店</el-tag>
        </div>
      </template>
      </el-table-column>
      <el-table-column align="center" label="操作">
        <template #default="scope">
          <el-button link size="small" type="warning" :disabled="scope.row.userRole === 1"
                     @click="doBan(scope.row.id, scope.row.userRole !== 2)">
            {{scope.row.userRole === 2? '解封' : '封禁'}}
          </el-button>
          <el-button link size="small" type="warning" @click="view">
            查看
          </el-button>
          <el-button link size="small" type="danger" :disabled="scope.row.userRole === 'admin'"
                     @click="doDelete(scope.row.id)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
 </template>
 <style scoped>
 .header {
  width: 100%;
  height: 30px;
  background-color: white;
 }
 h4 {
  display: inline-block;
  margin-left: 10px;
 }
 .search {
  margin-top: 10px;
  float: left;
  width: 20%;
  height: 7%;
 }
 .table {
  width: 100%;
  height: 100%;
 }
 </style>
--- a/tencent/src/views/sort.vue
+++ b/tencent/src/views/sort.vue
@ -0,0 +1,64 @@
 <template>
  <el-scrollbar height="400px">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="日期" width="120" />
      <el-table-column prop="amount" label="销售总金额" width="120" />
      <el-table-column prop="profit" label="利润" />
    </el-table>
  </el-scrollbar>
 </template>
 <script lang="ts" setup>
 const tableData = [
  {
    date: '2024-03-06',
    amount: '1500￥',
    profit: '500￥',
  },
  {
    date: '2024-03-05',
    amount: '5130￥',
    profit: '510￥',
  },
  {
    date: '2024-03-04',
    amount: '4500￥',
    profit: '500￥',
  },
  {
    date: '2024-03-03',
    amount: '4600￥',
    profit: '600￥',
  },
  {
    date: '2024-03-02',
    amount: '4600￥',
    profit: '600￥',
  },
  {
    date: '2024-03-01',
    amount: '4600￥',
    profit: '600￥',
  },
  {
    date: '2024-02-29',
    amount: '4600￥',
    profit: '600￥',
  },
  {
    date: '2024-02-28',
    amount: '4600￥',
    profit: '600￥',
  },
  {
    date: '2024-02-27',
    amount: '4600￥',
    profit: '600￥',
  },
  {
    date: '2024-02-26',
    amount: '4600￥',
    profit: '600￥',
  },
 ]
 </script>
--- a/tencent/src/vite-env.d.ts
+++ b/tencent/src/vite-env.d.ts
@ -0,0 +1 @@
 /// <reference types="vite/client" />
--- a/tencent/tsconfig.json
+++ b/tencent/tsconfig.json
@ -0,0 +1,25 @@
 {
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "skipLibCheck": true,
    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "preserve",
    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
  "references": [{ "path": "./tsconfig.node.json" }]
 }
--- a/tencent/tsconfig.node.json
+++ b/tencent/tsconfig.node.json
@ -0,0 +1,12 @@
 {
  "compilerOptions": {
    "composite": true,
    "skipLibCheck": true,
    "module": "ESNext",
    "moduleResolution": "bundler",
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "allowJs": true
  },
  "include": ["vite.config.ts"]
 }
--- a/tencent/vite.config.ts
+++ b/tencent/vite.config.ts
@ -0,0 +1,8 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 // https://vitejs.dev/config/
 export default defineConfig({
  plugins: [vue(),
  ],
 })
		`@ -0,0 +1 @@`
							<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
		`@ -0,0 +1 @@`
							`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>`
		`@ -0,0 +1,2 @@`
							`<template>用户行为分析</template>`
							`<script></script>`