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 }}({{item.qty }})
|
||
</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>
|
||
|