Flatten nested repos
This commit is contained in:
sas.fajri
932
test/vuex/one-md-staff/components/oneMdStaffDetail.vue
Normal file
932
test/vuex/one-md-staff/components/oneMdStaffDetail.vue
Normal file
@@ -0,0 +1,932 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-layout class="mb-2" column>
|
||||
<v-dialog v-model="dialogconfirmationdelete" persistent max-width="290">
|
||||
<v-card>
|
||||
<v-card-title
|
||||
dark
|
||||
class="headline error pt-2 pb-2"
|
||||
primary-title
|
||||
style="color: white"
|
||||
>
|
||||
<h4 dark>Konfirmasi</h4>
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
{{ msgconfirmationdelete }}
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
small
|
||||
color="error darken-1 text-sm-left"
|
||||
flat
|
||||
@click="doDeleteData()"
|
||||
>Hapus</v-btn
|
||||
>
|
||||
<v-btn
|
||||
small
|
||||
color="primary darken-1 text-sm-right"
|
||||
flat
|
||||
@click="dialogconfirmationdelete = false"
|
||||
>Batal</v-btn
|
||||
>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-card>
|
||||
<v-layout row>
|
||||
<v-flex xs12>
|
||||
<v-subheader red--text text--lighten-1>
|
||||
DETAIL KARYAWAN
|
||||
<v-flex text-md-right>
|
||||
<v-btn
|
||||
v-if="xact === 'new'"
|
||||
@click="saveNewStaff()"
|
||||
small
|
||||
color="info"
|
||||
>Simpan</v-btn
|
||||
>
|
||||
<v-btn
|
||||
v-if="xact === 'edit'"
|
||||
@click="deleteData()"
|
||||
small
|
||||
color="error"
|
||||
>Hapus</v-btn
|
||||
>
|
||||
<v-btn
|
||||
v-if="xact === 'edit'"
|
||||
@click="saveData()"
|
||||
small
|
||||
color="primary"
|
||||
>Simpan</v-btn
|
||||
>
|
||||
</v-flex>
|
||||
</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 pa-2>
|
||||
<v-layout row>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-select
|
||||
item-text="M_BranchName"
|
||||
return-object
|
||||
:items="xbranchs"
|
||||
v-model="xbranch"
|
||||
label="Cabang*"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-text-field
|
||||
v-model="xstaffname"
|
||||
label="Nama Karyawan*"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-text-field v-model="xnik" label="NIP"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-text-field
|
||||
v-model="xidnumber"
|
||||
label="NIK (KTP)"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex xs4 pa-1>
|
||||
<v-text-field
|
||||
v-model="xdob"
|
||||
label="Tanggal Lahir*"
|
||||
hint="format : DD-MM-YYYY , contoh : 22-06-1988"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs4 pa-1>
|
||||
<v-select
|
||||
item-text="M_SexName"
|
||||
return-object
|
||||
:items="xsexes"
|
||||
v-model="xsex"
|
||||
label="Jenis Kelamin*"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
<v-flex xs4 pa-1>
|
||||
<v-text-field v-model="xhp" label="HP"></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout row>
|
||||
<v-flex xs12 pa-1>
|
||||
<v-text-field
|
||||
v-model="xaddress"
|
||||
label="Alamat"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout row>
|
||||
<v-flex xs4 pa-1>
|
||||
<v-select
|
||||
item-text="M_PositionName"
|
||||
return-object
|
||||
:items="xpositions"
|
||||
v-model="xposition"
|
||||
label="Posisi"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
<v-flex xs2 pa-1>
|
||||
<span
|
||||
@click="addPosition"
|
||||
class="icon-medium-fill-base xs1 white--text primary ml-1 icon-add"
|
||||
></span>
|
||||
</v-flex>
|
||||
<v-flex xs3 pa-1>
|
||||
<v-text-field
|
||||
v-model="xstudy"
|
||||
label="Pendidikan Terakhir"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs3 pa-1>
|
||||
<v-text-field
|
||||
v-model="xblood"
|
||||
label="Golongan Darah"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-menu
|
||||
ref="menustartdate"
|
||||
v-model="menustartdate"
|
||||
:close-on-content-click="false"
|
||||
:nudge-right="0"
|
||||
lazy
|
||||
transition="scale-transition"
|
||||
offset-y
|
||||
full-width
|
||||
max-width="290px"
|
||||
min-width="290px"
|
||||
>
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-text-field
|
||||
v-model="startComputedDateFormatted"
|
||||
label="Tgl. Mulai Bekerja"
|
||||
readonly
|
||||
v-on="on"
|
||||
@blur="
|
||||
date = deFormatedDate(startComputedDateFormatted)
|
||||
"
|
||||
></v-text-field>
|
||||
</template>
|
||||
<v-date-picker
|
||||
v-model="xstartdate"
|
||||
no-title
|
||||
@input="menustartdate = false"
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-menu
|
||||
ref="menuenddate"
|
||||
v-model="menuenddate"
|
||||
:close-on-content-click="false"
|
||||
:nudge-right="0"
|
||||
lazy
|
||||
transition="scale-transition"
|
||||
offset-y
|
||||
full-width
|
||||
max-width="290px"
|
||||
min-width="290px"
|
||||
>
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-text-field
|
||||
v-model="endComputedDateFormatted"
|
||||
label="Tgl. Selesai"
|
||||
readonly
|
||||
v-on="on"
|
||||
@blur="
|
||||
date = deFormatedDate(endComputedDateFormatted)
|
||||
"
|
||||
></v-text-field>
|
||||
</template>
|
||||
<v-date-picker
|
||||
v-model="xenddate"
|
||||
no-title
|
||||
@input="menuenddate = false"
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-text-field
|
||||
v-model="xtimework"
|
||||
label="Jam Kerja"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-text-field
|
||||
v-model="xtimeworksaturday"
|
||||
label="Jam Kerja (Sabtu)"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout v-if="xposition.M_PositionIsDoctor == 'Y'" row>
|
||||
<v-flex xs12 pa-1>
|
||||
<v-autocomplete
|
||||
v-model="selectedDoctor"
|
||||
:items="doctorList"
|
||||
:search-input.sync="searchDoctor"
|
||||
item-text="doctorName"
|
||||
flat
|
||||
hide-no-data
|
||||
hide-details
|
||||
return-object
|
||||
label="Dokter"
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex xs6 pa-1>
|
||||
<div>
|
||||
<v-btn
|
||||
@click="changeBtnFlagCourier(xiscourier)"
|
||||
v-if="xiscourier === 'N'"
|
||||
small
|
||||
color="error"
|
||||
>
|
||||
<v-icon left>close</v-icon> Kurir</v-btn
|
||||
>
|
||||
<v-btn
|
||||
@click="changeBtnFlagCourier(xiscourier)"
|
||||
v-if="xiscourier === 'Y'"
|
||||
small
|
||||
color="success"
|
||||
>
|
||||
<v-icon left>check</v-icon> Kurir</v-btn
|
||||
>
|
||||
</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</v-layout>
|
||||
|
||||
<template>
|
||||
<v-dialog v-model="dialogerrormsg" max-width="30%">
|
||||
<v-card>
|
||||
<v-card-title class="headline red en-1 pt-2 pb-2" primary-title>
|
||||
<h4 style="color: #ffebee">Peringatan !</h4>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-2 pb-2">
|
||||
<v-layout row>
|
||||
<v-flex xs12 d-flex>
|
||||
<v-layout row>
|
||||
<v-flex pb-1 xs12>
|
||||
<v-layout row>
|
||||
<v-flex pt-2 pr-2 v-html="errormsg" xs12> </v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-divider></v-divider>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
|
||||
<v-btn color="error" flat @click="dialogerrormsg = false">
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
<v-dialog v-model="dialogposition" persistent max-width="600px">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
<span class="headline">Posisi</span>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-0 pb-0">
|
||||
<v-form ref="formposition" v-model="valid" lazy-validation>
|
||||
<v-layout wrap>
|
||||
<v-flex xs12>
|
||||
<v-layout>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-text-field
|
||||
v-model="positionname"
|
||||
label="Nama"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs6 pa-1>
|
||||
<span
|
||||
@click="saveFormPosition()"
|
||||
class="icon-medium-fill-base xs1 white--text primary ml-1 icon-save"
|
||||
></span>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 pt-2 pb-1>
|
||||
<table
|
||||
style="
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
border: 0px;
|
||||
"
|
||||
class="px"
|
||||
>
|
||||
<tr>
|
||||
<td
|
||||
style="
|
||||
border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
"
|
||||
width="40%"
|
||||
class="pa-2 blue lighten-1 white--text"
|
||||
>
|
||||
POSISI
|
||||
</td>
|
||||
<td
|
||||
style="
|
||||
border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
"
|
||||
width="20%"
|
||||
class="pa-2 blue lighten-1 white--text"
|
||||
>
|
||||
AKSI
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="mini-input" v-for="(vpx, idx) in xpositions">
|
||||
<td
|
||||
style="
|
||||
border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
vertical-align: left;
|
||||
"
|
||||
align="left"
|
||||
>
|
||||
<v-text-field
|
||||
style="margin-top: 0; padidng-top: 0"
|
||||
v-model="vpx.M_PositionName"
|
||||
hide-details
|
||||
></v-text-field>
|
||||
</td>
|
||||
<td
|
||||
style="
|
||||
border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding: 8px;
|
||||
"
|
||||
class="text-md-center pr-2"
|
||||
>
|
||||
<v-icon color="blue" @click="updateFormPosition(vpx)"
|
||||
>edit</v-icon
|
||||
>
|
||||
<v-icon
|
||||
color="#c75c3a"
|
||||
:disabled="vpx.used != 0"
|
||||
@click="deleteFormPosition(vpx)"
|
||||
>delete</v-icon
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
<tfoot></tfoot>
|
||||
</table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-layout>
|
||||
</v-form>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="blue darken-1"
|
||||
flat
|
||||
@click="updateDialogFormPosition()"
|
||||
>Tutup</v-btn
|
||||
>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
table,
|
||||
td,
|
||||
th {
|
||||
border: 1px solid #ddd;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 8px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.mini-input .v-input {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.mini-input .v-input,
|
||||
.mini-input .v-input--selection-controls,
|
||||
.mini-input .v-input__slot {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.mini-input .v-messages {
|
||||
min-height: 0px;
|
||||
}
|
||||
|
||||
input.fhm-input {
|
||||
border: 1px solid black;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1),
|
||||
0 0 4px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 2px 4px;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
margin: 0 0 1px 0;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data: () => ({
|
||||
dialogerrormsg: false,
|
||||
valid: false,
|
||||
errormsg: "",
|
||||
search_city: "",
|
||||
startdate: "",
|
||||
enddate: "",
|
||||
menustartdate: false,
|
||||
menuenddate: false,
|
||||
positionname: "",
|
||||
date: new Date().toISOString().substr(0, 10),
|
||||
}),
|
||||
computed: {
|
||||
dialogconfirmationdelete: {
|
||||
get() {
|
||||
return this.$store.state.staff.dialog_confirmation_delete;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_dialog_confirmation_delete", val);
|
||||
},
|
||||
},
|
||||
msgconfirmationdelete() {
|
||||
return this.$store.state.staff.msg_confirmation_delete;
|
||||
},
|
||||
xact() {
|
||||
return this.$store.state.staff.act;
|
||||
},
|
||||
detail() {
|
||||
return this.$store.state.staff.selected_staff;
|
||||
},
|
||||
xbranchs() {
|
||||
return this.$store.state.staff.branchs;
|
||||
},
|
||||
xbranch: {
|
||||
get() {
|
||||
return this.$store.state.staff.selected_branch;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_selected_branch", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xstaffname: {
|
||||
get() {
|
||||
return this.$store.state.staff.staff_name;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_staff_name", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xnik: {
|
||||
get() {
|
||||
return this.$store.state.staff.nik;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_nik", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xidnumber: {
|
||||
get() {
|
||||
return this.$store.state.staff.idnumber;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_idnumber", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xdob: {
|
||||
get() {
|
||||
return this.$store.state.staff.dob;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_dob", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xsexes() {
|
||||
return this.$store.state.staff.sexes;
|
||||
},
|
||||
xsex: {
|
||||
get() {
|
||||
return this.$store.state.staff.selected_sex;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_selected_sex", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xreligions() {
|
||||
return this.$store.state.staff.religions;
|
||||
},
|
||||
xreligion: {
|
||||
get() {
|
||||
return this.$store.state.staff.selected_religion;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_selected_religion", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xphone: {
|
||||
get() {
|
||||
return this.$store.state.staff.phone;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_phone", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xhp: {
|
||||
get() {
|
||||
return this.$store.state.staff.hp;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_hp", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xaddress: {
|
||||
get() {
|
||||
return this.$store.state.staff.address;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_address", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xcities() {
|
||||
return this.$store.state.staff.cities;
|
||||
},
|
||||
cityaddress: {
|
||||
get() {
|
||||
return this.$store.state.staff.city_address;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_city_address", val);
|
||||
this.$store.dispatch(
|
||||
"staff/getsubarea",
|
||||
this.$store.state.staff.city_address
|
||||
);
|
||||
},
|
||||
},
|
||||
xsubareas() {
|
||||
return this.$store.state.staff.subareas;
|
||||
},
|
||||
subareaaddress: {
|
||||
get() {
|
||||
return this.$store.state.staff.subarea_address;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_subarea_address", val);
|
||||
},
|
||||
},
|
||||
xpositions() {
|
||||
return this.$store.state.staff.positions;
|
||||
},
|
||||
xposition: {
|
||||
get() {
|
||||
return this.$store.state.staff.selected_position;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_selected_position", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xtimework: {
|
||||
get() {
|
||||
return this.$store.state.staff.timework;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_timework", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xtimeworksaturday: {
|
||||
get() {
|
||||
return this.$store.state.staff.timeworksaturday;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_timeworksaturday", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xblood: {
|
||||
get() {
|
||||
return this.$store.state.staff.blood;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_blood", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xstudy: {
|
||||
get() {
|
||||
return this.$store.state.staff.study;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_study", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
xiscourier: {
|
||||
get() {
|
||||
return this.$store.state.staff.iscourier;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_iscourier", val);
|
||||
this.$store.commit("staff/update_no_save", 1);
|
||||
},
|
||||
},
|
||||
startComputedDateFormatted() {
|
||||
return this.formatDate(this.xstartdate);
|
||||
},
|
||||
xstartdate: {
|
||||
get() {
|
||||
return this.$store.state.staff.startdate;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_startdate", val);
|
||||
},
|
||||
},
|
||||
endComputedDateFormatted() {
|
||||
return this.formatDate(this.xenddate);
|
||||
},
|
||||
xenddate: {
|
||||
get() {
|
||||
return this.$store.state.staff.enddate;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_enddate", val);
|
||||
},
|
||||
},
|
||||
doctorList: {
|
||||
get() {
|
||||
return this.$store.state.staff.doctorList;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_doctorList", val);
|
||||
},
|
||||
},
|
||||
selectedDoctor: {
|
||||
get() {
|
||||
return this.$store.state.staff.selectedDoctor;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_selectedDoctor", val);
|
||||
},
|
||||
},
|
||||
searchDoctor: {
|
||||
get() {
|
||||
return this.$store.state.staff.searchDoctor;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_searchDoctor", val);
|
||||
},
|
||||
},
|
||||
isDoctor: {
|
||||
get() {
|
||||
return this.$store.state.staff.isDoctor;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_isDoctor", val);
|
||||
},
|
||||
},
|
||||
dialogposition() {
|
||||
return this.$store.state.staff.dialog_form_position;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
changeBtnFlagCourier(value) {
|
||||
var newval = value === "Y" ? "N" : "Y";
|
||||
this.xiscourier = newval;
|
||||
},
|
||||
changeBtnFlagDefaultCourier(value) {
|
||||
var newval = value === "Y" ? "N" : "Y";
|
||||
this.xdiscourier = newval;
|
||||
},
|
||||
updateDialogFormPosition() {
|
||||
this.$store.commit("staff/update_dialog_form_position", false);
|
||||
},
|
||||
addPosition() {
|
||||
this.$store.commit("staff/update_dialog_form_position", true);
|
||||
},
|
||||
saveFormPosition() {
|
||||
this.$store.dispatch("staff/saveposition", {
|
||||
name: this.positionname,
|
||||
});
|
||||
this.positionname = "";
|
||||
},
|
||||
updateFormPosition(val) {
|
||||
this.$store.dispatch("staff/updateposition", {
|
||||
id: val.M_PositionID,
|
||||
name: val.M_PositionName,
|
||||
});
|
||||
},
|
||||
deleteFormPosition(val) {
|
||||
this.$store.dispatch("staff/deleteposition", {
|
||||
id: val.M_PositionID,
|
||||
});
|
||||
},
|
||||
saveData() {
|
||||
var prm = {};
|
||||
prm.M_StaffID = this.$store.state.staff.selected_staff.M_StaffID;
|
||||
prm.M_StaffM_BranchID =
|
||||
this.$store.state.staff.selected_branch.M_BranchID;
|
||||
prm.M_StaffName = this.xstaffname;
|
||||
prm.M_StaffDOB = this.xdob;
|
||||
prm.M_StaffM_SexID = this.$store.state.staff.selected_sex.M_SexID;
|
||||
prm.M_StaffM_ReligionID =
|
||||
this.$store.state.staff.selected_religion.M_ReligionID;
|
||||
prm.M_StaffHP = this.xhp;
|
||||
prm.M_StaffPhone = this.xphone;
|
||||
prm.M_StaffAddress = this.xaddress;
|
||||
prm.M_StaffNIK = this.xnik;
|
||||
prm.M_StaffIDNumber = this.xidnumber;
|
||||
prm.M_StaffM_CityID = this.cityaddress.M_CityID;
|
||||
prm.M_StaffM_SubareaID = this.subareaaddress.M_SubareaID;
|
||||
prm.M_StaffM_PositionID =
|
||||
this.$store.state.staff.selected_position.M_PositionID;
|
||||
prm.M_StaffStartDate = this.xstartdate;
|
||||
prm.M_StaffEndDate = this.xenddate;
|
||||
prm.M_StaffTimeWork = this.xtimework;
|
||||
prm.M_StaffTimeWorkSaturday = this.xtimeworksaturday;
|
||||
prm.M_StaffBlood = this.xblood;
|
||||
prm.M_StaffStudy = this.xstudy;
|
||||
prm.M_StaffIsCourier = this.xiscourier;
|
||||
prm.M_StaffM_DoctorID = this.selectedDoctor.doctorID ?? "0";
|
||||
|
||||
this.$store.dispatch("staff/save", prm);
|
||||
},
|
||||
saveNewStaff() {
|
||||
var error_count = 0;
|
||||
var error_msg = "";
|
||||
if (_.isEmpty(this.xbranch)) {
|
||||
error_count++;
|
||||
error_msg +=
|
||||
"<p><kbd class='text-uppercase'>Cabang</kbd> : Ayo, pilih salah satu cabang</p>";
|
||||
}
|
||||
|
||||
if (this.xstaffname === "") {
|
||||
error_count++;
|
||||
error_msg +=
|
||||
"<p><kbd class='text-uppercase'>Nama Karyawan</kbd> : Diisi dong nama karyawannya</p>";
|
||||
}
|
||||
|
||||
if (_.isEmpty(this.xsex)) {
|
||||
error_count++;
|
||||
error_msg +=
|
||||
"<p><kbd class='text-uppercase'>Jenis Kelamin</kbd> : Ayo, pilih salah satu jenis kelamin</p>";
|
||||
}
|
||||
|
||||
if (this.xdob === "") {
|
||||
error_count++;
|
||||
error_msg +=
|
||||
"<p><kbd class='text-uppercase'>Tanggal Lahir</kbd> : Diisi dong tanggal lahirnya</p>";
|
||||
}
|
||||
|
||||
var aDOB = moment(this.xdob, "DD-MM-YYYY", true);
|
||||
var isValidDOB = aDOB.isValid();
|
||||
if (!isValidDOB) {
|
||||
error_count++;
|
||||
error_msg +=
|
||||
"<p><kbd class='text-uppercase'>Tanggal Lahir</kbd> : Diisi sesuai format dong (DD-MM-YYYY, contoh : 22-06-1988)</p>";
|
||||
}
|
||||
|
||||
if (error_count > 0) {
|
||||
this.errormsg = error_msg;
|
||||
this.dialogerrormsg = true;
|
||||
} else {
|
||||
var prm = {};
|
||||
prm.M_StaffID = 0;
|
||||
prm.M_StaffM_BranchID =
|
||||
this.$store.state.staff.selected_branch.M_BranchID;
|
||||
prm.M_StaffName = this.xstaffname;
|
||||
prm.M_StaffDOB = this.xdob;
|
||||
prm.M_StaffM_SexID = this.$store.state.staff.selected_sex.M_SexID;
|
||||
prm.M_StaffM_ReligionID =
|
||||
this.$store.state.staff.selected_religion.M_ReligionID;
|
||||
prm.M_StaffHP = this.xhp;
|
||||
prm.M_StaffPhone = this.xphone;
|
||||
prm.M_StaffAddress = this.xaddress;
|
||||
prm.M_StaffNIK = this.xnik;
|
||||
prm.M_StaffIDNumber = this.xidnumber;
|
||||
prm.M_StaffM_CityID = this.cityaddress.M_CityID;
|
||||
prm.M_StaffM_SubareaID = this.subareaaddress.M_SubareaID;
|
||||
prm.M_StaffM_PositionID =
|
||||
this.$store.state.staff.selected_position.M_PositionID;
|
||||
prm.M_StaffStartDate = this.xstartdate;
|
||||
prm.M_StaffEndDate = this.xenddate;
|
||||
prm.M_StaffTimeWork = this.xtimework;
|
||||
prm.M_StaffTimeWorkSaturday = this.xtimeworksaturday;
|
||||
prm.M_StaffBlood = this.xblood;
|
||||
prm.M_StaffStudy = this.xstudy;
|
||||
prm.M_StaffIsCourier = this.xiscourier;
|
||||
prm.M_StaffM_DoctorID = this.selectedDoctor.doctorID ?? "0";
|
||||
this.$store.dispatch("staff/newstaff", prm);
|
||||
}
|
||||
},
|
||||
thr_search_city: _.debounce(function () {
|
||||
this.$store.dispatch("staff/searchcity", this.search_city);
|
||||
}, 2000),
|
||||
thr_search_doctor: _.debounce(function () {
|
||||
this.$store.dispatch("staff/getdoctor");
|
||||
}, 500),
|
||||
formatDate(date) {
|
||||
if (!date) return null;
|
||||
|
||||
const [year, month, day] = date.split("-");
|
||||
return `${day}-${month}-${year}`;
|
||||
},
|
||||
deFormatedDate(date) {
|
||||
if (!date) return null;
|
||||
|
||||
const [day, month, year] = date.split("-");
|
||||
return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
|
||||
},
|
||||
deleteData() {
|
||||
let msg = "Yakin, akan menghapus data pasien " + this.xstaffname + " ?";
|
||||
this.$store.commit("staff/update_msg_confirmation_delete", msg);
|
||||
this.$store.commit("staff/update_dialog_confirmation_delete", true);
|
||||
},
|
||||
doDeleteData() {
|
||||
var prm = {};
|
||||
prm.M_StaffID = this.$store.state.staff.selected_staff.M_StaffID;
|
||||
prm.M_StaffName = this.xstaffname;
|
||||
this.$store.dispatch("staff/delete", prm);
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
search_city(val, old) {
|
||||
if (val == old) return;
|
||||
if (!val) return;
|
||||
if (val.length < 1) return;
|
||||
if (this.$store.state.staff.update_autocomplete_status == 1) return;
|
||||
this.thr_search_city();
|
||||
},
|
||||
searchDoctor(val, old) {
|
||||
if (val == old) return;
|
||||
if (!val) return;
|
||||
if (val.length < 1) return;
|
||||
if (this.$store.state.staff.update_autocomplete_status == 1) return;
|
||||
this.thr_search_doctor();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
432
test/vuex/one-md-staff/components/oneMdStaffList.vue
Normal file
432
test/vuex/one-md-staff/components/oneMdStaffList.vue
Normal file
@@ -0,0 +1,432 @@
|
||||
<template>
|
||||
<v-layout class="fill-height" column>
|
||||
<v-dialog v-model="dialogsuccess" persistent max-width="290">
|
||||
<v-card>
|
||||
<v-card-title color="success" class="headline">Berhasil !</v-card-title>
|
||||
<v-card-text>
|
||||
{{ msgsuccess }}
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="green darken-1" flat @click="closeDialogSuccess"
|
||||
>OK</v-btn
|
||||
>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-card class="mb-2 pa-2 searchbox">
|
||||
<v-layout>
|
||||
<v-text-field
|
||||
class="xs6 ma-1"
|
||||
label="NIP"
|
||||
@keyup.enter="searchStaff"
|
||||
outline
|
||||
v-model="snik"
|
||||
hide-details
|
||||
></v-text-field>
|
||||
|
||||
<v-text-field
|
||||
class="xs6 ma-1"
|
||||
label="Nama"
|
||||
@keyup.enter="searchStaff"
|
||||
outline
|
||||
v-model="name"
|
||||
hide-details
|
||||
></v-text-field>
|
||||
<!--<v-select class="xs6 mini-select ma-1" :items="xstatuses"
|
||||
item-text="label"
|
||||
@change="searchStaff()"
|
||||
return-object
|
||||
v-model="xselectedstatus"
|
||||
label="Status" outline hide-details></v-select>-->
|
||||
<!--<v-btn class="xs3 ma-1" color="success" @click="searchStaff">Cari</v-btn>-->
|
||||
<span
|
||||
@click="setNewStaff"
|
||||
class="icon-medium-fill-base xs1 white--text primary ml-1 icon-add"
|
||||
></span>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card>
|
||||
<v-layout row>
|
||||
<v-flex xs12 pl-2 pr-2 pt-2 pb-2>
|
||||
<v-data-table
|
||||
:headers="headers"
|
||||
:items="staffs"
|
||||
:loading="isLoading"
|
||||
:pagination.sync="pagination"
|
||||
class="elevation-1"
|
||||
>
|
||||
<template slot="items" slot-scope="props">
|
||||
<td
|
||||
class="text-xs-left pa-2"
|
||||
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
||||
@click="selectMe(props.item)"
|
||||
>
|
||||
{{ props.item.M_StaffName }}
|
||||
</td>
|
||||
<td
|
||||
class="text-xs-center pa-2"
|
||||
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
||||
@click="selectMe(props.item)"
|
||||
>
|
||||
{{ props.item.M_StaffNIK }}
|
||||
<p style="color: #800000" class="mb-0 font-weight-bold caption">
|
||||
NIK : {{ props.item.M_StaffIDNumber }}
|
||||
</p>
|
||||
</td>
|
||||
<td
|
||||
class="text-xs-center pa-2"
|
||||
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
||||
@click="selectMe(props.item)"
|
||||
>
|
||||
{{ props.item.M_StaffHP }}
|
||||
</td>
|
||||
<td
|
||||
class="text-xs-center pa-2"
|
||||
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
||||
@click="selectMe(props.item)"
|
||||
>
|
||||
{{ props.item.M_PositionName }}
|
||||
</td>
|
||||
<td
|
||||
class="text-xs-center pa-2"
|
||||
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
||||
@click="selectMe(props.item)"
|
||||
>
|
||||
{{ props.item.iskurir }}
|
||||
</td>
|
||||
</template>
|
||||
<template>
|
||||
<div class="text-xs-center">
|
||||
<v-pagination
|
||||
v-model="page"
|
||||
:length="15"
|
||||
:total-visible="7"
|
||||
></v-pagination>
|
||||
</div>
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<one-dialog-alert
|
||||
:status="openalertconfirmation"
|
||||
:msg="msgalertconfirmation"
|
||||
@forget-dialog-alert="forgetAlertConfirmation()"
|
||||
@close-dialog-alert="closeAlertConfirmation()"
|
||||
></one-dialog-alert>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchbox .v-input.v-text-field .v-input__slot {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
.searchbox .v-btn {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
table.v-table tbody td,
|
||||
table.v-table tbody th {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
table.v-table thead tr {
|
||||
height: 40px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components: {
|
||||
"one-dialog-info": httpVueLoader("../../common/oneDialogInfo.vue"),
|
||||
"one-dialog-alert": httpVueLoader("../../common/oneDialogAlert.vue"),
|
||||
},
|
||||
mounted() {
|
||||
this.$store.dispatch("staff/getsexreg");
|
||||
this.$store.dispatch("staff/search", {
|
||||
name: this.name,
|
||||
snik: this.snik,
|
||||
status: this.xselectedstatus.value,
|
||||
lastid: -1,
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
isSelected(p) {
|
||||
return p.M_StaffID == this.$store.state.staff.selected_staff.M_StaffID;
|
||||
},
|
||||
searchStaff() {
|
||||
this.$store.dispatch("staff/search", {
|
||||
name: this.name,
|
||||
snik: this.snik,
|
||||
status: this.xselectedstatus.value,
|
||||
lastid: -1,
|
||||
});
|
||||
},
|
||||
selectMe(sta) {
|
||||
this.doctorList = [];
|
||||
if (this.$store.state.staff.no_save == 0) {
|
||||
this.$store.commit("staff/update_selected_staff", sta);
|
||||
this.$store.commit("staff/update_selected_branch", {
|
||||
M_BranchID: sta.M_StaffM_BranchID,
|
||||
M_BranchName: sta.M_BranchName,
|
||||
});
|
||||
this.$store.commit("staff/update_staff_name", sta.M_StaffName);
|
||||
this.$store.commit("staff/update_dob", sta.M_StaffDOBx);
|
||||
this.$store.commit("staff/update_selected_sex", {
|
||||
M_SexID: sta.M_StaffM_SexID,
|
||||
M_SexName: sta.M_SexName,
|
||||
});
|
||||
this.$store.commit("staff/update_address", sta.M_StaffAddress);
|
||||
//this.$store.commit("staff/update_cities",[{M_CityID:sta.M_StaffM_CityID,M_CityName:sta.M_CityName}])
|
||||
//this.$store.commit("staff/update_city_address",{M_CityID:sta.M_StaffM_CityID,M_CityName:sta.M_CityName})
|
||||
//this.$store.commit("staff/update_subareas",[{M_SubareaID:sta.M_StaffM_SubareaID,M_SubareaName:sta.M_SubareaName}])
|
||||
//.$store.commit("staff/update_subarea_address",{M_SubareaID:sta.M_StaffM_SubareaID,M_SubareaName:sta.M_SubareaName})
|
||||
|
||||
this.$store.commit("staff/update_phone", sta.M_StaffPhone);
|
||||
this.$store.commit("staff/update_hp", sta.M_StaffHP);
|
||||
/*this.$store.commit("staff/update_selected_religion", {
|
||||
M_ReligionID: sta.M_StaffM_ReligionID,
|
||||
M_ReligionName: sta.M_ReligionName
|
||||
})*/
|
||||
|
||||
console.log('dsadas')
|
||||
console.log(sta.M_StaffStartDate);
|
||||
console.log(moment('2025-01-01').format('YYYY-MM-DD'));
|
||||
if(moment(sta.M_StaffStartDate).format('YYYY-MM-DD') != 'Invalid Date' && sta.M_StaffStartDate != '0000-00-00'){
|
||||
this.$store.commit("staff/update_startdate", moment(sta.M_StaffStartDate).format('YYYY-MM-DD'));
|
||||
}else{
|
||||
this.$store.commit("staff/update_startdate", '2025-01-01');
|
||||
}
|
||||
if(moment(sta.M_StaffEndDate).format('YYYY-MM-DD') != 'Invalid Date' && sta.M_StaffEndDate != '0000-00-00'){
|
||||
this.$store.commit("staff/update_enddate", moment(sta.M_StaffEndDate).format('YYYY-MM-DD'));
|
||||
}else{
|
||||
this.$store.commit("staff/update_enddate", '2025-01-01');
|
||||
}
|
||||
// M_PositionIsDoctor
|
||||
this.$store.commit("staff/update_selected_position", {
|
||||
M_PositionID: sta.M_StaffM_PositionID,
|
||||
M_PositionName: sta.M_PositionName,
|
||||
M_PositionIsDoctor: sta.isDoctor,
|
||||
});
|
||||
this.$store.commit("staff/update_nik", sta.M_StaffNIK);
|
||||
this.$store.commit("staff/update_idnumber", sta.M_StaffIDNumber);
|
||||
this.$store.commit("staff/update_timework", sta.M_StaffTimeWork);
|
||||
this.$store.commit(
|
||||
"staff/update_timeworksaturday",
|
||||
sta.M_StaffTimeWorkSaturday
|
||||
);
|
||||
this.$store.commit("staff/update_blood", sta.M_StaffBlood);
|
||||
this.$store.commit("staff/update_study", sta.M_StaffStudy);
|
||||
this.$store.commit("staff/update_iscourier", sta.M_StaffIsCourier);
|
||||
this.$store.commit("staff/update_act", "edit");
|
||||
|
||||
this.isDoctor = sta.isDoctor;
|
||||
if (sta.isDoctor == "Y") {
|
||||
this.searchDoctor = sta.doctorName;
|
||||
this.selectedDoctor = {
|
||||
doctorID: sta.M_StaffM_DoctorID,
|
||||
M_DoctorName: sta.doctorName,
|
||||
doctorName: sta.doctorName,
|
||||
};
|
||||
} else {
|
||||
this.searchDoctor = "";
|
||||
this.selectedDoctor = {};
|
||||
}
|
||||
} else {
|
||||
this.$store.commit("staff/update_open_alert_confirmation", true);
|
||||
}
|
||||
},
|
||||
closeAlertConfirmation() {
|
||||
this.$store.commit("staff/update_open_alert_confirmation", false);
|
||||
},
|
||||
forgetAlertConfirmation() {
|
||||
this.$store.commit("staff/update_no_save", 0);
|
||||
this.$store.commit("staff/update_open_alert_confirmation", false);
|
||||
},
|
||||
updateAlert_success(val) {
|
||||
this.$store.commit("staff/update_alert_success", val);
|
||||
},
|
||||
setNewStaff() {
|
||||
this.doctorList = [];
|
||||
this.selectedDoctor = {};
|
||||
this.searchDoctor = "";
|
||||
this.$store.commit("staff/update_selected_staff", {});
|
||||
this.$store.commit("staff/update_selected_branch", {});
|
||||
this.$store.commit("staff/update_staff_name", "");
|
||||
this.$store.commit("staff/update_dob", "");
|
||||
this.$store.commit("staff/update_selected_sex", {});
|
||||
this.$store.commit("staff/update_address", "");
|
||||
this.$store.commit("staff/update_city_address", {});
|
||||
this.$store.commit("staff/update_subarea_address", {});
|
||||
this.$store.commit("staff/update_phone", "");
|
||||
this.$store.commit("staff/update_hp", "");
|
||||
this.$store.commit("staff/update_selected_religion", {});
|
||||
this.$store.commit("staff/update_startdate", moment(new Date()).format('YYYY-MM-DD'));
|
||||
this.$store.commit("staff/update_enddate", moment(new Date()).format('YYYY-MM-DD'));
|
||||
this.$store.commit("staff/update_selected_position", {});
|
||||
this.$store.commit("staff/update_nik", "");
|
||||
this.$store.commit("staff/update_timework", "");
|
||||
this.$store.commit("staff/update_timeworksaturday", "");
|
||||
this.$store.commit("staff/update_blood", "");
|
||||
this.$store.commit("staff/update_study", "");
|
||||
|
||||
this.$store.commit("staff/update_act", "new");
|
||||
},
|
||||
closeDialogSuccess() {
|
||||
let arrstaff = this.$store.state.staff.staffs;
|
||||
var idx = _.findIndex(
|
||||
arrstaff,
|
||||
(item) => item.M_StaffID === this.$store.state.staff.last_id
|
||||
);
|
||||
console.log(idx);
|
||||
this.$store.dispatch("staff/search", {
|
||||
name: this.name,
|
||||
snik: this.snik,
|
||||
status: this.xselectedstatus.value,
|
||||
lastid: idx,
|
||||
});
|
||||
this.$store.commit("staff/update_dialog_success", false);
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
doctorList: {
|
||||
get() {
|
||||
return this.$store.state.staff.doctorList;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_doctorList", val);
|
||||
},
|
||||
},
|
||||
dialogsuccess: {
|
||||
get() {
|
||||
return this.$store.state.staff.dialog_success;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_dialog_success", val);
|
||||
},
|
||||
},
|
||||
msgsuccess() {
|
||||
return this.$store.state.staff.msg_success;
|
||||
},
|
||||
snackbar: {
|
||||
get() {
|
||||
return this.$store.state.staff.alert_success;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_alert_success", val);
|
||||
},
|
||||
},
|
||||
isLoading() {
|
||||
return this.$store.state.staff.search_status == 1;
|
||||
},
|
||||
xstatuses() {
|
||||
return this.$store.state.staff.statuses;
|
||||
},
|
||||
xselectedstatus: {
|
||||
get() {
|
||||
return this.$store.state.staff.selected_status;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_selected_status", val);
|
||||
},
|
||||
},
|
||||
isDoctor: {
|
||||
get() {
|
||||
return this.$store.state.staff.isDoctor;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_isDoctor", val);
|
||||
},
|
||||
},
|
||||
selectedDoctor: {
|
||||
get() {
|
||||
return this.$store.state.staff.selectedDoctor;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_selectedDoctor", val);
|
||||
},
|
||||
},
|
||||
searchDoctor: {
|
||||
get() {
|
||||
return this.$store.state.staff.searchDoctor;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_searchDoctor", val);
|
||||
},
|
||||
},
|
||||
staffs() {
|
||||
return this.$store.state.staff.staffs;
|
||||
},
|
||||
openalertconfirmation: {
|
||||
get() {
|
||||
return this.$store.state.staff.open_alert_confirmation;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("staff/update_open_alert_confirmation", val);
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
msgalertconfirmation:
|
||||
"Perubahan yang telah dilakukan belum disimpan dong !",
|
||||
items: [],
|
||||
name: "",
|
||||
snik: "",
|
||||
page: 1,
|
||||
headers: [
|
||||
{
|
||||
text: "NAMA",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "mr",
|
||||
width: "25%",
|
||||
class: "pa-2 blue lighten-3 white--text",
|
||||
},
|
||||
{
|
||||
text: "NIK",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "lab",
|
||||
width: "10%",
|
||||
class: "pa-2 blue lighten-3 white--text",
|
||||
},
|
||||
{
|
||||
text: "HP",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "name",
|
||||
width: "10%",
|
||||
class: "pa-2 blue lighten-3 white--text",
|
||||
},
|
||||
|
||||
{
|
||||
text: "POSISI",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text",
|
||||
},
|
||||
{
|
||||
text: "SEBAGAI KURIR",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "10%",
|
||||
class: "pa-2 blue lighten-3 white--text",
|
||||
},
|
||||
],
|
||||
pagination: {
|
||||
descending: false,
|
||||
page: 1,
|
||||
rowsPerPage: 5,
|
||||
sortBy: "M_StaffName",
|
||||
totalItems: this.$store.state.staff.total_staffs,
|
||||
},
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user