Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
260cdd17
提交
260cdd17
编写于
12月 05, 2020
作者:
hudan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
新增数据视图面板自定义插件
上级
963b7c4e
变更
2
显示空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
105 行增加
和
0 行删除
+105
-0
app-data-card.less
src/components/app-data-card/app-data-card.less
+44
-0
app-data-card.vue
src/components/app-data-card/app-data-card.vue
+61
-0
未找到文件。
src/components/app-data-card/app-data-card.less
0 → 100644
浏览文件 @
260cdd17
.app-data-card{
padding: 10px;
.data-item{
display: flex;
margin-bottom: 16px;
.item-text{
.srfmajortext{
font-size: 18px;
font-weight: bold;
}
.srfdescription{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
}
.item-icon{
width: 50px;
height: 50px;
margin-right: 10px;
.single-card-img{
border-radius: 50%;
width: 100%;
height: 100%;
}
}
}
.data-view-item-action{
width: 100%;
display: flex;
justify-content: space-around;
border-top: 1px solid #e2e2e2;
padding-top: 10px;
button{
width: 50%;
font-size: 15px;
border: none;
background-color: transparent;
border: none;
}
}
}
\ No newline at end of file
src/components/app-data-card/app-data-card.vue
0 → 100644
浏览文件 @
260cdd17
<
template
>
<div
class=
"app-data-card"
>
<div
class=
"data-item"
>
<div
class=
"item-icon"
>
<img
v-if=
"inputData.srficonpath"
:src=
"inputData.srficonpath"
class=
"single-card-img"
/>
<img
v-else
src=
"/assets/img/noimage.png"
class=
"single-card-img"
/>
</div>
<div
class=
"item-text"
>
<div
class=
"srfmajortext"
>
{{
inputData
.
srfmajortext
}}
</div>
<div
class=
"srfdescription"
>
{{
inputData
.
srfdescription
}}
</div>
</div>
</div>
<div
class=
"data-view-item-action"
>
<template
v-for=
"(action,index) in Object.keys(actionModel)"
>
<button
type=
"info"
:key=
"index"
@
click=
"uiAction(inputData, action, $event)"
>
<i
:class=
"actionModel[action].icon"
style=
"margin-right:2px;"
></i>
<span>
{{
actionModel
[
action
].
caption
}}
</span>
</button>
</
template
>
</div>
</div>
</template>
<
script
lang=
"ts"
>
import
{
Component
,
Vue
,
Prop
,
Model
,
Watch
}
from
'vue-property-decorator'
;
import
{
Subject
,
Subscription
}
from
'rxjs'
;
@
Component
({
})
export
default
class
AppDataCard
extends
Vue
{
/**
* 面板数据对象
*
* @type {*}
* @memberof AppDataCard
*/
@
Prop
()
public
inputData
?:
any
;
/**
* 操作栏模型
*
* @type {*}
* @memberof AppDataCard
*/
@
Prop
()
public
actionModel
:
any
;
/**
* 操作列界面行为
*
* @param {*} data
* @param {*} tag
* @param {*} $event
* @memberof AppDataCard
*/
public
uiAction
(
data
:
any
,
tag
:
any
,
$event
:
any
)
{
this
.
$emit
(
'uiAction'
,
data
,
tag
,
$event
)
}
}
</
script
>
<
style
lang=
"less"
>
@import './app-data-card.less';
</
style
>
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录