Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
W
wangxiaolu-sfa-ui
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
sfa
wangxiaolu-sfa-ui
Commits
02d2d151
提交
02d2d151
authored
9月 15, 2025
作者:
lidongxu
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(xlmobileupload): 修复:勤策移动端_售点稽查_安卓手机拍视频功能修复
上级
f1f47714
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
35 行增加
和
5 行删除
+35
-5
index.vue
src/views/mobile/components/XLMobileUpload/index.vue
+35
-5
没有找到文件。
src/views/mobile/components/XLMobileUpload/index.vue
浏览文件 @
02d2d151
<!-- 移动端上传图片/视频组件 -->
<
template
>
<div
class=
"xl-mobile-upload"
>
<!-- 苹果设备上传组件 -->
<van-uploader
:max-count=
"maxCount"
<van-uploader
ref=
"uploaderRef"
:max-count=
"maxCount"
:accept=
"supportedTypes"
:model-value=
"photoList"
:after-read=
"commitStorePhotosRead"
...
...
@@ -13,9 +13,19 @@
@
oversize=
"onOversize"
>
<!-- 自定义上传按钮 -->
<template
#
default
>
<div
class=
"upload-btn"
>
<!--
<div
class=
"upload-btn"
>
<van-icon
name=
"photograph"
/>
</div>
-->
<div
class=
"upload-btn"
@
click
.
stop=
"customUploadClick"
>
<van-icon
name=
"photograph"
/>
</div>
<!-- iOS设备或不支持视频的安卓设备:使用默认上传按钮(由van-uploader自动处理点击) -->
<!--
<div
v-else
class=
"upload-btn"
>
<van-icon
name=
"photograph"
/>
</div>
-->
</
template
>
<!-- 自定义预览内容 -->
...
...
@@ -60,9 +70,11 @@
</div>
</
template
>
</van-uploader>
<!-- 拍照方式选择 -->
<van-action-sheet
v-model:show=
"show"
:actions=
"actions"
teleport=
"body"
@
select=
"onSelect"
/>
</div>
</template>
...
...
@@ -111,6 +123,21 @@ const supportedTypes = computed(() => {
}
return
'image/*'
})
// 自定义点击拍照按钮效果
const
customUploadClick
=
()
=>
{
if
(
getMobileType
()
===
'ios'
)
{
// 苹果设备:直接触发点击事件
nextTick
(()
=>
{
const
inputElement
=
uploaderRef
.
value
.
$el
.
querySelector
(
'input[type="file"]'
)
if
(
inputElement
)
{
inputElement
.
click
()
}
})
}
else
{
// 安卓设备:显示拍照/录像方式确认菜单
show
.
value
=
true
}
}
/*************** android 拍照/录像方式确认 ***************/
// 显示菜单
const
show
=
ref
(
false
)
...
...
@@ -258,6 +285,7 @@ const requestFullscreen = (element) => {
<
style
scoped
lang=
"scss"
>
.xl-mobile-upload
{
.van-uploader
{
::v-deep
(
.van-uploader__wrapper
)
{
gap
:
10px
;
...
...
@@ -278,14 +306,16 @@ const requestFullscreen = (element) => {
border-radius
:
4px
;
color
:
#dcdee0
;
font-size
:
24px
;
position
:
absolute
;
top
:
0
;
left
:
0
;
z-index
:
10
;
}
}
}
}
/* 预览区域 */
::v-deep
(
.van-uploader__preview
)
{
margin
:
0
;
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论