Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
kadycui
game-admin
提交
f88e7a62
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,体验更适合开发者的 AI 搜索 >>
提交
f88e7a62
编写于
9月 24, 2023
作者:
kadycui
💻
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
ADD: 轮播图添加限制
上级
20bf9faf
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
27 addition
and
9 deletion
+27
-9
src/components/ChooseImage.vue
src/components/ChooseImage.vue
+19
-4
src/components/ImageMain.vue
src/components/ImageMain.vue
+7
-4
src/pages/goods/banners.vue
src/pages/goods/banners.vue
+1
-1
未找到文件。
src/components/ChooseImage.vue
浏览文件 @
f88e7a62
...
...
@@ -31,7 +31,7 @@
</el-header>
<el-container>
<ImageAside
ref=
"ImageAsideRef"
@
change=
"handleAsideChange"
/>
<ImageMain
openChoose
ref=
"ImageMainRef"
@
choose=
"handleChoose"
/>
<ImageMain
:limit=
"limit"
openChoose
ref=
"ImageMainRef"
@
choose=
"handleChoose"
/>
</el-container>
</el-container>
...
...
@@ -49,6 +49,7 @@
import
{
ref
}
from
"
vue
"
import
ImageAside
from
'
@/components/ImageAside.vue
'
import
ImageMain
from
'
@/components/ImageMain.vue
'
import
{
toast
}
from
'
@/composables/util
'
const
dialogVisible
=
ref
(
false
)
...
...
@@ -68,7 +69,12 @@ const handleOpenUpdate = () => ImageMainRef.value.openUpdateFile()
const
props
=
defineProps
({
modelValue
:
[
String
,
Array
]
modelValue
:
[
String
,
Array
],
limit
:{
type
:
Number
,
default
:
1
}
})
const
emit
=
defineEmits
([
"
update:modelValue
"
])
...
...
@@ -81,8 +87,17 @@ const handleChoose = (e) => {
const
submit
=
()
=>
{
if
(
urls
.
length
)
{
emit
(
"
update:modelValue
"
,
urls
[
0
])
let
value
=
[]
if
(
props
.
limit
==
1
){
value
=
urls
[
0
]
}
else
{
value
=
[...
props
.
modelValue
,
...
urls
]
if
(
value
.
length
>
props
.
limit
){
return
toast
(
"
最多还能选择
"
+
(
props
.
limit
-
props
.
modelValue
.
length
)
+
"
张
"
)
}
}
if
(
value
.
length
)
{
emit
(
"
update:modelValue
"
,
value
)
}
close
()
}
...
...
src/components/ImageMain.vue
浏览文件 @
f88e7a62
...
...
@@ -22,7 +22,6 @@
<el-button
class=
"!m-0"
type=
"primary"
size=
"small"
text
>
删除
</el-button>
</
template
>
</el-popconfirm>
</div>
</el-card>
</el-col>
...
...
@@ -142,10 +141,14 @@ const handleDelete = (id) => {
const
handleUploadSuccess
=
()
=>
getData
(
1
)
defineProps
({
const
props
=
defineProps
({
openChoose
:{
type
:
Boolean
,
default
:
false
},
limit
:{
type
:
Number
,
default
:
1
}
})
...
...
@@ -155,9 +158,9 @@ const emit = defineEmits(["choose"])
const
checkedImage
=
computed
(()
=>
list
.
value
.
filter
(
o
=>
o
.
checked
))
const
handleChooseChange
=
(
item
)
=>
{
if
(
item
.
checked
&&
checkedImage
.
value
.
length
>
1
){
if
(
item
.
checked
&&
checkedImage
.
value
.
length
>
props
.
limit
){
item
.
checked
=
false
return
toast
(
'
最多只能选中一张
'
,
'
error
'
)
return
toast
(
`最多只能选中
${
props
.
limit
}
张`
,
'
error
'
)
}
emit
(
"
choose
"
,
checkedImage
.
value
)
...
...
src/pages/goods/banners.vue
浏览文件 @
f88e7a62
...
...
@@ -4,7 +4,7 @@
<el-form
:model=
"form"
label-width=
"80px"
>
<el-form-item
label=
"轮播图"
>
<ChooseImage
v-model=
"form.banners"
/>
<ChooseImage
:limit=
"9"
v-model=
"form.banners"
/>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
@
click=
"submit"
>
提交
</el-button>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录