Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
734e8aed
提交
734e8aed
编写于
11月 03, 2022
作者:
RedPig97
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update: 登录输入框
上级
7f33efc5
变更
3
显示空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
114 行增加
和
11 行删除
+114
-11
app-login-input.less
...layout-element/login/app-login-input/app-login-input.less
+15
-0
app-login-input.vue
.../layout-element/login/app-login-input/app-login-input.vue
+88
-11
panel-field.ts
src/model/panel-detail/panel-field.ts
+11
-0
未找到文件。
src/components/layout-element/login/app-login-input/app-login-input.less
0 → 100644
浏览文件 @
734e8aed
.app-login-input {
.ivu-input-wrapper {
width: 100%;
height: 100%;
}
.ivu-input {
height: 100%;
width: 100%;
}
.ivu-input-prefix {
display: flex;
align-items: center;
justify-content: center;
}
}
\ No newline at end of file
src/components/layout-element/login/app-login-input/app-login-input.vue
浏览文件 @
734e8aed
<
template
>
<div
class=
"app-user-input
"
>
<div
:class=
"[model.sysCss, 'app-login-input']"
:style=
"containerStyle
"
>
<i-input
size=
'large'
:prefix=
'icon'
v-model=
"value"
:placeholder=
"placeholder"
>
:prefix=
'defaultIcon'
v-model=
"curValue"
:disabled=
"disabled"
:readonly=
"readonly"
:placeholder=
"model.caption"
>
</i-input>
</div>
</
template
>
<
script
lang=
"ts"
>
import
{
Vue
,
Component
,
Watch
,
Prop
,
Model
}
from
'vue-property-decorator'
;
import
{
PanelFieldModel
}
from
'@/model/panel-detail'
;
import
{
Vue
,
Component
,
Prop
}
from
'vue-property-decorator'
;
@
Component
({
})
export
default
class
App
UserId
extends
Vue
{
export
default
class
App
LoginInput
extends
Vue
{
/**
*
登录名称
*
模型
*
* @type {string}
* @memberof App
UserId
* @memberof App
LoginInput
*/
@
Prop
(
{
default
:
''
})
public
value
!
:
string
;
@
Prop
(
)
public
model
!
:
PanelFieldModel
;
@
Prop
()
public
icon
?:
string
;
/**
* 值
*
* @type {string}
* @memberof AppLoginInput
*/
@
Prop
()
public
value
!
:
string
;
/**
* 名称
*
* @type {string}
* @memberof AppLoginInput
*/
@
Prop
()
public
name
!
:
string
;
/**
* 默认图标
*
* @type {string}
* @memberof AppLoginInput
*/
@
Prop
()
public
defaultIcon
?:
string
;
/**
* 容器样式
*
* @type {any}
* @memberof AppLoginInput
*/
public
containerStyle
:
any
=
null
;
/**
* 禁用模式
*
* @type {any}
* @memberof AppLoginInput
*/
public
disabled
:
boolean
=
false
;
/**
* 只读模式
*
* @type {any}
* @memberof AppLoginInput
*/
public
readonly
:
boolean
=
false
;
/**
* 当前值
*
* @type {any}
* @memberof AppLoginInput
*/
get
curValue
()
{
return
this
.
value
;
}
/**
* 值变化
*
* @memberof AppPresetTextInput
*/
set
curValue
(
val
:
any
)
{
this
.
$emit
(
'valueChange'
,
{
name
:
this
.
name
,
value
:
val
});
}
@
Prop
()
public
placeholder
?:
string
;
public
mounted
()
{
if
(
this
.
model
)
{
this
.
containerStyle
=
this
.
model
.
getElementStyle
();
this
.
disabled
=
Object
.
is
(
this
.
model
.
fieldState
,
'1'
);
this
.
readonly
=
Object
.
is
(
this
.
model
.
fieldState
,
'2'
);
}
}
}
</
script
>
<
style
lang=
"less"
>
@import "./app-login-input.less";
</
style
>
\ No newline at end of file
src/model/panel-detail/panel-field.ts
浏览文件 @
734e8aed
...
...
@@ -38,6 +38,16 @@ export class PanelFieldModel extends PanelDetailModel {
*/
public
enableCond
:
number
|
0
|
1
|
2
|
3
=
3
;
/**
* @description 默认状态
* 0 不启用
* 1 只读
* 2 禁用
* @type {('0' | '1' | '2')}
* @memberof PanelFieldModel
*/
public
fieldState
:
'0'
|
'1'
|
'2'
;
/**
* Creates an instance of PanelFieldModel.
* PanelFieldModel 实例
...
...
@@ -49,6 +59,7 @@ export class PanelFieldModel extends PanelDetailModel {
super
(
opts
);
this
.
disabled
=
opts
.
disabled
?
true
:
false
;
this
.
enableCond
=
opts
.
enableCond
;
this
.
fieldState
=
opts
.
fieldState
;
}
/**
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录