| | |
|---|
| | | v-model="queryParams.menuName"
|
|---|
| | | placeholder="请输入菜单名称"
|
|---|
| | | clearable
|
|---|
| | | style="width: 200px"
|
|---|
| | | @keyup.enter="handleQuery"
|
|---|
| | | />
|
|---|
| | | </el-form-item>
|
|---|
| | | <el-form-item label="状态" prop="status">
|
|---|
| | | <el-select v-model="queryParams.status" placeholder="菜单状态" clearable>
|
|---|
| | | <el-select v-model="queryParams.status" placeholder="菜单状态" clearable style="width: 200px">
|
|---|
| | | <el-option
|
|---|
| | | v-for="dict in sys_normal_disable"
|
|---|
| | | :key="dict.value"
|
|---|
| | |
|---|
| | | <span>{{ parseTime(scope.row.createTime) }}</span>
|
|---|
| | | </template>
|
|---|
| | | </el-table-column>
|
|---|
| | | <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
|
|---|
| | | <el-table-column label="操作" align="center" width="210" class-name="small-padding fixed-width">
|
|---|
| | | <template #default="scope">
|
|---|
| | | <el-button
|
|---|
| | | type="text"
|
|---|
| | | icon="Edit"
|
|---|
| | | @click="handleUpdate(scope.row)"
|
|---|
| | | v-hasPermi="['system:menu:edit']"
|
|---|
| | | >修改</el-button>
|
|---|
| | | <el-button
|
|---|
| | | type="text"
|
|---|
| | | icon="Plus"
|
|---|
| | | @click="handleAdd(scope.row)"
|
|---|
| | | v-hasPermi="['system:menu:add']"
|
|---|
| | | >新增</el-button>
|
|---|
| | | <el-button
|
|---|
| | | type="text"
|
|---|
| | | icon="Delete"
|
|---|
| | | @click="handleDelete(scope.row)"
|
|---|
| | | v-hasPermi="['system:menu:remove']"
|
|---|
| | | >删除</el-button>
|
|---|
| | | <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:menu:edit']">修改</el-button>
|
|---|
| | | <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['system:menu:add']">新增</el-button>
|
|---|
| | | <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:menu:remove']">删除</el-button>
|
|---|
| | | </template>
|
|---|
| | | </el-table-column>
|
|---|
| | | </el-table>
|
|---|
| | |
|---|
| | | @show="showSelectIcon"
|
|---|
| | | >
|
|---|
| | | <template #reference>
|
|---|
| | | <el-input v-model="form.icon" placeholder="点击选择图标" @click="showSelectIcon" v-click-outside="hideSelectIcon" readonly>
|
|---|
| | | <el-input v-model="form.icon" placeholder="点击选择图标" @blur="showSelectIcon" v-click-outside="hideSelectIcon" readonly>
|
|---|
| | | <template #prefix>
|
|---|
| | | <svg-icon
|
|---|
| | | v-if="form.icon"
|
|---|
| | |
|---|
| | | showChooseIcon.value = false;
|
|---|
| | | }
|
|---|
| | | /** 图标外层点击隐藏下拉列表 */
|
|---|
| | | function hideSelectIcon() {
|
|---|
| | | showChooseIcon.value = false;
|
|---|
| | | function hideSelectIcon(event) {
|
|---|
| | | var elem = event.relatedTarget || event.srcElement || event.target || event.currentTarget;
|
|---|
| | | var className = elem.className;
|
|---|
| | | if (className !== "el-input__inner") {
|
|---|
| | | showChooseIcon.value = false;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /** 搜索按钮操作 */
|
|---|
| | | function handleQuery() {
|
|---|
