Amir
52 lines
1.1 KiB
Vue
52 lines
1.1 KiB
Vue
<template>
|
|
<div v-for="lelongBid in allLelongBid" v-bind:key="lelongBid">
|
|
<div class="item-wrapper">
|
|
<div class="item-main">
|
|
<MarhunImage v-bind:lelongBidProp="lelongBid" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, onMounted } from "vue";
|
|
import axios from "axios";
|
|
import MarhunImage from "./MarhunImage.vue"
|
|
|
|
const props = defineProps({
|
|
selectedIdCawangan: String,
|
|
selectedBatchLelong: String
|
|
})
|
|
|
|
const allLelongBid = ref();
|
|
|
|
function getListLelongBid() {
|
|
axios.get("/listLelongBid", {
|
|
params: {
|
|
lelong_id: props.selectedBatchLelong,
|
|
caw_id: props.selectedIdCawangan,
|
|
},
|
|
}).then((response) => {
|
|
allLelongBid.value = response.data;
|
|
}).catch((error) => { alert(error); });
|
|
}
|
|
|
|
onMounted(() => {
|
|
getListLelongBid();
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
.item-wrapper {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(260px, auto));
|
|
gap: 1rem;
|
|
}
|
|
|
|
.item-main {
|
|
border: 1px solid #0000001a;
|
|
margin: 10px;
|
|
border-start-start-radius: 8px;
|
|
border-start-end-radius: 8px;
|
|
}
|
|
</style> |