| | |
|---|
| | | />
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | <el-row>
|
|---|
| | | <el-col :span="24">
|
|---|
| | | <el-form-item label="菜单类型" prop="menuType">
|
|---|
| | | <el-radio-group v-model="form.menuType">
|
|---|
| | |
|---|
| | | </el-radio-group>
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :span="24" v-if="form.menuType != 'F'">
|
|---|
| | | </el-row>
|
|---|
| | | <el-row>
|
|---|
| | | <el-col :span="12" v-if="form.menuType != 'F'">
|
|---|
| | | <el-form-item label="菜单图标" prop="icon">
|
|---|
| | | <el-popover
|
|---|
| | | placement="bottom-start"
|
|---|
| | |
|---|
| | | trigger="click"
|
|---|
| | | @show="$refs['iconSelect'].reset()"
|
|---|
| | | >
|
|---|
| | | <IconSelect ref="iconSelect" @selected="selected" />
|
|---|
| | | <IconSelect ref="iconSelect" @selected="selected" :active-icon="form.icon" />
|
|---|
| | | <el-input slot="reference" v-model="form.icon" placeholder="点击选择图标" readonly>
|
|---|
| | | <svg-icon
|
|---|
| | | v-if="form.icon"
|
|---|
| | |
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :span="12">
|
|---|
| | | <el-form-item label="菜单名称" prop="menuName">
|
|---|
| | | <el-input v-model="form.menuName" placeholder="请输入菜单名称" />
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :span="12">
|
|---|
| | | <el-form-item label="显示排序" prop="orderNum">
|
|---|
| | | <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | <el-row>
|
|---|
| | | <el-col :span="12">
|
|---|
| | | <el-form-item label="菜单名称" prop="menuName">
|
|---|
| | | <el-input v-model="form.menuName" placeholder="请输入菜单名称" />
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :span="12" v-if="form.menuType == 'C'">
|
|---|
| | | <el-form-item prop="routeName">
|
|---|
| | | <el-input v-model="form.routeName" placeholder="请输入路由名称" />
|
|---|
| | | <span slot="label">
|
|---|
| | | <el-tooltip content="默认不填则和路由地址相同：如地址为：`user`，则名称为`User`（注意：为避免名字的冲突，特殊情况下请自定义，保证唯一性）" placement="top">
|
|---|
| | | <i class="el-icon-question"></i>
|
|---|
| | | </el-tooltip>
|
|---|
| | | 路由名称
|
|---|
| | | </span>
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | <el-row>
|
|---|
| | | <el-col :span="12" v-if="form.menuType != 'F'">
|
|---|
| | | <el-form-item prop="isFrame">
|
|---|
| | | <span slot="label">
|
|---|
| | |
|---|
| | | <el-input v-model="form.path" placeholder="请输入路由地址" />
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | <el-row>
|
|---|
| | | <el-col :span="12" v-if="form.menuType == 'C'">
|
|---|
| | | <el-form-item prop="component">
|
|---|
| | | <span slot="label">
|
|---|
| | |
|---|
| | | </span>
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | <el-row>
|
|---|
| | | <el-col :span="12" v-if="form.menuType == 'C'">
|
|---|
| | | <el-form-item prop="query">
|
|---|
| | | <el-input v-model="form.query" placeholder="请输入路由参数" maxlength="255" />
|
|---|
| | |
|---|
| | | </el-radio-group>
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | <el-row>
|
|---|
| | | <el-col :span="12" v-if="form.menuType != 'F'">
|
|---|
| | | <el-form-item prop="visible">
|
|---|
| | | <span slot="label">
|
|---|
| | |
|---|
| | | </el-radio-group>
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :span="12" v-if="form.menuType != 'F'">
|
|---|
| | | <el-col :span="12">
|
|---|
| | | <el-form-item prop="status">
|
|---|
| | | <span slot="label">
|
|---|
| | | <el-tooltip content="选择停用则路由将不会出现在侧边栏，也不能被访问" placement="top">
|
|---|
