功德芳名列印，bug修正
This commit is contained in:
+393
-46
@@ -17,28 +17,178 @@
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
|
||||
<div id="content" class="container-md">
|
||||
<button type="button" @click.prevent="getShuwen('消')">消災疏文</button>
|
||||
<button type="button" @click.prevent="getShuwen('超')">超薦疏文</button>
|
||||
<button type="button">齋條</button>
|
||||
<button type="button">燈條</button>
|
||||
<button type="button">供僧</button>
|
||||
<button type="button">供果</button>
|
||||
<button type="button">供佛</button>
|
||||
<%--<v-data-table
|
||||
v-model="order_data.selected"
|
||||
:items="order_data.list"
|
||||
item-key="order_no"
|
||||
:headers="order_data.header"
|
||||
:loading="order_data.loading"
|
||||
|
||||
<v-tabs
|
||||
v-model="tab"
|
||||
background-color="primary"
|
||||
centered
|
||||
dark
|
||||
icons-and-text>
|
||||
<v-tabs-slider></v-tabs-slider>
|
||||
|
||||
<v-tab href="#疏文">
|
||||
疏文
|
||||
<v-icon>mdi-book-open-outline</v-icon>
|
||||
</v-tab>
|
||||
|
||||
<v-tab href="#打齋">
|
||||
打齋
|
||||
<v-icon>mdi-bowl-mix-outline</v-icon>
|
||||
</v-tab>
|
||||
|
||||
<v-tab href="#點燈">
|
||||
點燈
|
||||
<v-icon>mdi-dome-light</v-icon>
|
||||
</v-tab>
|
||||
<v-tab href="#供佛">
|
||||
供佛
|
||||
<v-icon>mdi-weather-cloudy</v-icon>
|
||||
</v-tab>
|
||||
<v-tab href="#供僧">
|
||||
供僧
|
||||
<v-icon>mdi-account-circle-outline</v-icon>
|
||||
</v-tab>
|
||||
<v-tab href="#供花果">
|
||||
供花果
|
||||
<v-icon>mdi-flower</v-icon>
|
||||
</v-tab>
|
||||
<v-tab href="#普桌">
|
||||
普桌
|
||||
<v-icon>mdi-desk</v-icon>
|
||||
</v-tab>
|
||||
</v-tabs>
|
||||
|
||||
<v-tabs-items v-model="tab">
|
||||
<v-tab-item
|
||||
value="疏文">
|
||||
<v-card flat>
|
||||
<v-card-text>
|
||||
<button type="button" class="btn btn-primary" @click.prevent="getShuwen('消')">消災疏文</button>
|
||||
<button type="button" class="btn btn-primary" @click.prevent="getShuwen('超')">超薦疏文</button>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-tab-item>
|
||||
<v-tab-item
|
||||
value="打齋">
|
||||
<v-card flat>
|
||||
<v-card-text>
|
||||
<button type="button" class="btn btn-primary" @click.prevent="print('齋')">列印</button>(請先勾選歸屬打齋功德項目)
|
||||
<v-data-table
|
||||
v-model="fast.selected"
|
||||
:items="actItems"
|
||||
item-key="num"
|
||||
:headers="fast.header"
|
||||
:loading="fast.loading"
|
||||
hide-default-footer
|
||||
:items-per-page="-1"
|
||||
show-select
|
||||
class="elevation-1">
|
||||
<template #item.files ="{item}">
|
||||
{{getItemCount(item.files)}}
|
||||
</template>
|
||||
<template #item.print="{item}">
|
||||
|
||||
</template>
|
||||
</v-data-table>--%>
|
||||
<%-- <template #item.print="{item}">
|
||||
<v-icon color="blue" class="mr-2" @click="print(item);" >
|
||||
mdi-printer
|
||||
</v-icon>
|
||||
</template>--%>
|
||||
</v-data-table>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-tab-item>
|
||||
<v-tab-item
|
||||
value="點燈">
|
||||
<v-card flat>
|
||||
<v-card-text>
|
||||
<button type="button" class="btn btn-primary" @click.prevent="print('燈')">列印</button>(請先勾選歸屬點燈功德項目)
|
||||
<v-data-table
|
||||
v-model="lighter.selected"
|
||||
:items="actItems"
|
||||
item-key="num"
|
||||
:headers="lighter.header"
|
||||
:loading="lighter.loading"
|
||||
hide-default-footer
|
||||
:items-per-page="-1"
|
||||
show-select
|
||||
class="elevation-1">
|
||||
</v-data-table>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-tab-item>
|
||||
<v-tab-item
|
||||
value="供佛">
|
||||
<v-card flat>
|
||||
<v-card-text>
|
||||
<button type="button" class="btn btn-primary" @click.prevent="print('佛')">列印</button>(請先勾選歸屬供佛功德項目)
|
||||
<v-data-table
|
||||
v-model="buda.selected"
|
||||
:items="actItems"
|
||||
item-key="num"
|
||||
:headers="buda.header"
|
||||
:loading="buda.loading"
|
||||
hide-default-footer
|
||||
:items-per-page="-1"
|
||||
show-select
|
||||
class="elevation-1">
|
||||
</v-data-table>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-tab-item>
|
||||
<v-tab-item
|
||||
value="供僧">
|
||||
<v-card flat>
|
||||
<v-card-text>
|
||||
<button type="button" class="btn btn-primary" @click.prevent="print('僧')">列印</button>(請先勾選歸屬供僧功德項目)
|
||||
<v-data-table
|
||||
v-model="monk.selected"
|
||||
:items="actItems"
|
||||
item-key="num"
|
||||
:headers="monk.header"
|
||||
:loading="monk.loading"
|
||||
hide-default-footer
|
||||
:items-per-page="-1"
|
||||
show-select
|
||||
class="elevation-1">
|
||||
</v-data-table>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-tab-item>
|
||||
<v-tab-item
|
||||
value="供花果">
|
||||
<v-card flat>
|
||||
<v-card-text>
|
||||
<button type="button" class="btn btn-primary" @click.prevent="print('花')">列印</button>(請先勾選歸屬供花果功德項目)
|
||||
<v-data-table
|
||||
v-model="fruit.selected"
|
||||
:items="actItems"
|
||||
item-key="num"
|
||||
:headers="fruit.header"
|
||||
:loading="fruit.loading"
|
||||
hide-default-footer
|
||||
:items-per-page="-1"
|
||||
show-select
|
||||
class="elevation-1">
|
||||
</v-data-table>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-tab-item>
|
||||
<v-tab-item
|
||||
value="普桌">
|
||||
<v-card flat>
|
||||
<v-card-text>
|
||||
<button type="button" class="btn btn-primary" @click.prevent="print('普')">列印</button>(請先勾選歸屬普桌功德項目)
|
||||
<v-data-table
|
||||
v-model="desk.selected"
|
||||
:items="actItems"
|
||||
item-key="num"
|
||||
:headers="desk.header"
|
||||
:loading="desk.loading"
|
||||
hide-default-footer
|
||||
:items-per-page="-1"
|
||||
show-select
|
||||
class="elevation-1">
|
||||
</v-data-table>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-tab-item>
|
||||
|
||||
</v-tabs-items>
|
||||
|
||||
</div>
|
||||
|
||||
<v-dialog v-model="search_dialog.show" max-width="700px">
|
||||
@@ -74,6 +224,21 @@
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-snackbar
|
||||
v-model="snackbar.show"
|
||||
timeout="2000"
|
||||
>
|
||||
{{ snackbar.text }}
|
||||
<template v-slot:action="{ attrs }">
|
||||
<v-btn
|
||||
text
|
||||
v-bind="attrs"
|
||||
@click="snackbar.show = false"
|
||||
>
|
||||
關閉
|
||||
</v-btn>
|
||||
</template>
|
||||
</v-snackbar>
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content4" ContentPlaceHolderID="offCanvasRight" Runat="Server">
|
||||
</asp:Content>
|
||||
@@ -84,9 +249,76 @@
|
||||
vuetify: new Vuetify(vuetify_options),
|
||||
data() {
|
||||
return {
|
||||
tab: "疏文",
|
||||
canPrint: false,
|
||||
options: {},
|
||||
activity_list: [],
|
||||
actItems: [],
|
||||
snackbar: {
|
||||
show: false,
|
||||
text: "",
|
||||
},
|
||||
fast: {
|
||||
loading: false,
|
||||
list: [],
|
||||
selected: [],
|
||||
count: 0,
|
||||
order_no: "",
|
||||
header: [
|
||||
{ text: '編號', value: 'num' },
|
||||
{ text: '功德項目', value: 'subject' },
|
||||
],
|
||||
},
|
||||
lighter: {
|
||||
loading: false,
|
||||
list: [],
|
||||
selected: [],
|
||||
count: 0,
|
||||
order_no: "",
|
||||
header: [
|
||||
{ text: '功德項目', value: 'subject' },
|
||||
],
|
||||
},
|
||||
buda: {
|
||||
loading: false,
|
||||
list: [],
|
||||
selected: [],
|
||||
count: 0,
|
||||
order_no: "",
|
||||
header: [
|
||||
{ text: '功德項目', value: 'subject' },
|
||||
],
|
||||
},
|
||||
monk: {
|
||||
loading: false,
|
||||
list: [],
|
||||
selected: [],
|
||||
count: 0,
|
||||
order_no: "",
|
||||
header: [
|
||||
{ text: '功德項目', value: 'subject' },
|
||||
],
|
||||
},
|
||||
fruit: {
|
||||
loading: false,
|
||||
list: [],
|
||||
selected: [],
|
||||
count: 0,
|
||||
order_no: "",
|
||||
header: [
|
||||
{ text: '功德項目', value: 'subject' },
|
||||
],
|
||||
},
|
||||
desk: {
|
||||
loading: false,
|
||||
list: [],
|
||||
selected: [],
|
||||
count: 0,
|
||||
order_no: "",
|
||||
header: [
|
||||
{ text: '功德項目', value: 'subject' },
|
||||
],
|
||||
},
|
||||
order_data: {
|
||||
loading: false,
|
||||
list: [],
|
||||
@@ -169,15 +401,105 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
print(item) {
|
||||
let curr = this.search_dialog.current;
|
||||
let target = $(`[data-search-control=${curr.id}]`)
|
||||
let searchData = { activity_num: target.children("input:hidden").val(), mode: item, actItems: [] }
|
||||
if (searchData.activity_num == null || searchData.activity_num=="") {
|
||||
this.snackbar.text = "請先選擇法會"
|
||||
this.snackbar.show = true
|
||||
return false;
|
||||
}
|
||||
switch (item) {
|
||||
case "齋":
|
||||
Object.assign(searchData.actItems, this.fast.selected.map(item => item.num))
|
||||
break
|
||||
case "佛":
|
||||
Object.assign(searchData.actItems, this.buda.selected.map(item => item.num))
|
||||
break
|
||||
case "僧":
|
||||
Object.assign(searchData.actItems, this.monk.selected.map(item => item.num))
|
||||
break
|
||||
case "花":
|
||||
Object.assign(searchData.actItems, this.fruit.selected.map(item => item.num))
|
||||
break
|
||||
case "普":
|
||||
Object.assign(searchData.actItems, this.desk.selected.map(item => item.num))
|
||||
break
|
||||
case "燈":
|
||||
Object.assign(searchData.actItems, this.lighter.selected.map(item => item.num))
|
||||
break
|
||||
}
|
||||
if (searchData.actItems.length == 0) {
|
||||
this.snackbar.text = "請勾選歸屬功德項目"
|
||||
this.snackbar.show = true
|
||||
return false;
|
||||
}
|
||||
axios
|
||||
.post(HTTP_HOST + 'api/shuwen/PrintItemReport', searchData, { responseType: 'blob' })
|
||||
.then(response => {
|
||||
// 1. Create a dynamic URL object from the binary blob
|
||||
const blob = new Blob([response.data], {
|
||||
type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
|
||||
});
|
||||
const fileUrl = window.URL.createObjectURL(blob);
|
||||
|
||||
// 2. Create a temporary 'a' element to trigger download
|
||||
const link = document.createElement('a');
|
||||
link.href = fileUrl;
|
||||
|
||||
// 3. Set desired file name
|
||||
link.setAttribute('download', `${searchData.activity_num}_${searchData.mode}.docx`);
|
||||
|
||||
// 4. Append, click and cleanup
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
|
||||
document.body.removeChild(link);
|
||||
window.URL.revokeObjectURL(fileUrl); // Free up memory allocation
|
||||
})
|
||||
|
||||
},
|
||||
getShuwen(mode) {
|
||||
let curr = this.search_dialog.current;
|
||||
let target = $(`[data-search-control=${curr.id}]`)
|
||||
let searchData = { activity_num: target.children("input:hidden").val(),mode:mode }
|
||||
axios
|
||||
.post(HTTP_HOST + 'api/orderdetail/GetShuwenData', searchData)
|
||||
.then(response => {
|
||||
console.log(response)
|
||||
})
|
||||
let searchData = { activity_num: target.children("input:hidden").val(), mode: mode }
|
||||
if (searchData.activity_num == null || searchData.activity_num == "") {
|
||||
this.snackbar.text = "請選擇法會"
|
||||
this.snackbar.show = true
|
||||
return false;
|
||||
}
|
||||
try {
|
||||
axios
|
||||
.post(HTTP_HOST + 'api/shuwen/GetShuwenData', searchData, { responseType: 'blob' })
|
||||
.then(response => {
|
||||
// 1. Create a dynamic URL object from the binary blob
|
||||
const blob = new Blob([response.data], {
|
||||
type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
|
||||
});
|
||||
const fileUrl = window.URL.createObjectURL(blob);
|
||||
|
||||
// 2. Create a temporary 'a' element to trigger download
|
||||
const link = document.createElement('a');
|
||||
link.href = fileUrl;
|
||||
|
||||
// 3. Set desired file name
|
||||
link.setAttribute('download', `${searchData.activity_num}_${searchData.mode}.docx`);
|
||||
|
||||
// 4. Append, click and cleanup
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
|
||||
document.body.removeChild(link);
|
||||
window.URL.revokeObjectURL(fileUrl); // Free up memory allocation
|
||||
})
|
||||
|
||||
} catch (error) {
|
||||
console.error('Error downloading the file:', error);
|
||||
alert('Failed to download file.');
|
||||
} finally {
|
||||
this.loading = false;
|
||||
}
|
||||
},
|
||||
getItemCount(item) {
|
||||
//console.log("getItemCount:",item[0]?.list.length)
|
||||
@@ -272,11 +594,29 @@
|
||||
this.get_activity()
|
||||
//console.log(row, row["u_name"], row["f_number"], curr.id, target);
|
||||
},
|
||||
|
||||
get_activity() {
|
||||
getActItem() {
|
||||
const params = {
|
||||
page: 1, pageSize: 1000
|
||||
};
|
||||
axios
|
||||
.post(HTTP_HOST + 'api/activity/GetItemList', {}, { params: params })
|
||||
.then(response => {
|
||||
console.log("getActItem:", response);
|
||||
if (response.status == 200) {
|
||||
Object.assign(this.actItems, response.data.list)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
get_activity() {
|
||||
const { sortBy, sortDesc, page, itemsPerPage } = this.options
|
||||
const params = {
|
||||
sortBy: "", sortDesc: false,
|
||||
page: page, pageSize: itemsPerPage
|
||||
};
|
||||
//const params = {
|
||||
// page: 1, pageSize: 10
|
||||
//};
|
||||
let curr = this.search_dialog.current;
|
||||
let target = $(`[data-search-control=${curr.id}]`)
|
||||
this.search = { num: target.children("input:hidden").val() }
|
||||
@@ -308,25 +648,32 @@
|
||||
},
|
||||
mounted() {
|
||||
//this.get_activity()
|
||||
this.getActItem();
|
||||
},
|
||||
watch: {
|
||||
selected_activity(newValue, oldValue) {
|
||||
const params = {
|
||||
page: 1, pageSize: 100
|
||||
};
|
||||
console.log("selected_activity:", newValue)
|
||||
if (newValue !== oldValue) {
|
||||
axios
|
||||
.post(HTTP_HOST + 'api/orderdetail/GetList', { activity_num: this.selected_activity }, { params: params })
|
||||
.then(response => {
|
||||
this.order_data.list = response.data.list
|
||||
})
|
||||
.catch(error => console.log(error))
|
||||
}
|
||||
},
|
||||
'order_data.selected'(newValue, oldValue) {
|
||||
console.log(newValue)
|
||||
}
|
||||
options: {
|
||||
handler() {
|
||||
this.search_get()
|
||||
},
|
||||
deep: true,
|
||||
},
|
||||
//selected_activity(newValue, oldValue) {
|
||||
// const params = {
|
||||
// page: 1, pageSize: 100
|
||||
// };
|
||||
// //console.log("selected_activity:", newValue)
|
||||
// if (newValue !== oldValue) {
|
||||
// axios
|
||||
// .post(HTTP_HOST + 'api/orderdetail/GetList', { activity_num: this.selected_activity }, { params: params })
|
||||
// .then(response => {
|
||||
// this.order_data.list = response.data.list
|
||||
// })
|
||||
// .catch(error => console.log(error))
|
||||
// }
|
||||
//},
|
||||
//'order_data.selected'(newValue, oldValue) {
|
||||
// console.log(newValue)
|
||||
//}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user