add vue-request

package.json

@@ -35,6 +35,7 @@
     "vue": "^3.3.4",
     "vue-clipboard3": "^2.0.0",
     "vue-echarts": "^6.5.4",
+    "vue-request": "^2.0.3",
     "vue-router": "4.1.5"
   },
   "devDependencies": {

src/main.js

@@ -12,10 +12,12 @@ import 'tdesign-vue-next/es/style/index.css';
 import './style/index.less';
 import './style/global.less';
 import 'uno.css';
-
+import { setGlobalOptions } from 'vue-request';
 import packageJson from '../package.json';
 import './mock/index';
-
+setGlobalOptions({
+  manual: true, //当 manual 设置为 true 时，你需要手动触发 run 或者 runAsync 才会发起请求 ,见vue-request文档：https://www.attojs.com/api/#manual
+});
 const app = createApp(App);
 
 app.use(router).use(store).use(directives).use(globalComponents);

src/router/modules/serviceUnitManage.js

@@ -2,7 +2,6 @@ export default {
   name: 'ServiceUnitManage',
   path: '/serviceUnitManage',
   redirect: '/serviceUnitManage/dispatch',
-  component: () => import('@/layout/empty.vue'),
   meta: {
     title: '服务单元管理',
     sort: 1,
@@ -13,7 +12,6 @@ export default {
       name: 'Dispatch',
       path: '/serviceUnitManage/dispatch',
       redirect: '/serviceUnitManage/dispatch/dispatchManage',
-      component: () => import('@/layout/empty.vue'),
       meta: {
         title: '派单管理',
         sort: 1,
@@ -24,9 +22,9 @@ export default {
           name: 'DispatchManage',
           path: '/serviceUnitManage/dispatch/dispatchManage',
           component: () =>
-            import('@/views/serviceUnitManage/dispatch/index.vue'),
+            import('@/views/serviceUnitManage/dispatchManage/index.vue'),
           meta: {
-            title: '服务单元管理',
+            title: '派单管理',
             sort: 1,
             icon: 'bulletpoint',
           },

src/utils/request.js

@@ -33,7 +33,7 @@ function createService() {
       //   });
       // }
       if (response.config.download && response.config.responseType === 'blob') {
-        downlowd(response);
+        download(response);
       }
       return response.data;
     },

src/views/serviceUnitManage/dispatch/dispatchManage/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="dispatch-manage">派单管理</div>
+</template>
+
+<script setup>
+import userApi from '@/api/user';
+import { useRequest } from 'vue-request';
+
+const { loading, data } = useRequest(userApi.getMenus);
+console.log('ddd', data);
+</script>
+
+<style></style>

src/views/serviceUnitManage/dispatch/index.vue

@@ -1,13 +0,0 @@
-<template>
-  <div class="dispatch-manage">派单管理</div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>