Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-Mob-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-Mob-R7-Res
提交
9a903cc7
提交
9a903cc7
编写于
4月 30, 2020
作者:
zcdtk
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
脏文件
上级
f212b69e
变更
3
隐藏空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
0 行增加
和
253 行删除
+0
-253
app-register.ts
src/app-register.ts
+0
-2
app-mob-dropdown-list-dynamic.less
...-dropdown-list-dynamic/app-mob-dropdown-list-dynamic.less
+0
-4
app-mob-dropdown-list-dynamic.vue
...b-dropdown-list-dynamic/app-mob-dropdown-list-dynamic.vue
+0
-247
未找到文件。
src/app-register.ts
浏览文件 @
9a903cc7
...
...
@@ -71,8 +71,6 @@ export const AppComponents = {
v
.
component
(
'app-mob-dropdown-list'
,
()
=>
import
(
'@/components/app-mob-dropdown-list/app-mob-dropdown-list.vue'
));
//下拉单选
v
.
component
(
'app-mob-mpicker'
,
()
=>
import
(
'@/components/app-mob-mpicker/app-mob-mpicker.vue'
));
//下拉单选(多语言)
v
.
component
(
'app-mob-dropdown-list-dynamic'
,
()
=>
import
(
'@/components/app-mob-dropdown-list-dynamic/app-mob-dropdown-list-dynamic.vue'
));
//span
v
.
component
(
'app-mob-span'
,
()
=>
import
(
'@/components/app-mob-span/app-mob-span.vue'
));
//录音
...
...
src/components/app-mob-dropdown-list-dynamic/app-mob-dropdown-list-dynamic.less
已删除
100644 → 0
浏览文件 @
f212b69e
.dropdown-list-dynamic{
display: inline-block;
}
src/components/app-mob-dropdown-list-dynamic/app-mob-dropdown-list-dynamic.vue
已删除
100644 → 0
浏览文件 @
f212b69e
<
template
>
<!--
<ion-select
:disabled=
"disabled === true ? true : false"
:value=
"currentVal"
interface=
"popover"
@
ionChange=
"change"
>
<ion-select-option
v-for=
"(item,index) in items"
:key=
"index"
:value=
"item.value"
>
{{
(
$t
(
'userCustom.'
+
tag
+
'.'
+
item
.
value
)
!==
(
'userCustom.'
+
tag
+
'.'
+
item
.
value
))?
$t
(
'userCustom.'
+
tag
+
'.'
+
item
.
value
)
:
item
.
text
}}
</ion-select-option>
</ion-select>
-->
<div
class=
"app-mobile-select"
>
<ion-icon
v-if=
"currentVal"
name=
"close-circle-outline"
@
click=
"clear"
></ion-icon>
<ion-select
:value=
"currentVal"
:disabled=
"disabled ? disabled : false"
@
ionChange=
"change"
interface=
"action-sheet"
:cancel-text=
"$t('cancel_text')"
>
<template
v-for=
"item of items"
>
<ion-select-option
:key=
"item.value"
:value=
"item.value"
>
{{
(
$t
(
'userCustom.'
+
tag
+
'.'
+
item
.
value
)
!==
(
'userCustom.'
+
tag
+
'.'
+
item
.
value
))?
$t
(
'userCustom.'
+
tag
+
'.'
+
item
.
value
)
:
item
.
text
}}
</ion-select-option>
</
template
>
</ion-select>
</div>
</template>
<
script
lang=
"ts"
>
import
{
Vue
,
Component
,
Watch
,
Prop
,
Model
}
from
'vue-property-decorator'
;
import
CodeListService
from
"@app-core/service/app/code-list-service"
;
@
Component
({
i18n
:
{
messages
:
{
'ZH-CN'
:
{
placeholder
:
'请选择...'
,
cancel_text
:
'取消'
},
'EN-US'
:
{
placeholder
:
'please select...'
,
cancel_text
:
'cancel'
}
}
}
})
export
default
class
DropDownListDynamic
extends
Vue
{
/**
* 代码表服务对象
*
* @type {CodeListService}
* @memberof DropDownListDynamic
*/
public
codeListService
:
CodeListService
=
new
CodeListService
();
/**
* 额外参数
*
* @type {*}
* @memberof DropDownListDynamic
*/
public
otherParam
:
any
;
/**
* 查询参数
* @type {*}
* @memberof DropDownListDynamic
*/
public
queryParam
:
any
;
/**
* 当前选中值
* @type {any}
* @memberof DropDownListDynamic
*/
@
Model
(
'change'
)
readonly
itemValue
!
:
any
;
/**
* 代码表标识
*
* @type {string}
* @memberof DropDownListDynamic
*/
@
Prop
()
public
tag
?:
string
;
/**
* 代码表类型
*
* @type {string}
* @memberof DropDownListDynamic
*/
@
Prop
()
public
codelistType
?:
string
;
/**
* 传入表单数据
*
* @type {*}
* @memberof DropDownListDynamic
*/
@
Prop
()
public
data
?:
any
;
/**
* 监听表单数据
*
* @memberof DropDownListDynamic
*/
@
Watch
(
'data'
,{
deep
:
true
})
onDataChange
(
newVal
:
any
,
val
:
any
){
if
(
newVal
){
this
.
handleOtherParam
();
}
}
/**
* 传入额外参数
*
* @type {*}
* @memberof DropDownListDynamic
*/
@
Prop
()
public
itemParam
?:
any
;
/**
* 是否禁用
* @type {any}
* @memberof DropDownListDynamic
*
*/
@
Prop
()
public
disabled
?:
any
;
/**
* 是否支持过滤
* @type {boolean}
* @memberof DropDownListDynamic
*/
@
Prop
()
public
filterable
?:
boolean
;
/**
* 下拉选提示内容
* @type {string}
* @memberof DropDownListDynamic
*/
@
Prop
()
public
placeholder
?:
string
;
/**
* 计算属性(当前值)
* @type {any}
* @memberof DropDownListDynamic
*/
set
currentVal
(
data
:
any
)
{
}
/**
* change事件
*/
public
change
(
data
:
any
)
{
this
.
$emit
(
'change'
,
data
.
detail
.
value
);
}
/**
* 获取值对象
*
* @memberof DropDownListDynamic
*/
get
currentVal
()
{
return
this
.
itemValue
;
}
/**
* 代码表
*
* @type {any[]}
* @memberof DropDownListDynamic
*/
public
items
:
any
[]
=
[];
/**
* 处理额外参数
*/
public
handleOtherParam
(){
if
(
this
.
itemParam
){
this
.
queryParam
=
{};
this
.
otherParam
=
this
.
itemParam
.
parentdata
;
if
(
this
.
otherParam
&&
Object
.
keys
(
this
.
otherParam
).
length
>
0
){
Object
.
keys
(
this
.
otherParam
).
forEach
((
item
:
any
)
=>
{
let
value
:
string
|
null
=
this
.
otherParam
[
item
];
if
(
value
&&
value
.
startsWith
(
'%'
)
&&
value
.
endsWith
(
'%'
))
{
const
key
=
value
.
substring
(
1
,
value
.
length
-
1
);
if
(
this
.
data
&&
this
.
data
.
hasOwnProperty
(
key
))
{
value
=
(
this
.
data
[
key
]
!==
null
&&
this
.
data
[
key
]
!==
undefined
)
?
this
.
data
[
key
]
:
null
;
}
else
{
value
=
null
;
}
}
Object
.
assign
(
this
.
queryParam
,{[
item
]:
value
});
})
}
}
}
/**
* vue 生命周期
*
* @memberof DropDownListDynamic
*/
public
created
()
{
if
(
this
.
tag
&&
Object
.
is
(
this
.
codelistType
,
"STATIC"
)){
const
codelist
=
this
.
$store
.
getters
.
getCodeList
(
this
.
tag
);
if
(
codelist
)
{
this
.
items
=
[...
JSON
.
parse
(
JSON
.
stringify
(
codelist
.
items
))];
}
else
{
console
.
log
(
`----
${
this
.
tag
}
----代码表不存在`
);
}
}
else
if
(
this
.
tag
&&
Object
.
is
(
this
.
codelistType
,
"DYNAMIC"
)){
this
.
codeListService
.
getItems
(
this
.
tag
,
this
.
queryParam
).
then
((
res
:
any
)
=>
{
this
.
items
=
res
;
}).
catch
((
error
:
any
)
=>
{
console
.
log
(
`----
${
this
.
tag
}
----代码表不存在`
);
});
}
}
/**
* 下拉点击事件
*
* @param {*} $event
* @memberof DropDownListDynamic
*/
public
onClick
(
$event
:
any
){
if
(
$event
){
if
(
this
.
tag
&&
Object
.
is
(
this
.
codelistType
,
"DYNAMIC"
)){
this
.
codeListService
.
getItems
(
this
.
tag
,
this
.
queryParam
).
then
((
res
:
any
)
=>
{
this
.
items
=
res
;
}).
catch
((
error
:
any
)
=>
{
console
.
log
(
`----
${
this
.
tag
}
----代码表不存在`
);
});
}
}
}
/**
* 清空值
* @memberof AppSelect
*/
public
clear
(){
this
.
currentVal
=
''
;
this
.
$emit
(
'change'
,
''
)
}
}
</
script
>
<
style
lang=
'less'
>
@import './app-mob-dropdown-list-dynamic.less';
</
style
>
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录