fix: 白屏问题修复

# Reviewed, transaction id: 7516
hyunfa · May 10, 2024 · cf99596 · cf99596
1 parent 2730668
commit cf99596
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/frontend/src/components/RussianDolls/item/DollArray.vue b/frontend/src/components/RussianDolls/item/DollArray.vue
@@ -5,7 +5,7 @@
     :required="item.required"
     :property="item.property"
     :desc="item.description">
-    <div class="array-child-group" v-if="value?.length">
+    <div class="array-child-group" v-if="value && String(value).length">
       <div class="array-child flex" v-for="(option, index) in value" :key="option">
         <DollIndex
           v-for="(child, idx) in children"
@@ -15,15 +15,15 @@
           :value="option"
           :value-prop="getRealProp(valueProp, index)"
           :label-width="110" />
-        <i class="array-content-delete nodeman-icon nc-delete-2 ml10" @click.stop="() => deleteItem(index)" />
+        <i class="array-content-delete nodeman-icon nc-delete-2 ml10" @click.stop="() => deleteItem(index)"></i>
       </div>
       <div class="array-content-add" @click.stop="() => addItem(value.length - 1)">
-        <i class="nodeman-icon nc-plus" />
+        <i class="nodeman-icon nc-plus"></i>
         {{ item.title }}
       </div>
     </div>
     <div v-else class="array-content-add" @click.stop="() => addItem(-1)">
-      <i class="nodeman-icon nc-plus" />
+      <i class="nodeman-icon nc-plus"></i>
       {{ item.title }}
     </div>
   </bk-form-item>

diff --git a/frontend/src/components/RussianDolls/item/DollKeyValue.vue b/frontend/src/components/RussianDolls/item/DollKeyValue.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="item-key-value bk-form-item">
-    <template v-if="value?.length">
+    <template v-if="values && String(values).length">
       <bk-form-item
         v-for="(child, idx) in value"
         :label="idx ? '' : item.title"
@@ -24,18 +24,18 @@
           <div class="child-btns ml10">
             <i
               class="nodeman-icon nc-plus"
-              @click.stop="() => addItem(idx)" />
+              @click.stop="() => addItem(idx)"></i>
             <!-- :class="['nodeman-icon nc-minus ', { 'disabled': disabledMinus }]" -->
             <i
               class="nodeman-icon nc-minus"
-              @click.stop="() => deleteItem(idx)" />
+              @click.stop="() => deleteItem(idx)"></i>
           </div>
         </div>
       </bk-form-item>
     </template>
     <bk-form-item v-else :label="item.title">
       <div class="array-content-add" @click.stop="() => addItem(-1)">
-        <i class="nodeman-icon nc-plus" />
+        <i class="nodeman-icon nc-plus"></i>
         {{ item.title }}
       </div>
     </bk-form-item>

diff --git a/frontend/src/components/RussianDolls/item/DollObject.vue b/frontend/src/components/RussianDolls/item/DollObject.vue
@@ -6,7 +6,7 @@
       :key="child.id"
       :item="child"
       :item-index="itemIndex"
-      :value="value[child.prop]"
+      :value="value[child?.prop]"
       :value-prop="getRealProp(valueProp, child.prop)" />
   </div>
 </template>