add module fe mappign jasa account

test/vuex/acc-one-map-jasa-coa/components/right-side.vue

@@ -0,0 +1,61 @@
+<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>