initial commit

2026-07-21 15:03:40 +07:00
commit 5c20bb8a9e
2752 changed files with 864209 additions and 0 deletions
@@ -0,0 +1,19 @@
+@page
+@attribute [Authorize(Roles = "MovementReports")]
+@{
+    ViewData["Title"] = "Movement Report List";
+}
+
+<div id="app" v-cloak>
+    <div class="row">
+        <div class="col-12">
+            <div class="grid-container">
+                <div ref="mainGridRef"></div>
+            </div>
+        </div>
+    </div>
+</div>
+
+@section scripts {
+    <script src="~/FrontEnd/Pages/MovementReports/MovementReportList.cshtml.js"></script>
+}
@@ -0,0 +1,91 @@
+const App = {
+    setup() {
+        const state = Vue.reactive({
+            mainData: []
+        });
+
+        const mainGridRef = Vue.ref(null);
+
+        const services = {
+            getMainData: async () => {
+                try {
+                    const response = await AxiosManager.get('/InventoryTransaction/GetInventoryTransactionList', {});
+                    return response;
+                } catch (error) {
+                    throw error;
+                }
+            },
+        };
+
+        const methods = {
+            populateMainData: async () => {
+                const response = await services.getMainData();
+                state.mainData = response?.data?.content?.data.map(item => ({
+                    ...item,
+                    createdAtUtc: new Date(item.createdAtUtc),
+                    movementDate: new Date(item.movementDate)
+                }));
+            },
+            onMainModalHidden: () => {
+            }
+        };
+
+        Vue.onMounted(async () => {
+            try {
+                await SecurityManager.authorizePage(['MovementReports']);
+                await SecurityManager.validateToken();
+
+                await methods.populateMainData();
+                await mainGrid.create(state.mainData);
+
+            } catch (e) {
+                console.error('page init error:', e);
+            } finally {
+                
+            }
+        });
+
+        const mainGrid = {
+            obj: null,
+            create: async (dataSource) => {
+                mainGrid.obj = new ej.pivotview.PivotView({
+                    height: '240px',
+                    width: '100%',
+                    dataSourceSettings: {
+                        dataSource: dataSource,
+                        expandAll: true,
+                        filters: [],
+                        columns: [
+                            { name: 'moduleCode' },
+                        ],
+                        rows: [
+                            { name: 'productName' },
+                            { name: 'warehouseName' }
+                        ],
+                        values: [
+                            { name: 'stock' }
+                        ],
+                    },
+                    showToolbar: true,
+                    showFieldList: false,
+                    displayOption: { view: "Table" },
+                    showGroupingBar: false,
+                    showValuesButton: true,
+                    groupingBarSettings: { showFieldsPanel: true },
+                });
+
+                mainGrid.obj.appendTo(mainGridRef.value);
+            },
+            refresh: () => {
+                mainGrid.obj.setProperties({ dataSource: state.mainData });
+            }
+        };
+
+        return {
+            mainGridRef,
+            state,
+        };
+    }
+};
+
+Vue.createApp(App).mount('#app');