提交 c16f339c 编写于 作者: Mosher's avatar Mosher

update:更新

上级 b3abdc61
......@@ -6,7 +6,7 @@
<el-menu
:mode="menuDir"
:default-openeds="defaultOpeneds"
:default-active="items[0].id"
:default-active="selection ? selection.id : ''"
@select="onSelect"
@open="onOpen"
@close="onClose">
......@@ -194,10 +194,6 @@
}
});
}
this.$nextTick(() => {
this.onSelect(this.items[0].id)
this.$emit('selectionchange', [this.items[0]]);
});
}
/**
......
.app-dr-bar {
height: 100%;
width: 100%;
background: white;
>.ivu-layout-sider {
background: white;
border-right: solid 1px #e6e6e6;
margin-bottom: 10px;
>.ivu-layout-sider-children {
overflow: auto;
>.el-menu {
height: 100%;
border-right: solid 0px #e6e6e6;
}
> .el-menu {
margin-top: -1px;
border-right: 0;
.el-submenu__title i, .el-menu-item i {
font-size: 14px;
width: 14px;
}
.el-menu-item, .el-submenu__title {
height: 36px;
font-size: 14px;
line-height: 32px;
> img {
height: 18px;
width: 18px;
margin-top: -2px;
margin-right: 5px;
}
}
.el-menu-item, .el-submenu, .el-menu {
border-top: 1px solid #fff;
}
.el-menu-item, .el-submenu > .el-submenu__title {
height: 40px;
line-height: 36px;
border-left: 3px solid transparent;
padding-left: 16px !important;
}
.el-menu-item.is-active {
background: #e9e9e9 !important;
color: #666666 !important;
border-left: 3px solid #3fd5c0;
i {
color: #666666;
}
}
// .app-menu-icon {
// margin-right: 3px;
// }
> .el-submenu {
> .el-menu {
> .el-menu-item, > .el-submenu > .el-submenu__title {
padding-left: 38px !important;
}
> .el-submenu {
> .el-menu {
> .el-menu-item, > .el-submenu > .el-submenu__title {
padding-left: 58px !important;
}
}
}
}
}
}
}
}
>content {
height: 100%;
.main-data {
width: 100%;
height: 100%;
padding: 0 15px;
}
}
}
<#ibizinclude>
../@MACRO/CSS/DEFAULT.less.ftl
.app-dr-bar {
height: 100%;
width: 100%;
background: white;
> .el-menu {
height: 100%;
border-right: solid 0px #e6e6e6;
}
> .el-menu {
margin-top: -1px;
border-right: 0;
.el-submenu__title i,
.el-menu-item i {
font-size: 14px;
width: 14px;
}
.el-menu-item,
.el-submenu__title {
height: 36px;
font-size: 14px;
line-height: 32px;
> img {
height: 18px;
width: 18px;
margin-top: -2px;
margin-right: 5px;
}
}
.el-menu-item,
.el-submenu,
.el-menu {
border-top: 1px solid #fff;
}
.el-menu-item,
.el-submenu > .el-submenu__title {
height: 40px;
line-height: 36px;
border-left: 3px solid transparent;
}
.el-menu-item.is-active {
background: #e9e9e9 !important;
color: #666666 !important;
border-left: 3px solid #3fd5c0;
i {
color: #666666;
}
}
// .app-menu-icon {
// margin-right: 3px;
// }
> .el-submenu {
> .el-menu {
> .el-menu-item,
> .el-submenu > .el-submenu__title {
padding-left: 38px !important;
}
> .el-submenu {
> .el-menu {
> .el-menu-item,
> .el-submenu > .el-submenu__title {
padding-left: 58px !important;
}
}
}
}
}
}
}
<#ibizinclude>
../@MACRO/CSS/DEFAULT.less.ftl
</#ibizinclude>
\ No newline at end of file
.view-card {
>.ivu-card-extra {
top: 5px;
right: 0px;
}
}
.edit-view2 {
flex-direction: row !important;
overflow: auto;
.view-form {
overflow: auto;
}
}
.${srffilepath2(view.getCodeName())}{
> .view-card > .ivu-card-body{
display: flex;
flex-direction: column;
}
}
<#ibizinclude>
../@MACRO/DEFAULT.less.ftl
.view-card {
>.ivu-card-extra {
top: 5px;
right: 0px;
}
}
.edit-view2-drbar__caption {
height: 40px;
line-height: 40px;
padding-left: 20px;
background: #fff;
color: #303133;
border-left: 3px solid #fff;
}
.edit-view2-drbar__caption.is-active {
background: #e9e9e9;
color: #666666;
border-left: 3px solid #3fd5c0;
}
.edit-view2-drbar {
.app-dr-bar {
height: calc(100% - 40px);
padding: 0;
}
}
<#ibizinclude>
../@MACRO/DEFAULT.less.ftl
</#ibizinclude>
\ No newline at end of file
......@@ -25,37 +25,39 @@
</#ibizinclude>
</@ibizindent>
<#-- END:视图内容区视图消息 -->
<layout class="content-container edit-view2">
<sider class="edit-view2-drbar" :width="<#if view.hasPSControl('drbar') && view.getPSControl('drbar').getWidth?? && view.getPSControl('drbar').getWidth()?? && view.getPSControl('drbar').getWidth() gt 240>${view.getPSControl('drbar').getWidth()?c}<#else>240</#if>">
<#if view.hasPSControl('drbar') && view.hasPSControl('form')>
<div :class="{'edit-view2-drbar__caption': true, 'is-active': !(drItem && drItem.id && drItem.id !== 'form')}" @click="drBarChange">
<span><#if view.getPSControl('drbar').getEditItemCaption?? && view.getPSControl('drbar').getEditItemCaption()??>${view.getPSControl('drbar').getEditItemCaption()}</#if></span>
</div>
<#if view.hasPSControl('drbar')>
<@ibizindent blank=8>
${P.getCtrlCode('drbar', 'CONTROL.html').code}
</@ibizindent>
<div class="content-container">
<layout class="edit-view2">
<sider class="edit-view2-drbar" :width="<#if view.hasPSControl('drbar') && view.getPSControl('drbar').getWidth?? && view.getPSControl('drbar').getWidth()?? && view.getPSControl('drbar').getWidth() gt 240>${view.getPSControl('drbar').getWidth()?c}<#else>240</#if>">
<#if view.hasPSControl('drbar') && view.hasPSControl('form')>
<div :class="{'edit-view2-drbar__caption': true, 'is-active': !(drItem && drItem.id && drItem.id !== 'form')}" @click="drBarChange">
<span><#if view.getPSControl('drbar').getEditItemCaption?? && view.getPSControl('drbar').getEditItemCaption()??>${view.getPSControl('drbar').getEditItemCaption()}</#if></span>
</div>
<#if view.hasPSControl('drbar')>
<@ibizindent blank=8>
${P.getCtrlCode('drbar', 'CONTROL.html').code}
</@ibizindent>
</#if>
</#if>
</#if>
</sider>
<content class="edit-view2-content" :style="{ width: 'calc(100% - <#if view.hasPSControl('drbar') && view.getPSControl('drbar').getWidth?? && view.getPSControl('drbar').getWidth()?? && view.getPSControl('drbar').getWidth() gt 240>${view.getPSControl('drbar').getWidth()?c}<#else>241</#if>px)' }">
<div class="edit-view2-content__form" :style="drItem && drItem.id && drItem.id !== 'form' ? 'display: none' : ''">
<#if view.hasPSControl('form')>
<@ibizindent blank=8>
${P.getCtrlCode('form', 'CONTROL.html').code}
</@ibizindent>
</#if>
</div>
<component
class="view-container2"
v-if="drItem && drItem.id && drItem.id !== 'form'"
:is="drItem.drView"
:viewDefaultUsage="false"
:viewdata="JSON.stringify(drItem.srfnavdata.context)"
:viewparam="JSON.stringify(drItem.srfnavdata.viewparams)">
</component>
</content>
</layout>
</sider>
<content class="edit-view2-content" :style="{ width: 'calc(100% - <#if view.hasPSControl('drbar') && view.getPSControl('drbar').getWidth?? && view.getPSControl('drbar').getWidth()?? && view.getPSControl('drbar').getWidth() gt 240>${view.getPSControl('drbar').getWidth()?c}<#else>241</#if>px)' }">
<div class="edit-view2-content__form" :style="drItem && drItem.id && drItem.id !== 'form' ? 'display: none' : ''">
<#if view.hasPSControl('form')>
<@ibizindent blank=8>
${P.getCtrlCode('form', 'CONTROL.html').code}
</@ibizindent>
</#if>
</div>
<component
class="view-container2"
v-if="drItem && drItem.id && drItem.id !== 'form'"
:is="drItem.drView"
:viewDefaultUsage="false"
:viewdata="JSON.stringify(drItem.srfnavdata.context)"
:viewparam="JSON.stringify(drItem.srfnavdata.viewparams)">
</component>
</content>
</layout>
</div>
<#-- BEGIN:视图底部视图消息 -->
<@ibizindent blank=8>
<#ibizinclude>
......
......@@ -26,6 +26,12 @@
*/
public formData:any = {};
/**
* 关系栏变化
*
* @type {*}
* @memberof ${srfclassname('${view.name}')}Base
*/
public drBarChange() {
if (this.engine) {
this.engine.drBarSelectionChange({ id: 'form' });
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册