65 lines
2.2 KiB
Vue
65 lines
2.2 KiB
Vue
<template>
|
|
<div>
|
|
<v-card class="pa-4 rounded-lg" elevation="0">
|
|
<v-toolbar color="amber-lighten-5 rounded-md" density="compact">
|
|
<v-toolbar-title class="text-title-1 font-weight-bold">PENGIRIM DAN BAHASA</v-toolbar-title>
|
|
</v-toolbar>
|
|
<v-row no-gutters class="mt-4">
|
|
<v-col cols="6">
|
|
<v-select
|
|
:items="pengirim" return-object class="pr-1 mb-2" hide-details="auto"
|
|
density="compact" label="Pengirim"
|
|
item-title="name" variant="outlined"
|
|
></v-select>
|
|
<v-select
|
|
:items="bahasa" return-object class="pr-1" hide-details="auto"
|
|
density="compact" label="Bahasa 1"
|
|
item-title="name" variant="outlined"
|
|
></v-select>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<v-select
|
|
:items="alamat" return-object class="pl-1 mb-2" hide-details="auto"
|
|
density="compact" label="Alamat"
|
|
item-title="name" variant="outlined"
|
|
></v-select>
|
|
<v-select
|
|
:items="bahasa" return-object class="pl-1" hide-details="auto"
|
|
density="compact" label="Bahasa 2"
|
|
item-title="name" variant="outlined"
|
|
></v-select>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "pengirimcomp",
|
|
components: {},
|
|
mounted() {},
|
|
data() {
|
|
return {
|
|
pengirim: [
|
|
{ id: 1, name: "Dr. Andra" },
|
|
{ id: 2, name: "Dr. Reffi" },
|
|
],
|
|
bahasa: [
|
|
{ id: 1, name: "Indonesia" },
|
|
{ id: 2, name: "Inggris" },
|
|
],
|
|
alamat: [
|
|
{ id: 1, name: "Malang" },
|
|
{ id: 2, name: "Surabaya" },
|
|
]
|
|
}
|
|
},
|
|
computed: {
|
|
|
|
},
|
|
methods: {
|
|
|
|
},
|
|
}
|
|
</script> |