修正調整很多東西
This commit is contained in:
@@ -0,0 +1,500 @@
|
||||
<%@ Page Title="" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" CodeFile="print_list.aspx.cs" Inherits="admin_print_print_list" %>
|
||||
|
||||
<asp:Content ID="Content1" ContentPlaceHolderID="page_header" Runat="Server">
|
||||
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content2" ContentPlaceHolderID="page_nav" Runat="Server">
|
||||
<div class="mb-2 mb-sm-0">
|
||||
<label>請選擇需要列印的活動(法會)</label>
|
||||
<div class="input-group mb-3" data-search-control="search2" @click="search_show(search_dialog.controls.search2)">
|
||||
<input class="form-control search-text" type="text" readonly
|
||||
id="activity_txt" runat="server" placeholder="活動(法會)" value="">
|
||||
<asp:HiddenField ID="activity" runat="server" Value="" />
|
||||
<button class="btn btn-outline-secondary" type="button">
|
||||
<i class="mdi mdi-view-list-outline"></i>
|
||||
</button>
|
||||
</div>
|
||||
<%--<select class="form-select" v-model="selected_activity">
|
||||
<option value="-1">請選擇活動</option>
|
||||
<option v-for="item in activity_list" :key="item.activity_num" :value="item.num">
|
||||
{{item.subject}}
|
||||
</option>
|
||||
</select>--%>
|
||||
</div>
|
||||
<%-- <div>
|
||||
<a @click="print" class="btn btn-primary">列印牌位</a>
|
||||
</div>--%>
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
|
||||
<div id="content" class="container-md">
|
||||
<v-data-table
|
||||
v-model="order_data.selected"
|
||||
:items="order_data.list"
|
||||
item-key="order_no"
|
||||
:headers="order_data.header"
|
||||
:loading="order_data.loading"
|
||||
|
||||
class="elevation-1">
|
||||
<template #item.files ="{item}">
|
||||
{{getItemCount(item.files)}}
|
||||
</template>
|
||||
<template #item.print="{item}">
|
||||
<v-icon color="blue" class="mr-2" @click="print(item);" >
|
||||
mdi-printer
|
||||
</v-icon>
|
||||
</template>
|
||||
</v-data-table>
|
||||
</div>
|
||||
<v-dialog v-model="print_data.print_dialog.show" max-width="700px">
|
||||
<div id="content1" class="container-md">
|
||||
<v-card-title class="justify-space-between grey lighten-2">
|
||||
列印清單
|
||||
<v-btn icon @click="print_data.print_dialog.show=false;print_data.selected=[]"><v-icon>mdi-close</v-icon></v-btn>
|
||||
</v-card-title>
|
||||
<v-data-table
|
||||
v-model="print_data.selected"
|
||||
:items="processedItems"
|
||||
item-key="compositeKey"
|
||||
:headers="print_data.header"
|
||||
:loading="print_data.loading"
|
||||
show-select
|
||||
class="elevation-1">
|
||||
<v-divider inset></v-divider>
|
||||
<template v-slot:top>
|
||||
<v-toolbar flat color="white">
|
||||
<div class="d-flex w-100">
|
||||
<v-btn
|
||||
color="primary"
|
||||
class="ml-2 white--text"
|
||||
@click="multiPrintNew">
|
||||
列印<v-icon dark>mdi-turn-right</v-icon>
|
||||
</v-btn>
|
||||
</div>
|
||||
</v-toolbar>
|
||||
</template>
|
||||
</v-data-table>
|
||||
</div>
|
||||
</v-dialog>
|
||||
<v-dialog v-model="search_dialog.show" max-width="700px">
|
||||
<v-card>
|
||||
<v-card-title class="justify-space-between grey lighten-2">
|
||||
查詢:{{search_dialog.current.title}}
|
||||
<v-btn icon @click="search_dialog.show=false; search_dialog.page = 1;"><v-icon>mdi-close</v-icon></v-btn>
|
||||
</v-card-title>
|
||||
<v-card-text >
|
||||
<v-row>
|
||||
<v-col v-for="item in search_dialog.current.keys"
|
||||
:cols="search_dialog.current.keys.length>1?6:12" >
|
||||
<v-text-field v-model="item.value" :label="item.title" v-if="item.visible===undefined || item.visible==true "></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="12" class="text-end">
|
||||
<v-btn color="primary" elevation="0" @click="search_get()">查詢</v-btn>
|
||||
<v-btn elevation="0" @click="search_clear()">清除條件</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-data-table
|
||||
:headers="search_headers()"
|
||||
:items="search_dialog.list"
|
||||
:footer-props="search_dialog.footer"
|
||||
:items-per-page="10"
|
||||
:server-items-length="search_dialog.count"
|
||||
:page.sync="search_dialog.page"
|
||||
:options.sync="options"
|
||||
@click:row="search_select"
|
||||
:loading="search_dialog.loading"
|
||||
></v-data-table>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content4" ContentPlaceHolderID="offCanvasRight" Runat="Server">
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content5" ContentPlaceHolderID="footer_script" Runat="Server">
|
||||
<script>
|
||||
Vue.filter('timeString', function (value, myFormat) {
|
||||
return value == null || value == "" ? "" : moment(value).format(myFormat || 'YYYY-MM-DD, HH:mm:ss');
|
||||
});
|
||||
let VueApp = new Vue({
|
||||
el: '#app',
|
||||
vuetify: new Vuetify(vuetify_options),
|
||||
data() {
|
||||
return {
|
||||
canPrint: false,
|
||||
options: {},
|
||||
activity_list: [],
|
||||
order_data: {
|
||||
loading: false,
|
||||
list: [],
|
||||
selected: [],
|
||||
count: 0,
|
||||
header: [
|
||||
{ text: '功德項目', value: 'act_item_selected.text' },
|
||||
{ text: '數量', value: 'files' },
|
||||
{ text: '列印', value: 'print'}
|
||||
],
|
||||
|
||||
},
|
||||
print_data: {
|
||||
item:[],
|
||||
loading: false,
|
||||
list: [],
|
||||
selected: [],
|
||||
count: 0,
|
||||
header: [
|
||||
{ text: '報名單號', value: 'order_no' },
|
||||
{ text: '列印編號', value: 'print_id' },
|
||||
{ text: '已列印', value: 'isPrinted' }
|
||||
],
|
||||
print_dialog: { show: false }
|
||||
},
|
||||
search_dialog: {
|
||||
controls: {
|
||||
search2: {
|
||||
id: 'search2',
|
||||
title: '活動(法會)',
|
||||
text_prop: 'subject',
|
||||
value_prop: 'num',
|
||||
keys: [
|
||||
{ id: 'num', title: '編號', value: '' },
|
||||
{ id: 'subject', title: '活動(法會)名稱', value: '' },
|
||||
],
|
||||
api_url: HTTP_HOST + 'api/activity/GetList',
|
||||
columns: [
|
||||
{ id: 'num', title: '編號' },
|
||||
{ id: 'subject', title: '活動(法會)名稱' },
|
||||
],
|
||||
selected: {},
|
||||
select(item, t) {
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
},
|
||||
show: false,
|
||||
current: {},
|
||||
list: [],
|
||||
count: 0,
|
||||
page: 1,
|
||||
loading: false,
|
||||
footer: {
|
||||
showFirstLastPage: true,
|
||||
disableItemsPerPage: true,
|
||||
itemsPerPageAllText: '',
|
||||
itemsPerPageText: '',
|
||||
//'items-per-page-options': [10, 20, 30, 40, 50, 100]
|
||||
},
|
||||
},
|
||||
selected_activity: '-1',
|
||||
search: {
|
||||
kind: 0,
|
||||
subject: '',
|
||||
},
|
||||
snackbar: {
|
||||
show: false,
|
||||
text: "",
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
processedItems() {
|
||||
return this.print_data.list.map(item => ({
|
||||
...item,
|
||||
compositeKey: `${item.order_no}_${item.num.toString()}_${item.print_id}`
|
||||
}))
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getItemCount(item) {
|
||||
//console.log("getItemCount:",item[0]?.list.length)
|
||||
return item[0]?.list.length
|
||||
},
|
||||
search_show(curr) {
|
||||
this.search_dialog.current = curr;
|
||||
this.search_clear()
|
||||
//this.search_get()//清除完自動會重抓, 故取消
|
||||
this.search_dialog.show = true;
|
||||
|
||||
},
|
||||
search_clear() {
|
||||
if (!this.search_dialog.current.keys) return;
|
||||
this.search_dialog.current.keys.forEach((t, i) => { t.value = '' })
|
||||
this.search_get()
|
||||
},
|
||||
search_get() {
|
||||
if (!this.search_dialog.current.keys) return;
|
||||
let api_url = this.search_dialog.current.api_url;
|
||||
let keys = this.search_dialog.current.keys;
|
||||
//const { page, itemsPerPage } = this.options
|
||||
//const { sortBy, sortDesc, page, itemsPerPage } = this.options
|
||||
this.search_dialog.page = this.options.page ?? 1
|
||||
let params = { page: this.search_dialog.page, pageSize: 10 };//url params
|
||||
var search = {};//post body
|
||||
keys.forEach((t, i) => {
|
||||
search[t.id] = t.value;
|
||||
});
|
||||
if (this.search_dialog.current.id == 'search5') {
|
||||
search['num'] = this.activity_id;
|
||||
}
|
||||
if (this.search_dialog.current.id == 'search4') {
|
||||
search['num'] = this.follower_id;
|
||||
}
|
||||
if (this.search_dialog.current.id == 'search6') {
|
||||
search['num'] = this.follower_id;
|
||||
}
|
||||
if (this.search_dialog.current.id == 'search7' || this.search_dialog.current.id == 'search8') {
|
||||
search['num'] = this.follower_id;
|
||||
}
|
||||
console.log("search_get", api_url, search, params, this.options);
|
||||
this.search_dialog.loading = true
|
||||
axios.post(api_url, search, { params: params })
|
||||
.then(response => {
|
||||
this.search_dialog.list = response.data.list
|
||||
this.search_dialog.count = response.data.count
|
||||
this.search_dialog.loading = false
|
||||
})
|
||||
.catch(error => {
|
||||
console.log(error)
|
||||
this.search_dialog.list = []
|
||||
this.search_dialog.count = 0
|
||||
this.search_dialog.loading = false
|
||||
this.snackbar.text = "錯誤:" + error
|
||||
this.snackbar.show = true
|
||||
})
|
||||
},
|
||||
search_headers() {
|
||||
if (!this.search_dialog.current.columns) return;
|
||||
r = [];
|
||||
this.search_dialog.current.columns.forEach((t, i) => {
|
||||
//console.log("search_headers:", t, i);
|
||||
r.push({
|
||||
text: t.title,
|
||||
width: t.width,
|
||||
align: 'start',
|
||||
sortable: false,
|
||||
value: t.id,
|
||||
})
|
||||
})
|
||||
return r
|
||||
},
|
||||
search_select(row) {
|
||||
let curr = this.search_dialog.current;
|
||||
let target = $(`[data-search-control=${curr.id}]`);
|
||||
curr.selected = row;
|
||||
//牌位
|
||||
if (curr.id == 'search7') {
|
||||
this.editedItem.f_num_tablet = curr.selected[curr.text_prop];
|
||||
} else if (curr.id == 'search8') {
|
||||
this.editedItem.from_id_tablet = curr.selected[curr.text_prop];
|
||||
} else {
|
||||
target.children("input.search-text").val(curr.selected[curr.text_prop])//text
|
||||
target.children("input:hidden").val(curr.selected[curr.value_prop])//value
|
||||
}
|
||||
if (curr.select instanceof Function) {
|
||||
curr.select(this.editedItem, row);
|
||||
}
|
||||
this.search_dialog.show = false;
|
||||
this.search_dialog.page = 1;
|
||||
this.get_activity()
|
||||
//console.log(row, row["u_name"], row["f_number"], curr.id, target);
|
||||
},
|
||||
|
||||
get_activity() {
|
||||
const params = {
|
||||
page: 1, pageSize: 1000
|
||||
};
|
||||
let curr = this.search_dialog.current;
|
||||
let target = $(`[data-search-control=${curr.id}]`)
|
||||
this.search = { num: target.children("input:hidden").val() }
|
||||
this.order_data.loading = true
|
||||
axios
|
||||
.post(HTTP_HOST + 'api/activity/GetActRelaList', this.search, { params: params })
|
||||
.then(response => {
|
||||
//console.log("GetActRelaList:", response);
|
||||
this.order_data.list = response.data.list
|
||||
this.order_data.list.forEach(val => {
|
||||
|
||||
val.files.forEach(y => {
|
||||
y.list.forEach(z => {
|
||||
if (z.printed_files.includes(y.num.toString())) {
|
||||
z.isPrinted = true
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
})
|
||||
|
||||
//if(val.files.list) val.files.num
|
||||
});
|
||||
this.order_data.count = response.data.count;
|
||||
this.order_data.loading = false
|
||||
})
|
||||
.catch(error => console.log(error))
|
||||
},
|
||||
get_actItem() {
|
||||
|
||||
},
|
||||
multiPrintNew() {
|
||||
let list = []
|
||||
console.log("print_data.selected:",this.print_data.item);
|
||||
this.print_data.selected.forEach(item => {
|
||||
list.push({
|
||||
num: item.num, print_id: item.print_id, order_no: item.order_no, from_id: item.from_id,
|
||||
printed_files: item.printed_files
|
||||
})
|
||||
})
|
||||
if (list.length > 0) {
|
||||
let item = this.print_data.item[0]
|
||||
var params = {
|
||||
item: item.act_item_selected?.val,
|
||||
file: this.print_data.item[0].files[0].num,
|
||||
};
|
||||
// 記錄已列印
|
||||
let list_num = []
|
||||
list.forEach(val => {
|
||||
list_num.push(val.num)
|
||||
})
|
||||
let _url = HTTP_HOST + 'api/order/printMultiFileLogNew';
|
||||
axios.post(_url, list_num, { params: params })
|
||||
.then(response => {
|
||||
this.order_data.list.forEach(val => {
|
||||
val.files.forEach(y => {
|
||||
y.list.forEach(z => {
|
||||
if (list_num.includes(z.num)) {
|
||||
z.isPrinted=true
|
||||
}
|
||||
//if (z.printed_files.includes(y.num.toString())) {
|
||||
// z.isPrinted = true
|
||||
//}
|
||||
}
|
||||
)
|
||||
|
||||
})
|
||||
|
||||
});
|
||||
//for (let i = 0; i < this.print_data.selected.length; i++) {
|
||||
// for (let j = 0; j < this.print_data.item.length; j++) {
|
||||
// if (this.print_data.selected[i].num == this.print_data.item[j].num) {
|
||||
// this.print_data.item[j].isPrinted = true;
|
||||
// break;
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
})
|
||||
.catch(error => {
|
||||
console.log(error)
|
||||
|
||||
})
|
||||
_url = HTTP_HOST + 'admin/print/print_multi_new.aspx';
|
||||
var form = document.createElement("form");
|
||||
form.method = "POST";
|
||||
form.action = _url;
|
||||
form.target = "_blank";
|
||||
const addHiddenField = (name, value) => {
|
||||
const hiddenField = document.createElement("input");
|
||||
hiddenField.type = "hidden";
|
||||
hiddenField.name = name;
|
||||
hiddenField.value = value;
|
||||
form.appendChild(hiddenField);
|
||||
};
|
||||
|
||||
// Add form fields
|
||||
addHiddenField("item", item.act_item_selected?.val);
|
||||
addHiddenField("file", this.print_data.item[0].files[0].num);
|
||||
addHiddenField("list", JSON.stringify(list));
|
||||
addHiddenField("title", `${item.act_item_selected} / ${item.subject}`);
|
||||
localStorage.setItem("item", item.act_item_selected?.val);
|
||||
localStorage.setItem("list", JSON.stringify(list));
|
||||
|
||||
document.body.appendChild(form); // Not entirely sure if this is necessary
|
||||
form.submit();
|
||||
document.body.removeChild(form);
|
||||
}
|
||||
},
|
||||
print(item) {
|
||||
console.log("print:", item)
|
||||
//let list = []
|
||||
this.print_data.list.length = 0
|
||||
this.print_data.item.length = 0
|
||||
|
||||
item.files[0].list.forEach(val => {
|
||||
this.print_data.list.push(val)
|
||||
})
|
||||
|
||||
this.print_data.item.push(item)
|
||||
//let list_count = list.length;
|
||||
this.print_data.print_dialog.show = true
|
||||
|
||||
//_url = HTTP_HOST + 'admin/print/print_multi_new.aspx';
|
||||
//var form = document.createElement("form");
|
||||
//form.method = "POST";
|
||||
//form.action = _url;
|
||||
//form.target = "_blank";
|
||||
//const addHiddenField = (name, value) => {
|
||||
// const hiddenField = document.createElement("input");
|
||||
// hiddenField.type = "hidden";
|
||||
// hiddenField.name = name;
|
||||
// hiddenField.value = value;
|
||||
// form.appendChild(hiddenField);
|
||||
//};
|
||||
//// Add form fields
|
||||
//console.log(JSON.stringify(list));
|
||||
//addHiddenField("item", item.actitem_num_selected.val);
|
||||
//addHiddenField("file", item.num);
|
||||
//addHiddenField("list", JSON.stringify(list));
|
||||
//addHiddenField("title", `${item.actitem_num_selected} / ${item.subject}`);
|
||||
//localStorage.setItem("item", item.actitem_num_selected.val);
|
||||
//localStorage.setItem("list", JSON.stringify(list));
|
||||
|
||||
//document.body.appendChild(form); // Not entirely sure if this is necessary
|
||||
//form.submit();
|
||||
//document.body.removeChild(form);
|
||||
},
|
||||
yulan_single(item) {
|
||||
_url = HTTP_HOST + '/admin/printpw/index.aspx';
|
||||
var form = document.createElement("form");
|
||||
form.method = "POST";
|
||||
form.action = _url;
|
||||
form.target = "_blank"; // Open the result in a new tab
|
||||
|
||||
// Helper function to add hidden fields
|
||||
const addHiddenField = (name, value) => {
|
||||
const hiddenField = document.createElement("input");
|
||||
hiddenField.type = "hidden";
|
||||
hiddenField.name = name;
|
||||
hiddenField.value = value;
|
||||
form.appendChild(hiddenField);
|
||||
};
|
||||
addHiddenField("order_no", item.order_no);
|
||||
document.body.appendChild(form); // Not entirely sure if this is necessary
|
||||
form.submit();
|
||||
document.body.removeChild(form);
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
//this.get_activity()
|
||||
},
|
||||
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)
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</asp:Content>
|
||||
|
||||
Reference in New Issue
Block a user