generated from Leo_Ding/web-template
Compare commits
No commits in common. "65ea48af371e5b20b463b103ad7c794226bf76eb" and "b0af79cb08606e3536a1aadcc4e70088628e1f7a" have entirely different histories.
65ea48af37
...
b0af79cb08
@ -1,112 +1,110 @@
|
|||||||
<template>
|
<template>
|
||||||
<a-spin :spinning="spinning" tip="Loading..." size="large">
|
<a-layout class="layout">
|
||||||
<a-layout class="layout">
|
<template #default>
|
||||||
<template #default>
|
<!-- 上下布局 -->
|
||||||
<!-- 上下布局 -->
|
<template v-if="config.layout === 'topBottom'">
|
||||||
<template v-if="config.layout === 'topBottom'">
|
<!-- 侧边菜单 -->
|
||||||
<!-- 侧边菜单 -->
|
<template v-if="config.menuMode === 'side'">
|
||||||
<template v-if="config.menuMode === 'side'">
|
<basic-header :theme="config.headerTheme" @config="$refs.configDialogRef.handleOpen()">
|
||||||
<basic-header :theme="config.headerTheme" @config="$refs.configDialogRef.handleOpen()">
|
<template #left>
|
||||||
<template #left>
|
<brand :theme="config.headerTheme"></brand>
|
||||||
<brand :theme="config.headerTheme"></brand>
|
</template>
|
||||||
</template>
|
</basic-header>
|
||||||
</basic-header>
|
<a-layout>
|
||||||
<a-layout>
|
|
||||||
<basic-side :theme="config.sideTheme" :style="{
|
|
||||||
height: `calc(100vh - ${config.headerHeight}px)`,
|
|
||||||
top: `${config.headerHeight}px`,
|
|
||||||
}">
|
|
||||||
<basic-menu :theme="config.sideTheme" :data-list="sideMenuList"></basic-menu>
|
|
||||||
</basic-side>
|
|
||||||
<a-layout>
|
|
||||||
<multi-tab v-if="config.multiTab"></multi-tab>
|
|
||||||
<basic-content></basic-content>
|
|
||||||
</a-layout>
|
|
||||||
</a-layout>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<!-- 混合菜单 -->
|
|
||||||
<template v-if="config.menuMode === 'mix'">
|
|
||||||
<basic-header :theme="config.headerTheme" @config="$refs.configDialogRef.handleOpen()">
|
|
||||||
<template #left>
|
|
||||||
<brand :theme="config.headerTheme"></brand>
|
|
||||||
</template>
|
|
||||||
<basic-menu mode="horizontal" :theme="config.headerTheme"
|
|
||||||
:data-list="topMenuList"></basic-menu>
|
|
||||||
</basic-header>
|
|
||||||
<a-layout>
|
|
||||||
<template v-if="sideMenuList.length">
|
|
||||||
<basic-side :theme="config.sideTheme" :style="{
|
|
||||||
height: `calc(100vh - ${config.headerHeight}px)`,
|
|
||||||
top: `${config.headerHeight}px`,
|
|
||||||
}">
|
|
||||||
<basic-menu :theme="config.sideTheme" :data-list="sideMenuList"></basic-menu>
|
|
||||||
</basic-side>
|
|
||||||
</template>
|
|
||||||
<a-layout>
|
|
||||||
<multi-tab v-if="config.multiTab"></multi-tab>
|
|
||||||
<basic-content></basic-content>
|
|
||||||
</a-layout>
|
|
||||||
</a-layout>
|
|
||||||
</template>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<!-- 左右布局 -->
|
|
||||||
<template v-if="config.layout === 'leftRight'">
|
|
||||||
<!-- 侧边菜单 -->
|
|
||||||
<template v-if="config.menuMode === 'side'">
|
|
||||||
<basic-side :theme="config.sideTheme" :style="{
|
<basic-side :theme="config.sideTheme" :style="{
|
||||||
height: `100vh`,
|
height: `calc(100vh - ${config.headerHeight}px)`,
|
||||||
top: 0,
|
top: `${config.headerHeight}px`,
|
||||||
}">
|
}">
|
||||||
<template #header>
|
|
||||||
<brand :theme="config.sideTheme"></brand>
|
|
||||||
</template>
|
|
||||||
<basic-menu :theme="config.sideTheme" :data-list="sideMenuList"></basic-menu>
|
<basic-menu :theme="config.sideTheme" :data-list="sideMenuList"></basic-menu>
|
||||||
</basic-side>
|
</basic-side>
|
||||||
<a-layout>
|
<a-layout>
|
||||||
<basic-header :theme="config.headerTheme" @config="$refs.configDialogRef.handleOpen()">
|
|
||||||
</basic-header>
|
|
||||||
<multi-tab v-if="config.multiTab"></multi-tab>
|
<multi-tab v-if="config.multiTab"></multi-tab>
|
||||||
<basic-content></basic-content>
|
<basic-content></basic-content>
|
||||||
</a-layout>
|
</a-layout>
|
||||||
</template>
|
</a-layout>
|
||||||
<!-- 混合菜单 -->
|
|
||||||
<template v-if="config.menuMode === 'mix'">
|
|
||||||
<basic-side :theme="config.sideTheme" :style="{
|
|
||||||
height: `100vh`,
|
|
||||||
top: 0,
|
|
||||||
}">
|
|
||||||
<template #header>
|
|
||||||
<brand :theme="config.sideTheme"></brand>
|
|
||||||
</template>
|
|
||||||
<basic-menu :theme="config.sideTheme" :data-list="sideMenuList"></basic-menu>
|
|
||||||
</basic-side>
|
|
||||||
<a-layout>
|
|
||||||
<basic-header :theme="config.headerTheme" @config="$refs.configDialogRef.handleOpen()">
|
|
||||||
<basic-menu mode="horizontal" :theme="config.headerTheme"
|
|
||||||
:data-list="topMenuList"></basic-menu>
|
|
||||||
</basic-header>
|
|
||||||
<multi-tab v-if="config.multiTab"></multi-tab>
|
|
||||||
<basic-content></basic-content>
|
|
||||||
</a-layout>
|
|
||||||
</template>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- 顶部菜单，不区分布局方式 -->
|
<!-- 混合菜单 -->
|
||||||
<template v-if="config.menuMode === 'top'">
|
<template v-if="config.menuMode === 'mix'">
|
||||||
<basic-header :theme="config.headerTheme" @config="$refs.configDialogRef.handleOpen()">
|
<basic-header :theme="config.headerTheme" @config="$refs.configDialogRef.handleOpen()">
|
||||||
<template #left>
|
<template #left>
|
||||||
<brand :theme="config.headerTheme"></brand>
|
<brand :theme="config.headerTheme"></brand>
|
||||||
</template>
|
</template>
|
||||||
<basic-menu mode="horizontal" :theme="config.headerTheme" :data-list="topMenuList"></basic-menu>
|
<basic-menu mode="horizontal" :theme="config.headerTheme" :data-list="topMenuList"></basic-menu>
|
||||||
</basic-header>
|
</basic-header>
|
||||||
<multi-tab v-if="config.multiTab"></multi-tab>
|
<a-layout>
|
||||||
<basic-content></basic-content>
|
<template v-if="sideMenuList.length">
|
||||||
|
<basic-side :theme="config.sideTheme" :style="{
|
||||||
|
height: `calc(100vh - ${config.headerHeight}px)`,
|
||||||
|
top: `${config.headerHeight}px`,
|
||||||
|
}">
|
||||||
|
<basic-menu :theme="config.sideTheme" :data-list="sideMenuList"></basic-menu>
|
||||||
|
</basic-side>
|
||||||
|
</template>
|
||||||
|
<a-layout>
|
||||||
|
<multi-tab v-if="config.multiTab"></multi-tab>
|
||||||
|
<basic-content></basic-content>
|
||||||
|
</a-layout>
|
||||||
|
</a-layout>
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
</a-layout>
|
|
||||||
</a-spin>
|
<!-- 左右布局 -->
|
||||||
|
<template v-if="config.layout === 'leftRight'">
|
||||||
|
<!-- 侧边菜单 -->
|
||||||
|
<template v-if="config.menuMode === 'side'">
|
||||||
|
<basic-side :theme="config.sideTheme" :style="{
|
||||||
|
height: `100vh`,
|
||||||
|
top: 0,
|
||||||
|
}">
|
||||||
|
<template #header>
|
||||||
|
<brand :theme="config.sideTheme"></brand>
|
||||||
|
</template>
|
||||||
|
<basic-menu :theme="config.sideTheme" :data-list="sideMenuList"></basic-menu>
|
||||||
|
</basic-side>
|
||||||
|
<a-layout>
|
||||||
|
<basic-header :theme="config.headerTheme" @config="$refs.configDialogRef.handleOpen()">
|
||||||
|
</basic-header>
|
||||||
|
<multi-tab v-if="config.multiTab"></multi-tab>
|
||||||
|
<basic-content></basic-content>
|
||||||
|
</a-layout>
|
||||||
|
</template>
|
||||||
|
<!-- 混合菜单 -->
|
||||||
|
<template v-if="config.menuMode === 'mix'">
|
||||||
|
<basic-side :theme="config.sideTheme" :style="{
|
||||||
|
height: `100vh`,
|
||||||
|
top: 0,
|
||||||
|
}">
|
||||||
|
<template #header>
|
||||||
|
<brand :theme="config.sideTheme"></brand>
|
||||||
|
</template>
|
||||||
|
<basic-menu :theme="config.sideTheme" :data-list="sideMenuList"></basic-menu>
|
||||||
|
</basic-side>
|
||||||
|
<a-layout>
|
||||||
|
<basic-header :theme="config.headerTheme" @config="$refs.configDialogRef.handleOpen()">
|
||||||
|
<basic-menu mode="horizontal" :theme="config.headerTheme"
|
||||||
|
:data-list="topMenuList"></basic-menu>
|
||||||
|
</basic-header>
|
||||||
|
<multi-tab v-if="config.multiTab"></multi-tab>
|
||||||
|
<basic-content></basic-content>
|
||||||
|
</a-layout>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- 顶部菜单，不区分布局方式 -->
|
||||||
|
<template v-if="config.menuMode === 'top'">
|
||||||
|
<basic-header :theme="config.headerTheme" @config="$refs.configDialogRef.handleOpen()">
|
||||||
|
<template #left>
|
||||||
|
<brand :theme="config.headerTheme"></brand>
|
||||||
|
</template>
|
||||||
|
<basic-menu mode="horizontal" :theme="config.headerTheme" :data-list="topMenuList"></basic-menu>
|
||||||
|
</basic-header>
|
||||||
|
<multi-tab v-if="config.multiTab"></multi-tab>
|
||||||
|
<basic-content></basic-content>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</a-layout>
|
||||||
|
|
||||||
<config-dialog ref="configDialogRef"></config-dialog>
|
<config-dialog ref="configDialogRef"></config-dialog>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -129,22 +127,15 @@ defineOptions({
|
|||||||
})
|
})
|
||||||
|
|
||||||
useMultiTab()
|
useMultiTab()
|
||||||
const spinning = ref(false)
|
|
||||||
const appStore = useAppStore()
|
const appStore = useAppStore()
|
||||||
const dicsStore = useDicsStore()
|
const dicsStore = useDicsStore()
|
||||||
initData()
|
initData()
|
||||||
async function initData() {
|
async function initData() {
|
||||||
try {
|
storage.local.setItem('companyId','C001')
|
||||||
spinning.value = true
|
await dicsStore.loadProvinces() // 加载省份数据
|
||||||
storage.local.setItem('companyId', 'C001')
|
await dicsStore.loadAllDictData() // 加载字典数据
|
||||||
await dicsStore.loadProvinces() // 加载省份数据
|
await dicsStore.loadOrgTree()
|
||||||
await dicsStore.loadAllDictData() // 加载字典数据
|
|
||||||
await dicsStore.loadOrgTree()
|
|
||||||
spinning.value = false
|
|
||||||
} catch (error) {
|
|
||||||
spinning.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const { sideMenuList, topMenuList } = useMenu()
|
const { sideMenuList, topMenuList } = useMenu()
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user