Add dashboard user MCU menu

2026-05-07 16:20:02 +07:00
parent 33e111b7b5
commit 5207eec99a
6 changed files with 562 additions and 0 deletions
--- a/test/vuex/dashboard-user-mcu/index.php
+++ b/test/vuex/dashboard-user-mcu/index.php
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Dashboard User MCU</title>
+  <link rel="stylesheet" href="../../../libs/vendor/css/google-fonts.css">
+  <link rel="stylesheet" href="../../../libs/vendor/css/vuetify.min.css">
+</head>
+
+<body>
+  <div v-cloak id="app">
+    <v-app id="smartApp">
+      <one-navbar></one-navbar>
+      <v-content style="background:#F5E8DF!important">
+        <v-container fluid fill-height class="pl-1 pr-1 pt-2 pb-2">
+          <v-layout row wrap>
+            <v-flex xs6 class="left" fill-height pa-1>
+              <one-dashboard-user-mcu-list></one-dashboard-user-mcu-list>
+            </v-flex>
+            <v-flex xs6 class="right" fill-height pa-1>
+              <one-dashboard-user-mcu-detail></one-dashboard-user-mcu-detail>
+            </v-flex>
+          </v-layout>
+        </v-container>
+      </v-content>
+      <one-footer></one-footer>
+    </v-app>
+  </div>
+
+  <script src="../../../libs/vendor/moment.min.js"></script>
+  <script src="../../../libs/vendor/numeral.min.js"></script>
+  <script src="../../../libs/vendor/moment-locale-id.js"></script>
+  <script src="../../../libs/vendor/lodash.js"></script>
+  <script src="../../../libs/vendor/axios.min.js"></script>
+  <script src="../../../libs/vendor/vue.js"></script>
+  <script src="../../../libs/vendor/vuex.js"></script>
+  <script src="../../../libs/vendor/vuetify.js"></script>
+  <script src="../../../libs/vendor/httpVueLoader.js"></script>
+  <script src="../../../libs/one_global.js"></script>
+
+<?php
+$ts = "?ts=" . Date("ymdhis");
+?>
+  <script type="module">
+    import { store } from './store.js<?php echo $ts ?>';
+
+    new Vue({
+      store,
+      el: '#app',
+      components: {
+        'one-navbar': httpVueLoader('../../../apps/components/oneNavbarComponent.vue'),
+        'one-footer': httpVueLoader('../../../apps/components/oneFooter.vue'),
+        'one-dashboard-user-mcu-list': httpVueLoader('./components/oneDashboardUserMcuList.vue'),
+        'one-dashboard-user-mcu-detail': httpVueLoader('./components/oneDashboardUserMcuDetail.vue')
+      }
+    })
+  </script>
+  <style>
+    [v-cloak] { display: none }
+  </style>
+</body>
+
+</html>