Преглед на файлове

fix(photography): 解决编辑行组件重复渲染问题

- 在action_config.vue中清理多余的空行以改善代码可读性
- 为Photography check.vue中的editRow组件添加key属性
- 修复由于缺少key导致的组件状态混乱问题
- 确保组件能够正确识别和更新对应的实例
panqiuyao преди 3 дни
родител
ревизия
529e8d708b
променени са 2 файла, в които са добавени 5 реда и са изтрити 3 реда
  1. 1 0
      frontend/src/views/Photography/check.vue
  2. 4 3
      frontend/src/views/Setting/components/action_config.vue

+ 1 - 0
frontend/src/views/Photography/check.vue

@@ -63,6 +63,7 @@
     <editRow
       v-if="showrEditRow ||  isSetting"
       :id="id"
+      :key="id"
       @confirm="confirm"
       ref="editData"
       @onClose="onClose"

+ 4 - 3
frontend/src/views/Setting/components/action_config.vue

@@ -83,6 +83,7 @@
 
 
 
+
   <EditDialog
       v-if="dialogVisible"
       v-model="dialogVisible"
@@ -203,7 +204,7 @@ const getTopList = async ()=>{
     }
 
     getList()
-    
+
     // 等待DOM更新后滚动到选中标签
     nextTick(() => {
       scrollToActiveTab();
@@ -431,10 +432,10 @@ const scrollToActiveTab = () => {
     if (container) {
       const containerRect = container.getBoundingClientRect();
       const elementRect = activeElement.getBoundingClientRect();
-      
+
       // 计算需要滚动的位置
       const scrollLeft = container.scrollLeft + elementRect.left - containerRect.left - containerRect.width / 2 + elementRect.width / 2;
-      
+
       // 执行平滑滚动
       container.scrollTo({
         left: scrollLeft,