From dbc2e8966ee1ef9ebc9516f1b28f1b5242ded40e Mon Sep 17 00:00:00 2001 From: lihuilin Date: Tue, 17 Jun 2025 14:53:15 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AE=80=E5=8C=96=E4=BA=86=E4=B8=80=E4=B8=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.development | 4 +- README.md | 2 +- src/api/index.js | 13 -- src/assets/base.css | 86 ---------- src/assets/logo.svg | 1 - src/assets/main.css | 35 ----- src/components/HelloWorld.vue | 41 ----- src/components/TheWelcome.vue | 94 ----------- src/components/WelcomeItem.vue | 87 ----------- src/components/icons/IconCommunity.vue | 7 - src/components/icons/IconDocumentation.vue | 7 - src/components/icons/IconEcosystem.vue | 7 - src/components/icons/IconSupport.vue | 7 - src/components/icons/IconTooling.vue | 19 --- src/router/index.ts | 23 --- src/store/area.js | 12 -- src/stores/counter.ts | 12 -- src/views/AboutView.vue | 15 -- src/views/HomeView.vue | 9 -- src/views/audit/rechargeAudit.vue | 2 +- src/views/audit/refundAudit.vue | 3 +- src/views/consume/allConsume.vue | 1 - src/views/index.vue | 243 ++++++++++++----------------- src/views/managerecharge/activity.vue | 1 - src/views/managerecharge/rate.vue | 2 +- src/views/permissions/index.vue | 1 - 26 files changed, 102 insertions(+), 632 deletions(-) delete mode 100644 src/api/index.js delete mode 100644 src/assets/base.css delete mode 100644 src/assets/logo.svg delete mode 100644 src/assets/main.css delete mode 100644 src/components/HelloWorld.vue delete mode 100644 src/components/TheWelcome.vue delete mode 100644 src/components/WelcomeItem.vue delete mode 100644 src/components/icons/IconCommunity.vue delete mode 100644 src/components/icons/IconDocumentation.vue delete mode 100644 src/components/icons/IconEcosystem.vue delete mode 100644 src/components/icons/IconSupport.vue delete mode 100644 src/components/icons/IconTooling.vue delete mode 100644 src/router/index.ts delete mode 100644 src/store/area.js delete mode 100644 src/stores/counter.ts delete mode 100644 src/views/AboutView.vue delete mode 100644 src/views/HomeView.vue diff --git a/.env.development b/.env.development index 04fa1df..ac14418 100644 --- a/.env.development +++ b/.env.development @@ -1,5 +1,5 @@ # VITE_API_BASE='http://54.251.137.151:10704/' - VITE_API_BASE='http://192.168.8.94:8080/' -#VITE_API_BASE='https://hwjb.homilychart.com/gold_htms_dev' +VITE_API_BASE='http://192.168.8.94:8080/' +# VITE_API_BASE='https://hwjb.homilychart.com/gold_htms_dev' # VITE_API_BASE='http://54.251.137.151:10704/' # VITE_API_BASE='http://192.168.8.225:8080/' diff --git a/README.md b/README.md index 429c8e8..912af3b 100644 --- a/README.md +++ b/README.md @@ -33,6 +33,6 @@ npm install lodash 安装 lodash 组件,解决数据处理问题 npm install vite-plugin-lazy-import -D 安装按需加载组件 npm install vxe-pc-ui@4.3.66 vxe-table@4.10.2 vxe-utils@4.1.11 安装 vxe 组件 - + npm install --save-dev @types/node 安装 typescript 声明文件 npm install -g http-server 安装 http-server 组件，模拟服务器运行 diff --git a/src/api/index.js b/src/api/index.js deleted file mode 100644 index f47fedc..0000000 --- a/src/api/index.js +++ /dev/null @@ -1,13 +0,0 @@ -import { pa } from 'element-plus/es/locales.mjs'; -import http from '../util/http.js'; -// 这个是不知道有啥用 -const API={ - post: function(url,data){ - return http({url:url,method:'post',data:data}) - }, - postN: function(url,params){ - return http({url:url,method:'post',params:params}) - }, -}; - -export default API; \ No newline at end of file diff --git a/src/assets/base.css b/src/assets/base.css deleted file mode 100644 index 8816868..0000000 --- a/src/assets/base.css +++ /dev/null @@ -1,86 +0,0 @@ -/* color palette from */ -: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; -} diff --git a/src/assets/logo.svg b/src/assets/logo.svg deleted file mode 100644 index 7565660..0000000 --- a/src/assets/logo.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/assets/main.css b/src/assets/main.css deleted file mode 100644 index 36fb845..0000000 --- a/src/assets/main.css +++ /dev/null @@ -1,35 +0,0 @@ -@import './base.css'; - -#app { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - 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; - } -} diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index d174cf8..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - - - diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue deleted file mode 100644 index 6092dff..0000000 --- a/src/components/TheWelcome.vue +++ /dev/null @@ -1,94 +0,0 @@ - - - diff --git a/src/components/WelcomeItem.vue b/src/components/WelcomeItem.vue deleted file mode 100644 index 6d7086a..0000000 --- a/src/components/WelcomeItem.vue +++ /dev/null @@ -1,87 +0,0 @@ - - - diff --git a/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue deleted file mode 100644 index 2dc8b05..0000000 --- a/src/components/icons/IconCommunity.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue deleted file mode 100644 index 6d4791c..0000000 --- a/src/components/icons/IconDocumentation.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue deleted file mode 100644 index c3a4f07..0000000 --- a/src/components/icons/IconEcosystem.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue deleted file mode 100644 index 7452834..0000000 --- a/src/components/icons/IconSupport.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconTooling.vue b/src/components/icons/IconTooling.vue deleted file mode 100644 index 660598d..0000000 --- a/src/components/icons/IconTooling.vue +++ /dev/null @@ -1,19 +0,0 @@ - - diff --git a/src/router/index.ts b/src/router/index.ts deleted file mode 100644 index 3e49915..0000000 --- a/src/router/index.ts +++ /dev/null @@ -1,23 +0,0 @@ -import { createRouter, createWebHistory } from 'vue-router' -import HomeView from '../views/HomeView.vue' - -const router = createRouter({ - history: createWebHistory(import.meta.env.BASE_URL), - routes: [ - { - path: '/', - name: 'home', - component: HomeView, - }, - { - path: '/about', - name: 'about', - // route level code-splitting - // this generates a separate chunk (About.[hash].js) for this route - // which is lazy-loaded when the route is visited. - component: () => import('../views/AboutView.vue'), - }, - ], -}) - -export default router diff --git a/src/store/area.js b/src/store/area.js deleted file mode 100644 index fb6a7ea..0000000 --- a/src/store/area.js +++ /dev/null @@ -1,12 +0,0 @@ -import { defineStore } from 'pinia' -// 这个也是不知道有啥用，谁给在index.vue里注了 -export const useAreaStore = defineStore('area', { - state: () => ({ - currentArea: '全部', - }), - actions: { - updateArea(newVal) { - this.currentArea = newVal - }, - }, -}) diff --git a/src/stores/counter.ts b/src/stores/counter.ts deleted file mode 100644 index b6757ba..0000000 --- a/src/stores/counter.ts +++ /dev/null @@ -1,12 +0,0 @@ -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 } -}) diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue deleted file mode 100644 index 756ad2a..0000000 --- a/src/views/AboutView.vue +++ /dev/null @@ -1,15 +0,0 @@ - - - diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue deleted file mode 100644 index d5c0217..0000000 --- a/src/views/HomeView.vue +++ /dev/null @@ -1,9 +0,0 @@ - - - diff --git a/src/views/audit/rechargeAudit.vue b/src/views/audit/rechargeAudit.vue index 7b53887..f8914cf 100644 --- a/src/views/audit/rechargeAudit.vue +++ b/src/views/audit/rechargeAudit.vue @@ -6,7 +6,7 @@ import { AiFillRead } from 'vue-icons-plus/ai' import axios from 'axios' import request from '@/util/http' import moment from 'moment' -import API from '../../api/index.js' + // 变量 // 这是动态表头， const columnOptions = ref([ diff --git a/src/views/audit/refundAudit.vue b/src/views/audit/refundAudit.vue index 8f37b15..74a5ad2 100644 --- a/src/views/audit/refundAudit.vue +++ b/src/views/audit/refundAudit.vue @@ -2,11 +2,10 @@ import { ref, onMounted, reactive, computed } from 'vue' import ElementPlus from 'element-plus' import request from '@/util/http' -import { ElMessage, ElMessageBox } from 'element-plus' +import { ElMessage } from 'element-plus' import { AiFillRead } from 'vue-icons-plus/ai' import axios from 'axios' import moment from 'moment' -import API from '../../api/index.js' // 变量 // 用户对象假的 const admin = ref({ diff --git a/src/views/consume/allConsume.vue b/src/views/consume/allConsume.vue index 079bc24..05bb370 100644 --- a/src/views/consume/allConsume.vue +++ b/src/views/consume/allConsume.vue @@ -4,7 +4,6 @@ import ElementPlus from 'element-plus' import { AiFillRead } from 'vue-icons-plus/ai' import { ElMessage, ElMessageBox } from 'element-plus' import axios from 'axios' -import API from '../../api/index.js' import request from '@/util/http' // 变量 //这是获取用户信息的接口 diff --git a/src/views/index.vue b/src/views/index.vue index 87bfe96..df9af96 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -11,14 +11,12 @@ import { ElMessageBox } from 'element-plus' import API from '@/util/http' import dmmn from '../assets/avator.png' import { useRoute } from 'vue-router' -import { storeToRefs } from 'pinia' -import { useAreaStore } from '@/store/area' + const router = useRouter() const imgrule1 = dmmn const messageVisible = ref(false) -const areaStore = useAreaStore() -const { currentArea, updateArea } = storeToRefs(areaStore) -//这是获取用户信息的接口 + +// 这是获取用户信息的接口 const adminData = ref({ name: '' }) @@ -35,6 +33,9 @@ const getAdminData = async function () { } // 获取地区 const areas = ref([]) +// 直接在组件内维护当前地区状态，不太懂，包老师写的 +const currentArea = ref('全部') + const getAreas = async function () { try { const result = await API({ url: '/recharge/user/search', data: {} }) @@ -75,17 +76,24 @@ onMounted(async function () { // 获取地区 getAreas() }) -// 处理地区点击事件 +// 处理地区点击事件，直接在组件内更新当前地区，包老师改的，直接传参 const changeDataByArea = (item) => { - areaStore.updateArea(item) + currentArea.value = item +} +//官网折叠 +const isCollapse = ref(true) +const handleOpen = (key, keyPath) => { + console.log(key, keyPath) +} +const handleClose = (key, keyPath) => { + console.log(key, keyPath) }