boursecu_user/src/views/base/physicalReceive/components/RequestList.vue

<template>
  <div>
    <div class="flex flex-col gap-4 pt-13 px-2 pb-[calc(var(--app-bottom-chrome-height)+var(--app-add-card-height)+1rem)]">
      <RequestItem v-for="item in requestItems" :item="item"></RequestItem>
    </div>
    <Teleport to="body">
      <div class="add-request app-dock-add-bar" @click="openAdd()">
        <div>افزودن درخواست جدید</div>
        <BasicIcon icon="vuesax-linear:add" />
      </div>
    </Teleport>
  </div>
</template>

<script setup lang="ts">
import {onMounted, ref} from "vue";
import {getPhysicalReceiveList} from "@/api/physicalreceive";
import type {Physicalreceive} from "@/models/physicalreceive";
import RequestItem from "@/views/base/physicalReceive/components/RequestItem.vue";
import BasicIcon from "@/components/BasicPacks/BasicIcon.vue";
import router from "@/router";

const requestItems = ref<Physicalreceive[]>([])
const openAdd = () => {
  router.push('physicalReceive/new')
}
onMounted(async () => {
  let {rows} = await getPhysicalReceiveList()
  requestItems.value = rows
  console.log(rows)
})
</script>

<style scoped>

</style>