From 9c99a9746237d5fc0848563b9281681e6988e9c3 Mon Sep 17 00:00:00 2001
From: "iVampireSP.com" <im@ivampiresp.com>
Date: Fri, 18 Nov 2022 18:05:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E7=A6=BB=20=E5=8A=AB=E6=8C=81?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E7=9A=84=E8=84=9A=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/View/Components/ModuleScript.php          | 30 +++++++++++++++++++
 .../views/balances/transactions.blade.php     | 25 +---------------
 .../views/components/module-script.blade.php  | 23 ++++++++++++++
 3 files changed, 54 insertions(+), 24 deletions(-)
 create mode 100644 app/View/Components/ModuleScript.php
 create mode 100644 resources/views/components/module-script.blade.php

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>