fix(projects): 修复分析页和工作台的布局问题

package.json

@@ -26,21 +26,21 @@
   "dependencies": {
     "@antv/g2plot": "^2.4.7",
     "@better-scroll/core": "^2.4.2",
-    "@vueuse/core": "^7.5.4",
+    "@vueuse/core": "^7.5.5",
     "axios": "^0.25.0",
-    "clipboard": "^2.0.8",
+    "clipboard": "^2.0.10",
     "colord": "^2.9.2",
     "crypto-js": "^4.1.1",
     "dayjs": "^1.10.7",
     "form-data": "^4.0.0",
     "lodash-es": "^4.17.21",
-    "naive-ui": "^2.24.1",
+    "naive-ui": "^2.25.1",
-    "pinia": "^2.0.9",
+    "pinia": "^2.0.11",
     "print-js": "^1.6.0",
     "qs": "^6.10.3",
-    "swiper": "^7.4.1",
+    "swiper": "^8.0.3",
     "vditor": "^3.8.11",
-    "vue": "^3.2.26",
+    "vue": "^3.2.29",
     "vue-router": "^4.0.12",
     "wangeditor": "^4.7.11",
     "xgplayer": "^2.31.4"
@@ -49,14 +49,14 @@
     "@amap/amap-jsapi-types": "^0.0.8",
     "@commitlint/cli": "^16.1.0",
     "@commitlint/config-conventional": "^16.0.0",
-    "@iconify/json": "^1.1.459",
+    "@iconify/json": "^2.0.33",
-    "@iconify/vue": "^3.1.2",
+    "@iconify/vue": "^3.1.3",
     "@types/bmapgl": "^0.0.5",
     "@types/crypto-js": "^4.1.0",
-    "@types/node": "^17.0.10",
+    "@types/node": "^17.0.15",
     "@types/qs": "^6.9.7",
-    "@typescript-eslint/eslint-plugin": "^5.10.0",
+    "@typescript-eslint/eslint-plugin": "^5.10.2",
-    "@typescript-eslint/parser": "^5.10.0",
+    "@typescript-eslint/parser": "^5.10.2",
     "@vitejs/plugin-vue": "^2.1.0",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^10.0.0",
@@ -64,29 +64,29 @@
     "cross-env": "^7.0.3",
     "cz-conventional-changelog": "^3.3.0",
     "cz-customizable": "^6.3.0",
-    "eslint": "^8.7.0",
+    "eslint": "^8.8.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.3.0",
+    "eslint-plugin-vue": "^8.4.1",
     "husky": "^7.0.4",
-    "lint-staged": "^12.3.1",
+    "lint-staged": "^12.3.3",
     "mockjs": "^1.1.0",
     "patch-package": "^6.4.7",
     "postinstall-postinstall": "^2.1.0",
     "prettier": "^2.5.1",
     "rollup-plugin-visualizer": "^5.5.4",
-    "sass": "^1.49.0",
+    "sass": "^1.49.7",
     "typescript": "^4.5.5",
     "unplugin-icons": "^0.13.0",
-    "unplugin-vue-components": "^0.17.14",
+    "unplugin-vue-components": "^0.17.17",
     "vite": "^2.7.13",
     "vite-plugin-html": "^2.1.2",
     "vite-plugin-mock": "^2.9.6",
     "vite-plugin-windicss": "^1.6.3",
-    "vue-tsc": "^0.31.1",
+    "vue-tsc": "^0.31.2",
-    "vueuc": "^0.4.23",
+    "vueuc": "^0.4.25",
     "windicss": "^3.4.3"
   }
 }

src/views/dashboard/analysis/components/BottomPart/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <n-grid :x-gap="16" :y-gap="16" :item-responsive="true" responsive="screen">
+  <n-grid :x-gap="16" :y-gap="16" :item-responsive="true">
-    <n-grid-item span="s:24 m:8">
+    <n-grid-item span="0:24 640:24 1024:8">
       <n-card title="时间线" :bordered="false" class="rounded-16px shadow-sm">
         <div class="h-360px">
           <n-timeline>
@@ -9,7 +9,7 @@
         </div>
       </n-card>
     </n-grid-item>
-    <n-grid-item span="s:24 m:16">
+    <n-grid-item span="0:24 640:24 1024:16">
       <n-card title="表格" :bordered="false" class="rounded-16px shadow-sm">
         <div class="h-360px">
           <n-data-table size="small" :columns="columns" :data="tableData" />

src/views/dashboard/analysis/components/TopChart/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <n-grid :x-gap="16" :y-gap="16" :item-responsive="true" responsive="screen">
+  <n-grid :x-gap="16" :y-gap="16" :item-responsive="true">
-    <n-grid-item span="s:24 m:16">
+    <n-grid-item span="0:24 640:24 1024:16">
       <n-card :bordered="false" class="rounded-16px shadow-sm">
         <div class="flex w-full h-360px">
           <div class="w-200px h-full py-12px">
@@ -22,7 +22,7 @@
         </div>
       </n-card>
     </n-grid-item>
-    <n-grid-item span="s:24 m:8">
+    <n-grid-item span="0:24 640:24 1024:8">
       <n-card :bordered="false" class="rounded-16px shadow-sm">
         <div ref="pieRef" class="w-full h-360px"></div>
       </n-card>

src/views/dashboard/workbench/components/WorkbenchMain/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <n-grid :item-responsive="true" responsive="screen" :x-gap="16" :y-gap="16">
+  <n-grid :item-responsive="true" :x-gap="16" :y-gap="16">
-    <n-grid-item span="s:24 m:16">
+    <n-grid-item span="0:24 640:24 1024:16">
       <n-space :vertical="true" :size="16">
         <n-card title="项目主要技术栈" :bordered="false" size="small" class="shadow-sm rounded-16px">
           <template #header-extra>
@@ -29,7 +29,7 @@
         </n-card>
       </n-space>
     </n-grid-item>
-    <n-grid-item span="s:24 m:8">
+    <n-grid-item span="0:24 640:24 1024:8">
       <n-space :vertical="true" :size="16">
         <n-card title="快捷操作" :bordered="false" size="small" class="shadow-sm rounded-16px">
           <n-grid :item-responsive="true" responsive="screen" cols="m:2 l:3" :x-gap="8" :y-gap="8">