Amir Hassan
76 lines
1.8 KiB
Vue
76 lines
1.8 KiB
Vue
<template>
|
|
<div>
|
|
<h6>Jumlah Surat: {{ jumlahSurat }}</h6>
|
|
<h4 class="text-danger blink" v-if="belumSemak != 0">Belum Semak: {{ belumSemak }}</h4>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div v-for="lelongBid in allLelongBid" v-bind:key="lelongBid">
|
|
<div class="item-wrapper">
|
|
<div class="item-main" :class="{ unchecked: lelongBid.status_semak == 0 }">
|
|
<MarhunImage v-bind:lelongBidProp="lelongBid" />
|
|
</div>
|
|
</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();
|
|
const jumlahSurat = ref();
|
|
const belumSemak = ref();
|
|
|
|
function getListLelongBid() {
|
|
axios.get("/listLelongBid", {
|
|
params: {
|
|
lelong_id: props.selectedBatchLelong,
|
|
caw_id: props.selectedIdCawangan,
|
|
},
|
|
}).then((response) => {
|
|
allLelongBid.value = response.data.lelong_bid;
|
|
jumlahSurat.value = response.data.jumlah_surat;
|
|
belumSemak.value = response.data.belum_semak;
|
|
}).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 #00000026;
|
|
margin: 10px;
|
|
border-start-start-radius: 8px;
|
|
border-start-end-radius: 8px;
|
|
}
|
|
|
|
.unchecked {
|
|
border: 1px solid red !important;
|
|
}
|
|
|
|
.blink {
|
|
animation: blinker 0.6s linear infinite;
|
|
}
|
|
|
|
@keyframes blinker {
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
</style> |