EnChia
7644df57d0
2. 新增報名頁面加上取消鍵 3. 優化登入頁面：按下 enter 自動換格／送出 4. 修復新增報名頁面中，不同 search_dialog 中的 page 參數相互連動之異常 5. 修改報名頁面列印格式 6. 修復報名頁面匯出功能 7. 優化報到功能 8. 報名頁面中，無查詢資料時不可點選匯出／列印按鈕 9. 匯出／列印報名管理報表時，若無資料則顯示提示 10. 修復列印管理報表後父視窗 UI 不能點擊的問題 11. 新增報名管理表單匯出 excel 功能 12. 於新增信眾、新增活動頁面加上取消鍵 13. 優化報名管理匯出功能：若篩選條件包含特定活動，自動於「匯出條件」欄位標註活動名稱 14. 優化報名查詢匯出功能：匯出之文件中加上「匯出條件」欄位 15. 修復信眾資料頁面中，使用「生日」作為篩選基準時，後續執行「列印查詢資料」與「匯出查詢資料」會報錯 16. 修復「列印信眾查詢」功能中，電話搜尋欄位未正確帶入查詢條件之異常 17. 解決中文輸入法輸入電話號碼的跳字問題 18. 新增品項管理介面排序功能
276 lines
12 KiB
Plaintext
276 lines
12 KiB
Plaintext
<%@ Page Title="後端管理" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" EnableEventValidation="false" CodeFile="index2.aspx.cs" Inherits="admin_order_check" %>
|
||
|
||
<%@ Register Src="~/admin/_uc/alert.ascx" TagPrefix="uc1" TagName="alert" %>
|
||
<asp:Content ID="Content1" ContentPlaceHolderID="page_header" runat="Server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content3" ContentPlaceHolderID="page_nav" runat="Server">
|
||
<div class="mb-2 mb-sm-0">
|
||
<a @click="deleteAll" class="btn btn-outline-danger" title="刪除勾選的資料" ><i class="mdi mdi-trash-can"></i> 刪除勾選</a>
|
||
</div>
|
||
<div class="">
|
||
|
||
<a href="javascript:PrintTagRWD('content');" class="btn btn-outline-primary btn-print">
|
||
<i class="mdi mdi-printer"></i>列印本頁
|
||
</a>
|
||
<asp:LinkButton ID="excel" runat="server" Visible="false" CssClass="btn btn-outline-primary" OnClick="excel_Click"><span class="fa-solid fa-file-excel"></span> 匯出Excel</asp:LinkButton>
|
||
|
||
</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 {
|
||
this_act: '<%= Request["act_id"]%>',
|
||
this_actTxt: '<%= Request["act_sub"]%>',
|
||
this_dd: '<%= Request["dd"]%>',
|
||
options: { multiSort: false },
|
||
data_table: {
|
||
loading: true,
|
||
list: [],
|
||
selected: [],
|
||
singleSelect: false,
|
||
count: 0,
|
||
page: 1,
|
||
pageSize: 10,
|
||
header: [
|
||
{ text: '活動名稱', value: 'subject', },
|
||
{ text: '報到日期', value: 'reg_time_date', },
|
||
{ text: '報到時間', value: 'reg_time_time' },
|
||
{ text: '姓名', value: 'qty' },
|
||
{ text: '狀態', value: 'statusTxt' },
|
||
{ text: '', value: 'slot_btn', sortable: false, align: 'end' }
|
||
|
||
],
|
||
footer:{
|
||
showFirstLastPage: true,
|
||
itemsPerPageOptions:[5,10,20,30],
|
||
},
|
||
},
|
||
search: {
|
||
status: '',
|
||
activityTxt: '',
|
||
activity_num: '',
|
||
check_time: '',
|
||
//reg_time2: '',
|
||
}
|
||
}
|
||
},
|
||
watch: {
|
||
options: {
|
||
handler() {
|
||
this.getDefault()
|
||
},
|
||
deep: true,
|
||
},
|
||
|
||
},
|
||
mounted() {
|
||
|
||
if (this.this_act != '') {
|
||
this.search.activity_num = this.this_act;
|
||
|
||
this.search.status = 1;
|
||
|
||
if (this.this_actTxt != '')
|
||
this.search.activityTxt = this.this_actTxt;
|
||
}
|
||
|
||
if (this.this_dd != '')
|
||
this.search.check_time = this.this_dd;
|
||
|
||
},
|
||
methods: {
|
||
getDefault(clearpage = false) {
|
||
const { sortBy, sortDesc, page, itemsPerPage } = this.options
|
||
const params = {
|
||
sortBy: sortBy[0], sortDesc: sortDesc[0],
|
||
page: clearpage ? '1' : page, pageSize: itemsPerPage
|
||
};
|
||
this.data_table.loading = true
|
||
|
||
axios
|
||
.post(HTTP_HOST + 'api/activity/GetCheckList', this.search, { params: params })
|
||
.then(response => {
|
||
this.data_table.list = response.data.list
|
||
this.data_table.count = response.data.count;
|
||
this.data_table.loading = false
|
||
})
|
||
.catch(error => console.log(error))
|
||
},
|
||
|
||
deleteItem(item) {
|
||
|
||
if (confirm('是否確定刪除此筆資料?')) {
|
||
const index = this.data_table.list.indexOf(item)
|
||
if (index != -1) {
|
||
axios
|
||
.delete(HTTP_HOST + 'api/activity/DeleteCheck/' + item.num)
|
||
.then(response => {
|
||
console.log("del", item);
|
||
this.data_table.list.splice(index, 1);
|
||
this.data_table.count = this.data_table.list.length
|
||
})
|
||
.catch(error => console.log(error))
|
||
}
|
||
}
|
||
},
|
||
deleteAll() {
|
||
if (confirm('是否確定刪除已勾選的資料?')) {
|
||
axios
|
||
.delete(HTTP_HOST + 'api/activity/DeleteAllCheck/' + this.data_table.selected.map(x => x.num))
|
||
.then(response => {
|
||
//console.log("delAll");
|
||
|
||
//for (var i = 0; i < this.data_table.selected.length; i++) {
|
||
// const index = this.data_table.list.indexOf(this.data_table.selected[i]);
|
||
// this.data_table.list.splice(index, 1);
|
||
//}
|
||
//this.data_table.selected = [];
|
||
//this.data_table.count = this.data_table.list.length
|
||
location.reload();
|
||
|
||
})
|
||
.catch(error => console.log(error))
|
||
}
|
||
},
|
||
btn_search() {
|
||
this.this_act = '';
|
||
//this.this_dd = '';
|
||
this.search.activity_num = '';
|
||
this.page = 1;
|
||
this.getDefault(true)
|
||
},
|
||
btn_all() {
|
||
this.this_act = '';
|
||
/*this.this_dd = '';*/
|
||
this.search.activity_num = '';
|
||
clearObjProps(this.search);
|
||
this.btn_search()
|
||
},
|
||
|
||
},
|
||
computed: {
|
||
pageCount() {
|
||
return Math.ceil(this.data_table.count / this.data_table.pageSize)
|
||
},
|
||
},
|
||
filters: {
|
||
currency: function (value) {
|
||
return value == null || value == "" ? "" :
|
||
('$' + parseFloat(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,").replace(".00", ""));
|
||
}, timeString: function (value, myFormat) {
|
||
return value == null || value == "" ? "" : moment(value).format(myFormat || 'YYYY-MM-DD, HH:mm:ss');
|
||
},
|
||
|
||
}
|
||
})
|
||
</script>
|
||
</asp:Content>
|
||
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
|
||
<uc1:alert runat="server" ID="L_msg" Text="" />
|
||
|
||
<div id="content" class="container-fluid">
|
||
<template v-if="this_act !=''">{{this_actTxt}}(報到人數:{{data_table.count}})</template>
|
||
<v-data-table
|
||
v-model="data_table.selected"
|
||
:items="data_table.list"
|
||
:search-props="search"
|
||
item-key="num"
|
||
:options.sync="options"
|
||
:headers="data_table.header"
|
||
:footer-props="data_table.footer"
|
||
:server-items-length="data_table.count"
|
||
:loading="data_table.loading"
|
||
:single-select="data_table.singleSelect"
|
||
show-select
|
||
hide-default-footer
|
||
:page.sync="data_table.page"
|
||
:items-per-page.sync="data_table.pageSize"
|
||
class="elevation-1">
|
||
<template #item.reg_time_date="{ item }" >
|
||
{{item.reg_time |timeString('YYYY/MM/DD') }}
|
||
</template>
|
||
<template #item.reg_time_time="{ item }" >
|
||
{{item.reg_time |timeString('HH:mm:ss') }}
|
||
</template>
|
||
<template #item.qty="{ item }" >
|
||
{{item.u_name }}
|
||
</template>
|
||
|
||
|
||
<template #item.slot_btn="{ item }">
|
||
<a @click="deleteItem(item)" class="btn btn-outline-secondary btn-sm"><i class="mdi mdi-trash-can"></i>刪除</a>
|
||
</template>
|
||
</v-data-table>
|
||
<v-container>
|
||
<v-row class="align-baseline" wrap>
|
||
<v-col cols="12" md="9">
|
||
<v-pagination
|
||
v-model="data_table.page"
|
||
:length="pageCount">
|
||
</v-pagination>
|
||
</v-col>
|
||
<v-col class="text-truncate text-right" cols="12" md="2">
|
||
共 {{ data_table.count }} 筆, 頁數:
|
||
</v-col>
|
||
<v-col cols="6" md="1">
|
||
<v-text-field
|
||
v-model="data_table.page"
|
||
type="number"
|
||
hide-details
|
||
dense
|
||
min="1"
|
||
:max="pageCount"
|
||
@input="data_table.page = parseInt($event, 10)"
|
||
></v-text-field>
|
||
</v-col>
|
||
</v-row>
|
||
</v-container>
|
||
</div>
|
||
<div id="print_data">
|
||
</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.activityTxt" class="form-control" placeholder="可輸入關鍵字查詢">
|
||
</div>
|
||
<div class="mb-3 d-none" >
|
||
<label class="form-label">報名日期</label>
|
||
<div class="input-group">
|
||
<input type="date" v-model="search.reg_time1" class="form-control" autocomplete="off" id="s_reg_time1" runat="server">
|
||
<span class="input-group-text">~</span>
|
||
<input type="date" v-model="search.reg_time2" class="form-control" autocomplete="off" id="s_reg_time2" runat="server">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label class="form-label">報名日期</label>
|
||
<input type="date" v-model="search.check_time" class="form-control" autocomplete="off" id="check_time" runat="server">
|
||
|
||
</div>
|
||
<div class="mb-3">
|
||
<label class="form-label">報到狀態</label>
|
||
<asp:DropDownList ID="s_status" runat="server" CssClass="form-select" v-model="search.status" >
|
||
<asp:ListItem Value="" Text="請選擇"></asp:ListItem>
|
||
</asp:DropDownList>
|
||
</div>
|
||
|
||
<div class="mb-3 p-2 border-top">
|
||
<a @click="btn_search" class="btn btn-outline-primary"><i class="mdi mdi-filter"></i> 搜尋</a>
|
||
<a class="btn btn-outline-secondary" @click="btn_all"><i class="mdi mdi-filter-remove"></i> 所有資料</a>
|
||
</div>
|
||
</div>
|
||
|
||
</asp:Content>
|
||
|