62 lines
2.0 KiB
Vue
62 lines
2.0 KiB
Vue
<template>
|
|
<div>
|
|
<v-toolbar color="primary" dark>
|
|
<v-toolbar-title>Detail Account Jasa {{ }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card class="pa-2">
|
|
<v-layout row wrap>
|
|
<v-flex xs4 pa-1>
|
|
<v-text-field v-model="keyword" hide-details outline
|
|
label="Cari" placeholder="Nama Jasa"></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
|
|
<v-card class="pa-2 mt-2">
|
|
<v-data-table :headers="headers" :items="list_coaservice.records"
|
|
hide-actions class="elevation-1">
|
|
<template v-slot:items="props">
|
|
<tr @click="selectjasa(props.item)" :class="{ 'amber lighten-4': isSelected(props.item) }">
|
|
<td class="text-xs-center pa-2">
|
|
{{ props.index + 1 }}
|
|
</td>
|
|
<td class="text-xs-left pa-2">
|
|
{{ props.item.M_ItemDesc }}
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
<v-divider class="my-1"></v-divider>
|
|
<div class="pa-2 mt-1 text-xs-centar">
|
|
<v-pagination v-model="currpage" :length="pagelength" :total-visible="5"></v-pagination>
|
|
</div>
|
|
</v-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
components: { },
|
|
mounted() { },
|
|
data() {
|
|
return {
|
|
keyword: "",
|
|
headers: [
|
|
{
|
|
text: "NO", align: "center", sortable: false, value: "nomor",
|
|
width: "20%", class: "pa-1 blue lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "NAMA JASA", align: "center", sortable: false, value: "name",
|
|
width: "80%", class: "pa-1 blue lighten-3 white--text",
|
|
},
|
|
]
|
|
}
|
|
},
|
|
computed: { },
|
|
methods: { },
|
|
watch: { }
|
|
}
|
|
</script>
|