From 664261d924860cf7b3fc3699138e7291a84b8156 Mon Sep 17 00:00:00 2001
From: pengda <10266652509@qq.com>
Date: Mon, 14 Oct 2024 11:23:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=A1=86=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 view/templates/admin/formula_list.html | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/view/templates/admin/formula_list.html b/view/templates/admin/formula_list.html
index 7560642..ca5ecb2 100644
--- a/view/templates/admin/formula_list.html
+++ b/view/templates/admin/formula_list.html
@@ -94,7 +94,7 @@
                             <td>{$item.name}</td>
                             <td>{$item.source}</td>
                             <td>
-                                <div style="display: flex;flex-wrap: wrap;border-bottom: 1px dashed #ccc;padding-bottom: 10px">
+                                <div class="formula-item" style="display: flex;flex-wrap: wrap;border-bottom: 1px dashed #ccc;padding-bottom: 10px">
                                     {foreach from=$item.formula item=value}
                                     <span class="item" style="flex-basis: auto;white-space: nowrap;padding-left:20px">{$value.name}{if $value.desc}（{$value.desc}）{/if}  {$value.num_str}</span>
                                     {/foreach}
@@ -237,20 +237,23 @@
     }
 
     window.onload = function() {
-        const items = document.querySelectorAll('.item');
-        let maxWidth = 0;
+        const formulaitems = document.querySelectorAll('.formula-item');
+        formulaitems.forEach(container => {
+            const items = container.querySelectorAll('.item');
+            let maxWidth = 0;
 
-        // 获取每个子项的宽度，并计算最大宽度
-        items.forEach(item => {
-            const itemWidth = item.offsetWidth;
-            if (itemWidth > maxWidth) {
-                maxWidth = itemWidth;
-            }
-        });
+            // 获取每个 container 内部子项的最大宽度
+            items.forEach(item => {
+                const itemWidth = item.offsetWidth;
+                if (itemWidth > maxWidth) {
+                    maxWidth = itemWidth;
+                }
+            });
 
-        // 设置所有子项的宽度为最大内容宽度
-        items.forEach(item => {
-            item.style.flexBasis = maxWidth + 'px';
+            // 设置所有子项宽度为最大内容宽度
+            items.forEach(item => {
+                item.style.flexBasis = maxWidth + 'px';
+            });
         });
     };
 </script>