1

lzhe

2024-03-30 dbd652f9f0e297a0adc06abbef3a30fb9ec10df4

 src/views/console/system/menu.vue

@@ -8,23 +8,37 @@
-->
<template>
   <div class="dict-main">
      <el-form :inline="true" :model="searchData" abel-width="120px">
         <el-form-item label="菜单名称">
            <el-input v-model="searchData.test" placeholder="菜单名称" clearable />
         </el-form-item>
         <el-form-item label="菜单编号">
            <el-input v-model="searchData.test" placeholder="菜单编号" clearable />
         </el-form-item>
         <el-form-item label="菜单别名">
            <el-input v-model="searchData.test" placeholder="菜单别名" clearable />
         </el-form-item>
         <el-form-item label="所属应用">
            <el-input v-model="searchData.test" placeholder="所属应用" clearable />
         </el-form-item>
         <el-form-item>
            <el-button type="primary" @click="searchBtn">搜索</el-button>
            <el-button @click="searchBtn">清空</el-button>
         </el-form-item>
      <el-form :inline="true" :model="searchData" abel-width="80px">
         <el-row>
            <el-col :span="6">
               <el-form-item label="菜单名称">
                  <el-input v-model="searchData.name" placeholder="菜单名称" clearable />
               </el-form-item>
            </el-col>
            <el-col :span="6">
               <el-form-item label="菜单编号">
                  <el-input v-model="searchData.code" placeholder="菜单编号" clearable />
               </el-form-item>
            </el-col>
            <el-col :span="6">
               <el-form-item label="菜单别名">
                  <el-input v-model="searchData.alias" placeholder="菜单别名" clearable />
               </el-form-item>
            </el-col>
            <el-col :span="6">
               <el-form-item label="所属应用">
                  <el-select v-model="searchData.belongApplication" style="width: 100%">
                     <el-option v-for="item in applicationList" :key="item.code" :label="item.name" :value="item.code"/>
                  </el-select>
               </el-form-item>
            </el-col>
            <el-col :span="6">
               <el-form-item>
                  <el-button type="primary" @click="searchBtn">搜索</el-button>
                  <el-button @click="clearSearch">清空</el-button>
               </el-form-item>
            </el-col>
         </el-row>
      </el-form>
      <div>
         <div class="dict-Btn">
@@ -36,15 +50,23 @@
         <div class="dict-table">
            <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange">
               <el-table-column type="selection" width="55" />
               <el-table-column prop="date" label="菜单名称"></el-table-column>
               <el-table-column prop="name" label="路由地址"></el-table-column>
               <el-table-column prop="name" label="菜单图标"></el-table-column>
               <el-table-column prop="name" label="菜单编号"></el-table-column>
               <el-table-column prop="name" label="菜单别名"></el-table-column>
               <el-table-column prop="name" label="新窗口"></el-table-column>
               <el-table-column prop="name" label="启用缓存"></el-table-column>
               <el-table-column prop="name" label="所属应用"></el-table-column>
               <el-table-column prop="name" label="菜单排序"></el-table-column>
               <el-table-column prop="name" label="菜单名称"></el-table-column>
               <el-table-column prop="path" label="路由地址"></el-table-column>
               <el-table-column prop="source" label="菜单图标"></el-table-column>
               <el-table-column prop="code" label="菜单编号"></el-table-column>
               <el-table-column prop="alias" label="菜单别名"></el-table-column>
               <el-table-column prop="isOpen" label="新窗口">
                  <template #default="scope">
                     <div>{{scope.row.isOpen == 0?"是":"否"}}</div>
                  </template>
               </el-table-column>
               <el-table-column prop="keepAlive" label="启用缓存">
                  <template #default="scope">
                     <div>{{scope.row.keepAlive == 1?"是":"否"}}</div>
                  </template>
               </el-table-column>
               <el-table-column prop="belongApplication" label="所属应用"></el-table-column>
               <el-table-column prop="sort" label="菜单排序"></el-table-column>
               <el-table-column fixed="right" label="操作" width="200">
                  <template #default="scope">
                     <el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
@@ -75,8 +97,12 @@
      name: "allocation",
      data(){
         return {
            applicationList: [],
            searchData: {
               test: ""
               name: "",
               code: "",
               alias: "",
               belongApplication: ""
            },
            dialog: {
               save: false,
@@ -89,48 +115,45 @@
               label: '黄金糕'
            }],
            input3: '',
            tableData: [{
               date: '2016-05-02',
               name: '王小虎',
               province: '上海',
               city: '普陀区',
               address: '上海市普陀区金沙江路 1518 弄',
               zip: 200333
               }, {
               date: '2016-05-04',
               name: '王小虎',
               province: '上海',
               city: '普陀区',
               address: '上海市普陀区金沙江路 1517 弄',
               zip: 200333
               }, {
               date: '2016-05-01',
               name: '王小虎',
               province: '上海',
               city: '普陀区',
               address: '上海市普陀区金沙江路 1519 弄',
               zip: 200333
               }, {
               date: '2016-05-03',
               name: '王小虎',
               province: '上海',
               city: '普陀区',
               address: '上海市普陀区金沙江路 1516 弄',
               zip: 200333
            }]
            tableData: []
         }
      },
      created(){
         
      },
      mounted(){
			
         this.getApplicationList();
         this.searchBtn();
      },
      components: {
         saveDialog
      },
      methods: {
         searchBtn() {},
         clearSearch() {
            this.searchData= {
               name: "",
               code: "",
               alias: "",
               belongApplication: ""
            }
            this.searchBtn();
         },
         getApplicationList() {
            this.$HTTP.get("/api/blade-system/application/list").then(res=> {
               if(res.code == 200) {
                  this.applicationList = res.data;
               }
            })
         },
         searchBtn() {
            this.searchData.parentId="";
            this.$HTTP.get("/api/blade-system/menu/lazy-list",this.searchData).then(res=> {
               if(res.code == 200) {
                  console.log(res.data,111)
                  this.tableData = res.data;
               }
            })
         },
         //字典配置
         table_allocation(row) {
            this.dialog.allocation = true;