Эх сурвалжийг харах

fix: BsUi-描述列表组件修改

lirenjie 4 сар өмнө
parent
commit
a39f1facee

+ 8 - 3
src/components/BsUi/Descriptions/index.vue

@@ -3,8 +3,8 @@
     <div class="d-title" @click="handleClkHeader">
       <span>{{ title }}</span>
       <div>
-        <DownOutlined style="font-size12px; color: #979797" v-if="foldState" />
-        <UpOutlined style="font-size12px; color: #979797" size="10px" v-if="!foldState" />
+        <DownOutlined style="font-size:12px; color: #979797" v-if="foldState" />
+        <UpOutlined style="font-size:12px; color: #979797" size="10px" v-if="!foldState" />
       </div>
     </div>
 
@@ -13,7 +13,7 @@
         <slot></slot>
       </div>
       <a-descriptions v-if="!isEmpty(items)" :bordered="false" v-bind="extraProps">
-        <a-descriptions-item v-for="(item, index) in items" :key="index" v-bind="item.extraProps">
+        <a-descriptions-item v-for="(item, index) in items.filter(v => !v.visible)" :key="index" v-bind="item.extraProps" >
           <template #label>
             <slot v-if="item.labelSlot" :name="item.labelSlot" :label="item.label" :value="item.value"></slot>
 
@@ -85,7 +85,12 @@
   const handleClkHeader = () => {
     foldState.value = !foldState.value;
   };
+  function hiddenDescItem(List,index){
+    console.log(index);
+    
+    const hidden = List.filter((item)=>item.display === false)
 
+  }
   const isRenderValue = (item) => {
     return isEmpty(item.valueSlot) && isEmpty(item.type)
   }