98 lines
3.9 KiB
Plaintext
98 lines
3.9 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" CodeFile="pre_index.aspx.cs" Inherits="admin_order_pre_index" %>
|
|
<%@ Register Src="~/admin/_uc/alert.ascx" TagPrefix="uc1" TagName="alert" %>
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="page_header" Runat="Server">
|
|
<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">
|
|
<div id="content" class="container-fluid py-4">
|
|
<keep-alive :exclude="['pre_order-component']">
|
|
<component :is="currentView" ref="myChild" :reload="reload"
|
|
@custom-event="changeView" :search="search">
|
|
</component>
|
|
</keep-alive>
|
|
</div>
|
|
</asp:Content>
|
|
<asp:Content ID="Content4" ContentPlaceHolderID="offCanvasRight" Runat="Server">
|
|
<div id="search_panel" alt="查詢">
|
|
<div class="mb-3">
|
|
<label class="form-label">信眾</label>
|
|
<input type="text" v-model="search.f_name" class="form-control" placeholder="可輸入關鍵字查詢">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">活動</label>
|
|
<input type="text" v-model="search.act_name" class="form-control" placeholder="可輸入關鍵字查詢">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">報名單號</label>
|
|
<input type="text" v-model="search.order_no" class="form-control" placeholder="可輸入關鍵字查詢">
|
|
</div>
|
|
<div class="mb-3 p-2 border-top">
|
|
<a @click.prevent="btn_search" class="btn btn-outline-primary"><i class="mdi mdi-filter"></i> 搜尋</a>
|
|
<a class="btn btn-outline-secondary" @click.prevent="btn_all"><i class="mdi mdi-filter-remove"></i> 所有資料</a>
|
|
</div>
|
|
</div>
|
|
</asp:Content>
|
|
<asp:Content ID="Content5" ContentPlaceHolderID="footer_script" Runat="Server">
|
|
<script>
|
|
let VueApp = new Vue({
|
|
el: '#app',
|
|
vuetify: new Vuetify(vuetify_options),
|
|
data() {
|
|
return {
|
|
currentView: 'pre_order-component',
|
|
options: { multiSort: false },
|
|
search_options: { multiSort: false },
|
|
search: {
|
|
act_name: '',
|
|
order_no: '',
|
|
f_name:'',
|
|
},
|
|
reload:0,
|
|
}
|
|
},
|
|
components: {
|
|
'pre_order-component': httpVueLoader('./pre_order.vue'),
|
|
'pre_order_reg-component': httpVueLoader('./pre_order_reg.vue'),
|
|
},
|
|
watch: {
|
|
search_options: {
|
|
handler() {
|
|
|
|
},
|
|
deep: true,
|
|
},
|
|
},
|
|
methods: {
|
|
search_show(curr) {
|
|
this.search_dialog.current = curr;
|
|
this.search_clear()
|
|
this.search_dialog.show = true;
|
|
},
|
|
btn_search() {
|
|
this.$refs.myChild.loadData();
|
|
},
|
|
btn_all() {
|
|
this.search.act_name= ''
|
|
this.search.order_no= ''
|
|
this.search.f_name= ''
|
|
|
|
this.btn_search();
|
|
},
|
|
changeView(item) {
|
|
if (item.action === "add") {
|
|
this.currentView = "pre_order_reg-component";
|
|
} else if (item.action === "list") {
|
|
this.reload++;
|
|
this.currentView = "pre_order-component";
|
|
}
|
|
},
|
|
},
|
|
})
|
|
|
|
</script>
|
|
</asp:Content>
|
|
|