|
@@ -1,9 +1,91 @@
|
|
<template>
|
|
<template>
|
|
- <div>mainMenu</div>
|
|
|
|
|
|
+ <div class="main1">
|
|
|
|
+ <div class="main-top2">
|
|
|
|
+ <div class="FengXianDIV1">
|
|
|
|
+ <span class="pr15 pl15" style="font-weight: bold">{{ title }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="GeneralSelectDiv1">
|
|
|
|
+ <ul class="productsuse inlineblock vm"></ul>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="clearboth"></div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-export default {}
|
|
|
|
|
|
+import { mapGetters, mapState } from 'vuex'
|
|
|
|
+export default {
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ // 标题
|
|
|
|
+ title: undefined,
|
|
|
|
+ // 弹出框标题
|
|
|
|
+ // dialogTitle: undefined,
|
|
|
|
+ // 文档列表
|
|
|
|
+ docList: [],
|
|
|
|
+ // 控制弹窗显隐
|
|
|
|
+ // dialogVisible: false,
|
|
|
|
+ // 当前父菜单对象
|
|
|
|
+ currentMenu: {},
|
|
|
|
+ // 菜单位置
|
|
|
|
+ type: undefined,
|
|
|
|
+ //选中的小文档数组
|
|
|
|
+ // selectDocList: [],
|
|
|
|
+ //当前菜单路由id
|
|
|
|
+ routeId: undefined,
|
|
|
|
+ // 记录选中顺序
|
|
|
|
+ // sort: 0
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ computed: {
|
|
|
|
+ ...mapState(['settings']),
|
|
|
|
+ ...mapGetters(['sidebarRouters', 'sidebar'])
|
|
|
|
+ },
|
|
|
|
+ watch: {
|
|
|
|
+ // 监听路由跳转
|
|
|
|
+ $route: {
|
|
|
|
+ handler: function (route) {
|
|
|
|
+ this.routeId = route.query.id
|
|
|
|
+ this.init(this.routeId)
|
|
|
|
+ },
|
|
|
|
+ //一进页面就执行
|
|
|
|
+ immediate: true
|
|
|
|
+ //deep:true
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ // 获取菜单
|
|
|
|
+ init(routeId) {
|
|
|
|
+ // this.docList = this.sidebarRouters.filter((item) => item.menuId == routeId)
|
|
|
|
+ console.log(this.sidebarRouters)
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style></style>
|
|
|
|
|
|
+<style>
|
|
|
|
+.main1 {
|
|
|
|
+ min-height: calc(100vh - 73px);
|
|
|
|
+ padding: 10px 10px 0 10px;
|
|
|
|
+ box-shadow: #dac488 0px 0px 14px inset;
|
|
|
|
+ /* margin-top: -10px; */
|
|
|
|
+ /* margin-left: -10px; */
|
|
|
|
+ background-color: #000;
|
|
|
|
+}
|
|
|
|
+.main-top2 {
|
|
|
|
+ position: relative;
|
|
|
|
+ height: 60px;
|
|
|
|
+ border-bottom: 2px solid #ffeb9c;
|
|
|
|
+ width: 100%;
|
|
|
|
+}
|
|
|
|
+.FengXianDIV1 {
|
|
|
|
+ height: 60px;
|
|
|
|
+ line-height: 60px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ border-top-left-radius: 6px;
|
|
|
|
+ border-top-right-radius: 6px;
|
|
|
|
+ background-color: #ffeb9c;
|
|
|
|
+ min-width: 150px;
|
|
|
|
+ float: left;
|
|
|
|
+}
|
|
|
|
+</style>
|