Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
功
功能演示系统
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
示例
功能演示系统
提交
61fa6e2e
提交
61fa6e2e
编写于
4年前
作者:
hudan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
新增单选项自定义插件
上级
6a2aec78
变更
2
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
224 行增加
和
0 行删除
+224
-0
app-radio-button.vue
app_Web/src/components/app-radio-button/app-radio-button.vue
+221
-0
user-register.ts
app_Web/src/user-register.ts
+3
-0
未找到文件。
app_Web/src/components/app-radio-button/app-radio-button.vue
0 → 100644
浏览文件 @
61fa6e2e
<
template
>
<el-radio-group
class=
"app-radio-button"
v-model=
"value"
>
<el-radio-button
v-for=
"(_item,index) in items"
:key =
"index"
:label=
"_item.value"
:disabled=
"isDisabled || _item.disabled"
>
<span>
{{
Object
.
is
(
codelistType
,
'STATIC'
)
?
$t
(
'codelist.'
+
tag
+
'.'
+
_item
.
value
)
:
_item
.
text
}}
</span>
</el-radio-button>
</el-radio-group>
</
template
>
<
script
lang =
'ts'
>
import
{
Component
,
Vue
,
Prop
,
Model
,
Watch
}
from
'vue-property-decorator'
;
import
CodeListService
from
"@/codelist/codelist-service"
;
@
Component
({})
export
default
class
AppRadioButton
extends
Vue
{
/**
* 代码表服务对象
*
* @type {CodeListService}
* @memberof AppRadioButton
*/
public
codeListService
:
CodeListService
=
new
CodeListService
({
$store
:
this
.
$store
});
/**
* 双向绑定值
*
* @type {*}
* @memberof AppRadioButton
*/
@
Model
(
'change'
)
item
?:
any
;
/**
* 获取值
*
* @memberof AppRadioButton
*/
get
value
()
{
return
this
.
item
;
}
/**
* 设置值
*
* @memberof AppRadioButton
*/
set
value
(
val
:
any
)
{
this
.
$emit
(
'change'
,
val
);
}
/**
* 代码表标识
*
* @type {string}
* @memberof AppRadioButton
*/
@
Prop
()
public
tag
?:
string
;
/**
* 代码表类型
*
* @type {string}
* @memberof AppRadioButton
*/
@
Prop
()
public
codelistType
?:
string
;
/**
* 传入表单数据
*
* @type {*}
* @memberof AppRadioButton
*/
@
Prop
()
public
data
?:
any
;
/**
* 监听表单数据变化
*
* @memberof AppRadioButton
*/
@
Watch
(
'data'
,{
immediate
:
true
,
deep
:
true
})
onDataChange
(
newVal
:
any
,
oldVal
:
any
)
{
if
(
newVal
){
if
(
this
.
tag
&&
this
.
codelistType
==
'DYNAMIC'
){
// 公共参数处理
let
data
:
any
=
{};
this
.
handlePublicParams
(
data
);
// 参数处理
let
_context
=
data
.
context
;
let
_param
=
data
.
param
;
console
.
log
(
"app-radio-group"
)
this
.
codeListService
.
getItems
(
this
.
tag
,
_context
,
_param
).
then
((
res
:
any
)
=>
{
this
.
items
=
res
;
}).
catch
((
error
:
any
)
=>
{
console
.
log
(
`----
${
this
.
tag
}
----
${(
this
.
$t
(
'app.commonWords.codeNotExist'
)
as
string
)}
`
);
})
}
}
}
/**
* 是否禁用
*
* @type {boolean}
* @memberof AppRadioButton
*/
@
Prop
()
public
disabled
?:
boolean
;
/**
* 局部上下文导航参数
*
* @type {any}
* @memberof AppRadioButton
*/
@
Prop
()
public
localContext
!
:
any
;
/**
* 局部导航参数
*
* @type {any}
* @memberof AppRadioButton
*/
@
Prop
()
public
localParam
!
:
any
;
/**
* 视图上下文
*
* @type {*}
* @memberof AppRadioButton
*/
@
Prop
()
public
context
!
:
any
;
/**
* 视图参数
*
* @type {*}
* @memberof AppRadioButton
*/
@
Prop
()
public
viewparams
!
:
any
;
/**
* 属性名称
*
* @type {string}
* @memberof AppRadioButton
*/
@
Prop
()
name
?:
string
;
/**
* 是否禁用
*
* @readonly
* @memberof AppRadioButton
*/
get
isDisabled
()
{
if
(
this
.
disabled
)
{
return
true
;
}
else
{
return
false
;
}
}
/**
* 代码表
*
* @type {any[]}
* @memberof AppRadioButton
*/
public
items
:
any
[]
=
[];
/**
* 公共参数处理
*
* @param {*} arg
* @returns
* @memberof AppRadioButton
*/
public
handlePublicParams
(
arg
:
any
)
{
// 合并表单参数
arg
.
param
=
this
.
viewparams
?
JSON
.
parse
(
JSON
.
stringify
(
this
.
viewparams
))
:
{};
arg
.
context
=
this
.
context
?
JSON
.
parse
(
JSON
.
stringify
(
this
.
context
))
:
{};
// 附加参数处理
if
(
this
.
localContext
&&
Object
.
keys
(
this
.
localContext
).
length
>
0
)
{
let
_context
=
this
.
$util
.
computedNavData
(
this
.
data
,
arg
.
context
,
arg
.
param
,
this
.
localContext
);
Object
.
assign
(
arg
.
context
,
_context
);
}
if
(
this
.
localParam
&&
Object
.
keys
(
this
.
localParam
).
length
>
0
)
{
let
_param
=
this
.
$util
.
computedNavData
(
this
.
data
,
arg
.
param
,
arg
.
param
,
this
.
localParam
);
Object
.
assign
(
arg
.
param
,
_param
);
}
}
/**
* vue 生命周期
*
* @memberof AppRadioButton
*/
public
created
()
{
if
(
this
.
tag
&&
this
.
codelistType
==
'STATIC'
){
this
.
items
=
this
.
$store
.
getters
.
getCodeListItems
(
this
.
tag
);
}
else
if
(
this
.
tag
&&
this
.
codelistType
==
'DYNAMIC'
){
// 公共参数处理
let
data
:
any
=
{};
this
.
handlePublicParams
(
data
);
// 参数处理
let
_context
=
data
.
context
;
let
_param
=
data
.
param
;
this
.
codeListService
.
getItems
(
this
.
tag
,
_context
,
_param
).
then
((
res
:
any
)
=>
{
this
.
items
=
res
;
}).
catch
((
error
:
any
)
=>
{
console
.
log
(
`----
${
this
.
tag
}
----
${(
this
.
$t
(
'app.commonWords.codeNotExist'
)
as
string
)}
`
);
})
}
}
}
</
script
>
<
style
lang=
"less"
>
.app-radio-button {
overflow: auto;
.el-radio-button__inner{
padding: 10px 14px;
}
}
</
style
>
\ No newline at end of file
This diff is collapsed.
Click to expand it.
app_Web/src/user-register.ts
浏览文件 @
61fa6e2e
import
AppListItemlayoutpanel
from
'./components/app-list-itemlayoutpanel/app-list-itemlayoutpanel.vue'
;
import
AppDataCard
from
'./components/app-data-card/app-data-card.vue'
;
import
AppCalendarItemlayoutpanel
from
'./components/app-calendar-itemlayoutpanel/app-calendar-itemlayoutpanel.vue'
;
import
AppRadioButton
from
'./components/app-radio-button/app-radio-button.vue'
;
export
const
UserComponent
=
{
install
(
v
:
any
,
opt
:
any
)
{
v
.
component
(
'app-list-itemlayoutpanel'
,
AppListItemlayoutpanel
);
v
.
component
(
'app-data-card'
,
AppDataCard
);
v
.
component
(
'app-calendar-itemlayoutpanel'
,
AppCalendarItemlayoutpanel
);
v
.
component
(
'app-radio-button'
,
AppRadioButton
);
}
};
\ No newline at end of file
This diff is collapsed.
Click to expand it.
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录