Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
373ee1cd
提交
373ee1cd
编写于
11月 01, 2022
作者:
tony001
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'dev'
上级
9ed26a35
18bf0753
变更
6
显示空白字符变更
内嵌
并排
正在显示
6 个修改的文件
包含
106 行增加
和
31 行删除
+106
-31
app-file-upload.vue
src/components/app-file-upload/app-file-upload.vue
+36
-0
app-icon-menus.vue
src/components/app-icon-menus/app-icon-menus.vue
+31
-29
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
default.less
src/styles/default.less
+4
-0
未找到文件。
src/components/app-file-upload/app-file-upload.vue
浏览文件 @
373ee1cd
...
...
@@ -9,6 +9,9 @@
:disabled=
"disabled"
:file-list=
"files"
:action=
"uploadUrl"
:limit=
"multiple ? limit: 1"
:accept=
"accept"
:multiple=
"multiple"
:headers=
"
{}"
:before-upload="beforeUpload"
:before-remove="onRemove"
...
...
@@ -17,6 +20,7 @@
: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"
>
{{
this
.
$t
(
'app.fileUpload.caption'
)
}}
</el-button>
<i
v-if=
"isdrag"
class=
"el-icon-upload"
></i>
...
...
@@ -173,6 +177,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
;
/**
* 上传文件路径
*
...
...
@@ -473,6 +501,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-icon-menus/app-icon-menus.vue
浏览文件 @
373ee1cd
<
template
>
<div
class=
"app-icon-menus"
>
<template
v-for=
"(item,index) in menus"
>
<template
v-if=
"!item.hidden"
>
<div
:bordered=
"false"
v-if=
"item.items && Array.isArray(item.items)"
:key=
"index"
:class=
"item.textcls"
>
<p
@
click=
"$emit('menuClick',item.name, [item.name])"
>
<span>
{{
$t
(
'app.menus.'
+
ctrlName
+
'.'
+
item
.
name
)
}}
</span>
...
...
@@ -32,6 +33,7 @@
</div>
</el-card>
</
template
>
</template>
</div>
</template>
...
...
src/components/app-image-upload/app-image-upload.vue
浏览文件 @
373ee1cd
...
...
@@ -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
浏览文件 @
373ee1cd
...
...
@@ -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
浏览文件 @
373ee1cd
...
...
@@ -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
:
'加载数据失败'
...
...
src/styles/default.less
浏览文件 @
373ee1cd
...
...
@@ -278,6 +278,10 @@
.start-workflow-select-wraper {
z-index: 3000 !important;
}
// tooltip最大宽度1166px
.el-tooltip__popper.is-dark{
max-width: 1166px;
}
/*** END:多数据视图属性布局 ***/
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录