diff --git a/app/View/Components/ModuleScript.php b/app/View/Components/ModuleScript.php
new file mode 100644
index 0000000..045a7e6
--- /dev/null
+++ b/app/View/Components/ModuleScript.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\View\Components;
+
+use App\Models\Module;
+use Illuminate\View\Component;
+
+class ModuleScript extends Component
+{
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\Contracts\View\View|\Closure|string
+     */
+    public function render()
+    {
+        $modules = Module::all();
+        return view('components.module-script', compact('modules'));
+    }
+}
diff --git a/resources/views/balances/transactions.blade.php b/resources/views/balances/transactions.blade.php
index 041607f..5e30e73 100644
--- a/resources/views/balances/transactions.blade.php
+++ b/resources/views/balances/transactions.blade.php
@@ -76,30 +76,7 @@
     {{ $transactions->links() }}
 
 
-    <script>
-        let modules = {!! $modules !!},
-            display_name = "{{ config('app.display_name') }}"
-
-        let m = {}
-        modules.forEach((module) => {
-            //    转换成 key value
-            m[module.id] = module.name
-
-        })
-
-        window.onload = () => {
-            document.querySelectorAll('.module_name').forEach((node) => {
-                let module = node.getAttribute('module')
-
-                if (module == null || module === "") {
-                    node.innerText = display_name
-                } else {
-                    console.log(module)
-                    node.innerText = m[module] ?? '模块'
-                }
-            })
-        }
-    </script>
+    <x-module-script />
 
 
 @endsection
diff --git a/resources/views/components/module-script.blade.php b/resources/views/components/module-script.blade.php
new file mode 100644
index 0000000..a6836ae
--- /dev/null
+++ b/resources/views/components/module-script.blade.php
@@ -0,0 +1,23 @@
+{{--<span class="module_name" module="{{ $t->module_id }}">{{ $t->module_id }}</span>--}}
+<script>
+    let modules = {!! $modules !!},
+        display_name = "{{ config('app.display_name') }}"
+
+    let m = {}
+    modules.forEach((module) => {
+        //    转换成 key value
+        m[module.id] = module.name
+
+    })
+
+    document.querySelectorAll('.module_name').forEach((node) => {
+        let module = node.getAttribute('module')
+
+        if (module == null || module === "") {
+            node.innerText = display_name
+        } else {
+            console.log(module)
+            node.innerText = m[module] ?? '模块'
+        }
+    })
+</script>