Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
kadycui
game-admin
提交
ac512943
game-admin
项目概览
kadycui
/
game-admin
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
game-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
ac512943
编写于
9月 18, 2023
作者:
kadycui
💻
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
ADD: 图标筛选
上级
73fb83e1
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
48 addition
and
4 deletion
+48
-4
src/components/IconSelect.vue
src/components/IconSelect.vue
+43
-0
src/pages/access/list.vue
src/pages/access/list.vue
+5
-4
未找到文件。
src/components/IconSelect.vue
0 → 100644
浏览文件 @
ac512943
<
template
>
<div
class=
"flex items-center"
>
<el-icon
:size=
"20"
v-if=
"modelValue"
class=
"mr-2"
>
<component
:is=
"modelValue"
/>
</el-icon>
<el-select
filterable
:modelValue=
"modelValue"
class=
"m-2"
placeholder=
"请选择图标"
@
change=
"handleChange"
>
<el-option
v-for=
"item in icons"
:key=
"item"
:label=
"item"
:value=
"item"
>
<div
class=
"flex items-center justify-between"
>
<el-icon>
<component
:is=
"item"
/>
</el-icon>
<span
class=
"text-gray-500"
>
{{
item
}}
</span>
</div>
</el-option>
</el-select>
</div>
</
template
>
<
script
setup
>
import
{
ref
}
from
'
vue
'
import
*
as
iconList
from
'
@element-plus/icons-vue
'
defineProps
({
modelValue
:
String
})
const
icons
=
ref
(
Object
.
keys
(
iconList
))
const
emit
=
defineEmits
([
"
update:modelValue
"
])
const
handleChange
=
(
icon
)
=>
{
emit
(
"
update:modelValue
"
,
icon
);
}
</
script
>
\ No newline at end of file
src/pages/access/list.vue
浏览文件 @
ac512943
...
...
@@ -40,8 +40,8 @@
<el-form-item
label=
"名称"
prop=
"name"
>
<el-input
v-model=
"form.name"
style=
"width:30%;"
placeholder=
"名称"
></el-input>
</el-form-item>
<el-form-item
label=
"菜单图标"
prop=
"icon"
v-if=
"form.menu == 1"
>
<
el-input
v-model=
"form.icon"
></el-input
>
<el-form-item
class=
"flex items-center"
label=
"菜单图标"
prop=
"icon"
v-if=
"form.menu == 1"
>
<
IconSelect
v-model=
"form.icon"
/
>
</el-form-item>
<el-form-item
label=
"前端路由"
prop=
"frontpath"
v-if=
"form.menu == 1 && form.rule_id > 0"
>
<el-input
v-model=
"form.frontpath"
placeholder=
"前端路由"
></el-input>
...
...
@@ -49,8 +49,8 @@
<el-form-item
label=
"后端规则"
prop=
"condition"
v-if=
"form.menu == 0"
>
<el-input
v-model=
"form.condition"
placeholder=
"后端规则"
></el-input>
</el-form-item>
<el-form-item
label=
"请求方式"
prop=
"method"
v-if=
"form.menu == 0"
>
<el-select
v-model=
"form.method"
class=
"m-2"
placeholder=
"
Select
"
>
<el-form-item
class=
"flex items-center"
label=
"请求方式"
prop=
"method"
v-if=
"form.menu == 0"
>
<el-select
v-model=
"form.method"
class=
"m-2"
placeholder=
"
请选择请求方式
"
>
<el-option
v-for=
"item in ['GET', 'POST', 'PUT', 'DDELETE']"
:key=
"item"
...
...
@@ -72,6 +72,7 @@
import
{
ref
}
from
"
vue
"
import
ListHeader
from
"
@/components/ListHeader.vue
"
import
FormDrawer
from
"
@/components/FormDrawer.vue
"
import
IconSelect
from
"
@/components/IconSelect.vue
"
import
{
getRuleList
,
createRule
,
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录