修改文件夹名

src/mock/index.js

@@ -5,15 +5,15 @@ const menusList = [
     id: 1,
     title: '服务单元管理',
     parentId: 0,
-    url: '/service-unit-manage',
+    url: '/service-unit',
     sort: 1,
-    name: 'ServiceUnitManage',
+    name: 'ServiceUnit',
   },
   {
     id: 2,
     title: '派单管理',
     parentId: 1,
-    url: '/service-unit-manage/dispatch',
+    url: '/service-unit/dispatch',
     sort: 1,
     name: 'Dispatch',
   },
@@ -21,7 +21,7 @@ const menusList = [
     id: 3,
     title: '派单管理',
     parentId: 2,
-    url: '/service-unit-manage/dispatch/dispatch-manage',
+    url: '/service-unit/dispatch/dispatch-manage',
     sort: 1,
     name: 'DispatchManage',
   },
@@ -29,15 +29,15 @@ const menusList = [
     id: 4,
     title: '服务单元管理',
     parentId: 1,
-    url: '/service-unit-manage/service-unit',
+    url: '/service-unit/service-unit-manage',
     sort: 2,
-    name: 'ServiceUnit',
+    name: 'ServiceUnitManage',
   },
   {
     id: 5,
     title: '服务单元管理',
     parentId: 4,
-    url: '/service-unit-manage/service-unit/unit-manage',
+    url: '/service-unit/service-unit-manage/unit-manage',
     sort: 1,
     name: 'UnitManage',
   },
@@ -45,7 +45,7 @@ const menusList = [
     id: 6,
     title: '服务范围管理',
     parentId: 4,
-    url: '/service-unit-manage/service-unit/range-manage',
+    url: '/service-unit/service-unit-manage/range-manage',
     sort: 2,
     name: 'RangeManage',
   },
@@ -53,7 +53,7 @@ const menusList = [
     id: 7,
     title: '服务区域规划',
     parentId: 4,
-    url: '/service-unit-manage/service-unit/regional-planning',
+    url: '/service-unit/service-unit-manage/regional-planning',
     sort: 3,
     name: 'RegionalPlanning',
   },

src/router/asyncRoutes.js

@@ -1,9 +1,9 @@
 import myWorkbenches from './modules/myWorkbenches';
-import serviceUnitManage from './modules/serviceUnitManage';
+import serviceUnit from './modules/serviceUnit';
 import sop from './modules/sop';
 import resourceGuard from './modules/resourceGuard';
 
-const asyncRoutes = [myWorkbenches, serviceUnitManage, sop, resourceGuard];
+const asyncRoutes = [myWorkbenches, serviceUnit, sop, resourceGuard];
 export const moduleMap = asyncRoutes.reduce((obj, item) => {
   obj[item.path.slice(1)] = item.name;
   return obj;

src/router/modules/serviceUnitManage.js → src/router/modules/serviceUnit.js

@@ -1,7 +1,7 @@
 export default {
-  name: 'ServiceUnitManage',
-  path: '/service-unit-manage',
-  redirect: '/service-unit-manage/dispatch',
+  name: 'ServiceUnit',
+  path: '/service-unit',
+  redirect: '/service-unit/dispatch',
   meta: {
     title: '服务单元管理',
     sort: 1,
@@ -10,8 +10,8 @@ export default {
   children: [
     {
       name: 'Dispatch',
-      path: '/service-unit-manage/dispatch',
-      redirect: '/service-unit-manage/dispatch/dispatch-manage',
+      path: '/service-unit/dispatch',
+      redirect: '/service-unit/dispatch/dispatch-manage',
       meta: {
         title: '派单管理',
         sort: 1,
@@ -20,11 +20,9 @@ export default {
       children: [
         {
           name: 'DispatchManage',
-          path: '/service-unit-manage/dispatch/dispatch-manage',
+          path: '/service-unit/dispatch/dispatch-manage',
           component: () =>
-            import(
-              '@/views/service-unit-manage/dispatch/dispatch-manage/index.vue'
-            ),
+            import('@/views/service-unit/dispatch/dispatch-manage/index.vue'),
           meta: {
             title: '派单管理',
             sort: 1,
@@ -33,9 +31,9 @@ export default {
       ],
     },
     {
-      name: 'ServiceUnit',
-      path: '/service-unit-manage/service-unit',
-      redirect: '/service-unit-manage/service-unit/unit-manage',
+      name: 'ServiceUnitManage',
+      path: '/service-unit/service-unit-manage',
+      redirect: '/service-unit/service-unit-manage/unit-manage',
       meta: {
         title: '服务单元管理',
         sort: 2,
@@ -44,10 +42,10 @@ export default {
       children: [
         {
           name: 'UnitManage',
-          path: '/service-unit-manage/service-unit/unit-manage',
+          path: '/service-unit/service-unit-manage/unit-manage',
           component: () =>
             import(
-              '@/views/service-unit-manage/service-unit/unit-manage/index.vue'
+              '@/views/service-unit/service-unit-manage/unit-manage/index.vue'
             ),
           meta: {
             title: '服务单元管理',
@@ -56,10 +54,10 @@ export default {
         },
         {
           name: 'RangeManage',
-          path: '/service-unit-manage/service-unit/range-manage',
+          path: '/service-unit/service-unit-manage/range-manage',
           component: () =>
             import(
-              '@/views/service-unit-manage/service-unit/range-manage/index.vue'
+              '@/views/service-unit/service-unit-manage/range-manage/index.vue'
             ),
           meta: {
             title: '服务范围管理',
@@ -68,10 +66,10 @@ export default {
         },
         {
           name: 'AddRange',
-          path: '/service-unit-manage/service-unit/add-range',
+          path: '/service-unit/service-unit-manage/add-range',
           component: () =>
             import(
-              '@/views/service-unit-manage/service-unit/add-range/index.vue'
+              '@/views/service-unit/service-unit-manage/add-range/index.vue'
             ),
           meta: {
             title: '新增服务范围',
@@ -80,10 +78,10 @@ export default {
         },
         {
           name: 'RegionalPlanning',
-          path: '/service-unit-manage/service-unit/regional-planning',
+          path: '/service-unit/service-unit-manage/regional-planning',
           component: () =>
             import(
-              '@/views/service-unit-manage/service-unit/regional-planning/index.vue'
+              '@/views/service-unit/service-unit-manage/regional-planning/index.vue'
             ),
           meta: {
             title: '服务区域规划',

src/views/resource-guard/device-guard/registration-query/index.vue

@@ -1,7 +1,113 @@
 <template>
-  <div>出入库登记查询</div>
+  <div class="registration-query flex flex-col h-full">
+    <SearchForm :fields="fields" :params="params"></SearchForm>
+    <div class="flex-1 page-wrap">
+      <div class="btn-group">
+        <t-button theme="success" @click="handleAdd">新增</t-button>
+      </div>
+      <t-table
+        size="small"
+        row-key="id"
+        :columns="columns"
+        :data="tableData"
+        bordered
+        :pagination="{
+          defaultCurrent: 1,
+          defaultPageSize: 10,
+          onChange,
+          total: pagination.total,
+        }"
+      >
+      </t-table>
+    </div>
+  </div>
 </template>
 
-<script setup name="RegistrationQuery"></script>
+<script setup lang="jsx" name="RegistrationQuery">
+import { ref, reactive } from 'vue';
+import { getTableData } from '@/api/test';
+import useFetchTable from '@/hooks/useFetchTable';
+
+const columns = [
+  { colKey: 'a', title: '服务单元名称' },
+  { colKey: 'b', title: '出/入库时间' },
+  { colKey: 'c', title: '登记人' },
+  { colKey: 'd', title: '客户名称' },
+  { colKey: 'e', title: '出库/入库' },
+  { colKey: 'f', title: '设备编号' },
+  { colKey: 'g', title: '供应商' },
+  { colKey: 'h', title: '发往地' },
+];
+const {
+  loading: tableLoading,
+  pagination,
+  tableData,
+  fetchData,
+  onChange,
+} = useFetchTable(getTableData);
+
+const refresh = async () => {};
+
+const fields = ref([
+  {
+    prop: 'a',
+    label: '服务单元',
+    type: 'select',
+    labelWidth: 100,
+    colSpan: 5,
+  },
+  {
+    prop: 'b',
+    label: '出库/入库',
+    type: 'select',
+    labelWidth: 100,
+    colSpan: 5,
+  },
+  {
+    prop: 'c',
+    label: '设备编号',
+    labelWidth: 100,
+    colSpan: 5,
+  },
+  {
+    prop: 'd',
+    label: '出/入库时间',
+    type: 'daterange',
+    labelWidth: 100,
+    colSpan: 7,
+  },
+  {
+    type: 'buttons',
+    colSpan: 2,
+    children: [
+      {
+        type: 'button',
+        text: '查询',
+      },
+    ],
+  },
+  {
+    prop: 'e',
+    label: '供应商',
+    type: 'select',
+    labelWidth: 100,
+    colSpan: 5,
+  },
+  {
+    prop: 'e',
+    label: '客户名称',
+    labelWidth: 100,
+    colSpan: 5,
+  },
+]);
+const params = reactive({
+  a: '',
+  b: '',
+  c: '',
+  d: [],
+  e: '',
+  f: '',
+});
+</script>
 
 <style></style>