|
|
@@ -1,25 +1,25 @@
|
|
|
<template>
|
|
|
<div class="menus">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <div class="menu-tree">
|
|
|
- <el-tree
|
|
|
- :data="menus"
|
|
|
- :render-content="renderContent"
|
|
|
- :highlight-current="true"
|
|
|
- :expand-on-click-node="true"
|
|
|
- node-key="id"
|
|
|
- v-loading="loading"
|
|
|
- accordion
|
|
|
- @node-click="nodeClick"
|
|
|
- :default-expanded-keys="expandKeys"
|
|
|
- :default-checked-keys="expandKeys"
|
|
|
- >
|
|
|
- </el-tree>
|
|
|
- <el-button type="text" @click="addRootMenu" style="margin-left: 24px;">添加 </el-button>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <transition name="el-fade-in">
|
|
|
+ <!-- <el-row :gutter="20"> -->
|
|
|
+ <!-- <el-col :span="20"> -->
|
|
|
+ <div class="menu-tree" style="width: 700px">
|
|
|
+ <el-tree
|
|
|
+ :data="menus"
|
|
|
+ :render-content="renderContent"
|
|
|
+ :highlight-current="true"
|
|
|
+ :expand-on-click-node="true"
|
|
|
+ node-key="id"
|
|
|
+ v-loading="loading"
|
|
|
+ accordion
|
|
|
+ @node-click="nodeClick"
|
|
|
+ :default-expanded-keys="expandKeys"
|
|
|
+ :default-checked-keys="expandKeys"
|
|
|
+ >
|
|
|
+ </el-tree>
|
|
|
+ <el-button type="text" @click="addRootMenu" style="margin-left: 24px;">添加 </el-button>
|
|
|
+ </div>
|
|
|
+ <!-- </el-col> -->
|
|
|
+ <!-- <transition name="el-fade-in">
|
|
|
<el-col :span="12" v-if="dialogVisible">
|
|
|
<div class="menu-tree">
|
|
|
<div style="font-weight:bold;padding:10px 0">{{ menu.id ? '编辑' : '新增' }}</div>
|
|
|
@@ -31,9 +31,6 @@
|
|
|
>
|
|
|
<el-input v-model="menu.name"></el-input>
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="代码" prop="code">
|
|
|
- <el-input v-model="menu.code"></el-input>
|
|
|
- </el-form-item> -->
|
|
|
</el-form>
|
|
|
<div slot="footer">
|
|
|
<el-button @click="dialogVisible = false">取消 </el-button>
|
|
|
@@ -41,8 +38,27 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- </transition>
|
|
|
- </el-row>
|
|
|
+ </transition> -->
|
|
|
+ <!-- </el-row> -->
|
|
|
+
|
|
|
+ <el-dialog :visible.sync="dialogVisible" width="500px">
|
|
|
+ <el-form :model="menu" ref="form" label-position="top">
|
|
|
+ <el-form-item
|
|
|
+ label="名称"
|
|
|
+ prop="name"
|
|
|
+ :rules="[{ required: true, message: '请填写名称', trigger: 'blur' }]"
|
|
|
+ >
|
|
|
+ <el-input v-model="menu.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="代码" prop="code">
|
|
|
+ <el-input v-model="menu.code"></el-input>
|
|
|
+ </el-form-item> -->
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer">
|
|
|
+ <el-button @click="dialogVisible = false">取消 </el-button>
|
|
|
+ <el-button type="primary" @click="addMenu" :loading="loading">保存 </el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
