| | |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="状态"> |
| | | <el-select v-model="queryParams.visible" placeholder="菜单状态" clearable size="small"> |
| | | <el-select v-model="queryParams.status" placeholder="菜单状态" clearable size="small"> |
| | | <el-option |
| | | v-for="dict in visibleOptions" |
| | | v-for="dict in statusOptions" |
| | | :key="dict.dictValue" |
| | | :label="dict.dictLabel" |
| | | :value="dict.dictValue" |
| | |
| | | <el-table-column prop="orderNum" label="排序" width="60"></el-table-column> |
| | | <el-table-column prop="perms" label="权限标识" :show-overflow-tooltip="true"></el-table-column> |
| | | <el-table-column prop="component" label="组件路径" :show-overflow-tooltip="true"></el-table-column> |
| | | <el-table-column prop="visible" label="可见" :formatter="visibleFormat" width="80"></el-table-column> |
| | | <el-table-column prop="status" label="状态" :formatter="statusFormat" width="80"></el-table-column> |
| | | <el-table-column label="创建时间" align="center" prop="createTime"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | <el-button size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:menu:edit']" |
| | | >修改</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-plus" |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-plus" |
| | | @click="handleAdd(scope.row)" |
| | | v-hasPermi="['system:menu:add']" |
| | | >新增</el-button> |
| | |
| | | </el-table> |
| | | |
| | | <!-- 添加或修改菜单对话框 --> |
| | | <el-dialog :title="title" :visible.sync="open" width="600px"> |
| | | <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | |
| | | <el-input v-model="form.perms" placeholder="请权限标识" maxlength="50" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item v-if="form.menuType != 'F'" label="菜单状态"> |
| | | <el-col :span="12"> |
| | | <el-form-item v-if="form.menuType != 'F'" label="显示状态"> |
| | | <el-radio-group v-model="form.visible"> |
| | | <el-radio |
| | | v-for="dict in visibleOptions" |
| | | :key="dict.dictValue" |
| | | :label="dict.dictValue" |
| | | >{{dict.dictLabel}}</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item v-if="form.menuType != 'F'" label="菜单状态"> |
| | | <el-radio-group v-model="form.status"> |
| | | <el-radio |
| | | v-for="dict in statusOptions" |
| | | :key="dict.dictValue" |
| | | :label="dict.dictValue" |
| | | >{{dict.dictLabel}}</el-radio> |
| | |
| | | title: "", |
| | | // 是否显示弹出层 |
| | | open: false, |
| | | // 菜单状态数据字典 |
| | | // 显示状态数据字典 |
| | | visibleOptions: [], |
| | | // 菜单状态数据字典 |
| | | statusOptions: [], |
| | | // 查询参数 |
| | | queryParams: { |
| | | menuName: undefined, |
| | |
| | | this.getList(); |
| | | this.getDicts("sys_show_hide").then(response => { |
| | | this.visibleOptions = response.data; |
| | | }); |
| | | this.getDicts("sys_normal_disable").then(response => { |
| | | this.statusOptions = response.data; |
| | | }); |
| | | }, |
| | | methods: { |
| | |
| | | this.menuOptions.push(menu); |
| | | }); |
| | | }, |
| | | // 菜单显示状态字典翻译 |
| | | // 显示状态字典翻译 |
| | | visibleFormat(row, column) { |
| | | if (row.menuType == "F") { |
| | | return ""; |
| | | } |
| | | return this.selectDictLabel(this.visibleOptions, row.visible); |
| | | }, |
| | | // 菜单状态字典翻译 |
| | | statusFormat(row, column) { |
| | | if (row.menuType == "F") { |
| | | return ""; |
| | | } |
| | | return this.selectDictLabel(this.statusOptions, row.status); |
| | | }, |
| | | // 取消按钮 |
| | | cancel() { |
| | |
| | | menuType: "M", |
| | | orderNum: undefined, |
| | | isFrame: "1", |
| | | visible: "0" |
| | | visible: "0", |
| | | status: "0" |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |
| | |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | </script> |