..

web/admin/hrs/basic/company.aspx

@@ -1,13 +1,144 @@
 <%@ 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>
 

web/admin/hrs/basic/company.aspx.cs

@@ -5,8 +5,9 @@ using System.Web;
 using System.Web.UI;
 using System.Web.UI.WebControls;
 
-public partial class admin_hrs_basic_company : System.Web.UI.Page
+public partial class admin_hrs_basic_company : MyWeb.config
 {
+    private Model.ezEntities _db = new Model.ezEntities();
     protected void Page_Load(object sender, EventArgs e)
     {
 

web/admin/receipt/index.aspx

@@ -1,7 +1,7 @@
 <%@ Page Title="" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="admin_receipt_index" %>
 
 <asp:Content ID="Content1" ContentPlaceHolderID="page_header" Runat="Server">
-      <script src="/js//httpVueLoader.js"></script>
+      <script src="/js/httpVueLoader.js"></script>
     <style>
         .modify_modal{
             width:80vw !important;