|
|
@ -71,9 +71,7 @@ const router = useRouter() |
|
|
|
|
|
|
|
|
|
|
|
const { getPossibleAttachmentSrc } = useAttachment() |
|
|
|
const { getPossibleAttachmentSrc } = useAttachment() |
|
|
|
|
|
|
|
|
|
|
|
const fieldsWithoutCover = computed(() => |
|
|
|
const fieldsWithoutDisplay = computed(() => fields.value.filter((f) => !isPrimary(f))) |
|
|
|
fields.value.filter((f) => f.id !== galleryData.value?.fk_cover_image_col_id && !isPrimary(f)), |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const displayField = computed(() => meta.value?.columns?.find((c) => c.pv) ?? null) |
|
|
|
const displayField = computed(() => meta.value?.columns?.find((c) => c.pv) ?? null) |
|
|
|
|
|
|
|
|
|
|
@ -148,7 +146,7 @@ const expandForm = (row: RowType, state?: Record<string, any>) => { |
|
|
|
|
|
|
|
|
|
|
|
const expandFormClick = async (e: MouseEvent, row: RowType) => { |
|
|
|
const expandFormClick = async (e: MouseEvent, row: RowType) => { |
|
|
|
const target = e.target as HTMLElement |
|
|
|
const target = e.target as HTMLElement |
|
|
|
if (target.closest('.arrow')) return |
|
|
|
if (target.closest('.arrow') || target.closest('.slick-dots')) return |
|
|
|
expandForm(row) |
|
|
|
expandForm(row) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -293,12 +291,7 @@ watch( |
|
|
|
:key="`carousel-${record.row.id}-${index}`" |
|
|
|
:key="`carousel-${record.row.id}-${index}`" |
|
|
|
class="h-52 object-cover" |
|
|
|
class="h-52 object-cover" |
|
|
|
:srcs="getPossibleAttachmentSrc(attachment)" |
|
|
|
:srcs="getPossibleAttachmentSrc(attachment)" |
|
|
|
@click=" |
|
|
|
@click="expandFormClick($event, record)" |
|
|
|
() => { |
|
|
|
|
|
|
|
console.log('hereeeeee') |
|
|
|
|
|
|
|
expandFormClick($event, record) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
" |
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</a-carousel> |
|
|
|
</a-carousel> |
|
|
@ -325,8 +318,8 @@ watch( |
|
|
|
/> |
|
|
|
/> |
|
|
|
</h2> |
|
|
|
</h2> |
|
|
|
|
|
|
|
|
|
|
|
<div v-for="col in fieldsWithoutCover" :key="`record-${record.row.id}-${col.id}`"> |
|
|
|
<div v-for="col in fieldsWithoutDisplay" :key="`record-${record.row.id}-${col.id}`"> |
|
|
|
<div class="flex flex-col ml-2 !pr-3.5 !mb-2 rounded-lg w-full"> |
|
|
|
<div class="flex flex-col ml-2 !pr-3.5 !mb-[0.5rem] rounded-lg w-full"> |
|
|
|
<div class="flex flex-row w-full justify-start scale-75"> |
|
|
|
<div class="flex flex-row w-full justify-start scale-75"> |
|
|
|
<div class="w-full pb-1 text-gray-300"> |
|
|
|
<div class="w-full pb-1 text-gray-300"> |
|
|
|
<LazySmartsheetHeaderVirtualCell |
|
|
|
<LazySmartsheetHeaderVirtualCell |
|
|
@ -340,7 +333,10 @@ watch( |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div v-if="!isRowEmpty(record, col)" class="flex flex-row w-full text-gray-700 px-1 items-center justify-start"> |
|
|
|
<div |
|
|
|
|
|
|
|
v-if="!isRowEmpty(record, col)" |
|
|
|
|
|
|
|
class="flex flex-row w-full text-gray-700 px-1 mt-[-0.25rem] items-center justify-start" |
|
|
|
|
|
|
|
> |
|
|
|
<LazySmartsheetVirtualCell |
|
|
|
<LazySmartsheetVirtualCell |
|
|
|
v-if="isVirtualCol(col)" |
|
|
|
v-if="isVirtualCol(col)" |
|
|
|
v-model="record.row[col.title]" |
|
|
|
v-model="record.row[col.title]" |
|
|
|