72 lines
2.1 KiB
Vue
72 lines
2.1 KiB
Vue
<template>
|
|
<div>
|
|
<v-toolbar color="primary" dark>
|
|
<v-toolbar-title>Detail Account Jasa {{ }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-btn v-show="!edit_state" icon @click="actEditState()">
|
|
<v-icon>edit</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-card class="pa-2">
|
|
<v-layout v-if="!edit_state" row wrap>
|
|
<v-flex xs12 pa-1>
|
|
<h2>Setting Akun Jasa</h2>
|
|
</v-flex>
|
|
<v-flex xs6 pa-1>
|
|
<strong>Akun Item Jasa: </strong> <br>
|
|
{{ "-" }} <br>
|
|
{{ "-" }} <br>
|
|
</v-flex>
|
|
<v-flex xs6 pa-1>
|
|
<strong>Akun Item Jasa Hutang: </strong> <br>
|
|
{{ "-" }} <br>
|
|
{{ "-" }} <br>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout v-else row wrap>
|
|
<v-flex xs12 pa-1 text-xs-right>
|
|
<v-btn @click="edit_state = false" color="error" class="white--text">
|
|
Batal
|
|
</v-btn>
|
|
<v-btn @click="simpanEdit()" color="primary" class="white--text">
|
|
Simpan
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
components: {},
|
|
mounted() { },
|
|
data() {
|
|
return {
|
|
keyword: "",
|
|
edit_state: false,
|
|
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: {
|
|
actEditState() {
|
|
this.edit_state = true
|
|
},
|
|
simpanEdit() {
|
|
this.edit_state = false
|
|
}
|
|
},
|
|
watch: {}
|
|
}
|
|
</script>
|