145 lines
5.6 KiB
Plaintext
145 lines
5.6 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" CodeFile="company.aspx.cs" Inherits="admin_hrs_basic_company" %>
|
|
|
|
<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">
|
|
<div class="mb-2 mb-sm-0">
|
|
<a class="btn btn-primary">
|
|
<i class="mdi mdi-plus"></i>新增
|
|
</a>
|
|
</div>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
|
|
<div id="content" class="container-fluid">
|
|
<v-data-table
|
|
v-model="data_table.selected"
|
|
:items="data_table.list"
|
|
:search-props="search"
|
|
item-key="order_no"
|
|
: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">
|
|
</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>
|
|
|
|
|
|
<v-dialog v-model="modify_dialog.show" class="modify_modal">
|
|
<template>
|
|
<keep-alive exclude="company_component" >
|
|
<component :is="currentView" :mode="modify_dialog.mode"></component>
|
|
</keep-alive>
|
|
|
|
</template>
|
|
</v-dialog>
|
|
</div>
|
|
</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 {
|
|
options: { multiSort: false },
|
|
search_options: { multiSort: false },
|
|
data_table: {
|
|
loading: true,
|
|
list: [],
|
|
selected: [],
|
|
singleSelect: false,
|
|
count: 0,
|
|
page: 1,
|
|
pageSize: 10,
|
|
header: [
|
|
{ text: '分院代號', value: 'company_id' },
|
|
{ text: '名稱', value: 'name' },
|
|
{ text: '上層分院', value: 'parent_id' },
|
|
{ text: '負責人', value: 'super_visor', align: 'start' },
|
|
{ text: '聯絡人', value: 'contactor' },
|
|
{ text: '', value: 'slot_btn', sortable: false, align: 'end' }
|
|
],
|
|
footer: {
|
|
showFirstLastPage: true,
|
|
itemsPerPageOptions: [5, 10, 20, 30],
|
|
},
|
|
},
|
|
search: {}
|
|
}
|
|
},
|
|
components: {
|
|
'company-component': httpVueLoader('./company.vue'),
|
|
},
|
|
mounted() {
|
|
this.getData()
|
|
},
|
|
methods: {
|
|
getData(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/hrs/basic/GetCompanys', 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
|
|
|
|
//const dataToStore = JSON.stringify(this.data_table);
|
|
//sessionStorage.setItem("order_list_cache", dataToStore);
|
|
})
|
|
.catch(error => console.log(error))
|
|
}
|
|
},
|
|
computed: {
|
|
pageCount() {
|
|
return Math.ceil(this.data_table.count / this.data_table.pageSize)
|
|
},
|
|
}
|
|
});
|
|
</script>
|
|
</asp:Content>
|
|
|