Skip to content

iBiz-Vue-R7
iBiz-Vue-R7
提交 218333d5 编写于 作者: tony001's avatar tony001
浏览文件
操作

增加数据视图操作栏UI

上级 ef18acdf
隐藏空白字符变更
内嵌 并排
正在显示 包含 61 行增加 和 29 行删除
@CONTROL/数据视图/CONTROL-BASE.vue.ftl
浏览文件 @ 218333d5
...@@ -46,12 +46,22 @@ ...@@ -46,12 +46,22 @@
<#elseif ctrl.itemRender??> <#elseif ctrl.itemRender??>
${ctrl.itemRender.code} ${ctrl.itemRender.code}
<#else> <#else>
<img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" /> <div class="data-view-item">
<img v-else src="/assets/img/noimage.png" class="single-card-img" /> <img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" />
<div class="single-card-default"> <img v-else src="/assets/img/noimage.png" class="single-card-img" />
<Tooltip :content="item.srfmajortext"> <div class="single-card-default">
{{item.srfmajortext}} <Tooltip :content="item.srfmajortext">
</Tooltip> {{item.srfmajortext}}
</Tooltip>
</div>
</div>
<div class="data-view-item-action">
<template v-for="(action,index) in Object.keys(ActionModel)">
<button type="info" :key="index" @click="uiAction(item, action, $event)">
<i :class="ActionModel[action].icon" style="margin-right:2px;"></i>
<span>{{ActionModel[action].caption}}</span>
</button>
</template>
</div> </div>
</#if> </#if>
</el-card> </el-card>
...@@ -75,12 +85,22 @@ ...@@ -75,12 +85,22 @@
<#elseif ctrl.itemRender??> <#elseif ctrl.itemRender??>
${ctrl.itemRender.code} ${ctrl.itemRender.code}
<#else> <#else>
<img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" /> <div class="data-view-item">
<img v-else src="/assets/img/noimage.png" class="single-card-img" /> <img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" />
<div class="single-card-default"> <img v-else src="/assets/img/noimage.png" class="single-card-img" />
<Tooltip :content="item.srfmajortext"> <div class="single-card-default">
{{item.srfmajortext}} <Tooltip :content="item.srfmajortext">
</Tooltip> {{item.srfmajortext}}
</Tooltip>
</div>
</div>
<div class="data-view-item-action">
<template v-for="(action,index) in Object.keys(ActionModel)">
<button type="info" :key="index" @click="uiAction(item, action, $event)">
<i :class="ActionModel[action].icon" style="margin-right:2px;"></i>
<span>{{ActionModel[action].caption}}</span>
</button>
</template>
</div> </div>
</#if> </#if>
</el-card> </el-card>
...@@ -914,7 +934,7 @@ import CodeListService from "@/codelist/codelist-service"; ...@@ -914,7 +934,7 @@ import CodeListService from "@/codelist/codelist-service";
</#list> </#list>
</#if> </#if>
} }
<#ibizinclude> <#ibizinclude>
../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl ../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
</#ibizinclude> </#ibizinclude>
......
@CONTROL/数据视图/CONTROL.less.ftl
浏览文件 @ 218333d5
...@@ -98,23 +98,35 @@ ...@@ -98,23 +98,35 @@
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
border: 2px solid transparent; border: 2px solid transparent;
.single-card-default { .data-view-item{
.ivu-tooltip{ .single-card-default {
.ivu-tooltip-rel{ .ivu-tooltip{
width: 150px; .ivu-tooltip-rel{
white-space: nowrap; width: 150px;
text-overflow: ellipsis; white-space: nowrap;
overflow: hidden; text-overflow: ellipsis;
text-align: left; overflow: hidden;
padding-left: 5px; text-align: left;
font-size: 18px; padding-left: 5px;
font-weight: 800; font-size: 18px;
} font-weight: 800;
} }
}
}
.single-card-img {
width: 150px;
height: calc(100% - 32px);
}
} }
.single-card-img { .data-view-item-action{
width: 150px; button{
height: calc(100% - 32px); margin: 0 3px;
cursor: pointer;
padding:3px;
}
button:hover{
color: #409eff;
}
} }
} }
.isselected{ .isselected{
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或