@opendesign-plus-test/components 0.0.1-rc.25 → 0.0.1-rc.26

package/src/components/meeting/components/OMeetingDetail.vue

@@ -4,6 +4,7 @@ import { computed, ref } from 'vue';
 import { MeetingItemT } from '@/components/meeting/types.ts';
 import MoreText from '@/components/common/MoreText.vue';
 import { Locales, useI18n } from '@/i18n';
+import { formatDate } from '@/components/meeting/utils.ts';
 
 const props = defineProps<{
   data: MeetingItemT;
@@ -80,11 +81,11 @@ defineExpose({ copyInfo });
     <div
       ref="domRef"
       class="label-item"
-      :class="`label-item_${data.id} type_${data.type} `"
+      :class="`label-item_${data.id} type_${data.type} ${!data[info.key]?.length ? 'is-empty' : ''}`"
       v-for="(info, infoIdx) in columns"
       :key="infoIdx"
     >
-      <template v-if="data[info.key]">
+      <template v-if="data[info.key] && !info.isRecord">
         <span class="label">{{ info.label }}<i>{{ isZh ? '：' : ':' }}</i></span>
         <MoreText :show="show" v-if="info.ellipsis" :text="data[info.key] || '-'" />
         <OLink
@@ -102,6 +103,14 @@ defineExpose({ copyInfo });
         {{ data[info.key] || '-' }}
       </span>
       </template>
+      <template v-if="info.isRecord && data[info.key]?.length">
+        <span class="label">{{ info.label }}{{ isZh ? '：' : ':' }}</span>
+        <p v-for="re in data[info.key]" :key="re.create_time" class="value">
+          {{ re.reason }}&nbsp;&nbsp;
+          {{ formatDate(re.create_time, 'YYYY/MM/DD HH:mm:ss') }}
+          审核{{ re.action === 1 ? '通过' : '驳回' }}
+        </p>
+      </template>
     </div>
   </div>
 
@@ -172,6 +181,10 @@ defineExpose({ copyInfo });
     margin-top: var(--o-gap-2);
   }
 
+  .label-item.is-empty {
+    margin: 0;
+  }
+
   .meeting-action {
     display: flex;
     align-items: center;