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

update:更新

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