获取菜单

src/api/modules/system/menu.js

@@ -0,0 +1,55 @@
+import {httpApi} from "../../request/httpApi";
+
+export default {
+    //菜单数据
+    async lazyList(form) {
+        return httpApi({
+            url: '/api/blade-system/menu/lazy-list',
+            method: 'get',
+            params: {
+                sysId: 1654421197196595202,
+                ...form
+            }
+        }, false);
+    },
+    //草稿箱列表
+    async draft(form = {}, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/draft/list',
+            method: 'get',
+            params: form
+        }, msg);
+    },
+    //数据详情
+    async detail(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/draft/detail',
+            method: 'get',
+            params: form
+        }, msg);
+    },
+    //提交申请
+    async submit(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/submit',
+            method: 'post',
+            data: form
+        }, msg);
+    },
+    //记录物理删除
+    async remove(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/remove',
+            method: 'post',
+            params: form
+        }, msg);
+    },
+    //记录撤销
+    async cancel(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/cancel',
+            method: 'post',
+            params: form
+        }, msg);
+    },
+}

src/views/system/menu.vue

@@ -5,7 +5,7 @@
                 <el-input v-model="searchForm.name" size="large" placeholder="请输入菜单名称搜索" clearable/>
             </div>
             <div class="ml-3">
-                <el-button type="primary" @click="searchClick" size="large">
+                <el-button type="primary" @click="getTableData" size="large">
                     <HcIcon name="search-2"/>
                     <span>搜索</span>
                 </el-button>
@@ -27,9 +27,6 @@
                 <el-button size="small" type="primary" @click="eidtModal">新增子项</el-button>
             </template>
         </HcTable>
-        <template #action>
-            <HcPages :pages="searchForm" @change="pageChange"></HcPages>
-        </template>
 
         <!--菜单新增编辑-->
         <HcDialog bgColor="#ffffff" isToBody :show="addModal" :title="modalTitle + '菜单'" @close="addModalClose" widths="70rem">
@@ -94,20 +91,17 @@
 </template>
 
 <script setup>
-import {ref, watch} from "vue";
+import {onActivated, ref, watch} from "vue";
+import mainApi from "~api/system/menu";
+import {getArrValue} from "js-fast-way";
 
-const searchForm = ref({
-    name: '',
-    current: 1, size: 20, total: 0
+//页面被激活时
+onActivated(() => {
+    getTableData()
 })
-//分页被点击
-const pageChange = ({current, size}) => {
-    searchForm.value.current = current
-    searchForm.value.size = size
-}
-const searchClick = () => {
 
-}
+//菜单数据
+const searchForm = ref({name: '', parentId: ''})
 const tableColumn = [
     {key: 'name', name: '菜单名称'},
     {key: 'name', name: '路由地址'},
@@ -118,13 +112,19 @@ const tableColumn = [
     {key: 'text', name: '排序'},
     {key: 'text', name: '上级菜单'},
     {key: 'action', name: '操作', width: 250}
-
 ]
-const tableData = ref([
-    {name: '名称1', text: '文本1', color: 'red'},
-    {name: '名称2', text: '文本2', color: 'blue'},
-    {name: '名称3', text: '文本3', color: '无'}
-])
+const tableData = ref([])
+const getTableData = async () => {
+    const {error, code, data} = await mainApi.lazyList(searchForm.value)
+    if (!error && code === 200) {
+        tableData.value = getArrValue(data)
+    } else {
+        tableData.value = []
+    }
+}
+
+
+
 const tableCheckedKeys = ref([]);
 const tableSelectionChange = (rows) => {
     tableCheckedKeys.value = rows