Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
041b612d
提交
041b612d
编写于
10月 20, 2021
作者:
Shine-zwj
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add:增加文件上传组件上传个数与类型白名单的相关参数
上级
e6913fd1
变更
4
隐藏空白字符变更
内嵌
并排
正在显示
4 个修改的文件
包含
70 行增加
和
11 行删除
+70
-11
app-file-upload.vue
src/components/app-file-upload/app-file-upload.vue
+35
-9
app-image-upload.vue
src/components/app-image-upload/app-image-upload.vue
+29
-0
components_en_US_base.ts
src/locale/lanres/components/components_en_US_base.ts
+3
-1
components_zh_CN_base.ts
src/locale/lanres/components/components_zh_CN_base.ts
+3
-1
未找到文件。
src/components/app-file-upload/app-file-upload.vue
浏览文件 @
041b612d
...
...
@@ -9,6 +9,7 @@
:disabled=
"disabled"
:file-list=
"files"
:action=
"uploadUrl"
:limit=
"multiple ? limit: 1"
:multiple=
"multiple"
:headers=
"
{}"
:before-upload="beforeUpload"
...
...
@@ -18,8 +19,9 @@
:on-preview="onDownload"
:drag="isdrag"
:show-file-list="!rowPreview"
:on-exceed = "handleExceed"
>
<el-button
v-if=
"!isdrag"
size=
'small'
icon=
'el-icon-upload'
:disabled=
"disabled
|| !(multiple || files.length === 0)
"
>
{{
this
.
$t
(
'app.fileUpload.caption'
)
}}
</el-button>
<el-button
v-if=
"!isdrag"
size=
'small'
icon=
'el-icon-upload'
:disabled=
"disabled"
>
{{
this
.
$t
(
'app.fileUpload.caption'
)
}}
</el-button>
<i
v-if=
"isdrag"
class=
"el-icon-upload"
></i>
<div
v-if=
"isdrag"
class=
"el-upload__text"
v-html=
"$t('components.appFileUpload.uploadText')"
></div>
</el-upload>
...
...
@@ -84,14 +86,6 @@ export default class AppFileUpload extends Vue {
*/
@
Prop
()
public
isdrag
?:
boolean
;
/**
* 是否多选
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
({
default
:
true
})
public
multiple
?:
boolean
;
/**
* 表单状态事件
*
...
...
@@ -182,6 +176,30 @@ export default class AppFileUpload extends Vue {
*/
@
Prop
()
public
exportparams
?:
any
;
/**
* 是否支持多个文件上传
*
* @type {string}
* @memberof AppFileUpload
*/
@
Prop
({
default
:
true
})
public
multiple
!
:
boolean
;
/**
* 最大允许上传个数
*
* @type {*}
* @memberof AppImageUpload
*/
@
Prop
({
default
:
9999
})
public
limit
!
:
number
;
/**
* 接受上传的文件类型
*
* @type {*}
* @memberof AppImageUpload
*/
@
Prop
({
default
:
'*'
})
public
accept
!
:
string
;
/**
* 上传文件路径
*
...
...
@@ -482,6 +500,14 @@ export default class AppFileUpload extends Vue {
*/
public
showActions
:
boolean
=
false
;
/**
* 处理多选超出
*
* @memberof AppFileUpload
*/
public
handleExceed
(
files
:
any
,
fileList
:
any
)
{
this
.
$message
.
warning
(
`
${
this
.
$t
(
'components.appFileUpload.limitselect'
)}
${
this
.
limit
}
`
);
}
}
</
script
>
...
...
src/components/app-image-upload/app-image-upload.vue
浏览文件 @
041b612d
...
...
@@ -32,11 +32,14 @@
<!-- 文件上传 -->
<el-upload
v-if =
"multiple || files.length === 0"
:limit=
"multiple ? limit: 1"
:class =
"
{'el-upload-disabled':disabled}"
:disabled = "disabled"
:action = "uploadUrl"
:headers = "{ 'srfappdata': appData }"
:show-file-list = "false"
:multiple="multiple"
:accept="accept"
list-type = "picture-card"
:file-list = "files"
:before-upload = "beforeUpload"
...
...
@@ -44,6 +47,7 @@
:before-remove = "onRemove"
:on-error = "onError"
:on-preview = "onDownload"
:on-exceed = "handleExceed"
>
<i
class=
"el-icon-plus"
></i>
</el-upload>
...
...
@@ -180,6 +184,22 @@ export default class AppImageUpload extends Vue {
*/
@
Prop
()
public
customparams
?:
any
;
/**
* 最大允许上传个数
*
* @type {*}
* @memberof AppImageUpload
*/
@
Prop
({
default
:
9999
})
public
limit
!
:
number
;
/**
* 接受上传的文件类型
*
* @type {*}
* @memberof AppImageUpload
*/
@
Prop
({
default
:
'image/*'
})
public
accept
!
:
string
;
/**
* 上传文件路径
*
...
...
@@ -472,6 +492,15 @@ export default class AppImageUpload extends Vue {
this
.
dialogImageUrl
=
file
.
url
;
this
.
dialogVisible
=
true
;
}
/**
* 处理多选超出
*
* @memberof AppImageUpload
*/
public
handleExceed
(
files
:
any
,
fileList
:
any
)
{
this
.
$message
.
warning
(
`
${
this
.
$t
(
'components.appImageUpload.limitselect'
)}
${
this
.
limit
}
`
);
}
}
</
script
>
<
style
lang =
"less"
>
...
...
src/locale/lanres/components/components_en_US_base.ts
浏览文件 @
041b612d
...
...
@@ -68,6 +68,7 @@ function getLocaleResourceBase(){
uploadText
:
'Drag files here,or <em>Click</em> to upload'
,
fileTypeErrorTitle
:
'File type incorrect'
,
fileTypeErrorInfo
:
'Please select files with picture types,such as JPEG,GIF,PNG,BMP'
,
limitselect
:
'The current number of restricted choices is '
,
},
appFormDRUIPart
:
{
blockUITipInfo
:
'Please save the major data first'
,
...
...
@@ -208,7 +209,8 @@ function getLocaleResourceBase(){
groupSelect
:
'Group selection'
,
},
appImageUpload
:{
uploadFail
:
'Upload failed'
uploadFail
:
'Upload failed'
,
limitselect
:
'The current number of restricted choices is '
,
},
appOrgSelect
:{
loadFail
:
'Failed to load data'
...
...
src/locale/lanres/components/components_zh_CN_base.ts
浏览文件 @
041b612d
...
...
@@ -69,6 +69,7 @@ function getLocaleResourceBase(){
uploadError
:
'上传失败'
,
fileTypeErrorTitle
:
'文件类型错误'
,
fileTypeErrorInfo
:
'请选择图片类型的文件,如JPEG,GIF,PNG,BMP'
,
limitselect
:
'当前限制选择数量为 '
,
},
appFormDRUIPart
:
{
blockUITipInfo
:
'请先保存主数据'
,
...
...
@@ -209,7 +210,8 @@ function getLocaleResourceBase(){
groupSelect
:
'分组选择'
,
},
appImageUpload
:{
uploadFail
:
'上传失败'
uploadFail
:
'上传失败'
,
limitselect
:
'当前限制选择数量为 '
,
},
appOrgSelect
:{
loadFail
:
'加载数据失败'
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录