src/components/swichLabel/main1-show.vue

@@ -12,19 +12,26 @@
            :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>

         <a-row>
            <a-col v-bind="colApiLeft">
               <div class="myModal">
                  <a-modal v-model="visible" title="日志添加" on-ok="handleOk">
                     <template slot="footer">
                        <a-button key="reset" @click="reset"  type="danger">
                           擦掉重来
                        </a-button>
                        <a-button key="back" @click="handleCancel">
                           歇会
                        </a-button>
                        <a-button key="submit" type="primary" :loading="loading" @click="handleOk">
                           完事<span style="font-size: 10px;">儿</span>..
                        </a-button>
                     </template>
                     <box10 ref="modalBox"></box10>
                  </a-modal>
               </div>
            </a-col>
         </a-row>
      </div>
      <div class="blog-main">
         <a-row>
@@ -41,8 +48,10 @@
               </a-button>
               <a-button @click="showModal">
                  日志
                  <a-icon type="plus-circle" style="margin-left: 0px;"/>
                  <a-icon type="plus-circle" style="margin-left: 0px;" />
               </a-button>
               <tempFriendBox></tempFriendBox>
               <tempBoxActicle></tempBoxActicle>
               <router-view class="fade"></router-view>
            </a-col>

@@ -56,6 +65,9 @@
</template>

<script>
   import tempFriendBox from "../group/tempFriendBox.vue"
   import tempBoxActicle from "../group/tempBoxActicle.vue"
   import tempFormCheck from "../group/tempFormCheck.vue"
   import box10 from "../mini/box10-add.vue"
   import boxLeft from "../group/boxLeft.vue"
   import boxRight from "../group/boxRight.vue"
@@ -65,6 +77,9 @@
   export default {

      components: {
         tempFriendBox,
         tempBoxActicle,
         tempFormCheck,
         box10,
         boxLeft,
         boxRight,
@@ -74,18 +89,37 @@

      },
      methods: {
         getCalendarContainer(trigger) {
            return this.$refs.myModal;
         },
         showModal() {
            this.visible = true;
         },
         handleOk(e) {
            console.log(this.$refs.modal.form);
		
            console.log(this.$refs.modalBox.form);
            var res=this.$refs.modalBox.$refs.myForm.validate(valid => {
               if (valid) {
                  this.$message.info("校验通过")
               } else {
                  this.$message.info("校验失败")
                  return false;
               }
            });
				
				
            if(!res)return;

            this.$message.info("提交表单")

            this.loading = true;
            setTimeout(() => {
               this.visible = false;
               this.loading = false;
            }, 3000);
         },
         reset(e) {
            var res=this.$refs.modalBox.$refs.myForm.resetFields()
         },
         handleCancel(e) {
            this.visible = false;
         },