From 38a800ff006e7d90342ceb53ad547a8aaa2bd4d5 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Wed, 24 Aug 2022 03:42:28 +0800 Subject: [PATCH] 月台新增图库标签 --- src/components/swichLabel/main1-home.vue | 42 +++++++++++++++++++++++++++++++++--------- 1 files changed, 33 insertions(+), 9 deletions(-) diff --git a/src/components/swichLabel/main1-home.vue b/src/components/swichLabel/main1-home.vue index 90cac56..3ac5f97 100644 --- a/src/components/swichLabel/main1-home.vue +++ b/src/components/swichLabel/main1-home.vue @@ -1,7 +1,9 @@ <template> <div> - <MyModal ref="myModal"></MyModal> - <MyPreviewModal ref="MyPreviewModal"></MyPreviewModal> + <MyModal ref="myModal" /> + <MyPreviewModal ref="MyPreviewModal" /> + <MyMessage ref="MyMessage" v-if="openMessage" /> + <MyLink ref="MyLink" v-if="openLinkAdd" /> <div class="blog-drawer"> <a-drawer placement="left" :closable="false" :visible="visibleDrawer" :getContainer="'body'" @@ -25,21 +27,23 @@ <a-col v-bind="colApiMain"> <a-col v-bind="colMini" :style="{'position':'absolute','right':'5px'}"> - <a-affix :offset-top="550"> + <a-affix :offset-top="500"> <a-button @click="showDrawer" style="padding:0px 10px"> <a-icon type="left-circle" /> + </a-button> + <a-button @click="showMessage" style="margin-top:10px;padding:0px 10px"> + <a-icon type="message" /> </a-button> </a-affix> </a-col> <keep-alive> - <transition name="fade"> - <router-view></router-view> - </transition> + <router-view></router-view> </keep-alive> </a-col> <a-col v-bind="colApiRight"> - <tool @showModal="showModal" @showPreview="showPreview" @showScreen="showScreen" /> + <tool @showModal="showModal" @showPreview="showPreview" @showScreen="showScreen" + @showMessage="showMessage" @addLink="addLink" /> </a-col> </a-row> </div> @@ -53,6 +57,8 @@ import tool from "../group/tool.vue" import MyModal from "../group/MyModal.vue" import MyPreviewModal from "../group/MyPreviewModal.vue" + import MyMessage from "../group/MyMessage.vue" + import MyLink from "../group/MyLink.vue" import screenConfig from "../../config/screenConfig.js" @@ -64,6 +70,8 @@ tool, MyModal, MyPreviewModal, + MyMessage, + MyLink, }, methods: { showScreen() { @@ -78,11 +86,23 @@ } this.scale = !this.scale; }, + addLink() { + this.openLinkAdd = true + this.$nextTick(function() { + this.$refs.MyLink.showModal(); + }) + }, showModal() { this.$refs.myModal.showModal(); }, showPreview() { this.$refs.MyPreviewModal.showModal(); + }, + showMessage() { + this.openMessage = true + this.$nextTick(function() { + this.$refs.MyMessage.showModal(); + }) }, afterVisibleChange(val) {}, showDrawer() { @@ -99,9 +119,12 @@ colMini: screenConfig.colMini, colApiLeft: screenConfig.colApiLeft, colApiRight: screenConfig.colApiRight, - colApiMain: screenConfig.colApiMain + colApiMain: screenConfig.colApiMain, + openLinkAdd: false, + openMessage: false, } - } + }, + } </script> @@ -140,6 +163,7 @@ .blog-main { + min-height: 860px; margin-top: 80px; padding-left: 3%; padding-right: 3%; -- Gitblit v1.9.1