src/components/swichLabel/main1-show.vue

@@ -2,35 +2,50 @@
   <div>
      <div class="blog-drawer">
         <a-drawer placement="left" :closable="false" :visible="visible1" :getContainer="'body'"
            :after-visible-change="afterVisibleChange" @close="onClose1" :zIndex="10" :width=270
            :after-visible-change="afterVisibleChange" @close="onClose1" :zIndex="90" :width=270
            :bodyStyle="{padding:'0px'}" :wrapStyle="{padding:'0px',top:'60px'}">
            <boxLeft></boxLeft>
         </a-drawer>

         <a-drawer placement="right" :closable="false" :visible="visible2" :getContainer="'body'"
            :after-visible-change="afterVisibleChange" @close="onClose2" :zIndex="10" :width=270
            :after-visible-change="afterVisibleChange" @close="onClose2" :zIndex="90" :width=270
            :bodyStyle="{padding:'0px'}" :wrapStyle="{padding:'0px',top:'60px'}">
            <boxRight></boxRight>
         </a-drawer>

         <a-modal v-model="visible" title="日志添加" on-ok="handleOk" >
            <template slot="footer">
               <a-button key="back" @click="handleCancel">
                  暂缓
               </a-button>
               <a-button key="submit" type="primary" :loading="loading" @click="handleOk">
                  完事..
               </a-button>
            </template>
            <box10 ref="modal" ></box10>
         </a-modal>

      </div>
      <div class="blog-main">
			
			
         <a-row>
            <a-col v-bind="colApiLeft">
               <boxLeft></boxLeft>
            </a-col>
            <a-col v-bind="colApiMain ">
					

               <a-button @click="showDrawer1">
                  小抽屉1
               </a-button>
               <a-button @click="showDrawer2">
                  小抽屉2
               </a-button>
               <router-view></router-view>
               <a-button @click="showModal">
                  日志
                  <a-icon type="plus-circle" style="margin-left: 0px;"/>
               </a-button>
               <router-view class="fade"></router-view>
            </a-col>
				

            <a-col v-bind="colApiRight" ref="myDrawer">
               <boxRight></boxRight>
            </a-col>
@@ -41,18 +56,39 @@
</template>

<script>
   import box10 from "../mini/box10-add.vue"
   import boxLeft from "../group/boxLeft.vue"
   import boxRight from "../group/boxRight.vue"
   import articleList from "../group/articleList.vue"
   import articleListScorll from "../group/articleListScorll.vue"

   export default {

      components: {
         box10,
         boxLeft,
         boxRight,
         articleList
         articleList,
         articleListScorll,


      },
      methods: {
         showModal() {
            this.visible = true;
         },
         handleOk(e) {
            console.log(this.$refs.modal.form);
		
            this.loading = true;
            setTimeout(() => {
               this.visible = false;
               this.loading = false;
            }, 3000);
         },
         handleCancel(e) {
            this.visible = false;
         },
         afterVisibleChange(val) {},
         showDrawer1() {
            this.visible1 = true;
@@ -69,6 +105,8 @@
      },
      data() {
         return {
            loading: false,
            visible: false,
            visible1: false,
            visible2: false,
            colApiLeft: {
@@ -141,6 +179,10 @@
      border-radius: 15px;
   }

   .holdHeight {
      min-height: 780px;
   }

   .article-detail {
      max-height: 750px;
      overflow: overlay;
@@ -155,7 +197,7 @@
   /*左右两边的盒子容器*/
   .blog-cell {
      opacity: 0.8;
      padding: 0px 25px 10px;
      padding: 0px 14px 10px;
   }

   /*左边部分*/