fix: 底弹窗 样式调整 国际化修改
This commit is contained in:
@@ -316,6 +316,7 @@ export const bottomBoxWindow = {
|
|||||||
|
|
||||||
// 副列表
|
// 副列表
|
||||||
document.querySelector('.sub-list').style.height = vm.bottomBox.mainListHeight ? contentRightHeight - vm.bottomBox.mainListHeight - 9 + 'px' : 'calc(50% - 4px)'
|
document.querySelector('.sub-list').style.height = vm.bottomBox.mainListHeight ? contentRightHeight - vm.bottomBox.mainListHeight - 9 + 'px' : 'calc(50% - 4px)'
|
||||||
|
document.querySelector('.sub-list').style.top = 9 + 'px'
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
if (document.querySelector('.main-list-with-sub').offsetHeight >= 100) {
|
if (document.querySelector('.main-list-with-sub').offsetHeight >= 100) {
|
||||||
vm.bottomBox.mainResizeShow = true
|
vm.bottomBox.mainResizeShow = true
|
||||||
@@ -334,7 +335,7 @@ export const bottomBoxWindow = {
|
|||||||
fullScreen (vm) {
|
fullScreen (vm) {
|
||||||
window.resizing = true
|
window.resizing = true
|
||||||
const contentRightDom = document.querySelector('.list-page') // 右侧内容区
|
const contentRightDom = document.querySelector('.list-page') // 右侧内容区
|
||||||
const contentRightHeight = contentRightDom.offsetHeight - 9// 可视高度
|
const contentRightHeight = contentRightDom.offsetHeight // 可视高度
|
||||||
vm.bottomBox.isFullScreen = true
|
vm.bottomBox.isFullScreen = true
|
||||||
// 主列表
|
// 主列表
|
||||||
vm.bottomBox.mainListHeight = document.querySelector('.main-list-with-sub').offsetHeight // 记录全屏前主列表的高度
|
vm.bottomBox.mainListHeight = document.querySelector('.main-list-with-sub').offsetHeight // 记录全屏前主列表的高度
|
||||||
@@ -342,6 +343,7 @@ export const bottomBoxWindow = {
|
|||||||
vm.bottomBox.mainResizeShow = false
|
vm.bottomBox.mainResizeShow = false
|
||||||
// 副列表
|
// 副列表
|
||||||
document.querySelector('.sub-list').style.height = contentRightHeight + 'px'
|
document.querySelector('.sub-list').style.height = contentRightHeight + 'px'
|
||||||
|
document.querySelector('.sub-list').style.top = 0 + 'px'
|
||||||
window.resizing = false
|
window.resizing = false
|
||||||
},
|
},
|
||||||
showSubListWatch (vm, n) {
|
showSubListWatch (vm, n) {
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
</button>
|
</button>
|
||||||
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
|
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
|
||||||
<el-dropdown-item v-if="showLock">
|
<el-dropdown-item v-if="showLock">
|
||||||
<div @click="editPanel" id="edit-bottom-panel"><i class="nz-icon nz-icon-edit"></i>{{$t('overall.edit')}}</div>
|
<div @click="editPanel" id="edit-bottom-panel"><i class="nz-icon nz-icon-edit"></i>{{$t('dashboard.panel.editPanelTitle')}}</div>
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
<el-dropdown-item v-if="showLock">
|
<el-dropdown-item v-if="showLock">
|
||||||
<div @click="panelLock=!panelLock" id="panel-lock"><i :class="{'nz-icon nz-icon-lock':!panelLock,'nz-icon nz-icon-unlock':panelLock}"></i>{{!panelLock ? $t("overall.locked") : $t("overall.unlocked")}}</div>
|
<div @click="panelLock=!panelLock" id="panel-lock"><i :class="{'nz-icon nz-icon-lock':!panelLock,'nz-icon nz-icon-unlock':panelLock}"></i>{{!panelLock ? $t("overall.locked") : $t("overall.unlocked")}}</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user