快速報名

2026-05-19 17:32:46 +08:00
parent a1751e4b99
commit 9fa8ef90cf
9 changed files with 1506 additions and 25 deletions
@@ -0,0 +1,147 @@
+<%@ Page Title="" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" CodeFile="index4.aspx.cs" Inherits="admin_order_index4" %>
+
+<asp:Content ID="Content1" ContentPlaceHolderID="page_header" Runat="Server">
+        <link rel="stylesheet" href="../../js/_bootstrap-icons-1.8.1/bootstrap-icons.css">
+    <style>
+        .function-icon {
+            font-size: 2em;
+            line-height: 1;
+            align-content: center;
+        }
+
+        .external-link-icon {
+            font-size: 0.8em;
+        }
+
+        .modify_modal {
+            width: calc(100vw-20%);
+            background-color: white;
+            opacity: 0;
+        }
+    </style>
+      <script src="/js/httpVueLoader.js"></script>
+</asp:Content>
+<asp:Content ID="Content2" ContentPlaceHolderID="page_nav" Runat="Server">
+</asp:Content>
+<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
+  <v-container>
+    <div id="content" class="container py-4">
+      <keep-alive>
+            <component :is="currentView" :form-data="$data" 
+                :twoData="twoData"
+                @custom-event="changeView">
+            </component>
+      </keep-alive>  
+    </div>
+  </v-container>
+</asp:Content>
+<asp:Content ID="Content4" ContentPlaceHolderID="offCanvasRight" Runat="Server">
+</asp:Content>
+<asp:Content ID="Content5" ContentPlaceHolderID="footer_script" Runat="Server">
+    <script>
+        let VueApp = new Vue({
+        el: '#app',
+        vuetify: new Vuetify(), 
+        activated() {
+            this.getDetail();
+           
+        },
+        data() {
+            return {
+                options: { multiSort: false },
+                search_options: { multiSort: false },
+                selected_act: '',
+                selected_order: '',
+                sign_table: {
+                    loading: true,
+                    list: [],
+                    selected: [],
+                    singleSelect: false,
+                    count: 0,
+                    page: 1,
+                    pageSize: 10,
+                    header: [
+                        { text: '單號', value: 'order_no' },
+                        { text: '姓名', value: 'u_name' },
+                        { text: '報名日期', value: 'up_time' },
+                        { text: '單據狀態', value: 'keyin1_txt', align: 'start' },
+                        { text: '', value: 'slot_btn', sortable: false, align: 'end' }
+                    ],
+                    footer: {
+                        showFirstLastPage: true,
+                        itemsPerPageOptions: [5, 10, 20, 30],
+                    },
+                },
+                search: {
+                    keyin1: '',
+                    order_no: '',
+                    subject: '',
+                    u_name: '',
+                    up_time1: '',
+                    up_time2: '',
+                    actItemTxt: '',
+                    introducerTxt: '',
+                    activity_num: '',
+                    country: '',
+                    country2: '',
+                    hasPrice: '',
+                },
+                currentView: 'fastSignUp-component',
+                twoData: {}
+            };
+        },
+        components: {
+            'fastSignUp-component': httpVueLoader('./fastSignUp.vue'),
+            'fastSignUp2-component': httpVueLoader('./fastSignUp2.vue'),
+            'fastSignUp3-component': httpVueLoader('./fastSignUp3.vue'),
+        },
+        watch: {
+            options: {
+                handler() {
+                    this.getDetail()
+                },
+                deep: true,
+            },
+
+        },
+        methods: {
+            changeView(item) {
+                console.log(item);
+                if (item.action === "detail") {
+                    this.twoData = item.item.num
+                    console.log(this.twoData);
+                    this.currentView = "fastSignUp2-component"
+                } else if (item.action==="add") {
+                    this.currentView = "fastSignUp3-component"
+                }
+            },
+            getDetail() {
+                const { sortBy, sortDesc, page, itemsPerPage } = this.options
+                const params = {
+                    page: '1', pageSize: 10,
+
+                };
+                this.search = { activity_num: this.$root.selected_act }
+                this.detail_table.loading = true
+                sessionStorage.setItem('orderpage', '1');// clearpage ? '1' : page
+                axios
+                    .post(HTTP_HOST + 'api/order/GetList', this.search, { params: params })
+                    .then(response => {
+                        this.detail_table.list = response.data.list
+                        this.detail_table.count = response.data.count;
+                        this.detail_table.loading = false
+                    })
+                    .catch(error => console.log(error))
+            },
+        },
+        computed: {
+            pageCount() {
+                return Math.ceil(this.detail_table.count / this.detail_table.pageSize)
+            },
+        }
+    });
+
+
+    </script>   
+</asp:Content>
+