|
@@ -1,23 +1,26 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="layout">
|
|
|
|
|
- <LayoutTop @chooseMenu="chooseMenu" />
|
|
|
|
|
- <!-- <template> -->
|
|
|
|
|
- <!--v-if="isShowBottomPart" -->
|
|
|
|
|
- <div class="sliderLayout">
|
|
|
|
|
- <div class="shortLine"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <LayoutBottom />
|
|
|
|
|
- <!-- </template> -->
|
|
|
|
|
|
|
+ <div class="layout">
|
|
|
|
|
+ <LayoutTop @chooseMenu="chooseMenu" />
|
|
|
|
|
+ <!-- <template> -->
|
|
|
|
|
+ <!--v-if="isShowBottomPart" -->
|
|
|
|
|
+ <div class="sliderLayout">
|
|
|
|
|
+ <div class="shortLine"></div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <LayoutBottom />
|
|
|
|
|
+ <!-- </template> -->
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
|
import LayoutTop from './components/top.vue';
|
|
import LayoutTop from './components/top.vue';
|
|
|
import LayoutBottom from './components/bottom.vue';
|
|
import LayoutBottom from './components/bottom.vue';
|
|
|
import { defineComponent, ref } from 'vue';
|
|
import { defineComponent, ref } from 'vue';
|
|
|
|
|
+import APP from '@/services';
|
|
|
|
|
+import { OperationTabMenu } from '@/services/go/commonService/interface';
|
|
|
|
|
+import { initData } from '@/common/methods';
|
|
|
|
|
|
|
|
// 控制下半部分是否显示
|
|
// 控制下半部分是否显示
|
|
|
function submitBottomIsShow() {
|
|
function submitBottomIsShow() {
|
|
|
- const isShowBottomPart = ref<boolean>(false);
|
|
|
|
|
|
|
+ const isShowBottomPart = ref<boolean>(true);
|
|
|
function chooseMenu(value: boolean) {
|
|
function chooseMenu(value: boolean) {
|
|
|
isShowBottomPart.value = value;
|
|
isShowBottomPart.value = value;
|
|
|
}
|
|
}
|
|
@@ -31,10 +34,16 @@ export default defineComponent({
|
|
|
LayoutBottom,
|
|
LayoutBottom,
|
|
|
},
|
|
},
|
|
|
setup() {
|
|
setup() {
|
|
|
|
|
+ const menuList = APP.getRef('menus');
|
|
|
const { isShowBottomPart, chooseMenu } = submitBottomIsShow();
|
|
const { isShowBottomPart, chooseMenu } = submitBottomIsShow();
|
|
|
- const visible = ref<boolean>(true);
|
|
|
|
|
|
|
+ initData(() => {
|
|
|
|
|
+ // 判断是否有单据
|
|
|
|
|
+ if (menuList.value.find((e: OperationTabMenu) => e.code === 'bottom')) {
|
|
|
|
|
+ isShowBottomPart.value = true;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
|
|
|
- return { isShowBottomPart, chooseMenu, visible };
|
|
|
|
|
|
|
+ return { isShowBottomPart, chooseMenu };
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
</script>
|
|
</script>
|
|
@@ -44,6 +53,9 @@ export default defineComponent({
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
|
|
+ .layout-bottom-container {
|
|
|
|
|
+ height: 329px;
|
|
|
|
|
+ }
|
|
|
.sliderLayout {
|
|
.sliderLayout {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 4px;
|
|
height: 4px;
|