1

lzhe

2024-04-01 05013f375e82f8860b86bf82ea03555c038d6fae

 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">
@@ -34,17 +48,25 @@
            </div>
         </div>
         <div class="dict-table">
            <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange">
            <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange" row-key="id" lazy :load="tableLoad" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
               <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>
@@ -54,20 +76,11 @@
                  </template>
               </el-table-column>
            </el-table>
            <el-pagination
               @size-change="handleSizeChange"
               @current-change="handleCurrentChange"
               :current-page="currentPage4"
               :page-sizes="[100, 200, 300, 400]"
               :page-size="100"
               layout="total, sizes, prev, pager, next, jumper"
               :total="400">
            </el-pagination>
         </div>
      </div>
   </div>
   
   <save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSuccess" @closed="dialog.save=false"></save-dialog>
   <save-dialog v-if="dialog.save" ref="saveDialog" :applicationList="applicationList" @success="handleSuccess" @closed="dialog.save=false"></save-dialog>
</template>
<script>
   import saveDialog from './addMenu'
@@ -75,8 +88,12 @@
      name: "allocation",
      data(){
         return {
            applicationList: [],
            searchData: {
               test: ""
               name: "",
               code: "",
               alias: "",
               belongApplication: ""
            },
            dialog: {
               save: false,
@@ -89,48 +106,56 @@
               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() {},
         handleSuccess() {

         },
         tableLoad(row,treeNode,resolve) {
            this.searchData.parentId= row.id;
            this.$HTTP.get("/api/blade-system/menu/lazy-list",this.searchData).then(res=> {
               if(res.code == 200) {
                  resolve(res.data);
               }
            })

         },
         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(parentId="0") {
            this.searchData.parentId= parentId;
            this.$HTTP.get("/api/blade-system/menu/lazy-list",this.searchData).then(res=> {
               if(res.code == 200) {
                  this.tableData = res.data;
               }
            })
         },
         //字典配置
         table_allocation(row) {
            this.dialog.allocation = true;
@@ -149,8 +174,13 @@
         },
         table_edit(row){
            this.dialog.save = true
            this.$nextTick(() => {
               this.$refs.saveDialog.open('edit').setData(row)
            this.$HTTP.get("/api/blade-system/menu/detail?id="+row.id).then(res=> {
               if(res.code == 200) {
                  this.dialog.save = true;
                  this.$nextTick(() => {
                     this.$refs.saveDialog.open('edit').setData(res.data);
                  })
               }
            })
         },
         //查看