项目开发

4a12722f · Kwan的解忧杂货铺@新空间代码工作室 · 55c25a6d · 4a12722f · 4a12722f · 4a12722f
9 changed file
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,11 @@
      "name": "router-admin",
      "version": "0.1.0",
      "dependencies": {
+        "axios": "^1.4.0",
+        "clipboard": "^2.0.11",
        "core-js": "^3.6.5",
+        "dayjs": "^1.11.9",
+        "element-ui": "^2.15.13",
        "vue": "^2.6.11",
        "vue-router": "^3.5.2"
      },
@@ -2983,11 +2987,18 @@
      "integrity": "sha1-3TeelPDbgxCwgpH51kwyCXZmF/0=",
      "dev": true
    },
+    "node_modules/async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
+      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
+      "dependencies": {
+        "babel-runtime": "6.x"
+      }
+    },
    "node_modules/asynckit": {
      "version": "0.4.0",
      "resolved": "https://registry.npm.taobao.org/asynckit/download/asynckit-0.4.0.tgz",
-      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
-      "dev": true
+      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k="
    },
    "node_modules/atob": {
      "version": "2.1.2",
@@ -3034,6 +3045,34 @@
      "integrity": "sha1-1h9G2DslGSUOJ4Ta9bCUeai0HFk=",
      "dev": true
    },
+    "node_modules/axios": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
+      "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
+      "dependencies": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/axios/node_modules/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==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/babel-helper-vue-jsx-merge-props": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
+    },
    "node_modules/babel-loader": {
      "version": "8.2.2",
      "resolved": "https://registry.npm.taobao.org/babel-loader/download/babel-loader-8.2.2.tgz?cache=0&sync_timestamp=1606424869752&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-loader%2Fdownload%2Fbabel-loader-8.2.2.tgz",
@@ -3101,6 +3140,27 @@
        "@babel/core": "^7.0.0-0"
      }
    },
+    "node_modules/babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+      "dependencies": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      }
+    },
+    "node_modules/babel-runtime/node_modules/core-js": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+      "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
+      "hasInstallScript": true
+    },
+    "node_modules/babel-runtime/node_modules/regenerator-runtime": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
+    },
    "node_modules/balanced-match": {
      "version": "1.0.2",
      "resolved": "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbalanced-match%2Fdownload%2Fbalanced-match-1.0.2.tgz",
@@ -4032,6 +4092,16 @@
        "node": ">=6"
      }
    },
+    "node_modules/clipboard": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.11.tgz",
+      "integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==",
+      "dependencies": {
+        "good-listener": "^1.2.2",
+        "select": "^1.1.2",
+        "tiny-emitter": "^2.0.0"
+      }
+    },
    "node_modules/clipboardy": {
      "version": "2.3.0",
      "resolved": "https://registry.npm.taobao.org/clipboardy/download/clipboardy-2.3.0.tgz",
@@ -4182,7 +4252,6 @@
      "version": "1.0.8",
      "resolved": "https://registry.npm.taobao.org/combined-stream/download/combined-stream-1.0.8.tgz",
      "integrity": "sha1-w9RaizT9cwYxoRCoolIGgrMdWn8=",
-      "dev": true,
      "dependencies": {
        "delayed-stream": "~1.0.0"
      },
@@ -4976,6 +5045,11 @@
        "node": ">=0.10"
      }
    },
+    "node_modules/dayjs": {
+      "version": "1.11.9",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.9.tgz",
+      "integrity": "sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA=="
+    },
    "node_modules/de-indent": {
      "version": "1.0.2",
      "resolved": "https://registry.npm.taobao.org/de-indent/download/de-indent-1.0.2.tgz",
@@ -5030,7 +5104,6 @@
      "version": "1.5.2",
      "resolved": "https://registry.npm.taobao.org/deepmerge/download/deepmerge-1.5.2.tgz",
      "integrity": "sha1-EEmdhohEza1P7ghC34x/bwyVp1M=",
-      "dev": true,
      "engines": {
        "node": ">=0.10.0"
      }
@@ -5271,11 +5344,15 @@
      "version": "1.0.0",
      "resolved": "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz",
      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
-      "dev": true,
      "engines": {
        "node": ">=0.4.0"
      }
    },
+    "node_modules/delegate": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz",
+      "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
+    },
    "node_modules/depd": {
      "version": "1.1.2",
      "resolved": "https://registry.npm.taobao.org/depd/download/depd-1.1.2.tgz",
@@ -5505,6 +5582,22 @@
      "integrity": "sha1-BGUX0fLOp1Pgb/9UmZW53EXiAII=",
      "dev": true
    },
+    "node_modules/element-ui": {
+      "version": "2.15.13",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.13.tgz",
+      "integrity": "sha512-LJoatEYX6WV74FqXBss8Xfho9fh9rjDSzrDrTyREdGb1h1R3uRvmLh5jqp2JU137aj4/BgqA3K06RQpQBX33Bg==",
+      "dependencies": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      },
+      "peerDependencies": {
+        "vue": "^2.5.17"
+      }
+    },
    "node_modules/elliptic": {
      "version": "6.5.4",
      "resolved": "https://registry.npm.taobao.org/elliptic/download/elliptic-6.5.4.tgz",
@@ -6300,12 +6393,22 @@
      }
    },
    "node_modules/follow-redirects": {
-      "version": "1.14.1",
-      "resolved": "https://registry.nlark.com/follow-redirects/download/follow-redirects-1.14.1.tgz?cache=0&sync_timestamp=1620555234886&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ffollow-redirects%2Fdownload%2Ffollow-redirects-1.14.1.tgz",
-      "integrity": "sha1-2RFN7Qoc/dM04WTmZirQK/2R/0M=",
-      "dev": true,
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
      "engines": {
        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
      }
    },
    "node_modules/for-in": {
@@ -6560,6 +6663,14 @@
        "node": ">=6"
      }
    },
+    "node_modules/good-listener": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz",
+      "integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==",
+      "dependencies": {
+        "delegate": "^3.1.2"
+      }
+    },
    "node_modules/graceful-fs": {
      "version": "4.2.6",
      "resolved": "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.6.tgz?cache=0&sync_timestamp=1612893309139&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.6.tgz",
@@ -8342,7 +8453,6 @@
      "version": "1.48.0",
      "resolved": "https://registry.nlark.com/mime-db/download/mime-db-1.48.0.tgz?cache=0&sync_timestamp=1622433630945&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmime-db%2Fdownload%2Fmime-db-1.48.0.tgz",
      "integrity": "sha1-41sxBF3X6to6qtU37YijOvvvLR0=",
-      "dev": true,
      "engines": {
        "node": ">= 0.6"
      }
@@ -8351,7 +8461,6 @@
      "version": "2.1.31",
      "resolved": "https://registry.nlark.com/mime-types/download/mime-types-2.1.31.tgz",
      "integrity": "sha1-oA12t0MXxh+cLbIhi46fjpxcnms=",
-      "dev": true,
      "dependencies": {
        "mime-db": "1.48.0"
      },
@@ -8749,6 +8858,11 @@
        "node": ">=4"
      }
    },
+    "node_modules/normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA=="
+    },
    "node_modules/npm-run-path": {
      "version": "2.0.2",
      "resolved": "https://registry.npm.taobao.org/npm-run-path/download/npm-run-path-2.0.2.tgz",
@@ -10190,6 +10304,11 @@
        "node": ">= 0.10"
      }
    },
+    "node_modules/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=="
+    },
    "node_modules/prr": {
      "version": "1.0.1",
      "resolved": "https://registry.npm.taobao.org/prr/download/prr-1.0.1.tgz",
@@ -10649,6 +10768,11 @@
      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
      "dev": true
    },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
    "node_modules/resolve": {
      "version": "1.20.0",
      "resolved": "https://registry.npm.taobao.org/resolve/download/resolve-1.20.0.tgz",
@@ -10802,6 +10926,11 @@
        "node": ">= 8.9.0"
      }
    },
+    "node_modules/select": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz",
+      "integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA=="
+    },
    "node_modules/select-hose": {
      "version": "2.0.0",
      "resolved": "https://registry.npm.taobao.org/select-hose/download/select-hose-2.0.0.tgz",
@@ -12143,6 +12272,14 @@
        "webpack": "^2.0.0 || ^3.0.0 || ^4.0.0"
      }
    },
+    "node_modules/throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
    "node_modules/through2": {
      "version": "2.0.5",
      "resolved": "https://registry.npm.taobao.org/through2/download/through2-2.0.5.tgz",
@@ -12177,6 +12314,11 @@
      "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=",
      "dev": true
    },
+    "node_modules/tiny-emitter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
+      "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
+    },
    "node_modules/to-arraybuffer": {
      "version": "1.0.1",
      "resolved": "https://registry.npm.taobao.org/to-arraybuffer/download/to-arraybuffer-1.0.1.tgz",
@@ -16268,11 +16410,18 @@
      "integrity": "sha1-3TeelPDbgxCwgpH51kwyCXZmF/0=",
      "dev": true
    },
+    "async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
+      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
+      "requires": {
+        "babel-runtime": "6.x"
+      }
+    },
    "asynckit": {
      "version": "0.4.0",
      "resolved": "https://registry.npm.taobao.org/asynckit/download/asynckit-0.4.0.tgz",
-      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
-      "dev": true
+      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k="
    },
    "atob": {
      "version": "2.1.2",
@@ -16307,6 +16456,33 @@
      "integrity": "sha1-1h9G2DslGSUOJ4Ta9bCUeai0HFk=",
      "dev": true
    },
+    "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"
+      },
+      "dependencies": {
+        "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"
+          }
+        }
+      }
+    },
+    "babel-helper-vue-jsx-merge-props": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
+    },
    "babel-loader": {
      "version": "8.2.2",
      "resolved": "https://registry.npm.taobao.org/babel-loader/download/babel-loader-8.2.2.tgz?cache=0&sync_timestamp=1606424869752&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-loader%2Fdownload%2Fbabel-loader-8.2.2.tgz",
@@ -16358,6 +16534,27 @@
        "@babel/helper-define-polyfill-provider": "^0.2.2"
      }
    },
+    "babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+      "requires": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      },
+      "dependencies": {
+        "core-js": {
+          "version": "2.6.12",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+          "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
+        },
+        "regenerator-runtime": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+          "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
+        }
+      }
+    },
    "balanced-match": {
      "version": "1.0.2",
      "resolved": "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbalanced-match%2Fdownload%2Fbalanced-match-1.0.2.tgz",
@@ -17163,6 +17360,16 @@
      "integrity": "sha1-NsfcmPtqmna9YjjsP3fiQlYn6Tk=",
      "dev": true
    },
+    "clipboard": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.11.tgz",
+      "integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==",
+      "requires": {
+        "good-listener": "^1.2.2",
+        "select": "^1.1.2",
+        "tiny-emitter": "^2.0.0"
+      }
+    },
    "clipboardy": {
      "version": "2.3.0",
      "resolved": "https://registry.npm.taobao.org/clipboardy/download/clipboardy-2.3.0.tgz",
@@ -17291,7 +17498,6 @@
      "version": "1.0.8",
      "resolved": "https://registry.npm.taobao.org/combined-stream/download/combined-stream-1.0.8.tgz",
      "integrity": "sha1-w9RaizT9cwYxoRCoolIGgrMdWn8=",
-      "dev": true,
      "requires": {
        "delayed-stream": "~1.0.0"
      }
@@ -17953,6 +18159,11 @@
        "assert-plus": "^1.0.0"
      }
    },
+    "dayjs": {
+      "version": "1.11.9",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.9.tgz",
+      "integrity": "sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA=="
+    },
    "de-indent": {
      "version": "1.0.2",
      "resolved": "https://registry.npm.taobao.org/de-indent/download/de-indent-1.0.2.tgz",
@@ -17997,8 +18208,7 @@
    "deepmerge": {
      "version": "1.5.2",
      "resolved": "https://registry.npm.taobao.org/deepmerge/download/deepmerge-1.5.2.tgz",
-      "integrity": "sha1-EEmdhohEza1P7ghC34x/bwyVp1M=",
-      "dev": true
+      "integrity": "sha1-EEmdhohEza1P7ghC34x/bwyVp1M="
    },
    "default-gateway": {
      "version": "5.0.5",
@@ -18184,8 +18394,12 @@
    "delayed-stream": {
      "version": "1.0.0",
      "resolved": "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz",
-      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
-      "dev": true
+      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk="
+    },
+    "delegate": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz",
+      "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
    },
    "depd": {
      "version": "1.1.2",
@@ -18393,6 +18607,19 @@
      "integrity": "sha1-BGUX0fLOp1Pgb/9UmZW53EXiAII=",
      "dev": true
    },
+    "element-ui": {
+      "version": "2.15.13",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.13.tgz",
+      "integrity": "sha512-LJoatEYX6WV74FqXBss8Xfho9fh9rjDSzrDrTyREdGb1h1R3uRvmLh5jqp2JU137aj4/BgqA3K06RQpQBX33Bg==",
+      "requires": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      }
+    },
    "elliptic": {
      "version": "6.5.4",
      "resolved": "https://registry.npm.taobao.org/elliptic/download/elliptic-6.5.4.tgz",
@@ -19057,10 +19284,9 @@
      }
    },
    "follow-redirects": {
-      "version": "1.14.1",
-      "resolved": "https://registry.nlark.com/follow-redirects/download/follow-redirects-1.14.1.tgz?cache=0&sync_timestamp=1620555234886&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ffollow-redirects%2Fdownload%2Ffollow-redirects-1.14.1.tgz",
-      "integrity": "sha1-2RFN7Qoc/dM04WTmZirQK/2R/0M=",
-      "dev": true
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
    },
    "for-in": {
      "version": "1.0.2",
@@ -19268,6 +19494,14 @@
        "slash": "^2.0.0"
      }
    },
+    "good-listener": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz",
+      "integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==",
+      "requires": {
+        "delegate": "^3.1.2"
+      }
+    },
    "graceful-fs": {
      "version": "4.2.6",
      "resolved": "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.6.tgz?cache=0&sync_timestamp=1612893309139&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.6.tgz",
@@ -20703,14 +20937,12 @@
    "mime-db": {
      "version": "1.48.0",
      "resolved": "https://registry.nlark.com/mime-db/download/mime-db-1.48.0.tgz?cache=0&sync_timestamp=1622433630945&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmime-db%2Fdownload%2Fmime-db-1.48.0.tgz",
-      "integrity": "sha1-41sxBF3X6to6qtU37YijOvvvLR0=",
-      "dev": true
+      "integrity": "sha1-41sxBF3X6to6qtU37YijOvvvLR0="
    },
    "mime-types": {
      "version": "2.1.31",
      "resolved": "https://registry.nlark.com/mime-types/download/mime-types-2.1.31.tgz",
      "integrity": "sha1-oA12t0MXxh+cLbIhi46fjpxcnms=",
-      "dev": true,
      "requires": {
        "mime-db": "1.48.0"
      }
@@ -21047,6 +21279,11 @@
        "sort-keys": "^1.0.0"
      }
    },
+    "normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA=="
+    },
    "npm-run-path": {
      "version": "2.0.2",
      "resolved": "https://registry.npm.taobao.org/npm-run-path/download/npm-run-path-2.0.2.tgz",
@@ -22265,6 +22502,11 @@
        "ipaddr.js": "1.9.1"
      }
    },
+    "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=="
+    },
    "prr": {
      "version": "1.0.1",
      "resolved": "https://registry.npm.taobao.org/prr/download/prr-1.0.1.tgz",
@@ -22659,6 +22901,11 @@
      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
      "dev": true
    },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
    "resolve": {
      "version": "1.20.0",
      "resolved": "https://registry.npm.taobao.org/resolve/download/resolve-1.20.0.tgz",
@@ -22790,6 +23037,11 @@
        "ajv-keywords": "^3.5.2"
      }
    },
+    "select": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz",
+      "integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA=="
+    },
    "select-hose": {
      "version": "2.0.0",
      "resolved": "https://registry.npm.taobao.org/select-hose/download/select-hose-2.0.0.tgz",
@@ -23932,6 +24184,11 @@
        "neo-async": "^2.6.0"
      }
    },
+    "throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
+    },
    "through2": {
      "version": "2.0.5",
      "resolved": "https://registry.npm.taobao.org/through2/download/through2-2.0.5.tgz",
@@ -23963,6 +24220,11 @@
      "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=",
      "dev": true
    },
+    "tiny-emitter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
+      "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
+    },
    "to-arraybuffer": {
      "version": "1.0.1",
      "resolved": "https://registry.npm.taobao.org/to-arraybuffer/download/to-arraybuffer-1.0.1.tgz",

--- a/package.json
+++ b/package.json
@@ -7,7 +7,11 @@
    "build": "vue-cli-service build"
  },
  "dependencies": {
+    "axios": "^1.4.0",
+    "clipboard": "^2.0.11",
    "core-js": "^3.6.5",
+    "dayjs": "^1.11.9",
+    "element-ui": "^2.15.13",
    "vue": "^2.6.11",
    "vue-router": "^3.5.2"
  },

--- a/src/assets/kwan.png
+++ b/src/assets/kwan.png
--- a/src/components/menus/MyChat.vue
+++ b/src/components/menus/MyChat.vue
+<template>
+  <div>
+    <el-container>
+      <el-header style="text-align: right; font-size: 12px">
+        <i class="el-icon-refresh header-button-item" @click="refreshPage"></i>
+        <el-dropdown>
+          <i class="el-icon-setting header-button-item"></i>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item>新增</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+        <span class="header-button-item">kwan</span>
+      </el-header>
+
+      <el-main>
+        <el-table :data="userlist" v-loading="loading">
+          <el-table-column prop="id" label="序号" width="50"></el-table-column>
+          <el-table-column
+            prop="question"
+            label="问题"
+            width="240"
+          ></el-table-column>
+          <el-table-column prop="response" label="答案"></el-table-column>
+          <el-table-column label="创建时间" width="170">
+            <template slot-scope="props">
+              {{ props.row.createTime | dateFormat }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="详情" label="详情" width="100">
+            <template slot-scope="props">
+              <a href="#" @click.prevent="gotoDetail(props.row.id)">详情</a>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          class="pagination"
+          background
+          :page-size="pageSize"
+          :total="total"
+          @current-change="handleCurrentChange"
+        ></el-pagination>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+export default {
+  name: "MyChat",
+
+  data() {
+    return {
+      // 用户列表数据
+      userlist: [],
+      loading: false,
+      currentPage: 1,
+      pageSize: 5,
+      total: 0,
+    };
+  },
+
+  created() {
+    // 调用请求数据的方法
+    this.initCartList();
+  },
+
+  methods: {
+    refreshPage() {
+      location.reload();
+    },
+    gotoDetail(id) {
+      this.$router.push("/home/chatinfo/" + id);
+    },
+
+    async initCartList() {
+      this.loading = true;
+      const { data: res } = await axios.get(
+        "http://localhost:8888/chatbot/page",
+        {
+          params: {
+            page: this.currentPage,
+            pageSize: this.pageSize,
+          },
+        }
+      );
+      if (res.code === 200) {
+        this.userlist = res.result.records;
+        this.total = res.result.total;
+      }
+      this.loading = false;
+    },
+
+    handleCurrentChange(currentPage) {
+      this.currentPage = currentPage;
+      this.initCartList();
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.el-header {
+  background-color: #b3c0d1;
+  color: #333;
+  line-height: 60px;
+}
+
+.el-aside {
+  color: #333;
+}
+
+.pagination {
+  margin-top: 16px;
+  text-align: right;
+}
+.header-button-item {
+  margin-right: 15px;
+  font-size: 20px;
+}
+</style>
--- a/src/components/subcomponents/MyAside.vue
+++ b/src/components/subcomponents/MyAside.vue
 <template>
-  <div class="layout-aside-container">
-    <!-- 左侧边栏列表 -->
-    <ul class="user-select-none menu">
-      <li class="menu-item">
-        <router-link to="/home/users">用户管理</router-link>
-      </li>
-      <li class="menu-item">
-        <router-link to="/home/rights">权限管理</router-link>
-      </li>
-      <li class="menu-item">
-        <router-link to="/home/goods">商品管理</router-link>
-      </li>
-      <li class="menu-item">
-        <router-link to="/home/orders">订单管理</router-link>
-      </li>
-      <li class="menu-item">
-        <router-link to="/home/settings">系统设置</router-link>
-      </li>
-    </ul>
-  </div>
+  <el-menu
+    default-active="$route.path"
+    class="layout-aside-container"
+    background-color="#fff"
+    text-color="#000"
+    active-text-color="#42b983"
+  >
+    <router-link to="/home/users">
+      <el-menu-item index="/users">
+        <i class="el-icon-user"></i>
+        <span slot="title">用户管理</span>
+      </el-menu-item>
+    </router-link>
+    <router-link to="/home/chat">
+      <el-menu-item index="/chat">
+        <i class="el-icon-chat-line-square"></i>
+        <span slot="title">对话管理</span>
+      </el-menu-item>
+    </router-link>
+    <router-link to="/home/rights">
+      <el-menu-item index="/rights">
+        <i class="el-icon-setting"></i>
+        <span slot="title">权限管理</span>
+      </el-menu-item>
+    </router-link>
+    <router-link to="/home/goods">
+      <el-menu-item index="/goods">
+        <i class="el-icon-goods"></i>
+        <span slot="title">商品管理</span>
+      </el-menu-item>
+    </router-link>
+    <router-link to="/home/orders">
+      <el-menu-item index="/orders">
+        <i class="el-icon-s-order"></i>
+        <span slot="title">订单管理</span>
+      </el-menu-item>
+    </router-link>
+    <router-link to="/home/settings">
+      <el-menu-item index="/settings">
+        <i class="el-icon-setting"></i>
+        <span slot="title">系统设置</span>
+      </el-menu-item>
+    </router-link>
+  </el-menu>
 </template>
-
 <script>
-export default {
-  name: 'MyAside'
-}
+export default { name: "MyAside" };
 </script>
-
 <style lang="less" scoped>
 .layout-aside-container {
  width: 250px;
  height: 100%;
  border-right: 1px solid #eaeaea;
 }
-
-.menu {
-  list-style-type: none;
-  padding: 0;
-  .menu-item {
-    line-height: 50px;
-    font-weight: bold;
-    font-size: 14px;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
-      'Helvetica Neue', sans-serif;
-    &:hover {
-      background-color: #efefef;
-      cursor: pointer;
-    }
-    a {
-      display: block;
-      color: black;
-      padding-left: 30px;
-      &:hover {
-        text-decoration: none;
-      }
-    }
-  }
-}
-
-// 设置路由高亮效果
-.router-link-active {
-  background-color: #efefef;
-  box-sizing: border-box;
-  position: relative;
-  // 伪元素实现路由高亮效果
-  &::before {
-    content: ' ';
-    display: block;
-    width: 4px;
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    background-color: #42b983;
-  }
-}
 </style>
--- a/src/components/subcomponents/MyHeader.vue
+++ b/src/components/subcomponents/MyHeader.vue
 <template>
-  <div class="layout-header-container d-flex justify-content-between align-items-center p-3">
+  <div
+    class="layout-header-container d-flex justify-content-between align-items-center p-3"
+  >
    <!-- 左侧 logo 和 标题区域 -->
    <div class="layout-header-left d-flex align-items-center user-select-none">
      <!-- logo -->
-      <img class="layout-header-left-img" src="../../assets/heima.png" alt="" />
+      <img class="layout-header-left-img" src="../../assets/kwan.png" alt="" />
      <!-- 标题 -->
-      <h4 class="layout-header-left-title ml-3">黑马后台管理系统</h4>
+      <h4 class="layout-header-left-title ml-3">kwan的解忧杂货铺</h4>
    </div>

    <!-- 右侧按钮区域 -->
    <div class="layout-header-right">
-      <button type="button" class="btn btn-light" @click="logout">退出登录</button>
+      <button type="button" class="btn btn-light" @click="logout">
+        退出登录
+      </button>
    </div>
  </div>
 </template>

 <script>
 export default {
-  name: 'MyHeader',
+  name: "MyHeader",
  methods: {
    logout() {
      // 1. 清空 token
-      localStorage.removeItem('token')
+      localStorage.removeItem("token");
      // 2. 跳转到登录页面
-      this.$router.push('/login')
-    }
-  }
-}
+      this.$router.push("/login");
+    },
+  },
+};
 </script>

 <style lang="less" scoped>
@@ -38,4 +42,4 @@ export default {
 .layout-header-left-img {
  height: 50px;
 }
-</style>
+</style>
\ No newline at end of file
--- a/src/components/user/MyChatDetail.vue
+++ b/src/components/user/MyChatDetail.vue
+<template>
+  <div>
+    <el-button @click="$router.back()">后退</el-button>
+    <h4 class="text-center">ChatGpt问答详情 --- {{ id }}</h4>
+    <el-container>
+      <el-main>
+        <el-table :data="list">
+          <el-table-column label="序号" width="50">
+            <template slot-scope="scope">
+              <span>{{ scope.row.id }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="问题" width="240">
+            <template slot-scope="scope">
+              <span>{{ scope.row.question }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="回答">
+            <template slot-scope="scope">
+              <span id="td-response">{{ scope.row.response }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="创建时间" width="170">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime | dateFormat }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-main>
+    </el-container>
+    <div class="button-container">
+      <el-button @click="copyCode">复制回答</el-button>
+    </div>
+  </div>
+</template>
+<script>
+// 导入 axios 请求库
+import axios from "axios";
+import ClipboardJS from "clipboard";
+export default {
+  name: "MyChatDetail",
+  props: ["id"],
+  data() {
+    return {
+      list: [],
+    };
+  },
+  created() {
+    // 调用请求数据的方法
+    this.initChatList();
+  },
+  methods: {
+    // // 封装请求列表数据的方法
+    async initChatList() {
+      // 调用 axios 的 get 方法，请求列表数据
+      const { data: res } = await axios.get(
+        "http://localhost:8888/chatbot/" + this.id
+      );
+      // 只要请求回来的数据，在页面渲染期间要用到，则必须转存到 data 中
+      if (res.code === 200) {
+        this.list = [
+          {
+            id: res.result.id,
+            question: res.result.question,
+            response: res.result.response,
+            createTime: res.result.createTime,
+          },
+        ];
+      }
+    },
+    copyCode() {
+      const codeBlock = document.getElementById("td-response");
+      const range = document.createRange();
+      range.selectNode(codeBlock);
+      const selection = window.getSelection();
+      selection.removeAllRanges();
+      selection.addRange(range);
+      document.execCommand("copy");
+      selection.removeAllRanges();
+      this.$message.success("代码已复制到剪贴板");
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.button-container {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  margin: 16px;
+}
+</style>
--- a/src/main.js
+++ b/src/main.js
@@ -2,11 +2,27 @@ import Vue from 'vue'
 import App from './App.vue'
 // 导入路由模块
 import router from '@/router'
-
+// 引入element
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
 // 导入样式
 import './assets/css/bootstrap.css'
 import './index.css'
+// 引入 dayjs 时间处理
+import dayjs from "dayjs";
+Vue.prototype.$dayjs = dayjs;
+
+// 声明格式化时间的全局过滤器
+Vue.filter("dateFormat", function (time) {
+  // 1. 对 time 进行格式化处理，得到 YYYY-MM-DD HH:mm:ss
+  // 2. 把 格式化的结果，return 出去

+  // 直接调用 dayjs() 得到的是当前时间
+  // dayjs(给定的日期时间) 得到指定的日期
+  const dtStr = dayjs(time).format("YYYY-MM-DD HH:mm:ss");
+  return dtStr;
+});
+Vue.use(ElementUI);
 Vue.config.productionTip = false

 new Vue({

--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,8 +10,11 @@ import Users from '@/components/menus/MyUsers.vue'
 import Rights from '@/components/menus/MyRights.vue'
 import Goods from '@/components/menus/MyGoods.vue'
 import Orders from '@/components/menus/MyOrders.vue'
+import Chat from '@/components/menus/MyChat.vue'
 import Settings from '@/components/menus/MySettings.vue'
 import UserDetail from '@/components/user/MyUserDetail.vue'
+import MyChatDetail from '@/components/user/MyChatDetail.vue'
+

 Vue.use(VueRouter)

@@ -30,9 +33,11 @@ const router = new VueRouter({
        { path: 'rights', component: Rights },
        { path: 'goods', component: Goods },
        { path: 'orders', component: Orders },
+        { path: 'chat',   component:  Chat}, 
        { path: 'settings', component: Settings },
        // 用户详情页的路由规则
-        { path: 'userinfo/:id', component: UserDetail, props: true }
+        { path: 'userinfo/:id', component: UserDetail, props: true },
+        { path: 'chatinfo/:id', component: MyChatDetail, props: true }
      ]
    }
  ]