Home Explore Help
Register Sign In
zhaogongxue
/
zhitiqiao
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

first commit

zhaogongxue 1 year ago
commit
e15c5432bc
51 changed files with 4976 additions and 0 deletions
Split View Show Diff Stats
  1. 24 0
      .gitignore
  2. 3 0
      .vscode/extensions.json
  3. 7 0
      README.md
  4. BIN
      dist.zip
  5. 14 0
      index.html
  6. 738 0
      package-lock.json
  7. 24 0
      package.json
  8. 1 0
      public/vite.svg
  9. 82 0
      src/App.vue
  10. 58 0
      src/assets/css/base.css
  11. 341 0
      src/assets/css/normalize.css
  12. BIN
      src/assets/image/56454@2x.png
  13. BIN
      src/assets/image/banner.png
  14. BIN
      src/assets/image/bj.png
  15. BIN
      src/assets/image/chuanzhen@2x.png
  16. BIN
      src/assets/image/close@2x.png
  17. BIN
      src/assets/image/delect@2x.png
  18. BIN
      src/assets/image/dizhi@2x.png
  19. BIN
      src/assets/image/eye.png
  20. BIN
      src/assets/image/header@2x.png
  21. BIN
      src/assets/image/kefu@2x.png
  22. BIN
      src/assets/image/message.png
  23. BIN
      src/assets/image/test.png
  24. BIN
      src/assets/image/wechat.png
  25. BIN
      src/assets/image/weixin.png
  26. BIN
      src/assets/image/zfb.png
  27. 1 0
      src/assets/vue.svg
  28. 66 0
      src/components/Agreement.vue
  29. 52 0
      src/components/Consult.vue
  30. 148 0
      src/components/ConsultComponent.vue
  31. 98 0
      src/components/ConsultInfo.vue
  32. 236 0
      src/components/HotMessage.vue
  33. 297 0
      src/components/Index.vue
  34. 311 0
      src/components/LoginBox.vue
  35. 216 0
      src/components/MyInfo.vue
  36. 90 0
      src/components/MyMeal.vue
  37. 164 0
      src/components/MyMessage.vue
  38. 254 0
      src/components/SearchResult.vue
  39. 103 0
      src/components/SpecialInfo.vue
  40. 14 0
      src/main.js
  41. 115 0
      src/router/index.js
  42. 1 0
      src/style/mixin.scss
  43. 195 0
      src/utils/api.js
  44. 74 0
      src/utils/request.js
  45. 177 0
      src/view/about.vue
  46. 329 0
      src/view/layout.vue
  47. 265 0
      src/view/meal.vue
  48. 165 0
      src/view/profile.vue
  49. 144 0
      src/view/special.vue
  50. 133 0
      src/view/text.vue
  51. 36 0
      vite.config.js

+ 24 - 0
.gitignore
View File 

@@ -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?

+ 3 - 0
.vscode/extensions.json
View File 

@@ -0,0 +1,3 @@
 
+{
 
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
 
+}

+ 7 - 0
README.md
View File 

@@ -0,0 +1,7 @@
 
+# Vue 3 + Vite
 
+
 
+This template should help get you started developing with Vue 3 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).

BIN
dist.zip
View File


+ 14 - 0
index.html
View File 

@@ -0,0 +1,14 @@
 
+<!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.js"></script>
 
+    <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
 
+  </body>
 
+</html>

+ 738 - 0
package-lock.json
View File 

@@ -0,0 +1,738 @@
 
+{
 
+  "name": "zhitiqiao",
 
+  "version": "0.0.0",
 
+  "lockfileVersion": 1,
 
+  "requires": true,
 
+  "dependencies": {
 
+    "@babel/parser": {
 
+      "version": "7.22.5",
 
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.5.tgz",
 
+      "integrity": "sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q=="
 
+    },
 
+    "@ctrl/tinycolor": {
 
+      "version": "3.6.0",
 
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.0.tgz",
 
+      "integrity": "sha512-/Z3l6pXthq0JvMYdUFyX9j0MaCltlIn6mfh9jLyQwg5aPKxkyNa0PTHtU1AlFXLNk55ZuAeJRcpvq+tmLfKmaQ=="
 
+    },
 
+    "@element-plus/icons-vue": {
 
+      "version": "2.1.0",
 
+      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.1.0.tgz",
 
+      "integrity": "sha512-PSBn3elNoanENc1vnCfh+3WA9fimRC7n+fWkf3rE5jvv+aBohNHABC/KAR5KWPecxWxDTVT1ERpRbOMRcOV/vA=="
 
+    },
 
+    "@esbuild/android-arm": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
 
+      "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/android-arm64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
 
+      "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/android-x64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
 
+      "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/darwin-arm64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
 
+      "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/darwin-x64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
 
+      "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/freebsd-arm64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
 
+      "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/freebsd-x64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
 
+      "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/linux-arm": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
 
+      "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/linux-arm64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
 
+      "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/linux-ia32": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
 
+      "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/linux-loong64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
 
+      "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/linux-mips64el": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
 
+      "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/linux-ppc64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
 
+      "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/linux-riscv64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
 
+      "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/linux-s390x": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
 
+      "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/linux-x64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
 
+      "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/netbsd-x64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
 
+      "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/openbsd-x64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
 
+      "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/sunos-x64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
 
+      "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/win32-arm64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
 
+      "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/win32-ia32": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
 
+      "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@esbuild/win32-x64": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
 
+      "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==",
 
+      "dev": true,
 
+      "optional": true
 
+    },
 
+    "@floating-ui/core": {
 
+      "version": "1.3.1",
 
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.3.1.tgz",
 
+      "integrity": "sha512-Bu+AMaXNjrpjh41znzHqaz3r2Nr8hHuHZT6V2LBKMhyMl0FgKA62PNYbqnfgmzOhoWZj70Zecisbo4H1rotP5g=="
 
+    },
 
+    "@floating-ui/dom": {
 
+      "version": "1.4.2",
 
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.4.2.tgz",
 
+      "integrity": "sha512-VKmvHVatWnewmGGy+7Mdy4cTJX71Pli6v/Wjb5RQBuq5wjUYx+Ef+kRThi8qggZqDgD8CogCpqhRoVp3+yQk+g==",
 
+      "requires": {
 
+        "@floating-ui/core": "^1.3.1"
 
+      }
 
+    },
 
+    "@jridgewell/sourcemap-codec": {
 
+      "version": "1.4.15",
 
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
 
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
 
+    },
 
+    "@popperjs/core": {
 
+      "version": "npm:@sxzz/popperjs-es@2.11.7",
 
+      "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
 
+      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
 
+    },
 
+    "@types/lodash": {
 
+      "version": "4.14.195",
 
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.195.tgz",
 
+      "integrity": "sha512-Hwx9EUgdwf2GLarOjQp5ZH8ZmblzcbTBC2wtQWNKARBSxM9ezRIAUpeDTgoQRAFB0+8CNWXVA9+MaSOzOF3nPg=="
 
+    },
 
+    "@types/lodash-es": {
 
+      "version": "4.17.7",
 
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.7.tgz",
 
+      "integrity": "sha512-z0ptr6UI10VlU6l5MYhGwS4mC8DZyYer2mCoyysZtSF7p26zOX8UpbrV0YpNYLGS8K4PUFIyEr62IMFFjveSiQ==",
 
+      "requires": {
 
+        "@types/lodash": "*"
 
+      }
 
+    },
 
+    "@types/web-bluetooth": {
 
+      "version": "0.0.16",
 
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
 
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
 
+    },
 
+    "@vitejs/plugin-vue": {
 
+      "version": "4.2.3",
 
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.2.3.tgz",
 
+      "integrity": "sha512-R6JDUfiZbJA9cMiguQ7jxALsgiprjBeHL5ikpXfJCH62pPHtI+JdJ5xWj6Ev73yXSlYl86+blXn1kZHQ7uElxw==",
 
+      "dev": true
 
+    },
 
+    "@vue/compiler-core": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
 
+      "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
 
+      "requires": {
 
+        "@babel/parser": "^7.21.3",
 
+        "@vue/shared": "3.3.4",
 
+        "estree-walker": "^2.0.2",
 
+        "source-map-js": "^1.0.2"
 
+      }
 
+    },
 
+    "@vue/compiler-dom": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
 
+      "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
 
+      "requires": {
 
+        "@vue/compiler-core": "3.3.4",
 
+        "@vue/shared": "3.3.4"
 
+      }
 
+    },
 
+    "@vue/compiler-sfc": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
 
+      "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
 
+      "requires": {
 
+        "@babel/parser": "^7.20.15",
 
+        "@vue/compiler-core": "3.3.4",
 
+        "@vue/compiler-dom": "3.3.4",
 
+        "@vue/compiler-ssr": "3.3.4",
 
+        "@vue/reactivity-transform": "3.3.4",
 
+        "@vue/shared": "3.3.4",
 
+        "estree-walker": "^2.0.2",
 
+        "magic-string": "^0.30.0",
 
+        "postcss": "^8.1.10",
 
+        "source-map-js": "^1.0.2"
 
+      }
 
+    },
 
+    "@vue/compiler-ssr": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
 
+      "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
 
+      "requires": {
 
+        "@vue/compiler-dom": "3.3.4",
 
+        "@vue/shared": "3.3.4"
 
+      }
 
+    },
 
+    "@vue/devtools-api": {
 
+      "version": "6.5.0",
 
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.0.tgz",
 
+      "integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q=="
 
+    },
 
+    "@vue/reactivity": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
 
+      "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
 
+      "requires": {
 
+        "@vue/shared": "3.3.4"
 
+      }
 
+    },
 
+    "@vue/reactivity-transform": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
 
+      "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
 
+      "requires": {
 
+        "@babel/parser": "^7.20.15",
 
+        "@vue/compiler-core": "3.3.4",
 
+        "@vue/shared": "3.3.4",
 
+        "estree-walker": "^2.0.2",
 
+        "magic-string": "^0.30.0"
 
+      }
 
+    },
 
+    "@vue/runtime-core": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz",
 
+      "integrity": "sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==",
 
+      "requires": {
 
+        "@vue/reactivity": "3.3.4",
 
+        "@vue/shared": "3.3.4"
 
+      }
 
+    },
 
+    "@vue/runtime-dom": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz",
 
+      "integrity": "sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==",
 
+      "requires": {
 
+        "@vue/runtime-core": "3.3.4",
 
+        "@vue/shared": "3.3.4",
 
+        "csstype": "^3.1.1"
 
+      }
 
+    },
 
+    "@vue/server-renderer": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz",
 
+      "integrity": "sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==",
 
+      "requires": {
 
+        "@vue/compiler-ssr": "3.3.4",
 
+        "@vue/shared": "3.3.4"
 
+      }
 
+    },
 
+    "@vue/shared": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
 
+      "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
 
+    },
 
+    "@vueuse/core": {
 
+      "version": "9.13.0",
 
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.13.0.tgz",
 
+      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
 
+      "requires": {
 
+        "@types/web-bluetooth": "^0.0.16",
 
+        "@vueuse/metadata": "9.13.0",
 
+        "@vueuse/shared": "9.13.0",
 
+        "vue-demi": "*"
 
+      }
 
+    },
 
+    "@vueuse/metadata": {
 
+      "version": "9.13.0",
 
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.13.0.tgz",
 
+      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ=="
 
+    },
 
+    "@vueuse/shared": {
 
+      "version": "9.13.0",
 
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.13.0.tgz",
 
+      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
 
+      "requires": {
 
+        "vue-demi": "*"
 
+      }
 
+    },
 
+    "anymatch": {
 
+      "version": "3.1.3",
 
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
 
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
 
+      "requires": {
 
+        "normalize-path": "^3.0.0",
 
+        "picomatch": "^2.0.4"
 
+      }
 
+    },
 
+    "async-validator": {
 
+      "version": "4.2.5",
 
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
 
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
 
+    },
 
+    "asynckit": {
 
+      "version": "0.4.0",
 
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
 
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
 
+    },
 
+    "axios": {
 
+      "version": "1.4.0",
 
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
 
+      "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
 
+      "requires": {
 
+        "follow-redirects": "^1.15.0",
 
+        "form-data": "^4.0.0",
 
+        "proxy-from-env": "^1.1.0"
 
+      }
 
+    },
 
+    "binary-extensions": {
 
+      "version": "2.2.0",
 
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
 
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
 
+    },
 
+    "braces": {
 
+      "version": "3.0.2",
 
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
 
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
 
+      "requires": {
 
+        "fill-range": "^7.0.1"
 
+      }
 
+    },
 
+    "chokidar": {
 
+      "version": "3.5.3",
 
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
 
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
 
+      "requires": {
 
+        "anymatch": "~3.1.2",
 
+        "braces": "~3.0.2",
 
+        "fsevents": "~2.3.2",
 
+        "glob-parent": "~5.1.2",
 
+        "is-binary-path": "~2.1.0",
 
+        "is-glob": "~4.0.1",
 
+        "normalize-path": "~3.0.0",
 
+        "readdirp": "~3.6.0"
 
+      }
 
+    },
 
+    "combined-stream": {
 
+      "version": "1.0.8",
 
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
 
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
 
+      "requires": {
 
+        "delayed-stream": "~1.0.0"
 
+      }
 
+    },
 
+    "csstype": {
 
+      "version": "3.1.2",
 
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
 
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
 
+    },
 
+    "dayjs": {
 
+      "version": "1.11.8",
 
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz",
 
+      "integrity": "sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ=="
 
+    },
 
+    "delayed-stream": {
 
+      "version": "1.0.0",
 
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
 
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
 
+    },
 
+    "element-plus": {
 
+      "version": "2.3.7",
 
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.3.7.tgz",
 
+      "integrity": "sha512-h6TxclbaLUJxg/Bv5j/ZKsK+K5yadQliw5+R30HWyE69pXlqXTX24oYx+yw3pA4Dy+lqEDi5501FQ0CORk3OSA==",
 
+      "requires": {
 
+        "@ctrl/tinycolor": "^3.4.1",
 
+        "@element-plus/icons-vue": "^2.0.6",
 
+        "@floating-ui/dom": "^1.0.1",
 
+        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
 
+        "@types/lodash": "^4.14.182",
 
+        "@types/lodash-es": "^4.17.6",
 
+        "@vueuse/core": "^9.1.0",
 
+        "async-validator": "^4.2.5",
 
+        "dayjs": "^1.11.3",
 
+        "escape-html": "^1.0.3",
 
+        "lodash": "^4.17.21",
 
+        "lodash-es": "^4.17.21",
 
+        "lodash-unified": "^1.0.2",
 
+        "memoize-one": "^6.0.0",
 
+        "normalize-wheel-es": "^1.2.0"
 
+      }
 
+    },
 
+    "esbuild": {
 
+      "version": "0.17.19",
 
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",
 
+      "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==",
 
+      "dev": true,
 
+      "requires": {
 
+        "@esbuild/android-arm": "0.17.19",
 
+        "@esbuild/android-arm64": "0.17.19",
 
+        "@esbuild/android-x64": "0.17.19",
 
+        "@esbuild/darwin-arm64": "0.17.19",
 
+        "@esbuild/darwin-x64": "0.17.19",
 
+        "@esbuild/freebsd-arm64": "0.17.19",
 
+        "@esbuild/freebsd-x64": "0.17.19",
 
+        "@esbuild/linux-arm": "0.17.19",
 
+        "@esbuild/linux-arm64": "0.17.19",
 
+        "@esbuild/linux-ia32": "0.17.19",
 
+        "@esbuild/linux-loong64": "0.17.19",
 
+        "@esbuild/linux-mips64el": "0.17.19",
 
+        "@esbuild/linux-ppc64": "0.17.19",
 
+        "@esbuild/linux-riscv64": "0.17.19",
 
+        "@esbuild/linux-s390x": "0.17.19",
 
+        "@esbuild/linux-x64": "0.17.19",
 
+        "@esbuild/netbsd-x64": "0.17.19",
 
+        "@esbuild/openbsd-x64": "0.17.19",
 
+        "@esbuild/sunos-x64": "0.17.19",
 
+        "@esbuild/win32-arm64": "0.17.19",
 
+        "@esbuild/win32-ia32": "0.17.19",
 
+        "@esbuild/win32-x64": "0.17.19"
 
+      }
 
+    },
 
+    "escape-html": {
 
+      "version": "1.0.3",
 
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
 
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
 
+    },
 
+    "estree-walker": {
 
+      "version": "2.0.2",
 
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
 
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
 
+    },
 
+    "fill-range": {
 
+      "version": "7.0.1",
 
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
 
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
 
+      "requires": {
 
+        "to-regex-range": "^5.0.1"
 
+      }
 
+    },
 
+    "follow-redirects": {
 
+      "version": "1.15.2",
 
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
 
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
 
+    },
 
+    "form-data": {
 
+      "version": "4.0.0",
 
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
 
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
 
+      "requires": {
 
+        "asynckit": "^0.4.0",
 
+        "combined-stream": "^1.0.8",
 
+        "mime-types": "^2.1.12"
 
+      }
 
+    },
 
+    "fsevents": {
 
+      "version": "2.3.2",
 
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
 
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
 
+      "optional": true
 
+    },
 
+    "glob-parent": {
 
+      "version": "5.1.2",
 
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
 
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
 
+      "requires": {
 
+        "is-glob": "^4.0.1"
 
+      }
 
+    },
 
+    "immutable": {
 
+      "version": "4.3.0",
 
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz",
 
+      "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg=="
 
+    },
 
+    "is-binary-path": {
 
+      "version": "2.1.0",
 
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
 
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
 
+      "requires": {
 
+        "binary-extensions": "^2.0.0"
 
+      }
 
+    },
 
+    "is-extglob": {
 
+      "version": "2.1.1",
 
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
 
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
 
+    },
 
+    "is-glob": {
 
+      "version": "4.0.3",
 
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
 
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
 
+      "requires": {
 
+        "is-extglob": "^2.1.1"
 
+      }
 
+    },
 
+    "is-number": {
 
+      "version": "7.0.0",
 
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
 
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
 
+    },
 
+    "lodash": {
 
+      "version": "4.17.21",
 
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
 
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
 
+    },
 
+    "lodash-es": {
 
+      "version": "4.17.21",
 
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
 
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
 
+    },
 
+    "lodash-unified": {
 
+      "version": "1.0.3",
 
+      "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.3.tgz",
 
+      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ=="
 
+    },
 
+    "magic-string": {
 
+      "version": "0.30.0",
 
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
 
+      "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
 
+      "requires": {
 
+        "@jridgewell/sourcemap-codec": "^1.4.13"
 
+      }
 
+    },
 
+    "memoize-one": {
 
+      "version": "6.0.0",
 
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
 
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
 
+    },
 
+    "mime-db": {
 
+      "version": "1.52.0",
 
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
 
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
 
+    },
 
+    "mime-types": {
 
+      "version": "2.1.35",
 
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
 
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
 
+      "requires": {
 
+        "mime-db": "1.52.0"
 
+      }
 
+    },
 
+    "nanoid": {
 
+      "version": "3.3.6",
 
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
 
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
 
+    },
 
+    "neo-async": {
 
+      "version": "2.6.2",
 
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
 
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
 
+    },
 
+    "normalize-path": {
 
+      "version": "3.0.0",
 
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
 
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
 
+    },
 
+    "normalize-wheel-es": {
 
+      "version": "1.2.0",
 
+      "resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
 
+      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw=="
 
+    },
 
+    "picocolors": {
 
+      "version": "1.0.0",
 
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
 
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
 
+    },
 
+    "picomatch": {
 
+      "version": "2.3.1",
 
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
 
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
 
+    },
 
+    "postcss": {
 
+      "version": "8.4.24",
 
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz",
 
+      "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==",
 
+      "requires": {
 
+        "nanoid": "^3.3.6",
 
+        "picocolors": "^1.0.0",
 
+        "source-map-js": "^1.0.2"
 
+      }
 
+    },
 
+    "proxy-from-env": {
 
+      "version": "1.1.0",
 
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
 
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
 
+    },
 
+    "qrcode.vue": {
 
+      "version": "3.4.0",
 
+      "resolved": "https://registry.npmjs.org/qrcode.vue/-/qrcode.vue-3.4.0.tgz",
 
+      "integrity": "sha512-4XeImbv10Fin16Fl2DArCMhGyAdvIg2jb7vDT+hZiIAMg/6H6mz9nUZr/dR8jBcun5VzNzkiwKhiqOGbloinwA=="
 
+    },
 
+    "readdirp": {
 
+      "version": "3.6.0",
 
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
 
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
 
+      "requires": {
 
+        "picomatch": "^2.2.1"
 
+      }
 
+    },
 
+    "rollup": {
 
+      "version": "3.25.3",
 
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.25.3.tgz",
 
+      "integrity": "sha512-ZT279hx8gszBj9uy5FfhoG4bZx8c+0A1sbqtr7Q3KNWIizpTdDEPZbV2xcbvHsnFp4MavCQYZyzApJ+virB8Yw==",
 
+      "dev": true,
 
+      "requires": {
 
+        "fsevents": "~2.3.2"
 
+      }
 
+    },
 
+    "sass": {
 
+      "version": "1.63.6",
 
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.63.6.tgz",
 
+      "integrity": "sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==",
 
+      "requires": {
 
+        "chokidar": ">=3.0.0 <4.0.0",
 
+        "immutable": "^4.0.0",
 
+        "source-map-js": ">=0.6.2 <2.0.0"
 
+      }
 
+    },
 
+    "sass-loader": {
 
+      "version": "13.3.2",
 
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.3.2.tgz",
 
+      "integrity": "sha512-CQbKl57kdEv+KDLquhC+gE3pXt74LEAzm+tzywcA0/aHZuub8wTErbjAoNI57rPUWRYRNC5WUnNl8eGJNbDdwg==",
 
+      "requires": {
 
+        "neo-async": "^2.6.2"
 
+      }
 
+    },
 
+    "source-map-js": {
 
+      "version": "1.0.2",
 
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
 
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
 
+    },
 
+    "to-regex-range": {
 
+      "version": "5.0.1",
 
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
 
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
 
+      "requires": {
 
+        "is-number": "^7.0.0"
 
+      }
 
+    },
 
+    "vite": {
 
+      "version": "4.3.9",
 
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz",
 
+      "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==",
 
+      "dev": true,
 
+      "requires": {
 
+        "esbuild": "^0.17.5",
 
+        "fsevents": "~2.3.2",
 
+        "postcss": "^8.4.23",
 
+        "rollup": "^3.21.0"
 
+      }
 
+    },
 
+    "vue": {
 
+      "version": "3.3.4",
 
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
 
+      "integrity": "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==",
 
+      "requires": {
 
+        "@vue/compiler-dom": "3.3.4",
 
+        "@vue/compiler-sfc": "3.3.4",
 
+        "@vue/runtime-dom": "3.3.4",
 
+        "@vue/server-renderer": "3.3.4",
 
+        "@vue/shared": "3.3.4"
 
+      }
 
+    },
 
+    "vue-demi": {
 
+      "version": "0.14.5",
 
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.5.tgz",
 
+      "integrity": "sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA=="
 
+    },
 
+    "vue-router": {
 
+      "version": "4.0.13",
 
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.13.tgz",
 
+      "integrity": "sha512-LmXrC+BkDRLak+d5xTMgUYraT3Nj0H/vCbP+7usGvIl9Viqd1UP6AsP0i69pSbn9O0dXK/xCdp4yPw21HqV9Jw==",
 
+      "requires": {
 
+        "@vue/devtools-api": "^6.0.0"
 
+      }
 
+    }
 
+  }
 
+}

+ 24 - 0
package.json
View File 

@@ -0,0 +1,24 @@
 
+{
 
+  "name": "zhitiqiao",
 
+  "private": true,
 
+  "version": "0.0.0",
 
+  "type": "module",
 
+  "scripts": {
 
+    "dev": "vite",
 
+    "build": "vite build",
 
+    "preview": "vite preview"
 
+  },
 
+  "dependencies": {
 
+    "axios": "^1.4.0",
 
+    "element-plus": "^2.3.7",
 
+    "qrcode.vue": "^3.4.0",
 
+    "sass": "^1.63.6",
 
+    "sass-loader": "^13.3.2",
 
+    "vue": "^3.2.47",
 
+    "vue-router": "^4.0.13"
 
+  },
 
+  "devDependencies": {
 
+    "@vitejs/plugin-vue": "^4.1.0",
 
+    "vite": "^4.3.9"
 
+  }
 
+}

+ 1 - 0
public/vite.svg
View File 

@@ -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>

+ 82 - 0
src/App.vue
View File 

@@ -0,0 +1,82 @@
 
+<script setup>
 
+
 
+</script>
 
+
 
+<template>
 
+  <div>
 
+    
+	<router-view></router-view>
 
+  </div>
 
+</template>
 
+
 
+
 
+<style lang="scss">
 
+
 
+@import "assets/css/base.css";
 
+#app {
 
+  font-family: Avenir, Helvetica, Arial, sans-serif;
 
+  -webkit-font-smoothing: antialiased;
 
+  -moz-osx-font-smoothing: grayscale;
 
+  color: #333;
 
+background: #F5F5F5;
 
+min-height: 100vh;
 
+font-size: 16px;
 
+// padding-bottom: 224px;
 
+}
 
+div{
 
+  box-sizing: border-box;
 
+}
 
+.u-flex {
 
+		display: flex;
 
+		flex-direction: row;
 
+		align-items: center;
 
+	}
 
+
 
+	.u-flex-col {
 
+		display: flex;
 
+		flex-direction: column;
 
+	}
 
+
 
+	.u-flex-wrap {
 
+		flex-wrap: wrap;
 
+	}
 
+
 
+	.u-flex-nowrap {
 
+		flex-wrap: nowrap;
 
+	}
 
+
 
+	.u-col-center {
 
+		flex-direction: column;
 
+		align-items: center;
 
+	}
 
+
 
+	.u-col-top {
 
+		align-items: flex-start;
 
+	}
 
+
 
+	.u-col-bottom {
 
+		align-items: flex-end;
 
+	}
 
+
 
+	.u-row-center {
 
+		justify-content: center;
 
+	}
 
+
 
+	.u-row-left {
 
+		justify-content: flex-start;
 
+	}
 
+
 
+	.u-row-right {
 
+		justify-content: flex-end;
 
+	}
 
+
 
+	.u-row-between {
 
+		display: flex;
 
+		justify-content: space-between;
 
+	}
 
+
 
+	.u-row-around {
 
+		display: flex;
 
+		justify-content: space-around;
 
+	}
 
+</style>

+ 58 - 0
src/assets/css/base.css
View File 

@@ -0,0 +1,58 @@
 
+@import "./normalize.css";
 
+
 
+/*:root -> 获取根元素html*/
 
+
 
+:root {
 
+    --color-text: #666;
 
+    --color-high-text: #ff5777;
 
+    --color-tint: #ff8198;
 
+    --color-background: #fff;
 
+    --font-size: 14px;
 
+    --line-height: 1.5;
 
+}
 
+
 
+*,
 
+*::before,
 
+*::after {
 
+    margin: 0;
 
+    padding: 0;
 
+    box-sizing: border-box;
 
+}
 
+
 
+body {
 
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
 
+    user-select: none;
 
+    /* 禁止用户鼠标在页面上选中文字/图片等 */
 
+    -webkit-tap-highlight-color: transparent;
 
+    /* webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节 */
 
+    background: var(--color-background);
 
+    color: var(--color-text);
 
+    /* rem vw/vh */
 
+    width: 100vw;
 
+}
 
+
 
+a {
 
+    color: var(--color-text);
 
+    text-decoration: none;
 
+}
 
+
 
+.clear-fix::after {
 
+    clear: both;
 
+    content: '';
 
+    display: block;
 
+    width: 0;
 
+    height: 0;
 
+    visibility: hidden;
 
+}
 
+
 
+.clear-fix {
 
+    zoom: 1;
 
+}
 
+
 
+.left {
 
+    float: left;
 
+}
 
+
 
+.right {
 
+    float: right;
 
+}

+ 341 - 0
src/assets/css/normalize.css
View File 

@@ -0,0 +1,341 @@
 
+/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
 
+
 
+/* Document
 
+   ========================================================================== */
 
+
 
+/**
 
+ * 1. Correct the line height in all browsers.
 
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
 
+ */
 
+
 
+html {
 
+  line-height: 1.15; /* 1 */
 
+  -webkit-text-size-adjust: 100%; /* 2 */
 
+}
 
+
 
+/* Sections
 
+   ========================================================================== */
 
+
 
+/**
 
+ * Remove the margin in all browsers.
 
+ */
 
+
 
+body {
 
+  margin: 0;
 
+}
 
+
 
+/**
 
+ * Correct the font size and margin on `h1` elements within `section` and
 
+ * `article` contexts in Chrome, Firefox, and Safari.
 
+ */
 
+
 
+h1 {
 
+  font-size: 2em;
 
+  margin: 0.67em 0;
 
+}
 
+
 
+/* Grouping content
 
+   ========================================================================== */
 
+
 
+/**
 
+ * 1. Add the correct box sizing in Firefox.
 
+ * 2. Show the overflow in Edge and IE.
 
+ */
 
+
 
+hr {
 
+  box-sizing: content-box; /* 1 */
 
+  height: 0; /* 1 */
 
+  overflow: visible; /* 2 */
 
+}
 
+
 
+/**
 
+ * 1. Correct the inheritance and scaling of font size in all browsers.
 
+ * 2. Correct the odd `em` font sizing in all browsers.
 
+ */
 
+
 
+pre {
 
+  font-family: monospace, monospace; /* 1 */
 
+  font-size: 1em; /* 2 */
 
+}
 
+
 
+/* Text-level semantics
 
+   ========================================================================== */
 
+
 
+/**
 
+ * Remove the gray background on active links in IE 10.
 
+ */
 
+
 
+a {
 
+  background-color: transparent;
 
+}
 
+
 
+/**
 
+ * 1. Remove the bottom border in Chrome 57-
 
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 
+ */
 
+
 
+abbr[title] {
 
+  border-bottom: none; /* 1 */
 
+  text-decoration: underline; /* 2 */
 
+  text-decoration: underline dotted; /* 2 */
 
+}
 
+
 
+/**
 
+ * Add the correct font weight in Chrome, Edge, and Safari.
 
+ */
 
+
 
+b,
 
+strong {
 
+  font-weight: bolder;
 
+}
 
+
 
+/**
 
+ * 1. Correct the inheritance and scaling of font size in all browsers.
 
+ * 2. Correct the odd `em` font sizing in all browsers.
 
+ */
 
+
 
+code,
 
+kbd,
 
+samp {
 
+  font-family: monospace, monospace; /* 1 */
 
+  font-size: 1em; /* 2 */
 
+}
 
+
 
+/**
 
+ * Add the correct font size in all browsers.
 
+ */
 
+
 
+small {
 
+  font-size: 80%;
 
+}
 
+
 
+/**
 
+ * Prevent `sub` and `sup` elements from affecting the line height in
 
+ * all browsers.
 
+ */
 
+
 
+sub,
 
+sup {
 
+  font-size: 75%;
 
+  line-height: 0;
 
+  position: relative;
 
+  vertical-align: baseline;
 
+}
 
+
 
+sub {
 
+  bottom: -0.25em;
 
+}
 
+
 
+sup {
 
+  top: -0.5em;
 
+}
 
+
 
+/* Embedded content
 
+   ========================================================================== */
 
+
 
+/**
 
+ * Remove the border on images inside links in IE 10.
 
+ */
 
+
 
+img {
 
+  border-style: none;
 
+}
 
+
 
+/* Forms
 
+   ========================================================================== */
 
+
 
+/**
 
+ * 1. Change the font styles in all browsers.
 
+ * 2. Remove the margin in Firefox and Safari.
 
+ */
 
+
 
+button,
 
+input,
 
+optgroup,
 
+select,
 
+textarea {
 
+  font-family: inherit; /* 1 */
 
+  font-size: 100%; /* 1 */
 
+  line-height: 1.15; /* 1 */
 
+  margin: 0; /* 2 */
 
+}
 
+
 
+/**
 
+ * Show the overflow in IE.
 
+ * 1. Show the overflow in Edge.
 
+ */
 
+
 
+button,
 
+input { /* 1 */
 
+  overflow: visible;
 
+}
 
+
 
+/**
 
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
 
+ * 1. Remove the inheritance of text transform in Firefox.
 
+ */
 
+
 
+button,
 
+select { /* 1 */
 
+  text-transform: none;
 
+}
 
+
 
+/**
 
+ * Correct the inability to style clickable types in iOS and Safari.
 
+ */
 
+
 
+button,
 
+[type="button"],
 
+[type="reset"],
 
+[type="submit"] {
 
+  -webkit-appearance: button;
 
+}
 
+
 
+/**
 
+ * Remove the inner border and padding in Firefox.
 
+ */
 
+
 
+button::-moz-focus-inner,
 
+[type="button"]::-moz-focus-inner,
 
+[type="reset"]::-moz-focus-inner,
 
+[type="submit"]::-moz-focus-inner {
 
+  border-style: none;
 
+  padding: 0;
 
+}
 
+
 
+/**
 
+ * Restore the focus styles unset by the previous rule.
 
+ */
 
+
 
+button:-moz-focusring,
 
+[type="button"]:-moz-focusring,
 
+[type="reset"]:-moz-focusring,
 
+[type="submit"]:-moz-focusring {
 
+  outline: 1px dotted ButtonText;
 
+}
 
+
 
+/**
 
+ * Correct the padding in Firefox.
 
+ */
 
+
 
+fieldset {
 
+  padding: 0.35em 0.75em 0.625em;
 
+}
 
+
 
+/**
 
+ * 1. Correct the text wrapping in Edge and IE.
 
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
 
+ * 3. Remove the padding so developers are not caught out when they zero out
 
+ *    `fieldset` elements in all browsers.
 
+ */
 
+
 
+legend {
 
+  box-sizing: border-box; /* 1 */
 
+  color: inherit; /* 2 */
 
+  display: table; /* 1 */
 
+  max-width: 100%; /* 1 */
 
+  padding: 0; /* 3 */
 
+  white-space: normal; /* 1 */
 
+}
 
+
 
+/**
 
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 
+ */
 
+
 
+progress {
 
+  vertical-align: baseline;
 
+}
 
+
 
+/**
 
+ * Remove the default vertical scrollbar in IE 10+.
 
+ */
 
+
 
+textarea {
 
+  overflow: auto;
 
+}
 
+
 
+/**
 
+ * 1. Add the correct box sizing in IE 10.
 
+ * 2. Remove the padding in IE 10.
 
+ */
 
+
 
+[type="checkbox"],
 
+[type="radio"] {
 
+  box-sizing: border-box; /* 1 */
 
+  padding: 0; /* 2 */
 
+}
 
+
 
+/**
 
+ * Correct the cursor style of increment and decrement buttons in Chrome.
 
+ */
 
+
 
+[type="number"]::-webkit-inner-spin-button,
 
+[type="number"]::-webkit-outer-spin-button {
 
+  height: auto;
 
+}
 
+
 
+/**
 
+ * 1. Correct the odd appearance in Chrome and Safari.
 
+ * 2. Correct the outline style in Safari.
 
+ */
 
+
 
+[type="search"] {
 
+  -webkit-appearance: textfield; /* 1 */
 
+  outline-offset: -2px; /* 2 */
 
+}
 
+
 
+/**
 
+ * Remove the inner padding in Chrome and Safari on macOS.
 
+ */
 
+
 
+[type="search"]::-webkit-search-decoration {
 
+  -webkit-appearance: none;
 
+}
 
+
 
+/**
 
+ * 1. Correct the inability to style clickable types in iOS and Safari.
 
+ * 2. Change font properties to `inherit` in Safari.
 
+ */
 
+
 
+::-webkit-file-upload-button {
 
+  -webkit-appearance: button; /* 1 */
 
+  font: inherit; /* 2 */
 
+}
 
+
 
+/* Interactive
 
+   ========================================================================== */
 
+
 
+/*
 
+ * Add the correct display in Edge, IE 10+, and Firefox.
 
+ */
 
+
 
+details {
 
+  display: block;
 
+}
 
+
 
+/*
 
+ * Add the correct display in all browsers.
 
+ */
 
+
 
+summary {
 
+  display: list-item;
 
+}
 
+
 
+/* Misc
 
+   ========================================================================== */
 
+
 
+/**
 
+ * Add the correct display in IE 10+.
 
+ */
 
+
 
+template {
 
+  display: none;
 
+}
 
+
 
+/**
 
+ * Add the correct display in IE 10.
 
+ */
 
+
 
+[hidden] {
 
+  display: none;
 
+}

BIN
src/assets/image/56454@2x.png
View File


BIN
src/assets/image/banner.png
View File


BIN
src/assets/image/bj.png
View File


BIN
src/assets/image/chuanzhen@2x.png
View File


BIN
src/assets/image/close@2x.png
View File


BIN
src/assets/image/delect@2x.png
View File


BIN
src/assets/image/dizhi@2x.png
View File


BIN
src/assets/image/eye.png
View File


BIN
src/assets/image/header@2x.png
View File


BIN
src/assets/image/kefu@2x.png
View File


BIN
src/assets/image/message.png
View File


BIN
src/assets/image/test.png
View File


BIN
src/assets/image/wechat.png
View File


BIN
src/assets/image/weixin.png
View File


BIN
src/assets/image/zfb.png
View File


+ 1 - 0
src/assets/vue.svg
View File 

@@ -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>

+ 66 - 0
src/components/Agreement.vue
View File 

@@ -0,0 +1,66 @@
 
+<template>
 
+    <div class="slideRight">
 
+         <div class="bg">
 
+            <img src="../assets/image/bj.png" alt="">
 
+            <div class="agreement">
 
+                <div class="title">
 
+                    隐私协议
 
+                </div>
 
+                <div class="content" v-html="privacy_policy">
 
+                   
+                    
+                </div>
 
+            </div>
 
+         </div>
 
+       </div>
 
+   </template>
 
+   
+   <script setup>
 
+   import {useRouter } from "vue-router"
 
+   import {onMounted ,ref} from "vue"
 
+   import {config_info} from '@/utils/api'
 
+   onMounted(()=>{
 
+    config_info().then(res=>{
 
+        privacy_policy.value=res.data.privacy_policy
 
+    })
 
+   })
 
+   let privacy_policy=ref('')
 
+   
+   
+   </script>
 
+   
+   <style lang="scss" scoped>
 
+    .slideRight{
 
+        // padding-bottom: 19px;
 
+       width: 991px;
 
+   height: 589px;
 
+   background: #FFFFFF;
 
+   border-radius: 10px;
 
+   overflow: hidden;
 
+   .bg{
 
+    width: 100%;
 
+height: 100px;
 
+background: #4EDD92;
 
+border-radius: 10px 10px 0px 0px;
 
+img{
 
+    width: 100%;
 
+height: 100%;
 
+}
 
+   }
 
+   .agreement{
 
+    margin-top: 40px;
 
+    .title{
 
+        text-align: center;
 
+        font-size: 20px;
 
+        font-weight: bold;
 
+        margin-bottom: 40px;
 
+    }
 
+    .content{
 
+        height: 370px;
 
+        padding: 0 40px;
 
+        overflow-y: scroll;
 
+    }
 
+   }
 
+     }
 
+   </style>
 
+

+ 52 - 0
src/components/Consult.vue
View File 

@@ -0,0 +1,52 @@
 
+<template>
 
+ <div class="index">
 
+    <el-button  :icon="ArrowLeft" @click="toBack">返回</el-button>
 
+    <Consult-component :consultList="consultList" @toConsult="toConsult"  height="894" />
 
+    <div class="page">
 
+        <el-pagination background @current-change="pageChange" :page-size="20" layout="prev, pager, next" :total="count" />
 
+    </div>
 
+ </div>
 
+</template>
 
+
 
+<script setup>
 
+import { ArrowLeft } from '@element-plus/icons-vue'
 
+import {useRouter } from "vue-router"
 
+import {onMounted ,ref} from "vue"
 
+import ConsultComponent from './ConsultComponent.vue'
 
+import {consult_list} from '@/utils/api'
 
+
 
+
 
+onMounted(()=>{
 
+    getConsult_list()
 
+})
 
+let consultList=ref([])
 
+let count=ref(0)
 
+let page=ref(1)
 
+let getConsult_list=()=>{
 
+    consult_list({page:page.value,page_num:20}).then(res=>{
 
+        consultList.value=res.data.list
 
+        count.value=res.data.count
 
+        
+    })
 
+
 
+}
 
+let pageChange=(e)=>{
 
+    page.value=e
 
+    getConsult_list()
 
+}
 
+let router=useRouter()
 
+let toBack=()=>{
 
+    router.go(-1)
 
+}
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+.index{
 
+    margin: 30px auto;
 
+    width: 1200px;
 
+}
 
+.page{
 
+    display: flex;
 
+    justify-content: center;
 
+}
 
+</style>

+ 148 - 0
src/components/ConsultComponent.vue
View File 

@@ -0,0 +1,148 @@
 
+<template>
 
+  <div class="consult" :style="{height:height+'px'}">
 
+<div class="consultTitle u-row-between">
 
+<div>热搜资讯</div>
 
+<span @click="toConsult" v-if="isShow">全部资讯>></span>
 
+</div>
 
+<div class="consultContent">
 
+    <div class="consultItem" v-for="(item,index) in consultList" :key="index" @click="toInfo(item)">
 
+        <div class="dataBox">
 
+            <div class="dataTop">{{item.day}}</div>
 
+            <div class="dataBottom">{{item.month}}</div>
 
+        </div>
 
+        <div class="consultInfo">
 
+            <div class="itemTitle">{{item.title}}</div>
 
+            <div class="itemContent" >{{ item.subhead }}</div>
 
+        </div>
 
+    </div>
 
+    <!-- <div class="consultItem">
 
+        <div class="dataBox dataBoxImportant">
 
+            <div class="dataTop">08</div>
 
+            <div class="dataBottom dataBottomImportant">2023-04</div>
 
+        </div>
 
+        <div class="consultInfo">
 
+            <div class="itemTitle itemTitleImportant">中国驻英大使呼吁苏格兰工商界对香港营养指</div>
 
+            <div class="itemContent">新华社英国爱丁堡12月2日电（记者张代蕾）…中国驻英营养指中国驻英营养指英营养指</div>
 
+        </div>
 
+    </div> -->
 
+</div>
 
+</div>
 
+</template>
 
+
 
+<script setup>
 
+import {useRouter } from "vue-router"
 
+import {onMounted ,ref} from "vue"
 
+onMounted(()=>{
 
+})
 
+const props= defineProps({
 
+    height:{
 
+       type: String,
 
+      default: '',
 
+    },
 
+    isShow:{
 
+        type: Boolean,
 
+      default: false,
 
+      },
 
+      consultList:{
 
+        type:Array,
 
+        default:[]
 
+      }
 
+    
+  }) 
+  let router=useRouter()
 
+  const emit=defineEmits(['toConsult'])
 
+  let toConsult=()=>{
 
+    emit('toConsult')
 
+  }
 
+  let toInfo=(item)=>{
 
+    router.push('consultInfo?id='+item.id)
 
+  }
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+.consult{
 
+    padding: 18px 20px;
 
+    margin: 30px auto;
 
+    width: 1200px;
 
+background: #FFFFFF;
 
+border-radius: 10px;
 
+.consultTitle{
 
+    font-weight: bold;
 
+    font-size: 18px;
 
+    span{
 
+        color: #1677FF;
 
+        font-size: 14px;
 
+    }
 
+}
 
+.consultContent{
 
+    margin-top: 30px;
 
+    display: flex;
 
+    flex-wrap: wrap;
 
+    .consultItem{
 
+        margin-bottom: 12px;
 
+        display: flex;
 
+        align-items: center;
 
+        flex: 50%;
 
+        .dataBox{
 
+            margin-right: 12px;
 
+            color: #fff;
 
+            width: 66px;
 
+height: 66px;
 
+background: #16BCFF;
 
+border-radius: 10px;
 
+.dataTop{
 
+    height: 42px;
 
+    font-size: 24px;
 
+    text-align: center;
 
+    line-height: 42px;
 
+}
 
+.dataBottom{
 
+    text-align: center;
 
+    line-height: 24px;
 
+width: 66px;
 
+height: 24px;
 
+background: #1677FF;
 
+border-radius: 0px 0px 10px 10px;
 
+}
 
+        }
 
+        .consultInfo{
 
+            .itemTitle{
 
+                font-size: 14px;
 
+                font-weight: bold;
 
+            }
 
+            .itemContent{
 
+                margin-top: 14px;
 
+                font-size: 12px;
 
+                color: #999999;
 
+                width: 332px;
 
+                white-space: nowrap;
 
+                overflow: hidden;
 
+                text-overflow: ellipsis;
 
+               
+
 
+            }
 
+        }
 
+    }
 
+    .consultItem:hover .dataBox{
 
+        background: #FFC26B!important;
 
+    }
 
+    .consultItem:hover .dataBottom{
 
+        background: #FF9F18!important;
 
+    }
 
+    .consultItem:hover .itemTitle{
 
+        color: #FF9F18;
 
+    }
 
+}
 
+}
 
+.dataBoxImportant{
 
+    
+    background: #FFC26B!important;
 
+    .dataBottomImportant{
 
+        background-color: #FF9F18!important;
 
+    }
 
+    }
 
+    .itemTitleImportant{
 
+        
+    color: #FF9F18;
 
+    }
 
+</style>

+ 98 - 0
src/components/ConsultInfo.vue
View File 

@@ -0,0 +1,98 @@
 
+<template>
 
+    <div class="index">
 
+       <el-button  :icon="ArrowLeft" @click="toBack">返回</el-button>
 
+      <div class="info">
 
+        <div class="title">{{info.title}}</div>
 
+        <div class="u-flex tips">
 
+            <img src="../assets/image/eye.png" alt="">
 
+            <span class="read">{{info.page_view}}</span>
 
+            <span>{{info.create_at}}</span>
 
+        </div>
 
+        <!-- <div class="douwnloadBox">
 
+            <div class="douwnload u-row-between">
 
+                <span>关于茶氨酸的市场应用现状.doxc</span>
 
+                <span @click="toDownload">下载</span>
 
+            </div>
 
+            
+        </div> -->
 
+        <div class="title">文章概要：</div>
 
+        <div v-html="info.content"></div>
 
+      </div>
 
+    </div>
 
+   </template>
 
+   
+   <script setup>
 
+   import { ArrowLeft } from '@element-plus/icons-vue'
 
+   import {useRouter } from "vue-router"
 
+   import {onMounted ,ref,inject} from "vue"
 
+   import ConsultComponent from './ConsultComponent.vue'
 
+import { consult_detail} from "@/utils/api";
 
+
 
+   const provideData=inject('provideData')
 
+   onMounted(()=>{
 
+    id.value=router.currentRoute.value.query.id
 
+    getInfo()
 
+   })
 
+   let id=ref('')
 
+   let info=ref({})
 
+   let router=useRouter()
 
+   let toBack=()=>{
 
+       router.go(-1)
 
+   }
 
+   let getInfo=()=>{
 
+    consult_detail({id:id.value}).then(res=>{
 
+        info.value=res.data
 
+    })
 
+   }
 
+   let toDownload=()=>{
 
+    provideData.toLogin()
 
+   }
 
+   </script>
 
+   
+   <style lang="scss" scoped>
 
+   .douwnloadBox{
 
+    padding: 20px;
 
+    width: 1120px;
 
+    margin: 0 auto 20px;
 
+background: #F5F5F5;
 
+border-radius: 10px;
 
+border-left: 10px solid #4EDD92;
 
+    .douwnload{
 
+        line-height: 30px;
 
+        font-weight: bold;
 
+        span{
 
+            
+color: #305FF9;
 
+outline: bottom;
 
+text-decoration: underline;
 
+        }
 
+    }
 
+   }
 
+   .tips{
 
+    margin: 20px 0 20px;
 
+    color: #999999;
 
+    .read{
 
+        margin: 0 40px 0 7px;
 
+    }
 
+   }
 
+   .index{
 
+       margin: 30px auto;
 
+       width: 1200px;
 
+   }
 
+   .info{
 
+    padding: 30px 40px;
 
+    margin: 20px auto;
 
+    width: 1200px;
 
+min-height: 1000px;
 
+background: #FFFFFF;
 
+border-radius: 10px;
 
+.title{
 
+    margin-bottom: 20px;
 
+    font-size: 30px;
 
+    font-weight: bold;
 
+
 
+}
 
+   }
 
+   
+   </style>
 
+

+ 236 - 0
src/components/HotMessage.vue
View File 

@@ -0,0 +1,236 @@
 
+<template>
 
+  <div class="consult">
 
+        <div class="consultTItle">
 
+          <div>热门资讯</div>
 
+        </div>
 
+        <div class="consultContent">
 
+          <div>
 
+            <div
 
+              ref="roll"
 
+              style="height: 320px; overflow: hidden; margin: 20px"
 
+            >
 
+              <div
 
+                v-for="(item, index) in listData"
 
+                @click="toInfo(item)"
 
+                @mousemove="testMove(index)"
 
+                @mouseleave="testMend(index)"
 
+                :key="item.id"
 
+                class="consultItem"
 
+              >
 
+                <div
 
+                  class="circle"
 
+                  v-if="listData.length >= 5"
 
+                  :class="{ circleSelect: current == index }"
 
+                ></div>
 
+                <div
 
+                  class="circle1"
 
+                  v-else
 
+                  :class="{ circleSelect: current == index }"
 
+                ></div>
 
+                <div
 
+                  class="consultItemTitle"
 
+                  :class="{ consultItemTitleSelect: current == index }"
 
+                >
 
+                  {{ item.title }}
 
+                </div>
 
+                <div class="consultItemData">
 
+                  <el-icon><InfoFilled /></el-icon><span>{{item.create_at}}</span>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+</template>
 
+
 
+<script setup>
 
+import {useRouter } from "vue-router"
 
+import {onMounted ,ref,onBeforeUnmount,onUnmounted,nextTick} from "vue"
 
+import {consult_list} from '@/utils/api'
 
+onMounted(()=>{
 
+  consult_list({page:1,page_num:10}).then(res=>{
 
+    listData.value=res.data.list
 
+  })
 
+})
 
+let listData=ref([])
 
+let router=useRouter()
 
+
 
+let toInfo=(item)=>{
 
+    router.push('consultInfo?id='+item.id)
 
+}
 
+let current = ref(null);
 
+//定时器初始化
 
+let timer = ref(null);
 
+//ref绑定初始化
 
+let roll = ref(null);
 
+//列表数据初始化
 
+
 
+//等同于vue2中的beforeDestroy
 
+onBeforeUnmount(() => {
 
+  //清除定时器
 
+  clearTimeout(timer.value);
 
+});
 
+//等同于vue2中的destroyed
 
+onUnmounted(() => {
 
+  //清除定时器
 
+  clearTimeout(timer.value);
 
+});
 
+/**
 
+ * @Description: 鼠标移动事件
 
+ * @Author: admin
 
+ */
 
+function testMove(index) {
 
+  current.value = index;
 
+  clearTimeout(timer.value);
 
+}
 
+/**
 
+ * @Description: 鼠标离开事件
 
+ * @Author: admin
 
+ */
 
+function testMend(index) {
 
+  current.value = null;
 
+  start();
 
+}
 
+//开启定时器方法
 
+function start() {
 
+  //清除定时器
 
+  clearTimeout(timer.value);
 
+  //定时器触发周期
 
+  let speed = ref(50);
 
+  timer.value = setInterval(MarqueeTest, speed.value);
 
+}
 
+function MarqueeTest() {
 
+  let test1 = roll.value;
 
+  //判断组件是否渲染完成
 
+  if (test1.offsetHeight == 0) {
 
+    test1 = roll.value;
 
+  } else {
 
+    //如果列表数量过少不进行滚动
 
+    if (test1.childNodes.length < 8) {
 
+      clearTimeout(timer.value);
 
+      return;
 
+    }
 
+    //组件进行滚动
 
+    test1.scrollTop += 1;
 
+    //判断滚动条是否滚动到底部
 
+    if (test1.scrollTop >= test1.scrollHeight - test1.clientHeight) {
 
+      //获取组件第一个节点
 
+      let a = test1.childNodes[0];
 
+      //删除节点
 
+      test1.removeChild(a);
 
+      //将该节点拼接到组件最后
 
+      test1.append(a);
 
+    }
 
+  }
 
+}
 
+//vue2中在created中调用
 
+//vue3中 setup 包含beforeCreate和created
 
+//启动定时器
 
+
 
+//注
 
+//示例中 listData 写的静态数据 可以直接调用start()
 
+//如果是接口获取 listData 列表时 需在 nextTick 中调用 start()；否则，
 
+//进入页面不会滚动 必须鼠标移入移出才会滚动
 
+//用nextTick 的原因是 需要等dom元素加载完毕后 再执行方法
 
+
 
+nextTick(() => {
 
+  start();
 
+});
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+ .consult {
 
+    padding-top: 20px;
 
+    width: 380px;
 
+    height: 409px;
 
+    background: #ffffff;
 
+    border-radius: 10px;
 
+    .consultTItle {
 
+      div {
 
+        width: 111px;
 
+        text-align: center;
 
+        line-height: 40px;
 
+        color: #fff;
 
+        height: 40px;
 
+        background: #4edd92;
 
+        border-radius: 0px 20px 20px 0px;
 
+      }
 
+    }
 
+  }
 
+  .consultItem {
 
+  padding-left: 36px;
 
+  position: relative;
 
+  height: 65px;
 
+  overflow: hidden;
 
+  .consultItemTitle {
 
+    font-size: 14px;
 
+    font-weight: bold;
 
+    display: -webkit-box;
 
+    text-overflow: ellipsis;
 
+    overflow: hidden;
 
+    -webkit-box-orient: vertical;
 
+    -webkit-line-clamp: 2;//当属性值为3，表示超出3行隐藏
 
+  }
 
+  .consultItemData {
 
+    display: flex;
 
+    align-items: center;
 
+    margin-top: 5px;
 
+    color: #999999;
 
+    font-size: 12px;
 
+    span {
 
+      margin-left: 5px;
 
+    }
 
+  }
 
+  .circle {
 
+    position: absolute;
 
+    top: 1px;
 
+    left: 0;
 
+    width: 14px;
 
+    height: 14px;
 
+    border: 1px solid #333;
 
+    border-radius: 50%;
 
+  }
 
+  .circle::before {
 
+    content: "";
 
+    position: absolute;
 
+    top: 12px;
 
+    left: 50%;
 
+    transform: translateX(-50%);
 
+    width: 1px;
 
+    height: 65px;
 
+    background: #16542d;
 
+  }
 
+  .circle1 {
 
+    position: absolute;
 
+    top: 1px;
 
+    left: 0;
 
+    width: 14px;
 
+    height: 14px;
 
+    border: 1px solid #333;
 
+    border-radius: 50%;
 
+  }
 
+  .circle1::before {
 
+    content: "";
 
+    position: absolute;
 
+    top: 12px;
 
+    left: 50%;
 
+    transform: translateX(-50%);
 
+    width: 1px;
 
+    height: 65px;
 
+    background: #16542d;
 
+  }
 
+ 
+}
 
+.consultItem:last-child {
 
+    .circle1::before {
 
+      height: 0 !important;
 
+    }
 
+  }
 
+.circleSelect {
 
+  background: #4edd92;
 
+  border: none !important;
 
+}
 
+.consultItemTitleSelect {
 
+  color: #4edd92;
 
+}
 
+</style>

+ 297 - 0
src/components/Index.vue
View File 

@@ -0,0 +1,297 @@
 
+<template>
 
+    <div>
 
+<div class="banner" :style="{'backgroundImage':'url('+background_image+')'}" @click="isShow=false">
 
+<div class="title">
 
+    植提桥RDI查询
 
+</div>
 
+<div class="search" @click.stop>
 
+    <div class="searchLabel">
 
+        <div :class="{'select':labelCurrent==index}" v-for="(item,index) in searchLabel" :key="index" @click="changeLabel(index)">{{item}}</div>
 
+    </div>
 
+    <div class="searchBox">
 
+        <input @focus="isShow=true" v-model="key" type="text" placeholder="请输入您要搜索的内容" @keydown="getCode">
 
+        <button @click="getSearch">搜索</button>
 
+        <transition name="fade">
 
+            <div class="history" v-show="isShow&&historyList.length!=0">
 
+            <div class="u-flex u-row-between">
 
+                <div class="historyTitle">搜索历史</div>
 
+                <img src="../assets/image/delect@2x.png" alt="" @click="delectHistory">
 
+            </div>
 
+            <div class="searchResult" >
 
+                <span @click="changehistory(item)" v-for="(item,index) in historyList" :key="index" v-show="index<=6">{{item}}</span>
 
+            </div>
 
+</div>
 
+</transition>
 
+        
+    </div>
 
+    <div class="hot">热门搜索：<span class="keyword" v-for="(item,index) in keyword_list" :key="index" @click="hotClick(item)">{{ item.title }}</span></div>
 
+</div>
 
+</div>
 
+<SearchResult ref="searcuResult" :type='searchLabel[labelCurrent]'  v-if="isSearch" :isVip="isVip" :count="count" :searchList="searchList" :keyLabel="searchKey"/>
 
+
 
+<Consult-component :consultList="consultList" v-else @toConsult="toConsult" :isShow="true" height="470" />
 
+</div>
 
+</template>
 
+<script setup name="index">
 
+import {config_info,search_keyword_list,consult_list,data_list,member_info} from '@/utils/api'
 
+import {useRouter } from "vue-router"
 
+import {onMounted ,ref} from "vue"
 
+import ConsultComponent from './ConsultComponent.vue'
 
+import SearchResult from './SearchResult.vue'
 
+import { ElMessage, ElMessageBox,ElLoading  } from 'element-plus'
 
+let arr={'data':['测试',1,'而服务的']}
 
+let historyList=ref([])
 
+let consultList=ref([])
 
+let background_image=ref('')
 
+let isVip=ref(0)
 
+let router=useRouter()
 
+onMounted(()=>{
 
+    if(localStorage.getItem('token')){
 
+        member_info().then(res=>{
 
+     isVip.value=res.data.is_vip
 
+    })
 
+    }
 
+    getConsult_list()
 
+    getKeyword()
 
+    config_info().then(res=>{
 
+        background_image.value=res.data.background_image
 
+    })
 
+    if(localStorage.getItem('history')){
 
+        historyList.value=JSON.parse(localStorage.getItem('history')).data
 
+    }
 
+})
 
+let searcuResult=ref()
 
+let getConsult_list=()=>{
 
+    consult_list({page:1,page_num:10}).then(res=>{
 
+        consultList.value=res.data.list
 
+       
+    })
 
+
 
+}
 
+
 
+
 
+let key=ref('')
 
+let keyword_list=ref([])
 
+let isShow=ref(false)
 
+let isSearch=ref(false)
 
+let searchLabel=['营养指向','活性成分','原料']
 
+let labelCurrent=ref(0)
 
+let page=ref(1)
 
+let page_num=ref(10)
 
+let searchList=ref([])
 
+let count=ref(0)
 
+let changeLabel=(index)=>{
 
+if(labelCurrent.value!=index){
 
+    labelCurrent.value=index
 
+    getKeyword()
 
+}
 
+}
 
+let getCode=(e)=>{
 
+    if(e.keyCode==13){
 
+        getSearch()
 
+    }
 
+}
 
+let getKeyword=()=>{
 
+    search_keyword_list({type:searchLabel[labelCurrent.value]}).then(res=>{
 
+        keyword_list.value=res.data
 
+    })
 
+}
 
+let delectHistory=()=>{
 
+    localStorage.removeItem('history')
 
+    historyList.value=[]
 
+}
 
+let hotClick=(item)=>{
 
+    key.value=item.title
 
+    getSearch()
 
+}
 
+let searchKey=ref('')
 
+
 
+let getSearch=()=>{
 
+    if(!localStorage.getItem('token')){
 
+    ElMessage.error("请先登录");
 
+    return;
 
+  }
 
+    if (!key.value) {
 
+    ElMessage.error("请输入要搜索的内容");
 
+    return;
 
+  }
 
+ 
+
 
+   isShow.value=false
 
+   const loading = ElLoading.service({
 
+    lock: true,
 
+    text: '加载中',
 
+    background: 'rgba(#fff, #fff, #fff, 0.7)',
 
+  })
 
+  if(!isVip.value){
 
+    page_num.value=5
 
+  }
 
+    data_list({page:page.value,page_num:page_num.value,type:searchLabel[labelCurrent.value],keyword:key.value}).then(res=>{
 
+        loading.close()
 
+        if(res.code==1){
 
+            searchKey.value=key.value
 
+            searchList.value=res.data.list
 
+            count.value=res.data.count
 
+            isShow.value=false
 
+    isSearch.value=true
 
+    setTimeout(() => {
 
+        searcuResult.value.resultList=res.data.list
 
+        searcuResult.value.count=res.data.count
 
+    }, 500);
 
+    let obj={data:[]}
 
+    if(localStorage.getItem('history')){
 
+        obj=JSON.parse(localStorage.getItem('history'))
 
+        if(obj.data.length>10){
 
+            obj.data.splice(6)
 
+        }
 
+       let findIdex=obj.data.findIndex(item=>item==key.value)
 
+      if(findIdex==-1){
 
+        obj.data.unshift(key.value)
 
+        historyList.value=obj.data
 
+        localStorage.setItem('history',JSON.stringify(obj))
 
+      }
 
+    }else{
 
+        obj.data.push(key.value)
 
+        localStorage.setItem('history',JSON.stringify(obj))
 
+        historyList.value=obj.data
 
+        
+    }
 
+    
+        }
 
+ 
+    }).catch(err=>{
 
+        loading.close()
 
+    })
 
+}
 
+let toConsult=()=>{
 
+    router.push('consult')
 
+}
 
+let changehistory=(item)=>{
 
+    key.value=item
 
+    getSearch()
 
+}
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+
 
+
 
+.hot{
 
+    margin-top: 20px;
 
+    // text-align: center;
 
+    span{
 
+        padding:0 10px;
 
+        border-right: 1px solid #fff;
 
+    }
 
+    .keyword:nth-last-child(1){
 
+        border-right: none;
 
+
 
+    }
 
+}
 
+.fade-enter-active, .fade-leave-active {
 
+	transition: opacity .25s
 
+ }
 
+ .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
 
+	opacity: 0
 
+} 
+.searchResult{
 
+    
+    font-size: 12px;
 
+    span{
 
+        margin-right: 20px;
 
+    }
 
+}
 
+.history{
 
+    color: #999999;
 
+    padding: 0 16px 16px;
 
+    position: absolute;
 
+    bottom: -123px;
 
+    left: 23px;
 
+    width: 605px;
 
+height: 122px;
 
+background: #FFFFFF;
 
+box-shadow: 2px 5px 6px 0px rgba(0,0,0,0.3);
 
+border-radius: 10px;
 
+.historyTitle{
 
+    color: #333;
 
+    font-size: 14px;
 
+    font-weight: bold;
 
+}
 
+img{
 
+    width: 20px;
 
+    height: 20px;
 
+}
 
+}
 
+.searchBox{
 
+    position: relative;
 
+    margin-top: 23px;
 
+    padding: 5px 5px 5px 23px;
 
+    display: flex;
 
+    width: 718px;
 
+height: 60px;
 
+line-height: 60px;
 
+background: #FFFFFF;
 
+border-radius: 45px;
 
+input{
 
+    outline: none;
 
+    flex: 1;
 
+    border: none;
 
+}
 
+button{
 
+    border: none;
 
+    color: #fff;
 
+    width: 95px;
 
+height: 50px;
 
+line-height: 50px;
 
+background: #16542D;
 
+border-radius: 45px;
 
+}
 
+}
 
+.select{
 
+  position: relative;
 
+background: #FFFFFF;
 
+border-radius: 10px;
 
+    color: #16542D;
 
+    font-weight: bold;
 
+}
 
+.select::before{
 
+    content: '';
 
+    position: absolute;
 
+    bottom: -10px;
 
+    left: 50%;
 
+    width: 10px;
 
+    height: 10px;
 
+    transform: translateX(-50%);
 
+    border-top: 4px solid #fff;
 
+    border-left: 4px solid transparent;
 
+    border-right: 4px solid transparent;
 
+    border-bottom: 4px solid transparent;
 
+}
 
+.banner{
 
+    background-position: center;
 
+    background-size: cover;
 
+    padding-top: 77px;
 
+    color: #fff;
 
+    width: 100%;
 
+height: 450px;
 
+// background-color: #589A6B;
 
+.title{
 
+    text-align: center;
 
+    font-size: 46px;
 
+    font-weight: bold;
 
+}
 
+.search{
 
+    margin: 31px auto 0;
 
+    width: 718px;
 
+    .searchLabel{
 
+        display: flex;
 
+        div{
 
+            width: 104px;
 
+height: 40px;
 
+text-align: center;
 
+line-height: 40px;
 
+            margin-right: 20px;
 
+        }
 
+    }
 
+}
 
+}
 
+</style>

+ 311 - 0
src/components/LoginBox.vue
View File 

@@ -0,0 +1,311 @@
 
+<template>
 
+  <el-dialog
 
+    :append-to-body="true"
 
+    custom-class="dialog-class"
 
+    v-model="dialogTableVisible"
 
+    align-center
 
+    :show-close="false"
 
+    width="381"
 
+  >
 
+    <template #header="{ close }">
 
+      <div class="my-header">
 
+        <div>{{ current == 3 ? "绑定手机号" : "账号登录" }}</div>
 
+        <el-icon size="large" class="el-icon--left" @click="close"
 
+          ><CircleCloseFilled
 
+        /></el-icon>
 
+      </div>
 
+    </template>
 
+    <div class="content">
 
+      <div class="loginType" v-show="current != 3">
 
+        <div @click="changeLogin(1)" :class="{ select: current == 1 }">
 
+          短信登录
 
+        </div>
 
+        <div @click="changeLogin(2)" :class="{ select: current == 2 }">
 
+          微信登录
 
+        </div>
 
+      </div>
 
+      <div class="warn" v-show="current == 3">
 
+        欢迎来到植提桥，为了响应国家网信办号召，落实手机号实名制注册政策，需要您完善以下信息，之后可用手机号和社交帐号直接登录
 
+      </div>
 
+      <div class="phoneBox" v-show="current != 2">
 
+        <span>+86</span
 
+        ><input type="number" v-model="phone" placeholder="请输入手机号" />
 
+      </div>
 
+      <div class="codeBox" v-show="current != 2">
 
+        <input type="number" v-model="code" placeholder="请输入验证码" />
 
+        <span @click="sendSms()" v-if="countDown <= 0">获取验证码</span>
 
+        <span v-else>{{ countDown }}秒后重发</span>
 
+      </div>
 
+      <div class="wechat" v-show="current == 2">
 
+        <div class="wechatTitle">
 
+          <img src="../assets/image/wechat.png" alt="" />微信扫码登录
 
+        </div>
 
+        <div class="code" id="login_container">
 
+          <img src="../assets/image/test.png" alt="" />
 
+        </div>
 
+      </div>
 
+      <button class="loginBtn" v-show="current == 1" @click="toLogin">
 
+        登录
 
+      </button>
 
+      <button class="loginBtn" v-show="current == 3" @click="bindPhone">立即绑定</button>
 
+      <p v-show="current != 3">
 
+        未注册手机验证后自动登录登录即代表<br />同意<span @click="toment">《隐私政策》</span>
 
+      </p>
 
+      <p v-show="current == 3">
 
+        温馨提示:根据相关法律规定,用户需绑定真实手机号。
 
+      </p>
 
+    </div>
 
+  </el-dialog>
 
+</template>
 
+
 
+<script setup>
 
+import { useRouter } from "vue-router";
 
+import { onMounted, ref } from "vue";
 
+import { ElMessage } from "element-plus";
 
+import { send_sms ,verification_code_login,binding_phone} from "@/utils/api";
 
+import { CircleCloseFilled } from "@element-plus/icons-vue";
 
+const router=useRouter()
 
+onMounted(() => {
 
+  let obj=getQueryString()
 
+    if(obj.code){
 
+      current.value=3
 
+    }
 
+});
 
+function getQueryString() {
 
+  let data = {};
 
+  let src = window.location.href;
 
+  let index = src.indexOf("?");
 
+  if (index === -1) {
 
+    return data;
 
+  }
 
+  let dataStr = src.substring(src.indexOf("?") + 1);
 
+  let dataArray = dataStr.split("&"); 
+  dataArray.forEach((str)=>{
 
+    let param =str.split("=");
 
+    data[param[0]] = param[1];
 
+  })
 
+  return data;
 
+}
 
+const props= defineProps({
 
+  openid:{
 
+       type: String,
 
+      default: '',
 
+    }
 
+    
+    
+  }) 
+  let toment=()=>{
 
+    
+    emit('toMent')
 
+  }
 
+let code = ref("");
 
+let phone = ref("");
 
+const emit=defineEmits(['getInfo,toMent'])
 
+let bindPhone=()=>{
 
+  if (!phone.value) {
 
+    ElMessage.error("请输入手机号");
 
+    return;
 
+  }
 
+  if (!code.value) {
 
+    ElMessage.error("请输入验证码");
 
+    return;
 
+  }
 
+  console.log(123,props.openid);
 
+  binding_phone({
 
+    phone:phone.value,
 
+    code:code.value,
 
+    openid:props.openid
 
+  }).then(res=>{
 
+    localStorage.setItem('token',res.data.token)
 
+    ElMessage.success(res.msg);
 
+    setTimeout(() => {
 
+      window.location.href='https://zhitq.hdlkeji.com/dist'
 
+    }, 1000);
 
+    // window.location.href='http://127.0.0.1:5176'
 
+  })
 
+}
 
+let toLogin = () => {
 
+  // current.value=3
 
+  if (!phone.value) {
 
+    ElMessage.error("请输入手机号");
 
+    return;
 
+  }
 
+  if (!code.value) {
 
+    ElMessage.error("请输入验证码");
 
+    return;
 
+  }
 
+  verification_code_login({phone:phone.value,code:code.value}).then(res=>{
 
+    if(res.code==1){
 
+      localStorage.setItem('token',res.data.token)
 
+      emit('getInfo')
 
+    }
 
+  })
 
+  
+};
 
+let current = ref(1);
 
+let changeLogin = (type) => {
 
+  if (current.value != type) {
 
+    current.value = type;
 
+  }
 
+  if(current.value==2){
 
+    var obj = new WxLogin({
 
+ self_redirect:false,
 
+ id:"login_container", 
+ appid: "wxf62030ccd5f90b10", 
+ scope: "snsapi_login", 
+ redirect_uri: encodeURIComponent('https://zhitq.hdlkeji.com/dist'),
 
+ state: "",
 
+ style: "",
 
+ href: ""
 
+ });
 
+ console.log(123,obj)
 
+  }
 
+};
 
+// 发送验证码
 
+let countDown = ref(0);
 
+let sendSms = () => {
 
+  if (!phone.value) {
 
+    ElMessage.error("请输入手机号");
 
+    return;
 
+  }
 
+  send_sms({ phone: phone.value }).then((res) => {
 
+    if(res.code==1){
 
+      ElMessage.success(res.msg);
 
+      countDownFn()
 
+    }
 
+  });
 
+  
+};
 
+let countDownFn = () => {
 
+  let num = 60;
 
+  const fn = () => {
 
+    if (num === 0) return;
 
+    countDown.value = --num;
 
+    setTimeout(() => fn(), 1000);
 
+  };
 
+  fn();
 
+};
 
+</script>
 
+<style>
 
+</style>
 
+<style lang="scss" >
 
+.my-header {
 
+  color: #fff;
 
+  background: #4edd92;
 
+  display: flex;
 
+  flex-direction: row;
 
+  justify-content: space-between;
 
+}
 
+.dialog-class {
 
+  .el-dialog__header {
 
+    background: #4edd92 !important;
 
+    margin-right: 0;
 
+  }
 
+  .el-dialog__body {
 
+    .content {
 
+      .loginType {
 
+        font-size: 16px;
 
+        font-weight: bold;
 
+        display: flex;
 
+        div {
 
+          line-height: 30px;
 
+          margin-right: 21px;
 
+        }
 
+        .select {
 
+          color: #4edd92;
 
+          border-bottom: 5px solid #4edd92;
 
+        }
 
+      }
 
+      .warn {
 
+        color: #cccccc;
 
+        font-size: 14px;
 
+      }
 
+      .phoneBox {
 
+        display: flex;
 
+        margin-top: 40px;
 
+        padding: 0 15px;
 
+        width: 341px;
 
+        height: 44px;
 
+        line-height: 44px;
 
+        background: #ffffff;
 
+        border-radius: 10px;
 
+        border: 1px solid #e5e5e5;
 
+        span {
 
+          font-weight: bold;
 
+        }
 
+        input {
 
+          margin-left: 16px;
 
+          flex: 1;
 
+          border: none;
 
+          outline: none;
 
+        }
 
+      }
 
+      .codeBox {
 
+        display: flex;
 
+        margin-top: 20px;
 
+        padding: 0 15px;
 
+        width: 341px;
 
+        height: 44px;
 
+        line-height: 44px;
 
+        background: #ffffff;
 
+        border-radius: 10px;
 
+        border: 1px solid #e5e5e5;
 
+        span {
 
+          color: #4edd92;
 
+          font-weight: bold;
 
+          margin-left: 16px;
 
+        }
 
+        input {
 
+          flex: 1;
 
+          border: none;
 
+          outline: none;
 
+        }
 
+      }
 
+      .loginBtn {
 
+        width: 341px;
 
+        height: 44px;
 
+        line-height: 44px;
 
+        text-align: center;
 
+        color: #fff;
 
+        background: #4edd92;
 
+        border-radius: 10px;
 
+        border: none;
 
+        margin: 50px 0 20px;
 
+      }
 
+      p {
 
+        font-size: 14px;
 
+        color: #999999;
 
+        text-align: center;
 
+        span {
 
+          color: #1677ff;
 
+          font-weight: bold;
 
+        }
 
+      }
 
+      .wechat {
 
+        margin-top: 40px;
 
+        display: flex;
 
+        flex-direction: column;
 
+        align-items: center;
 
+        .wechatTitle {
 
+          display: flex;
 
+          align-items: center;
 
+          font-weight: bold;
 
+          img {
 
+            width: 22px;
 
+            height: 22px;
 
+            margin-right: 9px;
 
+          }
 
+        }
 
+        .code {
 
+          margin-top: 30px;
 
+          margin-bottom: 40px;
 
+          img {
 
+            width: 128px;
 
+            height: 128px;
 
+          }
 
+        }
 
+      }
 
+    }
 
+  }
 
+}
 
+</style>

+ 216 - 0
src/components/MyInfo.vue
View File 

@@ -0,0 +1,216 @@
 
+<template>
 
+  <div class="slideRight">
 
+    <div class="slideTitle">我的资料</div>
 
+    <div class="person">
 
+      <img :src="form.headimg" alt="" />
 
+      <div class="infoBox">
 
+        <div class="id">ID：1231564489</div>
 
+        <el-upload
 
+          v-model:file-list="fileList"
 
+          class="upload-demo"
 
+          :action="ossData.host"
 
+          :data="uploadata"
 
+          :show-file-list="false"
 
+          :on-success="handleSuccess"
 
+          :before-upload="beforeUpload"
 
+          :limit="1"
 
+        >
 
+          <el-button type="success" color="#4EDD92" style="color: #fff"
 
+            >上传头像</el-button
 
+          >
 
+          <template #tip>
 
+            <!-- <div class="el-upload__tip">
 
+        jpg/png files with a size less than 500KB.
 
+      </div> -->
 
+          </template>
 
+        </el-upload>
 
+      </div>
 
+    </div>
 
+    <div class="form">
 
+      <el-form
 
+        ref="ruleFormRef"
 
+        label-position="top"
 
+        :rules="rules"
 
+        :model="form"
 
+        label-width="120px"
 
+      >
 
+        <el-row :gutter="20">
 
+          <el-col :span="8">
 
+            <el-form-item label="姓名" prop="name">
 
+              <el-input v-model="form.name" placeholder="请输入姓名" />
 
+            </el-form-item>
 
+          </el-col>
 
+          <el-col :span="8">
 
+            <el-form-item label="性别">
 
+              <el-select v-model="form.sex" placeholder="请选择性别">
 
+                <el-option label="男" value="男" />
 
+                <el-option label="女" value="女" />
 
+                <el-option label="保密" value="保密" />
 
+              </el-select>
 
+            </el-form-item>
 
+          </el-col>
 
+        </el-row>
 
+        <el-row :gutter="20">
 
+          <el-col :span="8">
 
+            <el-form-item label="手机号" >
 
+              <el-input
 
+                type="number"
 
+                disabled
 
+                placeholder="请输入手机号"
 
+                v-model="form.phone"
 
+              />
 
+            </el-form-item>
 
+          </el-col>
 
+          <el-col :span="8">
 
+            <el-form-item label="出生年月">
 
+              <el-date-picker
 
+              value-format="YYYY-MM-DD"
 
+                v-model="form.date"
 
+                type="date"
 
+                placeholder="请选择出生年月"
 
+              />
 
+            </el-form-item>
 
+          </el-col>
 
+        </el-row>
 
+
 
+        <el-row :gutter="20">
 
+          <el-col :span="8">
 
+            <el-form-item label="邮箱" prop="email">
 
+              <el-input placeholder="请输入邮箱" v-model="form.email" />
 
+            </el-form-item>
 
+          </el-col>
 
+        </el-row>
 
+        <el-form-item>
 
+          <el-button
 
+            type="success"
 
+            color="#4EDD92"
 
+            style="color: #fff"
 
+            @click="submitForm(ruleFormRef)"
 
+          >
 
+            保存
 
+          </el-button>
 
+        </el-form-item>
 
+      </el-form>
 
+    </div>
 
+  </div>
 
+</template>
 
+   
+   <script setup>
 
+import { useRouter } from "vue-router";
 
+import { onMounted, ref } from "vue";
 
+import {member_info,getSignedUrl,edit_member_info} from '@/utils/api'
 
+import { ElMessage, ElMessageBox,ElLoading  } from 'element-plus'
 
+onMounted(() => {
 
+  form.value.name=props.info.name
 
+    form.value.sex=props.info.gender
 
+    form.value.phone=props.info.phone
 
+    form.value.date=props.info.birthday
 
+    form.value.email=props.info.email
 
+    form.value.headimg=props.info.headimg
 
+    getData()
 
+});
 
+let ossData=ref({})
 
+let props=defineProps({
 
+  info:{
 
+    type:Object,
 
+    default:{}
 
+  }
 
+})
 
+let emit=defineEmits(['getInfo'])
 
+let uploadata=ref({})
 
+let getData=()=>{
 
+  getSignedUrl({folder_name:'image'}).then(response=>{
 
+ossData.value=response.data
 
+uploadata.value={
 
+       policy : response.data.policy,
 
+          signature: response.data.Signature,
 
+          ossaccessKeyId : response.data.OSSAccessKeyId,
 
+          key : "image/" + new Date().getTime() + Math.floor(Math.random() * 150) + '.png',
 
+          host : response.data.host
 
+}
 
+  })
 
+}
 
+const form = ref({
 
+  name: "",
 
+  sex: "",
 
+  phone: "",
 
+  date: "",
 
+  email: '',
 
+  headimg:''
 
+});
 
+let fileList=ref([])
 
+const rules = ref({
 
+  name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
 
+  phone: [{ required: true, message: "请输入手机号", trigger: "blur" }],
 
+  sex: [
 
+    {
 
+      required: false,
 
+      message: "请选择性别",
 
+      trigger: "change",
 
+    },
 
+  ],
 
+});
 
+let beforeUpload=(file)=>{
 
+  console.log(121,file);
 
+  uploadata.value.key = 'image/'+file.name
 
+}
 
+let handleSuccess=(res,file)=>{
 
+  console.log(133,res,file)
 
+  form.value.headimg=uploadata.value.host+"/image/"+file.name
 
+}
 
+const ruleFormRef = ref()
 
+
 
+const submitForm = async (formEl) => {
 
+  if (!formEl) return;
 
+  await formEl.validate((valid, fields) => {
 
+    if (valid) {
 
+      edit_member_info({
 
+        headimg:form.value.headimg,
 
+        name:form.value.name,
 
+        gender:form.value.sex,
 
+        birthday:form.value.date,
 
+        email:form.value.email
 
+      }).then(res=>{
 
+        ElMessage.success(res.msg);
 
+        emit('getInfo')
 
+      })
 
+    } else {
 
+      console.log("error submit!", fields);
 
+    }
 
+  });
 
+};
 
+</script>
 
+   
+   <style lang="scss" scoped>
 
+.slideRight {
 
+  padding: 20px;
 
+  width: 991px;
 
+  height: 589px;
 
+  background: #ffffff;
 
+  border-radius: 10px;
 
+  .slideTitle {
 
+    margin-bottom: 20px;
 
+    font-size: 24px;
 
+    font-weight: bold;
 
+  }
 
+  .person {
 
+    margin-bottom: 40px;
 
+    display: flex;
 
+    align-content: center;
 
+    img {
 
+      width: 84px;
 
+      height: 84px;
 
+      border-radius: 50%;
 
+      margin-right: 12px;
 
+    }
 
+    .infoBox {
 
+      padding-top: 10px;
 
+      .id {
 
+        color: #999999;
 
+        margin-bottom: 11px;
 
+      }
 
+    }
 
+  }
 
+}
 
+</style>
 
+

+ 90 - 0
src/components/MyMeal.vue
View File 

@@ -0,0 +1,90 @@
 
+<template>
 
+ <div class="slideRight">
 
+      <div class="slideTitle">
 
+        我的套餐
 
+      </div>
 
+      <div class="tableBox">
 
+        <el-table
 
+          :data="meal"
 
+          style="width: 100%"
 
+          empty-text="当前暂未购买任何套餐"
 
+          :row-class-name="tableRowClassName"
 
+          :header-cell-class-name="headerStyle"
 
+        >
 
+          <el-table-column
 
+            align="center"
 
+            prop="package_title"
 
+            label="套餐名称"
 
+          />
 
+          <el-table-column
 
+            align="center"
 
+            prop="package_price"
 
+            label="套餐价格"
 
+          />
 
+          <el-table-column align="center" prop="pay_at" label="购买时间" />
 
+          <el-table-column align="center" prop="expire_at" label="到期时间" />
 
+          <el-table-column align="center" prop="expire_status" label="状态">
 
+          <template #default="scope">
 
+            {{ scope.row.expire_status==1?'已过期':'未过期' }}
 
+      </template>
 
+          </el-table-column>
 
+        </el-table>
 
+      </div>
 
+    </div>
 
+</template>
 
+
 
+<script setup>
 
+import {useRouter } from "vue-router"
 
+import {onMounted ,ref} from "vue"
 
+import {my_package} from '@/utils/api'
 
+onMounted(()=>{
 
+  my_package().then(res=>{
 
+    meal.value=res.data
 
+  })
 
+})
 
+let meal=ref([])
 
+const tableRowClassName = ({ row, rowIndex }) => {
 
+  if (rowIndex % 2 != 0) {
 
+    return "warning-row";
 
+  } else {
 
+    return "warning-row1";
 
+  }
 
+};
 
+let headerStyle = () => {
 
+  return "tableStyle";
 
+};
 
+
 
+
 
+</script>
 
+<style>
 
+.tableStyle {
 
+  height: 73px;
 
+  background-color: #e2f9ed !important;
 
+  color: #333;
 
+  font-weight: bold;
 
+}
 
+.warning-row {
 
+  height: 73px;
 
+  --el-table-tr-bg-color: #f8fefb;
 
+}
 
+.warning-row1 {
 
+  height: 73px;
 
+}
 
+::v-deep .warning {
 
+  background-color: #333 !important;
 
+}
 
+</style>
 
+<style lang="scss" scoped>
 
+ .slideRight{
 
+    padding: 20px;
 
+    width: 991px;
 
+height: 589px;
 
+background: #FFFFFF;
 
+border-radius: 10px;
 
+.slideTitle{
 
+  margin-bottom: 20px;
 
+font-size: 24px;
 
+font-weight: bold;
 
+}
 
+  }
 
+</style>

+ 164 - 0
src/components/MyMessage.vue
View File 

@@ -0,0 +1,164 @@
 
+<template>
 
+    <div class="slideRight">
 
+         <div class="slideTitle">
 
+           我的消息
 
+         </div>
 
+         <div class="messageBox" >
 
+            <!-- <div class="nothing">
 
+                当前暂未留言
 
+            </div> -->
 
+            <!-- <div class="messageItem" v-for="(item,index) in list" :key="index" v-show="item.type==2">
 
+                <div class="meaasgeTop">
 
+                    <img src="../assets/image/kefu@2x.png" alt="">
 
+                   {{item.create_at}}
 
+                </div>
 
+                <div class="messageContent">
 
+                    {{ item.content }}
 
+                </div>
 
+            </div> -->
 
+            <div class="messageItem messageItemSelf"  v-for="(item,index) in list" :key="index" >
 
+                <div class="meaasgeTop" :class="{'meaasgeTopSelf':item.type==1}">
 
+                    <img src="../assets/image/kefu@2x.png" alt="" v-if="item.type==2">
 
+                    {{item.create_at}}
 
+                    <img :src="item.headimg" alt="" v-if="item.type==1">
 
+                </div>
 
+                <div class="messageContent" :class="{'messageContentSelf':item.type==1}">
 
+                    {{ item.content }}
 
+                </div>
 
+            </div>
 
+         </div>
 
+         <div class="textBox">
 
+            <textarea maxlength="200" v-model="content" placeholder="请请描述您的问题，并且在问题中写上想咨询的服务名称，如“益生菌的作用是什么”。"></textarea>
 
+            <el-button @click="sendMessage" type="success" color="#4EDD92" style="color: #fff"  class="btn">留言</el-button>
 
+         </div>
 
+       </div>
 
+   </template>
 
+   
+   <script setup>
 
+   import {useRouter } from "vue-router"
 
+   import {onMounted ,ref,nextTick} from "vue"
 
+   import {message_list,submit_message} from '@/utils/api'
 
+   import { ElMessage, ElMessageBox,ElLoading  } from 'element-plus'
 
+   onMounted(()=>{
 
+    getList()
 
+   })
 
+   scrollToBottom()
 
+   function scrollToBottom(){
 
+    
+          setTimeout(() => {
 
+            nextTick(() => {//注意要使用nexttick以免获取不到dom
 
+     
+              let chatContent = document.getElementsByClassName('messageBox')[0]
 
+              console.log(chatContent);
 
+              chatContent.scrollTop = chatContent.scrollHeight - chatContent.offsetHeight
 
+    })
 
+  }, 200)
 
+}
 
+let list=ref([])
 
+let content=ref('')
 
+let getList=()=>{
 
+    message_list().then(res=>{
 
+        list.value=res.data.reverse()
 
+        scrollToBottom()
 
+    })
 
+}
 
+let sendMessage=()=>{
 
+    if(!content.value){
 
+        ElMessage.error('请输入内容')
 
+        return
 
+    }
 
+    submit_message({
 
+        content:content.value
 
+    }).then(res=>{
 
+        
+        getList()
 
+        content.value=''
 
+    })
 
+    
+}
 
+   </script>
 
+   <style>
 
+
 
+</style>
 
+   <style lang="scss" scoped>
 
+   textarea{
 
+    height: 200px;
 
+    border: none;
 
+    width: 100%;
 
+    outline: none;
 
+   }
 
+    .slideRight{
 
+        overflow: hidden;
 
+       width: 991px;
 
+   height: 760px;
 
+   background: #FFFFFF;
 
+   border-radius: 10px;
 
+   .slideTitle{
 
+    padding-left: 16px;
 
+    background-color: #EDFBF4;
 
+    line-height: 60px;
 
+    height: 60px;
 
+     margin-bottom: 20px;
 
+   font-size: 24px;
 
+   font-weight: bold;
 
+   }
 
+   .messageBox{
 
+    position: relative;
 
+    height: 559px;
 
+    padding: 20px;
 
+    overflow: auto;
 
+    .nothing{
 
+        color: #999999;
 
+        position: absolute;
 
+        top: 50%;
 
+        width: 100%;
 
+        text-align: center;
 
+    }
 
+    .messageItem{
 
+        margin-bottom: 54px;
 
+        .meaasgeTop{
 
+            color: #999999;
 
+           img{
 
+            vertical-align: middle;
 
+            width: 60px;
 
+height: 60px;
 
+border-radius: 50%;
 
+margin-right: 10px;
 
+           }
 
+        }
 
+        .meaasgeTopSelf{
 
+            text-align: right;
 
+img{
 
+margin-left: 10px;
 
+
 
+}
 
+        }
 
+        .messageContent{
 
+            margin: 0 0 0 66px;
 
+            font-weight: bold;
 
+line-height: 24px;
 
+            width: 562px;
 
+            padding: 16px;
 
+            background-color: #EDFCF4;
 
+            border-radius: 16px;
 
+        }
 
+        .messageContentSelf{
 
+margin-left: 214px;
 
+background-color: #F5F5F5;
 
+        }
 
+    }
 
+   }
 
+   .textBox{
 
+    position: relative;
 
+    padding: 20px;
 
+    height: 130px;
 
+    border-top: 1px solid #F5F5F5;
 
+   }
 
+   .btn{
 
+    position: absolute;
 
+    bottom: 19px;
 
+    right: 26px;
 
+   }
 
+     }
 
+   </style>
 
+

+ 254 - 0
src/components/SearchResult.vue
View File 

@@ -0,0 +1,254 @@
 
+<template>
 
+  <div>
 
+  <div class="result">
 
+    <div class="leftSlide">
 
+      <div class="resultTitle">
 
+        <span>“{{keyLabel}}”搜索结果</span>
 
+      </div>
 
+      <div class="tableBox">
 
+        <el-table
 
+          :data="resultList"
 
+          style="width: 100%"
 
+          :row-class-name="tableRowClassName"
 
+          :header-cell-class-name="headerStyle"
 
+        >
 
+          <el-table-column
 
+            align="center"
 
+            prop="nourishment"
 
+            label="营养指向"
 
+          />
 
+          <el-table-column
 
+            align="center"
 
+            prop="material"
 
+            label="原料"
 
+          />
 
+          <el-table-column align="center" prop="active_ingredients" label="活性成分" />
 
+          <el-table-column align="center" prop="according" label="依据">
 
+            <template #default="scope">
 
+            <div style="font-size: 12px;color: #1A5166;font-weight: bold;" @click="toUrl(scope.row.according_url)">{{ scope.row.according }}</div>
 
+      </template>
 
+          </el-table-column>
 
+          <el-table-column align="center" prop="time" label="发表日期" />
 
+          <el-table-column align="center" prop="source" label="来源" />
 
+        </el-table>
 
+      </div>
 
+      <div class="purchase" v-if="searchList.length>0&&!isVip" @click="toPay">
 
+        <el-button size="large" type="success">
 
+          购买查看更多<el-icon class="el-icon--right"><DArrowRight /></el-icon>
 
+        </el-button>
 
+      </div>
 
+    </div>
 
+    <div class="rightSlide">
 
+      <HotMessage/>
 
+      <div class="special">
 
+        <div class="specialTitle u-row-between">
 
+          <div>专题</div>
 
+          <span @click="toSpecial">查看更多</span>
 
+        </div>
 
+        <div class="specialItem u-flex" v-for="(item,index) in list" :key="index" @click="toSpecialItem(item)">
 
+          <img class="poster" :src="item.logo" alt="">
 
+          <div class="specialItemInfo">
 
+            <div class="specialItemInfoTitle">
 
+              {{item.title}}
 
+            </div>
 
+            <div class="specialItemTips u-row-between">
 
+              <div>
 
+                <img style="height: 16px;" src="../assets/image/header@2x.png" alt=""> 
+                {{ item.author }}
 
+              </div>
 
+              <div>
 
+                <img style="height: 12px;" src="../assets/image/eye.png" alt=""> {{item.page_view}}
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <div class="page" v-if="isVip">
 
+        <el-pagination background @current-change="pageChange" :page-size="10" layout="prev, pager, next" :total="count" />
 
+    </div>
 
+</div>
 
+</template>
 
+
 
+<script setup>
 
+import { DArrowRight, InfoFilled } from "@element-plus/icons-vue";
 
+import { useRouter } from "vue-router";
 
+import { onMounted, ref, onBeforeUnmount, onUnmounted, nextTick } from "vue";
 
+import HotMessage from './HotMessage.vue'
 
+import {subject_list,data_list} from '@/utils/api'
 
+let router=useRouter()
 
+let resultList=ref([])
 
+let count=ref(0)
 
+defineExpose({resultList,count})
 
+onMounted(() => {
 
+  // resultList.value=props.searchList
 
+  console.log(123, resultList.value);
 
+  subject_list({page:1,page_num:3}).then(res=>{
 
+    list.value=res.data.list
 
+  })
 
+});
 
+let list=ref([])
 
+let toPay=()=>{
 
+  router.push('meal')
 
+}
 
+let toUrl=(url)=>{
 
+if(url){
 
+  window.open(url, '_blank');
 
+}
 
+}
 
+let getResultList=(page)=>{
 
+  data_list({page:page,page_num:10,type:props.type,keyword:props.keyLabel}).then(res=>{
 
+    resultList.value=res.data.list
 
+  })
 
+}
 
+let toSpecial=()=>{
 
+  router.push('special')
 
+}
 
+let toSpecialItem=(item)=>{
 
+  router.push('specialInfo?id='+item.id)
 
+}
 
+//end
 
+const tableRowClassName = ({ row, rowIndex }) => {
 
+  if (rowIndex % 2 != 0) {
 
+    return "warning-row";
 
+  } else {
 
+    return "";
 
+  }
 
+};
 
+let props=defineProps({
 
+  keyLabel:{
 
+    type:String,
 
+    default:''
 
+  },
 
+  type:{
 
+    type:String,
 
+    default:''
 
+  },
 
+  searchList:{
 
+    type:Array,
 
+    default:[]
 
+  },
 
+  isVip:{
 
+    type:Number,
 
+    default:0
 
+  }
 
+})
 
+let pageChange=(e)=>{
 
+  getResultList(e)
 
+}
 
+let headerStyle = () => {
 
+  return "tableStyle";
 
+};
 
+
 
+
 
+</script>
 
+<style>
 
+.page{
 
+  width: 1200px;
 
+  margin: 40px auto 230px;
 
+  padding-left: 141px;
 
+}
 
+.purchase {
 
+  display: flex;
 
+  justify-content: center;
 
+  margin: 120px auto 0;
 
+}
 
+.tableStyle {
 
+  background-color: #e2f9ed !important;
 
+  color: #333;
 
+  font-weight: bold;
 
+}
 
+.warning-row {
 
+  --el-table-tr-bg-color: #f8fefb;
 
+}
 
+::v-deep .warning {
 
+  background-color: #333 !important;
 
+}
 
+</style>
 
+<style lang="scss" scoped>
 
+.special{
 
+  width: 380px;
 
+height: 417px;
 
+background: #FFFFFF;
 
+border-radius: 10px;
 
+margin-top: 20px;
 
+padding: 0 12px 0;
 
+.specialTitle{
 
+  line-height: 44px;
 
+  border-bottom: 1px solid #F5F5F5;
 
+div{
 
+  border-bottom: 5px solid #4EDD92;
 
+  font-size: 14px;
 
+  font-weight: bold;
 
+}
 
+span{
 
+  color: #666666;
 
+  font-size: 12px;
 
+}
 
+}
 
+.specialItem{
 
+  margin-top: 20px;
 
+  .poster{
 
+    margin-right: 10px;
 
+    width: 145px;
 
+height: 99px;
 
+border-radius: 10px;
 
+  }
 
+  .specialItemInfo{
 
+    flex: 1;
 
+    .specialItemInfoTitle{
 
+      font-size: 14px;
 
+      font-weight: bold;
 
+      display: -webkit-box;
 
+    text-overflow: ellipsis;
 
+    overflow: hidden;
 
+    -webkit-box-orient: vertical;
 
+    -webkit-line-clamp: 2;//当属性值为3，表示超出3行隐藏
 
+    }
 
+    .specialItemTips{
 
+      margin-top: 36px;
 
+      div{
 
+        display: flex;
 
+        color: #999999;
 
+        align-items: center;
 
+        img{
 
+          width: 16px;
 
+          margin-right: 11px;
 
+        }
 
+      }
 
+    }
 
+  }
 
+}
 
+}
 
+
 
+.rightSlide {
 
+ 
+}
 
+.result {
 
+  display: flex;
 
+  width: 1200px;
 
+  margin: 20px auto;
 
+  .leftSlide {
 
+    width: 800px;
 
+    margin-right: 20px;
 
+    // height: 846px;
 
+    background: #fff;
 
+    border-radius: 10px;
 
+    .resultTitle {
 
+      height: 54px;
 
+      padding-left: 14px;
 
+      line-height: 49px;
 
+      font-size: 18px;
 
+      font-weight: bold;
 
+      span {
 
+        display: inline-block;
 
+        border-bottom: 5px solid #4edd92;
 
+      }
 
+    }
 
+  }
 
+  .rightSlide {
 
+    width: 380px;
 
+  }
 
+}
 
+</style>

+ 103 - 0
src/components/SpecialInfo.vue
View File 

@@ -0,0 +1,103 @@
 
+<template>
 
+    <div class="index">
 
+       <el-button  :icon="ArrowLeft" @click="toBack">返回</el-button>
 
+      <div class="info">
 
+        <div class="title">{{info.title}}</div>
 
+        <div class="u-flex tips">
 
+            <img src="../assets/image/eye.png" alt="">
 
+            <span class="read">{{info.page_view}}</span>
 
+            <span>{{info.create_at}}</span>
 
+        </div>
 
+        <div class="douwnloadBox" v-if="info.accessory">
 
+            <div class="douwnload u-row-between">
 
+                <span>{{info.accessory_name}}</span>
 
+                <span @click="toDownload">下载</span>
 
+            </div>
 
+            
+        </div>
 
+        <div class="title">文章概要：</div>
 
+        <div v-html="info.content"></div>
 
+      </div>
 
+    </div>
 
+   </template>
 
+   
+   <script setup>
 
+   import { ArrowLeft } from '@element-plus/icons-vue'
 
+   import {useRouter } from "vue-router"
 
+   import {onMounted ,ref,inject} from "vue"
 
+   import ConsultComponent from './ConsultComponent.vue'
 
+import { subject_detail} from "@/utils/api";
 
+
 
+   const provideData=inject('provideData')
 
+   onMounted(()=>{
 
+    id.value=router.currentRoute.value.query.id
 
+    getInfo()
 
+   })
 
+   let id=ref('')
 
+   let info=ref({})
 
+   let router=useRouter()
 
+   let toBack=()=>{
 
+       router.go(-1)
 
+   }
 
+   let getInfo=()=>{
 
+    subject_detail({id:id.value}).then(res=>{
 
+        info.value=res.data
 
+    })
 
+   }
 
+   let toDownload=()=>{
 
+    if(!localStorage.getItem('token')){
 
+        provideData.toLogin()
 
+
 
+    }else{
 
+        window.location.href=info.value.accessory
 
+    }
 
+   }
 
+   </script>
 
+   
+   <style lang="scss" scoped>
 
+   .douwnloadBox{
 
+    padding: 20px;
 
+    width: 1120px;
 
+    margin: 0 auto 20px;
 
+background: #F5F5F5;
 
+border-radius: 10px;
 
+border-left: 10px solid #4EDD92;
 
+    .douwnload{
 
+        line-height: 30px;
 
+        font-weight: bold;
 
+        span{
 
+            
+color: #305FF9;
 
+outline: bottom;
 
+text-decoration: underline;
 
+        }
 
+    }
 
+   }
 
+   .tips{
 
+    margin: 20px 0 20px;
 
+    color: #999999;
 
+    .read{
 
+        margin: 0 40px 0 7px;
 
+    }
 
+   }
 
+   .index{
 
+       margin: 30px auto;
 
+       width: 1200px;
 
+   }
 
+   .info{
 
+    padding: 30px 40px;
 
+    margin: 20px auto;
 
+    width: 1200px;
 
+min-height: 1000px;
 
+background: #FFFFFF;
 
+border-radius: 10px;
 
+.title{
 
+    margin-bottom: 20px;
 
+    font-size: 30px;
 
+    font-weight: bold;
 
+
 
+}
 
+   }
 
+   
+   </style>
 
+

+ 14 - 0
src/main.js
View File 

@@ -0,0 +1,14 @@
 
+import { createApp } from 'vue'
 
+import router from './router/index'
 
+import ElementPlus from 'element-plus'
 
+import 'element-plus/dist/index.css'
 
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
+import App from '@/App.vue'
 
+
 
+const app = createApp(App)
 
+
 
+app.use(ElementPlus, {
 
+    locale: zhCn,
 
+  })
 
+app.use(router)
 
+app.mount('#app')

+ 115 - 0
src/router/index.js
View File 

@@ -0,0 +1,115 @@
 
+import { createRouter, createWebHashHistory, createWebHistory } from "vue-router"
 
+
 
+
 
+
 
+
 
+// 2. 定义路由配置
 
+const routes = [
 
+    // {
 
+    //     path: "/",
 
+    //     redirect: '/layout'
 
+    // },
 
+    {
 
+        path: "/",
 
+        name: 'layout',
 
+        component: () =>
 
+            import ('@/view/layout.vue'),
 
+             
+            children:[
 
+                {
 
+                    path: "/",
 
+                    redirect: '/index',
 
+                },
 
+                {
 
+                    path: "/index",
 
+                    name: 'index',
 
+                    meta:{
 
+                        keepAlive:true
 
+                    },
 
+                    component: () =>
 
+                        import ('@/components/Index.vue'),
 
+                        
+                       
+                },
 
+                {
 
+                    path: "consult",
 
+                    name: 'consult',
 
+                    component: () =>
 
+                        import ('@/components/Consult.vue'),
 
+                       
+                },
 
+                {
 
+                    path: "consultInfo",
 
+                    name: 'consultInfo',
 
+                    component: () =>
 
+                        import ('@/components/ConsultInfo.vue'),
 
+                       
+                },
 
+                {
 
+                    path: "specialInfo",
 
+                    name: 'specialInfo',
 
+                    component: () =>
 
+                        import ('@/components/SpecialInfo.vue'),
 
+                       
+                },
 
+                {
 
+                    path: "special",
 
+                    name: 'special',
 
+                    meta:{
 
+                        
+                    },
 
+                    component: () =>
 
+                        import ('@/view/special.vue'),
 
+                       
+                },
 
+                {
 
+                    path: "about",
 
+                    name: 'about',
 
+                    component: () =>
 
+                        import ('@/view/about.vue'),
 
+                       
+                },
 
+                {
 
+                    path: "meal",
 
+                    name: 'meal',
 
+                    meta:{
 
+                        keepAlive:true
 
+                    },
 
+                    component: () =>
 
+                        import ('@/view/meal.vue'),
 
+                       
+                },{
 
+                    path: "profile",
 
+                    name: 'profile',
 
+                    component: () =>
 
+                        import ('@/view/profile.vue'),
 
+                       
+                },{
 
+                    path: "text",
 
+                    name: 'text',
 
+                    component: () =>
 
+                        import ('@/view/text.vue'),
 
+                       
+                },
 
+                {
 
+                    path: '/:pathMatch(.*)',
 
+                    redirect: '/'
 
+                  }
 
+               
+            ]
 
+    },
 
+    
+    
+];
 
+
 
+// 3. 创建路由实例
 
+const router = createRouter({
 
+    // 4. 采用hash 模式
 
+    history: createWebHashHistory(),
 
+    // 采用 history 模式
 
+    // history: createWebHistory(),
 
+    routes, //使用上方定义的路由配置
 
+});
 
+
 
+export default router
 
+//导出router

+ 1 - 0
src/style/mixin.scss
View File 

@@ -0,0 +1 @@
 
+$default:red;

+ 195 - 0
src/utils/api.js
View File 

@@ -0,0 +1,195 @@
 
+import request from '@/utils/request';
 
+
 
+// 微信登录
 
+export function WeChat_login(data) {
 
+  return request({
 
+    url: '/api/Login/WeChat_login',
 
+    method: 'POST',
 
+    data
 
+  });
 
+}
 
+// 验证码登录
 
+export function verification_code_login(data) {
 
+    return request({
 
+      url: '/api/Login/verification_code_login',
 
+      method: 'POST',
 
+      data
 
+    });
 
+  }
 
+  // 绑定手机号
 
+export function binding_phone(data) {
 
+    return request({
 
+      url: '/api/Login/binding_phone',
 
+      method: 'POST',
 
+      data
 
+    });
 
+  }
 
+ // 发送短信验证码
 
+export function send_sms(data) {
 
+  return request({
 
+    url: '/api/Login/send_sms',
 
+    method: 'POST',
 
+    data
 
+  });
 
+}
 
+  //  获取配置信息 
+export function config_info(params) {
 
+    return request({
 
+      url: '/api/Index/config_info',
 
+      method: 'GET',
 
+      params
 
+    });
 
+  }
 
+   //  热门搜索关键词
 
+export function search_keyword_list(params) {
 
+    return request({
 
+      url: '/api/Index/search_keyword_list',
 
+      method: 'GET',
 
+      params
 
+    });
 
+  }
 
+  //   热搜资讯 
+export function consult_list(params) {
 
+    return request({
 
+      url: '/api/Index/consult_list',
 
+      method: 'GET',
 
+      params
 
+    });
 
+  }
 
+  //   资讯详情
 
+export function consult_detail(params) {
 
+    return request({
 
+      url: '/api/Index/consult_detail',
 
+      method: 'GET',
 
+      params
 
+    });
 
+  }
 
+  //   广告位 
+export function adv_list(params) {
 
+    return request({
 
+      url: '/api/Index/adv_list',
 
+      method: 'GET',
 
+      params
 
+    });
 
+  }
 
+  //   个人信息 
+export function member_info(params) {
 
+    return request({
 
+      url: '/api/Member/member_info',
 
+      method: 'GET',
 
+      params
 
+    });
 
+  }
 
+  //   编辑个人信息 
+export function edit_member_info(data) {
 
+    return request({
 
+      url: '/api/Member/edit_member_info',
 
+      method: 'POST',
 
+      data
 
+    });
 
+  }
 
+  //   搜索数据列表 
+export function data_list(params) {
 
+  return request({
 
+    url: '/api/Index/data_list',
 
+    method: 'GET',
 
+    params
 
+  });
 
+}
 
+//   获取OSS上传配置 
+export function getSignedUrl(data) {
 
+  return request({
 
+    url: '/api/Upload/getSignedUrl',
 
+    method: 'POST',
 
+    data
 
+  });
 
+}
 
+//   我的套餐 
+export function my_package(params) {
 
+  return request({
 
+    url: '/api/Package/my_package',
 
+    method: 'GET',
 
+    params
 
+  });
 
+}
 
+//   我的消息 
+export function message_list(params) {
 
+  return request({
 
+    url: '/api/Message/message_list',
 
+    method: 'GET',
 
+    params
 
+  });
 
+}
 
+//   提交留言 
+export function submit_message(data) {
 
+  return request({
 
+    url: '/api/Message/submit_message',
 
+    method: 'POST',
 
+    data
 
+  });
 
+}
 
+//   轮播图列表 
+export function banner(params) {
 
+  return request({
 
+    url: '/api/Subject/banner',
 
+    method: 'GET',
 
+    params
 
+  });
 
+}
 
+//   专题列表 
+export function subject_list(params) {
 
+  return request({
 
+    url: '/api/Subject/subject_list',
 
+    method: 'GET',
 
+    params
 
+  });
 
+}
 
+//   专题详情 
+export function subject_detail(params) {
 
+  return request({
 
+    url: '/api/Subject/subject_detail',
 
+    method: 'GET',
 
+    params
 
+  });
 
+}
 
+//   套餐信息 
+export function package_list(params) {
 
+  return request({
 
+    url: '/api/Package/package_list',
 
+    method: 'GET',
 
+    params
 
+  });
 
+}
 
+//   立即下单 
+export function create_order(data) {
 
+  return request({
 
+    url: '/api/Package/create_order',
 
+    method: 'POST',
 
+    data
 
+  });
 
+}
 
+//   关于我们 
+export function about_us(params) {
 
+  return request({
 
+    url: '/api/Index/about_us',
 
+    method: 'GET',
 
+    params
 
+  });
 
+}
 
+//   获取套餐订单支付状态 
+export function get_pay_status(params) {
 
+  return request({
 
+    url: '/api/Package/get_pay_status',
 
+    method: 'GET',
 
+    params
 
+  });
 
+}
 
+//   导航栏 
+export function navigation_list(params) {
 
+  return request({
 
+    url: '/api/Index/navigation_list',
 
+    method: 'GET',
 
+    params
 
+  });
 
+}
 
+

+ 74 - 0
src/utils/request.js
View File 

@@ -0,0 +1,74 @@
 
+import axios from 'axios'
 
+import { ElMessage } from 'element-plus'
 
+let baseUrl = 'https://zhitq.hdlkeji.com'
 
+// let baseUrl = ''
 
+export default function request(config) {
 
+
 
+    const instance = axios.create({
 
+            baseURL: baseUrl,
 
+            timeout: 40000,
 
+            method: config.method || 'POST',
 
+            data: config.data || {},
 
+            headers: config.headers || {}
 
+                // dataType: 'json',
 
+
 
+        })
 
+        //start
 
+        // 拦截器-发出的请求
 
+    instance.interceptors.request.use((config) => {
 
+        var token = localStorage.getItem('token')
 
+        if (token) {
 
+            config.headers['Authorization'] = token
 
+        }
 
+        if (config.method === 'post') {
 
+            if (config.data && config.data.constructor === FormData) {
 
+                return config
 
+            }
 
+            if (!config.data) {
 
+                config.data = {}
 
+            }
 
+            // config.data.device = 'mobile'
 
+
 
+        }
 
+        return config
 
+    }, (error) => {
 
+        return Promise.reject(error)
 
+    })
 
+
 
+    // 拦截器-收到的响应
 
+    instance.interceptors.response.use((response) => {
 
+        if (response.data.code === 500) {
 
+            ElMessage.error(response.data.msg)
 
+            return
 
+        }
 
+        if (response.data.code === 0) {
 
+            if (response.data.msg === 'Token不存在,拒绝访问') {
 
+                ElMessage.error('请先登录')
 
+            }else{
 
+            ElMessage.error(response.data.msg)
 
+
 
+            }
 
+            
+        }
 
+        if (response.data.code === 300) {
 
+            ElMessage.error(response.data.msg)
 
+            localStorage.removeItem('token')
 
+            return
 
+        }
 
+        if (response.data.code === 401) {
 
+            ElMessage.error('登录过期请重新登陆')
 
+            $router.push({ path: '/' })
 
+        }
 
+        return response.data
 
+    }, (error) => {
 
+        if (error.response.data.code === 300) {
 
+            ElMessage.error(error.response.data.msg)
 
+            localStorage.removeItem('token')
 
+            return
 
+        }
 
+
 
+        return Promise.reject(error)
 
+    })
 
+
 
+    return instance(config)
 
+}

+ 177 - 0
src/view/about.vue
View File 

@@ -0,0 +1,177 @@
 
+<template>
 
+  <div class="">
 
+    <div class="swiperBox">
 
+        <el-carousel height="450px" indicator-position="none" arrow="never">
 
+      <el-carousel-item  >
 
+       <img class="swiperImg" src="../assets/image/banner.png" alt="">
 
+      </el-carousel-item>
 
+    </el-carousel>
 
+    </div>
 
+    <div class="main">
 
+        <div class="intro">
 
+        <div class="title">
 
+            <span>公司简介</span>
 
+        </div>
 
+        <div class="enTitle">
 
+            Company Profile
 
+        </div>
 
+        <div class="richText" v-html="info.company_profile">
 
+            
+        </div>
 
+    </div>
 
+    </div>
 
+    <div class="contentBox">
 
+        <div class="content">
 
+        <div class="title">
 
+            <span>联系我们</span>
 
+        </div>
 
+        <div class="enTitle">
 
+            Contact Us
 
+        </div>
 
+        <div class="imgTextBox u-row-between">
 
+            <div class="text">  {{ info.profile }}    </div>
 
+            <img :src="info.image" alt="">
 
+        </div>
 
+        <div class="contactMethod u-flex">
 
+            <img class="code" :src="info.qr_code" alt="">
 
+            <div class="rightBox">
 
+                <div class="method">
 
+                    <img src="../assets/image/kefu@2x.png" alt="">
 
+                    <span>客服：{{info.service_phone}}</span>
 
+                </div>
 
+                <div class="method">
 
+                    <img src="../assets/image/chuanzhen@2x.png" alt="">
 
+                    <span>传真：{{info.phone}}</span>
 
+                </div>
 
+                <div class="method">
 
+                    <img src="../assets/image/dizhi@2x.png" alt="">
 
+                    <span>{{info.address}}</span>
 
+                </div>
 
+            </div>
 
+            <p class="tishi">扫码联系我们</p>
 
+
 
+        </div>
 
+        
+  </div>
 
+    </div>
 
+    </div>
 
+    
+</template>
 
+
 
+<script setup>
 
+import {useRouter } from "vue-router"
 
+import {onMounted ,ref} from "vue"
 
+import {about_us} from '@/utils/api'
 
+let info=ref({})
 
+onMounted(()=>{
 
+    about_us().then(res=>{
 
+        info.value=res.data
 
+    })
 
+})
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+.tishi{
 
+    font-weight: bold;
 
+}
 
+.swiperImg{
 
+width: 100%;
 
+height: 100%;
 
+}
 
+.main{
 
+    padding: 50px 0;
 
+    background-color: #fff;
 
+    .intro{
 
+        width: 1200px;
 
+        margin: 0 auto;
 
+        .title{
 
+            text-align: center;
 
+            font-size: 44px;
 
+            font-weight: bold;
 
+            span{
 
+                padding-bottom: 12px;
 
+                border-bottom: 10px solid  #4EDD92;
 
+
 
+            }
 
+        }
 
+        .enTitle{
 
+            margin: 40px 0 40px;
 
+            color: #CCCCCC;
 
+            font-size: 34px;
 
+            text-align: center;
 
+        }
 
+    }
 
+}
 
+.contactMethod{
 
+    position: relative;
 
+    padding: 30px;
 
+    margin-top: 40px;
 
+    width: 1200px;
 
+height: 270px;
 
+background: #FFFFFF;
 
+border-radius: 10px;
 
+.tishi{
 
+    position: absolute;
 
+    bottom: 10px;
 
+    left: 71px;
 
+}
 
+.code{
 
+    margin-right: 28px;
 
+    width: 198px;
 
+    height: 198px;
 
+}
 
+.rightBox{
 
+    flex: 1;
 
+    .method{
 
+       line-height: 66px;
 
+        display: flex;
 
+        align-items: center;
 
+    }
 
+    img{
 
+        margin-right: 16px;
 
+        width: 34px;
 
+        height: 34px;
 
+    }
 
+    span{
 
+        font-size: 28px;
 
+        color: #666666;
 
+    }
 
+}
 
+}
 
+.contentBox{
 
+    padding: 50px 0;
 
+.content{
 
+    width: 1200px;
 
+        margin: 0 auto;
 
+        .title{
 
+            text-align: center;
 
+            font-size: 44px;
 
+            font-weight: bold;
 
+            span{
 
+                padding-bottom: 12px;
 
+                border-bottom: 10px solid  #4EDD92;
 
+
 
+            }
 
+        }
 
+        .enTitle{
 
+            margin: 40px 0 40px;
 
+            color: #CCCCCC;
 
+            font-size: 34px;
 
+            text-align: center;
 
+        }
 
+        .imgTextBox{
 
+            .text{
 
+                flex: 1;
 
+                font-size: 20px;
 
+                color: #666666;
 
+            }
 
+            img{
 
+                margin-left: 43px;
 
+                width: 611px;
 
+height: 332px;
 
+border-radius: 10px;
 
+            }
 
+        }
 
+}
 
+}
 
+</style>

+ 329 - 0
src/view/layout.vue
View File 

@@ -0,0 +1,329 @@
 
+<template>
 
+  <div>
 
+    <div class="tabBox">
 
+      <div class="main">
 
+        <img src="../assets/image/56454@2x.png" alt="" class="logo">
 
+        <el-menu
 
+        :router="true"
 
+    :default-active="activeIndex"
 
+    class="el-menu"
 
+    mode="horizontal"
 
+    :ellipsis="false"
 
+    text-color="#666666"
 
+    active-text-color="#16542D"
 
+    @select="handleSelect"
 
+  >
 
+    <el-menu-item index="index">首页</el-menu-item>
 
+    <el-menu-item index="special">专题</el-menu-item>
 
+    <el-menu-item index="meal">数据套餐</el-menu-item>
 
+    <el-menu-item index="about">关于我们</el-menu-item>
 
+    <el-menu-item :index="item.url" v-for="(item,index) in navList" :key="index">{{item.title}}</el-menu-item>
 
+  </el-menu>
 
+  <div class="login" @click="dialogTableVisible=true" v-if="!isLogin">
 
+    注册/登录
 
+  </div>
 
+  <div class="login" v-else>
 
+     <img :src="info.headimg" alt="">
 
+     <el-dropdown trigger="click" @command="changeDropdown">
 
+        <span class="el-dropdown-link">
 
+         {{info.name}}<el-icon class="imgPosition"><CaretBottom /></el-icon>
 
+        </span>
 
+        <template #dropdown>
 
+          <el-dropdown-menu>
 
+            <el-dropdown-item :icon="UserFilled" command="1">
 
+              个人中心
 
+            </el-dropdown-item>
 
+            <el-dropdown-item :icon="SwitchButton" command="2">退出登录</el-dropdown-item>
 
+            
+          </el-dropdown-menu>
 
+        </template>
 
+      </el-dropdown>
 
+  </div>
 
+      </div>
 
+      
+    </div>
 
+    <LoginBox @toMent="toMent"  :openid="openid" @getInfo="getInfo" v-model="dialogTableVisible"/>
 
+    <router-view  v-slot="{ Component }">
 
+        <keep-alive>
 
+          <component :is="Component"  v-if="router.currentRoute.value.meta.keepAlive" :key="router.currentRoute.value.name"/>
 
+        </keep-alive>
 
+        <component :is="Component"  v-if="!router.currentRoute.value.meta.keepAlive" :key="router.currentRoute.value.name"/>
 
+    </router-view>
 
+    <div class="message u-flex u-col-center" v-if="router.currentRoute.value.name!='profile'" @click="toMessage">
 
+      <img src="../assets/image/message.png" alt="">
 
+      <span>留言板</span>
 
+    </div>
 
+    <img :src="advList[0].logo" @click="toAdv(0)" class="slide slideLeft" alt="" v-show="activeIndex=='index'" v-if="advList.length>0">
 
+    <div class="slide slideRight"  v-show="activeIndex=='index'">
 
+      <img :src="advList[1].logo" @click="toAdv(1)" alt="" v-if="advList.length>1">
 
+      <img :src="advList[2].logo" @click="toAdv(2)" alt="" v-if="advList.length>2">
 
+    </div>
 
+    <div class="bottom">
 
+        <div class="content">
 
+            <div class="contact">
 
+                <span style="margin-right: 40px;">联系我们：{{baseInfo.phone}}</span>           公司地址：{{baseInfo.address}}
 
+
 
+            </div>
 
+            <div class="copyright">
 
+                {{configInfo.archival_information}}
 
+            </div>
 
+        </div>
 
+    </div>
 
+  </div>
 
+  </template>
 
+  
+  <script setup>
 
+  import {useRouter } from "vue-router"
 
+  import {onMounted ,ref,provide, watch} from "vue"
 
+  import LoginBox from '../components/LoginBox.vue'
 
+import { member_info,WeChat_login,config_info,adv_list,about_us,navigation_list} from "@/utils/api";
 
+
 
+  import { ElMessage, ElMessageBox } from 'element-plus'
 
+  import {
 
+    UserFilled,
 
+    SwitchButton,CaretBottom,CircleCloseFilled
 
+} from '@element-plus/icons-vue'
 
+const router=useRouter()
 
+let configInfo=ref({})
 
+let info=ref({})
 
+let openid=ref('')
 
+let advList=ref([])
 
+let baseInfo=ref({})
 
+const activeIndex = ref('/')
 
+watch(()=>router.currentRoute.value.name,(newVal,oldVal)=>{
 
+  activeIndex.value=newVal
 
+},{ immediate: true })
 
+  onMounted(()=>{
 
+    console.log('getQueryString',getQueryString());
 
+    let obj=getQueryString()
 
+    if(obj.code){
 
+      WeChat_login({code:obj.code}).then(res=>{
 
+        if(res.data.openid){
 
+        openid.value=res.data.openid
 
+          dialogTableVisible.value=true
 
+        }
 
+        if(res.data.token){
 
+          localStorage.setItem('token',res.data.token)
 
+          window.location.href='https://zhitq.hdlkeji.com/dist'
 
+        }
 
+      })
 
+    }
 
+    about_us().then(res=>{
 
+      baseInfo.value=res.data
 
+    })
 
+    getNavigation()
 
+    getAdvList()
 
+    getConfig()
 
+   
+    if(localStorage.getItem('token')){
 
+      getInfo()
 
+    }
 
+    activeIndex.value=router.currentRoute.value.name
 
+  })
 
+  function getQueryString() {
 
+  let data = {};
 
+  let src = window.location.href;
 
+  let index = src.indexOf("?");
 
+  if (index === -1) {
 
+    return data;
 
+  }
 
+  let dataStr = src.substring(src.indexOf("?") + 1);
 
+  let dataArray = dataStr.split("&"); 
+  dataArray.forEach((str)=>{
 
+    let param =str.split("=");
 
+    data[param[0]] = param[1];
 
+  })
 
+  return data;
 
+}
 
+  let navList=ref([])
 
+  let getNavigation=()=>{
 
+    navigation_list().then(res=>{
 
+      navList.value=res.data
 
+    })
 
+  }
 
+  let toAdv=(index)=>{
 
+    window.location.href=advList.value[index].url
 
+  }
 
+  let getAdvList=()=>{
 
+    adv_list().then(res=>{
 
+      advList.value=res.data
 
+    })
 
+  }
 
+  let getConfig=()=>{
 
+    config_info().then(res=>{
 
+      configInfo.value=res.data
 
+    })
 
+  }
 
+  let toMessage=()=>{
 
+    if(!isLogin.value){
 
+      // ElMessage.error('请先登录')
 
+      dialogTableVisible.value=true
 
+      return
 
+    }
 
+    router.push('/profile?current=2')
 
+  }
 
+  provide('provideData',{
 
+    toLogin:()=>{
 
+      dialogTableVisible.value=true
 
+    }
 
+  })
 
+  let getInfo=()=>{
 
+    member_info().then(res=>{
 
+      console.log('res',res);
 
+      info.value=res.data
 
+      isLogin.value=true
 
+      dialogTableVisible.value=false
 
+    })
 
+  }
 
+  let toMent=()=>{
 
+    dialogTableVisible.value=false
 
+    router.push('text')
 
+  }
 
+  let isLogin=ref(false)
 
+  let dialogTableVisible=ref(false)
 
+  
+const handleSelect = (key, keyPath) => {
 
+  console.log(key, keyPath)
 
+  if(key.length>=8){
 
+    activeIndex.value='index'
 
+    // window.location.href=key
 
+    window.open(key, '_blank');
 
+  }
 
+  
+}
 
+let changeDropdown=(e)=>{
 
+if(e==1){
 
+  router.push('/profile')
 
+}
 
+if(e==2){
 
+  ElMessageBox.confirm(
 
+    '确定要退出登录吗?',
 
+    '提示',
 
+    {
 
+      confirmButtonText: '确定',
 
+      cancelButtonText: '取消',
 
+      type: 'warning',
 
+    }
 
+  )
 
+    .then(() => {
 
+      localStorage.removeItem('token')
 
+      isLogin.value=false
 
+      ElMessage({
 
+        type: 'success',
 
+        message: '已成功退出',
 
+      })
 
+    })
 
+    .catch(() => {
 
+      
+    })
 
+}
 
+}
 
+  
+  const goSearch=()=>{
 
+      router.push('/search')
 
+  }
 
+  const goLogin=()=>{
 
+      router.push('/login')
 
+  }
 
+  const goEntrust=()=>{
 
+      router.push('/entrust')
 
+  }
 
+  </script>
 
+  
+  <style lang="scss" scoped>
 
+  
+  .login{
 
+    display: flex;
 
+    align-items: center;
 
+    img{
 
+      width: 48px;
 
+      height: 48px;
 
+      margin-right: 12px;
 
+      border-radius: 50%;
 
+    }
 
+    .imgPosition{
 
+      margin-top: 5px;
 
+    }
 
+  }
 
+  .slide{
 
+    z-index: 999;
 
+    position: fixed;
 
+    top: 590px;
 
+  }
 
+  .slideLeft{
 
+    left: 20px;
 
+    width: 210px;
 
+height: 440px;
 
+border-radius: 10px;
 
+  }
 
+  .slideRight{
 
+    display: flex;
 
+    flex-direction: column;
 
+    right: 20px;
 
+    img{
 
+      width: 210px;
 
+height: 210px;
 
+border-radius: 10px;
 
+margin-bottom: 10px;
 
+    }
 
+  }
 
+  .message{
 
+    position: fixed;
 
+    top: 460px;
 
+    right: 30px;
 
+    padding-top: 10px;
 
+    font-size: 14px;
 
+    font-weight: bold;
 
+    width: 80px;
 
+height: 110px;
 
+background: #FFFFFF;
 
+border-radius: 10px;
 
+    img{
 
+      width:60px;
 
+      height: 60px;
 
+      margin-bottom: 9px;
 
+    }
 
+  }
 
+  .bottom{
 
+    // position: fixed;
 
+    // z-index: 1000;
 
+    // bottom: 0;
 
+    width: 100%;
 
+    height: 224px;
 
+background: #494949;
 
+.content{
 
+    color: #fff;
 
+    width: 1200px;
 
+    margin: 0 auto;
 
+    .contact{
 
+        line-height: 140px;
 
+        border-bottom: 1px solid #fff;
 
+    }
 
+    .copyright{
 
+        line-height: 82px;
 
+    }
 
+}
 
+  }
 
+  .tabBox{
 
+    width: 100%;
 
+height: 80px;
 
+background: #FFFFFF;
 
+.main{
 
+    height: 80px;
 
+    display: flex;
 
+   align-items: center;
 
+   justify-content: space-between;
 
+    width:1200px;
 
+   margin: 0 auto;
 
+   .logo{
 
+    line-height: 80px;
 
+    width: 101px;
 
+    height: 47px;
 
+   }
 
+   .el-menu{
 
+    height:80px;
 
+   }
 
+}
 
+  }
 
+  </style>
 
+

+ 265 - 0
src/view/meal.vue
View File 

@@ -0,0 +1,265 @@
 
+<template>
 
+  <div class="meal">
 
+    <div class="mealMain">
 
+      <div class="dataTitle">数据套餐</div>
 
+      <div class="data">
 
+        <div class="item" :class="{'select':current==index}" v-for="(item,index) in list" :key="index" @click="changeMeal(index)">
 
+            <div>
 
+                <div class="itemTitlle">
 
+                    {{item.title}}
 
+                </div>
 
+                <div class="price">
 
+                    <span>￥</span><span class="number">{{item.price}}</span>/{{item.type==1?'天':item.type==2?'月':item.type==3?'季':'年'}}
 
+                </div>
 
+                <div class="itemInfo">
 
+                    {{item.remark}}
 
+                </div>
 
+            </div>
 
+        </div>
 
+      </div>
 
+      <div class="dataTitle">支付方式</div>
 
+      <div class="allPrice">
 
+        应付金额：<span class="number" v-if="list.length!=0">{{ list[current].price }}</span><span>元</span>
 
+      </div>
 
+      <div class="payType">
 
+        <div class="payTypeItem" :class="{'selectPay':payCurrent==1}"  @click="selectPayType(1)">
 
+            <img src="../assets/image/weixin.png" alt="">
 
+            微信支付
 
+        </div>
 
+        <div class="payTypeItem" :class="{'selectPay':payCurrent==2}" @click="selectPayType(2)">
 
+            <img src="../assets/image/zfb.png" alt="">
 
+            支付宝支付
 
+        </div>
 
+        
+      </div>
 
+      <div class="codeBox" v-if="payCurrent!=0">
 
+        <qrcode-vue :value="qrCode" size:220  v-if="payCurrent==1&&qrCode"></qrcode-vue>
 
+        <!-- <img class="code" src="../assets/image/test.png" alt=""> -->
 
+        <iframe
 
+            :srcdoc="formData"
 
+            frameborder="no"
 
+            border="0"
 
+            marginwidth="100"
 
+            marginheight="100"
 
+            scrolling="no"
 
+            width="220"
 
+            height="220"
 
+            style="overflow: hidden"
 
+            v-if="payCurrent==2"
 
+          >
 
+          </iframe>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script setup>
 
+import { useRouter } from "vue-router";
 
+import { onMounted, ref,onBeforeUnmount } from "vue";
 
+import {package_list,create_order,member_info,get_pay_status} from '@/utils/api'
 
+import { ElMessage, ElMessageBox } from 'element-plus'
 
+import QrcodeVue from 'qrcode.vue'
 
+let router=useRouter()
 
+let timer
 
+onMounted(() => {
 
+  getList()
 
+  member_info().then(res=>{
 
+      
+      isLogin.value=true
 
+    })
 
+});
 
+let isLogin=ref(false)
 
+let current=ref(0)
 
+let changeMeal=(index)=>{
 
+if(current.value!=index){
 
+    current.value=index
 
+}
 
+}
 
+let list=ref([])
 
+let getList=()=>{
 
+  package_list().then(res=>{
 
+    list.value=res.data
 
+  })
 
+}
 
+let formData=ref()
 
+let qrCode=ref('')
 
+let getCode=()=>{
 
+  create_order({package_id:list.value[current.value].id,pay_type:payCurrent.value}).then(res=>{
 
+    if(payCurrent.value==1){
 
+      qrCode.value=res.data.code_url
 
+      getResult(res.data.order_id)
 
+    }else{
 
+      // formData.value=res.data
 
+      const div = document.createElement('div') // 创建div
 
+									div.innerHTML = res.data // 将返回的form 放入div
 
+									document.body.appendChild(div)
 
+									// document.forms[0].submit()
 
+									div.children[0].submit()
 
+    }
 
+  })
 
+}
 
+let getResult=(id)=>{
 
+ timer= setInterval(() => {
 
+  console.log(123);
 
+    get_pay_status({id:id}).then(res=>{
 
+      if(res.data==1){
 
+        clearInterval(timer)
 
+        ElMessage.success('支付成功')
 
+        router.push('profile')
 
+      }
 
+})
 
+  }, 3000);
 
+}
 
+onBeforeUnmount(()=>{
 
+  clearInterval(timer)
 
+})
 
+let payCurrent=ref(0)
 
+let selectPayType=(type)=>{
 
+  if(!isLogin.value){
 
+    payCurrent.value=0
 
+    ElMessage.error('请先登录')
 
+    return
 
+  }else{
 
+    if(payCurrent.value!=type){
 
+      ElMessageBox.confirm(
 
+    `点击确定使用${type==1?'微信':'支付宝'}进行付款`,
 
+    '提示',
 
+    {
 
+      confirmButtonText: '确定',
 
+      cancelButtonText: '取消',
 
+      type: 'warning',
 
+    }
 
+  )
 
+    .then(() => {
 
+      payCurrent.value=type
 
+    getCode()
 
+    })
 
+    .catch(() => {
 
+      
+    })
 
+    
+}
 
+    
+}
 
+   
+
 
+}
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+.codeBox{
 
+  margin-top: 20px;
 
+    width: 1200px;
 
+height: 280px;
 
+background: #F5F5F5;
 
+border-radius: 10px;
 
+padding: 30px;
 
+.code{
 
+    width: 220px;
 
+    height: 220px;
 
+}
 
+canvas{
 
+  width: 220px!important;
 
+    height: 220px!important;
 
+}
 
+}
 
+.payType{
 
+    display: flex;
 
+.payTypeItem{
 
+    filter: grayscale(1);
 
+    margin-right: 20px;
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+    // color: #CCCCCC;
 
+    font-size: 26px;
 
+    width: 250px;
 
+height: 90px;
 
+line-height: 90px;
 
+text-align: center;
 
+background: #FFFFFF;
 
+border-radius: 10px;
 
+border: 2px solid #3CB034;
 
+
 
+img{
 
+    margin-right: 20px;
 
+    width: 50px;
 
+    height: 50px;
 
+}
 
+}
 
+.payTypeItem:nth-child(2){
 
+border: 2px solid #1677FF;
 
+    
+}
 
+.selectPay{
 
+    filter: none;
 
+}
 
+}
 
+.meal {
 
+  // height: calc(100vh - 304px);
 
+  height: 100vh;
 
+  background-color: #fff;
 
+  .mealMain {
 
+    padding: 60px 0;
 
+    width: 1200px;
 
+    margin: 0 auto;
 
+  }
 
+  .dataTitle {
 
+    font-size: 26px;
 
+    // font-weight: bold;
 
+  }
 
+  .allPrice{
 
+    margin: 40px 0 20px;
 
+    font-size: 26px;
 
+    span{
 
+color: #FF2828;
 
+    }
 
+    .number{
 
+        font-size: 46px;
 
+    }
 
+  }
 
+  .data {
 
+    margin-bottom: 40px;
 
+    flex-wrap: wrap;
 
+    display: flex;
 
+    .item {
 
+        padding: 20px;
 
+        margin-top: 20px;
 
+      width: 356px;
 
+      height: 185px;
 
+      background: #fff;
 
+      box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
 
+      border-radius: 10px;
 
+      line-height: 48px;
 
+      .itemTitlle{
 
+        text-align: center;
 
+        font-size: 24px;
 
+        font-weight: bold;
 
+      }
 
+      .price{
 
+        text-align: center;
 
+
 
+        font-size: 26px;
 
+        span{
 
+            color: #FF2828;
 
+        }
 
+        .number{
 
+            font-size: 46px;
 
+        }
 
+      }
 
+      .itemInfo{
 
+        text-align: center;
 
+        color: #999999;
 
+        font-size: 20px;
 
+      }
 
+    }
 
+    .item:nth-child(3n-1){
 
+        margin: 20px 66px 0;
 
+    }
 
+  }
 
+}
 
+.select{
 
+    border: 4px solid #4FDD93;
 
+}
 
+</style>

+ 165 - 0
src/view/profile.vue
View File 

@@ -0,0 +1,165 @@
 
+<template>
 
+  <div class="profile u-flex">
 
+    <div class="slideLeft">
 
+      <div class="person">
 
+        <img :src="info.headimg" alt="">
 
+        <span>{{info.name}}</span>
 
+      </div>
 
+      <div class="meal" >
 
+        <div class="mealTitle" v-if="info.is_vip==1">
 
+          <span>{{info.package_name}}</span>权益畅享中
 
+        </div>
 
+        <div class="mealTitle" v-if="info.is_vip==0">
 
+          <span>暂未订购套餐</span>
 
+        </div>
 
+        <div class="data" v-if="info.is_vip==1" style="white-space: nowrap;">
 
+          到期时间:<br>{{info.vip_time}}
 
+        </div>
 
+        <div class="data" v-if="info.is_vip==0">
 
+          开通畅享权益
 
+        </div>
 
+        <div class="more u-row-between">
 
+          <span @click="toPay">更多套餐</span>
 
+          <div @click="toPay">{{ info.is_vip==1?'立即续费':'去开通' }}</div>
 
+        </div>
 
+      </div>
 
+      <div class="list">
 
+        <div class="item" @click="changeTab(index)" :class="{select:current==index}" v-for="(item,index) in list" :key="index">{{ item }}</div>
 
+      </div>
 
+    </div>
 
+    <MyMeal v-if="current==0"/>
 
+    <MyInfo @getInfo="getInfo" :info="info" v-if="current==1"/>
 
+    <MyMessage  v-if="current==2"/>
 
+    <Agreement  v-if="current==3"/>
 
+  </div>
 
+</template>
 
+
 
+<script setup>
 
+import {useRouter } from "vue-router"
 
+import MyMeal from '@/components/MyMeal.vue'
 
+import MyInfo from '@/components/MyInfo.vue'
 
+import MyMessage from '@/components/MyMessage.vue'
 
+import Agreement from '@/components/Agreement.vue'
 
+import {onMounted ,ref} from "vue"
 
+import {member_info} from '@/utils/api'
 
+
 
+let router=useRouter()
 
+onMounted(()=>{
 
+  if(router.currentRoute.value.query.current){
 
+    current.value=router.currentRoute.value.query.current
 
+  }
 
+  getInfo()
 
+})
 
+let list=['我的套餐','我的资料','我的消息','隐私协议']
 
+let current=ref(0)
 
+
 
+let changeTab=(index)=>{
 
+  if(current.value!=index){
 
+    current.value=index
 
+  }
 
+}
 
+let toPay=()=>{
 
+  router.push('meal')
 
+}
 
+let info=ref({})
 
+let getInfo=()=>{
 
+  member_info().then(res=>{
 
+    info.value=res.data
 
+    // form.value.name=res.data.name
 
+    // form.value.sex=res.data.gender
 
+    // form.value.phone=res.data.phone
 
+    // form.value.date=res.data.birthday
 
+    // form.value.email=res.data.email
 
+    // form.value.headimg=res.data.headimg
 
+  })
 
+}
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+.profile{
 
+  height: 100vh;
 
+  width: 1200px;
 
+  margin: 30px auto;
 
+ align-items: start;
 
+}
 
+  .slideLeft{
 
+    padding-top: 45px;
 
+    margin-right: 20px;
 
+    width: 189px;
 
+height: 589px;
 
+background: #FFFFFF;
 
+border-radius: 10px;
 
+.person{
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  align-items: center;
 
+  color: #666666;
 
+  img{
 
+    margin-bottom: 16px;
 
+    width: 64px;
 
+    height: 64px;
 
+    border-radius: 50%;
 
+  }
 
+}
 
+.meal{
 
+  padding: 10px;
 
+  margin: 20px auto;
 
+  width: 177px;
 
+// height: 101px;
 
+background: #E2F9ED;
 
+border-radius: 10px;
 
+.mealTitle{
 
+  color: #666666;
 
+  font-size: 10px;
 
+  span{
 
+    margin-right: 7px;
 
+    color: #333333;
 
+    font-size: 16px;
 
+    font-weight: bold;
 
+  }
 
+}
 
+.data{
 
+  color: #666666;
 
+  font-size: 10px;
 
+  margin: 7px 0 10px;
 
+}
 
+.more{
 
+  align-items: end;
 
+  span{
 
+    font-size: 10px;
 
+    color: #4EDD92;
 
+    font-weight: bold;
 
+  }
 
+  div{
 
+    font-size: 14px;
 
+    color: #fff;
 
+    font-weight: bold;
 
+    text-align: center;
 
+    line-height: 28px;
 
+    width: 74px;
 
+height: 28px;
 
+background: linear-gradient(133deg, #FCA452 0%, #EF5700 100%);
 
+border-radius: 10px;
 
+
 
+  }
 
+}
 
+
 
+}
 
+.list{
 
+  .item{
 
+    line-height: 52px;
 
+    text-align: center;
 
+    color: #666666;
 
+    width: 189px;
 
+height: 52px;
 
+line-height: 52px;
 
+  }
 
+  .select{
 
+    background-color: #EDFBF4;
 
+    color: #4EDD92;
 
+  }
 
+}
 
+  }
 
+  
+</style>

+ 144 - 0
src/view/special.vue
View File 

@@ -0,0 +1,144 @@
 
+<template>
 
+  <div>
 
+    <div class="swiperBox">
 
+        <el-carousel height="450px" >
 
+      <el-carousel-item v-for="item in bannerList" :key="item" >
 
+       <img class="swiperImg" :src="item.logo" alt="" @click="toUrl(item)">
 
+      </el-carousel-item>
 
+    </el-carousel>
 
+    </div>
 
+    <div class="main">
 
+        <div class="leftSlide">
 
+            <div class="special">
 
+        
+        <div class="specialItem u-flex" @click="toInfo(item)" v-for="(item,index) in specialList" :key="index">
 
+          <img class="poster" :src="item.logo" alt="">
 
+          <div class="specialItemInfo">
 
+            <div class="specialItemInfoTitle">
 
+              {{item.title}}
 
+            </div>
 
+            <div class="specialItemTips u-row-between">
 
+              <div>
 
+                <img style="height: 12px;" src="../assets/image/eye.png" alt="">{{item.page_view}}
 
+              </div>
 
+              <div>
 
+                {{item.create_at}}
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div class="page">
 
+        <el-pagination background @current-change="pageChange" :page-size="page_num" layout="prev, pager, next" :total="count" />
 
+    </div>
 
+        </div>
 
+        <div class="rightSlide">
 
+            <HotMessage/>
 
+        </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script setup>
 
+import {useRouter } from "vue-router"
 
+import {onMounted ,ref} from "vue"
 
+import HotMessage from '@/components/HotMessage.vue'
 
+import {banner,subject_list} from '@/utils/api'
 
+
 
+onMounted(()=>{
 
+  getBanner()
 
+  getSpecialList()
 
+})
 
+let router=useRouter()
 
+
 
+let toInfo=(item)=>{
 
+    router.push('specialInfo?id='+item.id)
 
+}
 
+let page=ref(1)
 
+let page_num=ref(10)
 
+let count=ref(0)
 
+let specialList=ref([])
 
+let getSpecialList=()=>{
 
+  subject_list({page:page.value,page_num:page_num.value}).then(res=>{
 
+    specialList.value=res.data.list
 
+    count.value=res.data.count
 
+  })
 
+}
 
+let pageChange=(e)=>{
 
+  page.value=e
 
+  getSpecialList()
 
+}
 
+let bannerList=ref([])
 
+let getBanner=()=>{
 
+  banner().then(res=>{
 
+    bannerList.value=res.data
 
+  })
 
+}
 
+let toUrl=(item)=>{
 
+  window.location.href=item.url
 
+}
 
+</script>
 
+<style>
 
+.el-carousel__item{
 
+  text-align: center;
 
+}
 
+</style>
 
+<style lang="scss" scoped>
 
+.page{
 
+  width: 1200px;
 
+  margin: 40px auto 230px;
 
+  padding-left: 141px;
 
+}
 
+.swiperImg{
 
+// width: 100%;
 
+height: 100%;
 
+}
 
+.main{
 
+    display: flex;
 
+    width: 1200px;
 
+    margin: 40px auto;
 
+    .leftSlide{
 
+        width: 800px;
 
+        margin-right: 20px;
 
+        .special{
 
+  width: 800px;
 
+border-radius: 10px;
 
+padding: 0 12px 0;
 
+
 
+.specialItem{
 
+    
+border-radius: 10px;
 
+background: #FFFFFF;
 
+
 
+    padding: 20px;
 
+  margin-bottom: 20px;
 
+  .poster{
 
+    margin-right: 17px;
 
+    width: 239px;
 
+height: 156px;
 
+border-radius: 10px;
 
+  }
 
+  .specialItemInfo{
 
+    flex: 1;
 
+    .specialItemInfoTitle{
 
+      font-size: 24px;
 
+      font-weight: bold;
 
+    }
 
+    .specialItemTips{
 
+      margin-top: 53px;
 
+      div{
 
+        display: flex;
 
+        color: #999999;
 
+        align-items: center;
 
+        img{
 
+          width: 16px;
 
+          margin-right: 11px;
 
+        }
 
+      }
 
+    }
 
+  }
 
+}
 
+}
 
+    }
 
+}
 
+</style>

+ 133 - 0
src/view/text.vue
View File 

@@ -0,0 +1,133 @@
 
+<template>
 
+    <div class="profile u-flex">
 
+      
+     
+      <Agreement />
 
+    </div>
 
+  </template>
 
+  
+  <script setup>
 
+  import {useRouter } from "vue-router"
 
+  import Agreement from '@/components/Agreement.vue'
 
+  import {onMounted ,ref} from "vue"
 
+  import {member_info} from '@/utils/api'
 
+  
+  let router=useRouter()
 
+  onMounted(()=>{
 
+   
+  })
 
+  let list=['我的套餐','我的资料','我的消息','隐私协议']
 
+  let current=ref(0)
 
+  
+  let changeTab=(index)=>{
 
+    if(current.value!=index){
 
+      current.value=index
 
+    }
 
+  }
 
+  let toPay=()=>{
 
+    router.push('meal')
 
+  }
 
+  let info=ref({})
 
+  let getInfo=()=>{
 
+    member_info().then(res=>{
 
+      info.value=res.data
 
+      // form.value.name=res.data.name
 
+      // form.value.sex=res.data.gender
 
+      // form.value.phone=res.data.phone
 
+      // form.value.date=res.data.birthday
 
+      // form.value.email=res.data.email
 
+      // form.value.headimg=res.data.headimg
 
+    })
 
+  }
 
+  </script>
 
+  
+  <style lang="scss" scoped>
 
+  .profile{
 
+    display: flex;
 
+    justify-content: center;
 
+    width: 1200px;
 
+    margin: 30px auto;
 
+   align-items: start;
 
+  }
 
+    .slideLeft{
 
+      padding-top: 45px;
 
+      margin-right: 20px;
 
+      width: 189px;
 
+  height: 589px;
 
+  background: #FFFFFF;
 
+  border-radius: 10px;
 
+  .person{
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+    align-items: center;
 
+    color: #666666;
 
+    img{
 
+      margin-bottom: 16px;
 
+      width: 64px;
 
+      height: 64px;
 
+      border-radius: 50%;
 
+    }
 
+  }
 
+  .meal{
 
+    padding: 10px;
 
+    margin: 20px auto;
 
+    width: 177px;
 
+  height: 101px;
 
+  background: #E2F9ED;
 
+  border-radius: 10px;
 
+  .mealTitle{
 
+    color: #666666;
 
+    font-size: 10px;
 
+    span{
 
+      margin-right: 7px;
 
+      color: #333333;
 
+      font-size: 16px;
 
+      font-weight: bold;
 
+    }
 
+  }
 
+  .data{
 
+    color: #666666;
 
+    font-size: 10px;
 
+    margin: 7px 0 10px;
 
+  }
 
+  .more{
 
+    align-items: end;
 
+    span{
 
+      font-size: 10px;
 
+      color: #4EDD92;
 
+      font-weight: bold;
 
+    }
 
+    div{
 
+      font-size: 14px;
 
+      color: #fff;
 
+      font-weight: bold;
 
+      text-align: center;
 
+      line-height: 28px;
 
+      width: 74px;
 
+  height: 28px;
 
+  background: linear-gradient(133deg, #FCA452 0%, #EF5700 100%);
 
+  border-radius: 10px;
 
+  
+    }
 
+  }
 
+  
+  }
 
+  .list{
 
+    .item{
 
+      line-height: 52px;
 
+      text-align: center;
 
+      color: #666666;
 
+      width: 189px;
 
+  height: 52px;
 
+  line-height: 52px;
 
+    }
 
+    .select{
 
+      background-color: #EDFBF4;
 
+      color: #4EDD92;
 
+    }
 
+  }
 
+    }
 
+    
+  </style>
 
+

+ 36 - 0
vite.config.js
View File 

@@ -0,0 +1,36 @@
 
+import { defineConfig } from 'vite'
 
+import vue from '@vitejs/plugin-vue'
 
+import { resolve } from "path";
 
+// https://vitejs.dev/config/
 
+export default defineConfig({
 
+  
+  plugins: [vue()],
 
+  base: './',
 
+  resolve: {
 
+    alias: {
 
+      '@': resolve(__dirname, 'src'),
 
+    },
 
+  },
 
+  css: {
 
+    preprocessorOptions: {
 
+      scss: {
 
+        additionalData: `@import "./src/style/mixin.scss";` // 此处全局的scss文件
 
+      }
 
+    }
 
+  },
 
+  server: {
 
+    // https: false,
 
+    open: true, // 启动自动打开浏览器
 
+    // host: '0.0.0.0', //启动本地ip
 
+    port: 5176,
 
+    // secure:false,
 
+    // proxy: {
 
+    //   '/api': {
 
+    //     target: 'https://zhitq.hdlkeji.com',
 
+    //     ws: false,
 
+    //     changeOrigin: true,
 
+    //     // rewrite: (path) => path.replace(/^\/api/, '')
 
+    //   }
 
+    // }
 
+  },
 
+})