优化体验，新增多项功能，美化界面

frontend/pnpm-lock.yaml

@@ -20,6 +20,9 @@ importers:
       vue:
         specifier: ^3.3.4
         version: 3.5.35
+      vue-json-pretty:
+        specifier: ^2.6.0
+        version: 2.6.0(vue@3.5.35)
       vue-router:
         specifier: ^4.2.4
         version: 4.6.4(vue@3.5.35)
@@ -486,6 +489,12 @@ packages:
   vue-component-type-helpers@3.3.3:
     resolution: {integrity: sha512-x4nsFpy5Pe8fqPzp/5vkTPeTTDBpAx4WVtV47Ejt0+2FQrq4pRRsJs7JmYRqMFzTu/LW+pCWEjQ3YVCkPV7f9g==}
 
+  vue-json-pretty@2.6.0:
+    resolution: {integrity: sha512-glz1aBVS35EO8+S9agIl3WOQaW2cJZW192UVKTuGmryx01ZvOVWc4pR3t+5UcyY4jdOfBUgVHjcpRpcnjRhCAg==}
+    engines: {node: '>= 10.0.0', npm: '>= 5.0.0'}
+    peerDependencies:
+      vue: '>=3.0.0'
+
   vue-router@4.6.4:
     resolution: {integrity: sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==}
     peerDependencies:
@@ -899,6 +908,10 @@ snapshots:
 
   vue-component-type-helpers@3.3.3: {}
 
+  vue-json-pretty@2.6.0(vue@3.5.35):
+    dependencies:
+      vue: 3.5.35
+
   vue-router@4.6.4(vue@3.5.35):
     dependencies:
       '@vue/devtools-api': 6.6.4