快速報名

web/admin/order/index3.aspx

@@ -1,12 +1,21 @@
 <%@ Page Title="" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" CodeFile="index3.aspx.cs" Inherits="admin_order_index3" %>
 <%@ Register Src="~/admin/_uc/alert.ascx" TagPrefix="uc1" TagName="alert" %>
 <asp:Content ID="Content1" ContentPlaceHolderID="page_header" runat="Server">
+    <style>
+        .modify_modal{
+            width:calc(100vw-20%);
+            background-color:white;
+            opacity:1;
+            z-index:1046 !important;
+        }
+    </style>
 </asp:Content>
 <asp:Content ID="Content2" ContentPlaceHolderID="page_nav" runat="Server">
        
 </asp:Content>
 <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
     <uc1:alert runat="server" ID="L_msg" Text="" />
+    
 
     <keep-alive>
         <component
@@ -16,8 +25,24 @@
     </keep-alive>  
 
 
-<div id="print_data">
-</div>        
+    <div id="print_data">
+
+    </div>        
+<%--        <v-container>
+         <v-card>
+               <v-card-text>
+       <v-dialog v-model="modify_dialog.show" class="modify_modal">
+        <template>
+            
+              <keep-alive>
+                <component :is="modifyView" @close-dialog="modify_dialog.show=false"></component>
+              </keep-alive>
+          
+        </template>
+   </v-dialog>
+                   </v-card-text>
+             </v-card>
+ </v-container>--%>
 </asp:Content>
 <asp:Content ID="Content4" ContentPlaceHolderID="offCanvasRight" runat="Server">
         
@@ -625,6 +650,9 @@
            Vue.component('step-two', {
                template: `
                  <div  class="container-fluid">
+                    <template>
+                    <button class='btn btn-plus' @click.prevent='fast_signup'>快速報名</button>
+                    </template>
                     <v-data-table
                         v-model="detail_table.selected"
                         :items="detail_table.list"
@@ -728,6 +756,10 @@
                    
                },
                methods: {
+                   fast_signup() {
+                       //this.$root.modify_dialog.show = true
+                       this.$root.currentView = "step-three"
+                   },
                    getDetail() {
                        const { sortBy, sortDesc, page, itemsPerPage } = this.options
                        const params = {
@@ -765,13 +797,8 @@
            let VueApp = new Vue({
                el: '#app',
                vuetify: new Vuetify(),
-               data() {
-                   return {
-                       currentView: 'step-one',
-                       selected_act: '',
-                       selected_order:'',
-                   };
-               },activated() {
+               
+               activated() {
                    console.log("yes ,go go");
                    this.getDetail();
                },
@@ -779,6 +806,8 @@
                    return {
                        options: { multiSort: false },
                        search_options: { multiSort: false },
+                       selected_act: '',
+                       selected_order: '',
                        sign_table: {
                            loading: true,
                            list: [],
@@ -812,7 +841,10 @@
                            country: '',
                            country2: '',
                            hasPrice: '',
-                       }
+                       },
+                       modifyView: '',
+                       modify_dialog: { show: false },
+                       currentView: 'step-one',
                    };
                },
                watch: {