4610 lines
191 KiB
Vue
4610 lines
191 KiB
Vue
<template>
|
||
<div>
|
||
<v-dialog v-model="dialogdownload" persistent max-width="650" max-height="500">
|
||
<v-card>
|
||
<v-container grid-list-sm fluid>
|
||
<v-layout row wrap>
|
||
<v-flex xs12>
|
||
<p class="mb-2">PILIH YANG DIINGINKAN :</p>
|
||
<v-layout class="pl-2 pt-2" row>
|
||
<v-flex xs12>
|
||
<v-radio-group v-model="selected_download">
|
||
<v-radio v-for="(report, i) in reports" :key="i" :label="report.test" :value="report.url"></v-radio>
|
||
</v-radio-group>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-container>
|
||
<v-card-actions>
|
||
<v-spacer></v-spacer>
|
||
<v-btn color="error darken-1" flat @click="dialogdownload = false">Tutup</v-btn>
|
||
<v-btn color="teal lighten-2" flat @click="doDownloadRpt()">DOWNLOAD</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
<v-dialog v-model="dialognote" width="75%">
|
||
<v-card>
|
||
<v-card-title class="headline white--text error" primary-title>
|
||
</v-card-title>
|
||
|
||
<v-card-text>
|
||
<v-layout v-if="patient.fo_note !== ''" mb-2 row>
|
||
<v-flex mb-2 xs3>
|
||
<span style="color: #0f80db;" class="mono name">FO</span>
|
||
</v-flex>
|
||
<v-flex xs9>
|
||
<v-layout row>
|
||
<v-flex mb-1 xs12>
|
||
<code style="
|
||
box-shadow: none !important;
|
||
color: #0f80db !important;
|
||
background-color: #a8cfee6b !important;
|
||
">{{ patient.fo_note_user }}</code>
|
||
<div class="v-markdown">
|
||
<p style="margin-top: 2px; margin-bottom: 0;">
|
||
{{ patient.fo_note }}
|
||
</p>
|
||
</div>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout v-if="patient.fo_ver_note !== ''" mb-2 row>
|
||
<v-flex mb-2 xs3>
|
||
<span style="color: #0f80db;" class="mono name">FO Verifikasi</span>
|
||
</v-flex>
|
||
<v-flex xs9>
|
||
<v-layout row>
|
||
<v-flex mb-1 xs12>
|
||
<code style="
|
||
box-shadow: none !important;
|
||
color: #0f80db !important;
|
||
background-color: #a8cfee6b !important;
|
||
">{{ patient.fo_ver_note_user }}</code>
|
||
<div class="v-markdown">
|
||
<p style="margin-top: 2px; margin-bottom: 0;">
|
||
{{ patient.fo_ver_note }}
|
||
</p>
|
||
</div>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout v-if="patient.sampling_note !== ''" mb-2 row>
|
||
<v-flex mb-2 xs3>
|
||
<span style="color: #0f80db;" class="mono name">Sampling</span>
|
||
</v-flex>
|
||
<v-flex xs9>
|
||
<v-layout row>
|
||
<v-flex mb-1 xs12>
|
||
<code style="
|
||
box-shadow: none !important;
|
||
color: #0f80db !important;
|
||
background-color: #a8cfee6b !important;
|
||
">{{ patient.sampling_note_user }}</code>
|
||
<div class="v-markdown">
|
||
<p style="margin-top: 2px; margin-bottom: 0;">
|
||
{{ patient.sampling_note }}
|
||
</p>
|
||
</div>
|
||
</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="grey" dark flat text @click="dialognote = false">
|
||
Tutup
|
||
</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
<v-dialog v-model="dialogprintlang" persistent max-width="450">
|
||
<v-card class="align-center justify-center">
|
||
<v-card-title style="padding: 0px;" primary-title dark color="blue-grey" class="blue-grey white--text">
|
||
<v-subheader style="color: #fff !important;">PILIH BAHASA</v-subheader>
|
||
</v-card-title>
|
||
<v-card-text>
|
||
<v-switch style="margin-top: 0; padding-top: 0;" @change="changeSwitch(lang.chex, index)"
|
||
v-for="(lang, index) in dialoglangs" :key="index" v-model="lang.chex === 'Y'" :label="lang.name"
|
||
:disabled="lang.chex === 'N'">
|
||
</v-switch>
|
||
</v-card-text>
|
||
<v-card-actions>
|
||
<v-spacer></v-spacer>
|
||
<v-btn color="grey ligthen-1" flat @click="dialogprintlang = false">Batal</v-btn>
|
||
<v-btn color="blue-grey" flat @click="doPrintAfterLang()">Cetak</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
<v-dialog v-model="dialoglang" persistent max-width="450">
|
||
<v-card class="align-center justify-center">
|
||
<v-card-title style="padding: 0px;" primary-title dark color="blue-grey" class="blue-grey white--text">
|
||
<v-subheader style="color: #fff !important;">PILIH BAHASA</v-subheader>
|
||
</v-card-title>
|
||
<v-card-text>
|
||
<v-select class="ma-1 mini-select" :items="xnowtest.langs" item-text="name" return-object v-model="sellang"
|
||
label="Bahasa" outline hide-details>
|
||
</v-select>
|
||
</v-card-text>
|
||
<v-card-actions>
|
||
<v-spacer></v-spacer>
|
||
<v-btn color="grey ligthen-1" flat @click="changeLang()">Tutup</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
<v-dialog v-model="dialogtemplates" persistent max-width="450">
|
||
<v-card class="align-center justify-center">
|
||
<v-card-title style="padding: 0px;" primary-title dark color="primary" class="primary white--text">
|
||
<v-subheader style="color: #fff !important;">PILIH TEMPLATE</v-subheader>
|
||
</v-card-title>
|
||
<v-card-text>
|
||
<v-select class="ma-1 mini-select" :items="xtemplates" item-text="label" return-object
|
||
v-model="xselectedtemplate" label="Template" outline hide-details>
|
||
</v-select>
|
||
</v-card-text>
|
||
<v-card-actions>
|
||
<v-spacer></v-spacer>
|
||
<v-btn color="grey ligthen-1" flat @click="dialogtemplates = false">Batal</v-btn>
|
||
<v-btn color="blue-grey" flat @click="doPasteTemplate()">Terapkan</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
<v-dialog v-model="xdialogdoctor" persistent max-width="350">
|
||
<v-card class="align-center justify-center">
|
||
<v-card-title primary-title dark color="warning" class="warning white--text headline">PILIH
|
||
DOKTER</v-card-title>
|
||
<v-card-text>
|
||
<p v-if="requiredoctor" class="error pl-2 pr-2" style="color: #fff;">
|
||
Dokter harus dipilih salah satu dong
|
||
</p>
|
||
<v-autocomplete label="Dokter" v-model="selected_doctor" :items="doctors" :search-input.sync="search_doctor"
|
||
auto-select-first no-filter item-text="name" return-object style="height: 32px !important;"
|
||
no-data-text="Pilih Dokter">
|
||
<template slot="item" slot-scope="{ item }">
|
||
<v-list-tile-content>
|
||
<v-list-tile-title v-text="item.name"></v-list-tile-title>
|
||
</v-list-tile-content>
|
||
</template>
|
||
</v-autocomplete>
|
||
</v-card-text>
|
||
<v-card-actions>
|
||
<v-spacer></v-spacer>
|
||
<v-btn color="red darken-1" flat @click="xdialogdoctor = false">Tutup</v-btn>
|
||
<v-btn color="green darken-1" @click="savedoctor" flat>Simpan</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
<v-dialog v-model="xdialogaction" persistent max-width="350">
|
||
<v-card>
|
||
<v-card-title color="warning" class="headline">Konfirmasi</v-card-title>
|
||
<v-card-text v-html="xmsgaction"> </v-card-text>
|
||
<v-card-actions>
|
||
<v-spacer></v-spacer>
|
||
<v-btn color="primary darken-1" flat @click="closeDialogAction()">Ya</v-btn>
|
||
<v-btn color="error darken-1" flat @click="xdialogaction = false">Tutup</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
<v-dialog v-model="xdialogimage" persistent max-width="650" max-height="500">
|
||
<v-card color="amber lighten-5">
|
||
<v-container grid-list-sm fluid>
|
||
<v-layout row wrap>
|
||
<v-flex>
|
||
<v-card flat tile class="d-flex">
|
||
<v-img :src="ximage" aspect-ratio="1" class="grey lighten-2">
|
||
<template v-slot:placeholder>
|
||
<v-layout fill-height align-center justify-center ma-0>
|
||
<v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
|
||
</v-layout>
|
||
</template>
|
||
</v-img>
|
||
</v-card>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-container>
|
||
<v-card-actions>
|
||
<v-spacer></v-spacer>
|
||
<v-btn color="black" dark @click="xdialogimage = false">Tutup</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
<v-layout row mb-2 wrap>
|
||
<v-flex xs12 pr-1>
|
||
<v-card>
|
||
<v-layout pt-1 pb-1 row>
|
||
<v-flex pt-1 pb-1 pl-2 pr-2 xs12>
|
||
<span class="left" style="font-size: x-large;">
|
||
<p class="mb-0">
|
||
{{ patient.ordernumber }}
|
||
<span><v-icon title="catatan" @click="dialognote = true" v-if="
|
||
(patient.fo_note && patient.fo_note != '') ||
|
||
(patient.sampling_note && patient.sampling_note != '')
|
||
" style="font-size: 20px; cursor: pointer;" large color="error">info</v-icon></span>
|
||
</p>
|
||
</span>
|
||
<span class="right">
|
||
<v-chip dark v-for="(delivery, ix) in patient.deliveries" :key="ix" @click="downloadRpt(delivery)"
|
||
:title="delivery.destination" label :color="delivery.color" text-color="white">
|
||
{{ delivery.label }}
|
||
</v-chip>
|
||
</span>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-divider></v-divider>
|
||
<v-layout pt-1 pb-2 wrap>
|
||
<v-flex pt-1 pb-1 pl-2 sm6 xs12>
|
||
<v-text-field ma-1 label="NAMA PASIEN" class="text-uppercase" :value="patient.patient_fullname"
|
||
hide-details readonly></v-text-field>
|
||
</v-flex>
|
||
<v-flex pt-1 pb-1 pl-2 xs4 sm2>
|
||
<v-text-field ma-1 label="JENIS KELAMIN" class="text-uppercase" :value="patient.sexname" hide-details
|
||
readonly></v-text-field>
|
||
</v-flex>
|
||
<v-flex pt-1 pb-1 pl-2 sm4 xs8>
|
||
<v-text-field ma-1 label="UMUR" class="text-uppercase" :value="patient.umur" :title="patient.dob"
|
||
hide-details readonly></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-card>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout mb-2 row v-for="(test, index) in xtests" :key="index" wrap>
|
||
<v-flex xs12 pr-1>
|
||
<v-card>
|
||
<v-layout row>
|
||
<v-flex xs12>
|
||
<v-subheader red--text text--lighten-1>
|
||
<v-chip class="hidden-xs-only" v-if="test.status === 'NEW'" label color="grey" text-color="white">
|
||
<v-icon left>label</v-icon>{{ test.test_name }}
|
||
</v-chip>
|
||
<v-chip class="hidden-xs-only" v-if="test.status === 'VAL1'" label color="warning" text-color="white">
|
||
<v-icon left>label</v-icon>{{ test.test_name }}
|
||
</v-chip>
|
||
<v-chip class="hidden-xs-only" v-if="test.status === 'VAL2'" label color="success" text-color="white">
|
||
<v-icon left>label</v-icon>{{ test.test_name }}
|
||
</v-chip>
|
||
<v-chip class="hidden-xs-only" v-if="test.status_name === 'NO TEMPLATE'" label color="black"
|
||
text-color="white">
|
||
<v-icon left>label</v-icon>{{ test.test_name }}
|
||
</v-chip>
|
||
<v-chip v-if="test.doctor_fullname != ''" @click="opendialogdoctor(test)" label color="info" outline>
|
||
<v-icon left>assignment_ind</v-icon>{{ test.doctor_fullname }}
|
||
</v-chip>
|
||
|
||
<v-spacer></v-spacer>
|
||
<span v-if="
|
||
check_saved(test) &&
|
||
test.template_flag_other === 'Y' &&
|
||
test.template_name.includes('Umum')
|
||
" @click="print2tahun(test, 'print', test.template_name)"
|
||
class="icon-medium-fill-base-small xs1 white--text brown icon-print"></span>
|
||
<span v-if="
|
||
check_saved(test) &&
|
||
test.template_flag_other === 'Y' &&
|
||
test.template_name.includes('Umum')
|
||
" @click="print1tahun(test, 'print', test.template_name)"
|
||
class="icon-medium-fill-base-small xs1 white--text teal icon-print"></span>
|
||
<span v-if="check_saved(test)" @click="print(test, 'print', test.template_name)"
|
||
class="icon-medium-fill-base-small xs1 white--text blue-grey icon-print"></span>
|
||
<span v-if="test.status === 'VAL1'" @click="unval1(test, 'unval1')"
|
||
class="hidden-xs-only icon-medium-fill-base-small xs1 white--text warning icon-unval"></span>
|
||
<span v-if="test.status === 'NEW' && check_saved(test)" @click="val1(test, 'val1')"
|
||
class="hidden-xs-only icon-medium-fill-base-small xs1 white--text warning icon-v"></span>
|
||
<span v-if="test.status === 'NEW'" @click="saveResult(test, 'save')"
|
||
class="icon-medium-fill-base-small xs1 white--text info icon-save"></span>
|
||
</v-subheader>
|
||
<v-divider></v-divider>
|
||
<div>
|
||
<v-layout v-if="test.status_name === 'NO TEMPLATE'" row wrap>
|
||
<v-flex pa-3 xs12>
|
||
<h4 class="text-align-center font-weight-black title">
|
||
TEMPLATE BELUM PERNAH TERCIPTA
|
||
</h4>
|
||
<blockquote class="blockquote subheading font-weight-light font-italic">
|
||
Silahkan setting template pemeriksaan ini terlebih dahulu
|
||
<span class="font-weight-bold">Berikan aku template</span>, agar ku bisa mengisi.
|
||
</blockquote>
|
||
<p class="mt-2 pb-1 pr-5 caption warning--text">
|
||
*) silahkan hubungi admin untuk setting template
|
||
</p>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout v-if="test.template_flag_other === 'N'" row wrap>
|
||
<v-flex xs12 pa-2 mb-1 pt-1>
|
||
<v-layout align-center justify-center v-for="(result, idxresult) in test.details" :key="idxresult"
|
||
row>
|
||
<!-- <v-flex pl-2 class="text-xs-center" xs1>
|
||
<v-switch
|
||
v-model="result.flag_print === 'Y'"
|
||
@change="changeFlagPrint(result.flag_print, idxresult, index)"
|
||
></v-switch>
|
||
</v-flex>-->
|
||
<v-flex xs12 pa-1>
|
||
<v-textarea filled outline hide-details :label="result.result_label" @change="changeResult()"
|
||
:disabled="test.status !== 'NEW'" v-model="result.result_value" rows="3"></v-textarea>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-divider v-if="test.template_flag_other === 'N'"></v-divider>
|
||
<!--<v-layout v-if="test.template_flag_other === 'N' " row wrap>
|
||
<v-flex xs12 pa-2 mb-1 pt-1>
|
||
<v-layout align-center justify-center row>
|
||
<v-flex xs12 pa-1>
|
||
<v-textarea
|
||
filled
|
||
outline
|
||
hide-details
|
||
label="Catatan"
|
||
:disabled="test.status !== 'NEW'"
|
||
v-model="test.note"
|
||
auto-grow
|
||
rows="2"
|
||
></v-textarea>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>-->
|
||
<v-layout v-if="
|
||
test.template_flag_other === 'Y' &&
|
||
test.template_name.includes('Umum')
|
||
" row wrap>
|
||
<v-flex xs12>
|
||
<v-card flat>
|
||
<v-stepper style="background: #2196f3;" v-model="tab">
|
||
<v-stepper-header>
|
||
<template v-for="n in tabs_fisik">
|
||
<v-stepper-step color="#ff5252" :key="`${n.id}-step`" :step="n.id" editable>
|
||
<span style="color: white;">{{
|
||
getnamelabel(n.name)
|
||
}}</span>
|
||
</v-stepper-step>
|
||
<v-divider class="x_step" style="border-color: #fff;" v-if="n.id !== tabs_fisik.length"
|
||
:key="n.id"></v-divider>
|
||
</template>
|
||
</v-stepper-header>
|
||
<v-stepper-items>
|
||
<v-stepper-content class="x_form" step="1">
|
||
<div v-for="(riwayat, idx_r) in riwayats" :key="idx_r">
|
||
<v-card class="mb-2">
|
||
<v-layout pb-2 row>
|
||
<v-flex xs12>
|
||
<v-subheader red--text text--lighten-1>
|
||
<v-btn class="hidden-xs-only" v-if="riwayat.show_all === 'N'"
|
||
@click="toggleDetailRiwayat(idx_r)" style="min-width: 30px;" small flat
|
||
color="#fa8072"><v-icon small>add</v-icon></v-btn>
|
||
<v-btn class="hidden-xs-only" v-if="riwayat.show_all === 'Y'"
|
||
@click="toggleDetailRiwayat(idx_r)" style="min-width: 30px;" small flat
|
||
color="#fa8072"><v-icon small>remove</v-icon></v-btn>
|
||
{{ getnamelabel(riwayat.title) }}
|
||
|
||
<v-flex text-md-right>
|
||
<v-btn v-if="riwayat.flag_normal === 'N'" :disabled="cantedit"
|
||
@click="changeFlagNormal(idx_r)" small color="error"><v-icon class="pr-1"
|
||
small>close</v-icon>
|
||
{{
|
||
getnamelabel(
|
||
riwayat.label_flag_normal
|
||
)
|
||
}}</v-btn>
|
||
<v-btn v-if="riwayat.flag_normal === 'Y'" :disabled="cantedit"
|
||
@click="changeFlagNormal(idx_r)" small color="info"><v-icon class="pr-1"
|
||
small>check</v-icon>
|
||
{{
|
||
getnamelabel(
|
||
riwayat.label_flag_normal
|
||
)
|
||
}}</v-btn>
|
||
</v-flex>
|
||
</v-subheader>
|
||
<v-divider class="mb-2"></v-divider>
|
||
<div v-if="riwayat.type_form === 'X'">
|
||
<v-layout v-if="riwayat.subtitle !== ''" class="pl-2 caption pb-2" row>{{
|
||
riwayat.subtitle }}</v-layout>
|
||
<v-layout pl-2 pb-1 pt-1 v-for="(r_detail, idx_detail) in generate_rows(
|
||
riwayat.details
|
||
)" :key="idx_detail" v-if="riwayat.show_all === 'Y'" wrap>
|
||
<v-flex xs12 sm6 pa-1>
|
||
<v-layout v-if="r_detail[0]" align-center row>
|
||
<v-flex xs1>
|
||
<v-checkbox row class="mt-0 pt-0" v-model="r_detail[0].chx" :disabled="riwayat.flag_normal === 'Y' || cantedit
|
||
" color="red" hide-details @change="
|
||
checkAnotherXCbx(
|
||
r_detail[0].id_code,
|
||
$event,
|
||
idx_detail,
|
||
idx_r
|
||
)
|
||
"></v-checkbox>
|
||
</v-flex>
|
||
<v-flex xs11>
|
||
<span style="font-size: 12px;" :class="{
|
||
'red--text':
|
||
r_detail[0].color &&
|
||
r_detail[0].color == 'red',
|
||
}">{{
|
||
getnamelabel(
|
||
r_detail[0].label
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
<v-flex xs12 sm6 pa-1>
|
||
<v-layout v-if="r_detail[1]" align-center row>
|
||
<v-flex xs1>
|
||
<v-checkbox row class="mt-0 pt-0" v-model="r_detail[1].chx" :disabled="riwayat.flag_normal === 'Y' || cantedit
|
||
" color="red" hide-details @change="
|
||
checkAnotherXCbx(
|
||
r_detail[1].id_code,
|
||
$event,
|
||
idx_detail,
|
||
idx_r
|
||
)
|
||
"></v-checkbox>
|
||
</v-flex>
|
||
<v-flex xs11>
|
||
<span style="font-size: 12px;" :class="{
|
||
'red--text':
|
||
r_detail[1].color &&
|
||
r_detail[1].color == 'red',
|
||
}">{{
|
||
getnamelabel(
|
||
r_detail[1].label
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</div>
|
||
|
||
<div v-if="riwayat.type_form === 'T'">
|
||
<v-layout v-if="riwayat.subtitle !== ''" class="pl-2 caption pb-2" row>{{
|
||
riwayat.subtitle }}</v-layout>
|
||
<v-layout pl-2 pb-1 pt-1 v-for="(r_detail, idx_detail) in riwayat.details"
|
||
:key="idx_detail" v-if="riwayat.show_all === 'Y'" wrap>
|
||
<v-flex xs12 pa-1>
|
||
<v-layout v-if="r_detail" align-center row>
|
||
<v-flex xs12 pl-1 pr-2>
|
||
<v-textarea outline rows="auto" :label="r_detail.label"
|
||
v-model="r_detail.value"></v-textarea>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</div>
|
||
<div v-if="riwayat.type_form === 'XV'">
|
||
<v-layout v-if="riwayat.subtitle !== ''" class="pl-2 caption pb-2" row>{{
|
||
riwayat.subtitle }}</v-layout>
|
||
<v-layout pl-2 pb-1 pt-1 v-for="(r_detail, idx_detail) in generate_rows(
|
||
riwayat.details
|
||
)" :key="idx_detail" v-if="riwayat.show_all === 'Y'" wrap>
|
||
<v-flex xs12 sm6 pa-1>
|
||
<v-layout v-if="r_detail[0]" align-center row>
|
||
<v-flex xs1>
|
||
<v-checkbox row class="mt-0 pt-0" v-model="r_detail[0].chx" :disabled="riwayat.flag_normal === 'Y' || cantedit
|
||
" color="red" hide-details></v-checkbox>
|
||
</v-flex>
|
||
<v-flex xs7>
|
||
<span style="font-size: 12px;" :class="{
|
||
'red--text':
|
||
r_detail[0].color &&
|
||
r_detail[0].color == 'red',
|
||
}">{{
|
||
getnamelabel(
|
||
r_detail[0].label
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
<v-flex xs4 pl-1 pr-2>
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[0].value" @input="handleInput($event, r_detail[0])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
<v-flex xs12 sm6 pa-1>
|
||
<v-layout v-if="r_detail[1]" align-center row>
|
||
<v-flex xs1>
|
||
<v-checkbox row class="mt-0 pt-0" v-model="r_detail[1].chx" :disabled="riwayat.flag_normal === 'Y' || cantedit
|
||
" color="red" hide-details></v-checkbox>
|
||
</v-flex>
|
||
<v-flex xs7>
|
||
<span style="font-size: 12px;" :class="{
|
||
'red--text':
|
||
r_detail[1].color &&
|
||
r_detail[1].color == 'red',
|
||
}">{{
|
||
getnamelabel(
|
||
r_detail[1].label
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
<v-flex xs4 pl-1 pr-2>
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[1].value" @input="handleInput($event, r_detail[1])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</div>
|
||
<div v-if="riwayat.type_form === 'XVV3'">
|
||
<v-layout v-if="riwayat.subtitle !== ''" class="pl-2 caption pb-2" row>{{
|
||
riwayat.subtitle }}</v-layout>
|
||
<v-layout pl-2 pb-1 pt-1 v-for="(r_detail, idx_detail) in generate_rows(
|
||
riwayat.details
|
||
)" :key="idx_detail" v-if="riwayat.show_all === 'Y'" wrap>
|
||
<v-flex xs12 sm6 pa-1>
|
||
<v-layout v-if="r_detail[0]" align-center row>
|
||
<v-flex xs1>
|
||
<v-checkbox row class="mt-0 pt-0" v-model="r_detail[0].chx" :disabled="riwayat.flag_normal === 'Y' || cantedit
|
||
" color="red" hide-details></v-checkbox>
|
||
</v-flex>
|
||
<v-flex xs7>
|
||
<span style="font-size: 12px;" :class="{
|
||
'red--text':
|
||
r_detail[0].color &&
|
||
r_detail[0].color == 'red',
|
||
}">{{
|
||
getnamelabel(
|
||
r_detail[0].label
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
<v-flex xs4 pl-1 pr-2>
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[0].value" @input="handleInput($event, r_detail[0])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[0].value1" @input="handleInput($event, r_detail[0])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[0].value2" @input="handleInput($event, r_detail[0])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
<v-flex xs12 sm6 pa-1>
|
||
<v-layout v-if="r_detail[1]" align-center row>
|
||
<v-flex xs1>
|
||
<v-checkbox row class="mt-0 pt-0" v-model="r_detail[1].chx" :disabled="riwayat.flag_normal === 'Y' || cantedit
|
||
" color="red" hide-details></v-checkbox>
|
||
</v-flex>
|
||
<v-flex xs7>
|
||
<span style="font-size: 12px;" :class="{
|
||
'red--text':
|
||
r_detail[1].color &&
|
||
r_detail[1].color == 'red',
|
||
}">{{
|
||
getnamelabel(
|
||
r_detail[1].label
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
<v-flex xs4 pl-1 pr-2>
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[1].value" @input="handleInput($event, r_detail[1])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[1].value1" @input="handleInput($event, r_detail[1])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[1].value2" @input="handleInput($event, r_detail[1])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</div>
|
||
|
||
<div v-if="riwayat.type_form === 'XVS'">
|
||
<v-layout pl-2 v-for="(segment, idx_segment) in riwayat.details"
|
||
:key="idx_segment" wrap>
|
||
<v-flex xs12>
|
||
<v-layout v-if="riwayat.show_all === 'Y'" row>{{
|
||
getnamelabel(segment.name)
|
||
}}</v-layout>
|
||
<v-layout v-if="
|
||
riwayat.show_all === 'Y' &&
|
||
segment.caption &&
|
||
segment.caption !== ''
|
||
" row><span class="caption red--text">{{
|
||
segment.caption
|
||
}}</span></v-layout>
|
||
<v-layout pl-2 pb-1 pt-1 v-for="(
|
||
r_detail, idx_detail
|
||
) in generate_rows(segment.details)" :key="idx_detail"
|
||
v-if="riwayat.show_all === 'Y'" wrap>
|
||
<v-flex xs12 sm6 pa-1>
|
||
<v-layout v-if="r_detail[0]" align-center row>
|
||
<v-flex xs1>
|
||
<v-checkbox row class="mt-0 pt-0" v-model="r_detail[0].chx" :disabled="riwayat.flag_normal === 'Y' ||
|
||
cantedit
|
||
" color="red" hide-details @change="
|
||
checkXVSRiwayatCbx(
|
||
r_detail[0].id_code,
|
||
$event,
|
||
idx_detail,
|
||
idx_r
|
||
)
|
||
"></v-checkbox>
|
||
</v-flex>
|
||
<v-flex xs5>
|
||
<span style="font-size: 12px;" :class="{
|
||
'red--text':
|
||
r_detail[0].color &&
|
||
r_detail[0].color == 'red',
|
||
}">{{
|
||
getnamelabel(
|
||
r_detail[0].label
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
<v-flex v-if="!r_detail[0]['suffix']" xs6 pl-1 pr-2>
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[0].value" @input="handleInput($event, r_detail[0])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
</v-flex>
|
||
<v-flex v-if="r_detail[0]['suffix']" xs2 pl-1>
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[0].value" @input="handleInput($event, r_detail[0])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
</v-flex>
|
||
<v-flex v-if="r_detail[0]['suffix']" xs4 pl-1>
|
||
<span class="mono" style="font-size: 12px;">{{
|
||
getnamelabel(
|
||
r_detail[0].suffix
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
<v-flex xs12 sm6 pa-1>
|
||
<v-layout v-if="r_detail[1]" align-center row>
|
||
<v-flex xs1>
|
||
<v-checkbox row class="mt-0 pt-0" v-model="r_detail[1].chx" :disabled="riwayat.flag_normal === 'Y' ||
|
||
cantedit
|
||
" color="red" hide-details @change="
|
||
checkXVSRiwayatCbx(
|
||
r_detail[1].id_code,
|
||
$event,
|
||
idx_detail,
|
||
idx_r
|
||
)
|
||
"></v-checkbox>
|
||
</v-flex>
|
||
<v-flex xs5>
|
||
<span style="font-size: 12px;" :class="{
|
||
'red--text':
|
||
r_detail[1].color &&
|
||
r_detail[1].color == 'red',
|
||
}">{{
|
||
getnamelabel(
|
||
r_detail[1].label
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
<v-flex xs6 v-if="!r_detail[1]['suffix']" pl-1 pr-2>
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[1].value" @input="handleInput($event, r_detail[1])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
</v-flex>
|
||
<v-flex v-if="r_detail[1]['suffix']" xs2 pl-1>
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[1].value" @input="handleInput($event, r_detail[1])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:placeholder="getnamelabel('Keterangan')" />
|
||
</v-flex>
|
||
<v-flex v-if="r_detail[1]['suffix']" xs4 pl-1>
|
||
<span class="mono" style="font-size: 12px;">{{
|
||
getnamelabel(
|
||
r_detail[1].suffix
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</div>
|
||
|
||
<div v-if="riwayat.type_form === 'XO'">
|
||
<v-layout v-if="riwayat.subtitle !== ''" class="pl-2 caption pb-2" row>{{
|
||
riwayat.subtitle }}</v-layout>
|
||
<v-layout v-if="riwayat.show_all === 'Y'" class="pl-2 caption pb-2" row>
|
||
<v-flex xs12 pa-1>
|
||
<v-layout align-center row>
|
||
<v-flex xs8 sm4></v-flex>
|
||
<v-flex class="text-xs-left" xs2 sm2>
|
||
Ayah
|
||
</v-flex>
|
||
<v-flex class="text-xs-left" xs2 sm2>
|
||
Ibu
|
||
</v-flex>
|
||
<!----<v-flex class="text-xs-left" xs2>
|
||
Saudara Kandung
|
||
</v-flex>
|
||
<v-flex class="text-xs-left" xs2>
|
||
Kakek/Nenek
|
||
</v-flex>
|
||
<v-flex class="text-xs-left" xs2>
|
||
Saudara Lainnya
|
||
</v-flex>-->
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-2 pb-1 pt-1 v-for="(r_detail, idx_detail) in riwayat.details"
|
||
:key="idx_detail" v-if="riwayat.show_all === 'Y'" wrap>
|
||
<v-flex xs12 pa-1>
|
||
<v-layout align-center row>
|
||
<v-flex xs8 sm4>{{
|
||
getnamelabel(r_detail.label)
|
||
}}</v-flex>
|
||
<v-flex xs2 sm2 class="text-xs-left"
|
||
v-for="(opsi, idx_opsi) in r_detail.options" :key="idx_opsi">
|
||
<v-checkbox row class="mt-0 pt-0 text-xs-left" v-model="opsi.selected"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit
|
||
" color="red" hide-details></v-checkbox>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</div>
|
||
|
||
<div v-if="riwayat.type_form === 'XD'">
|
||
<v-layout pl-2 v-for="(segment, idx_segment) in riwayat.details"
|
||
:key="idx_segment" mb-2 wrap>
|
||
<v-flex xs12>
|
||
<v-layout v-if="riwayat.show_all === 'Y'" row>{{
|
||
getnamelabel(segment.label)
|
||
}}</v-layout>
|
||
<v-layout v-if="
|
||
riwayat.show_all === 'Y' &&
|
||
segment.caption &&
|
||
segment.caption !== ''
|
||
" row><span class="caption red--text">{{
|
||
segment.caption
|
||
}}</span></v-layout>
|
||
<v-layout pl-2 pb-1 pt-1 v-for="(
|
||
r_detail, idx_detail
|
||
) in generate_rows(segment.details)" :key="idx_detail"
|
||
v-if="riwayat.show_all === 'Y'" wrap>
|
||
<v-flex xs12 sm6 pa-1>
|
||
<v-layout v-if="r_detail[0]" align-center row>
|
||
<v-flex xs1>
|
||
<v-checkbox row class="mt-0 pt-0" v-model="r_detail[0].chx" :disabled="riwayat.flag_normal === 'Y' ||
|
||
cantedit
|
||
" color="red" hide-details @change="
|
||
checkAnotherCbx(
|
||
r_detail[0].id_code,
|
||
$event,
|
||
idx_segment,
|
||
idx_r
|
||
)
|
||
"></v-checkbox>
|
||
</v-flex>
|
||
<v-flex xs6>
|
||
<span style="font-size: 12px;" :class="{
|
||
'red--text':
|
||
r_detail[0].color &&
|
||
r_detail[0].color == 'red',
|
||
}">{{
|
||
getnamelabel(
|
||
r_detail[0].label
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
<v-flex xs5 v-if="r_detail[0].show_date" pl-1 pr-2>
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[0].value" @input="handleInput($event, r_detail[0])"
|
||
:disabled="riwayat.flag_normal === 'Y' || cantedit || (fisik.is_inspected && fisik.is_inspected === 'N')"
|
||
:readonly="!r_detail[0].chx" />
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
<v-flex xs12 sm6 pa-1>
|
||
<v-layout v-if="r_detail[1]" align-center row>
|
||
<v-flex xs1>
|
||
<v-checkbox row class="mt-0 pt-0" v-model="r_detail[1].chx" :disabled="riwayat.flag_normal === 'Y' ||
|
||
cantedit
|
||
" color="red" hide-details @change="
|
||
checkAnotherCbx(
|
||
r_detail[1].id_code,
|
||
$event,
|
||
idx_segment,
|
||
idx_r
|
||
)
|
||
"></v-checkbox>
|
||
</v-flex>
|
||
<v-flex xs6>
|
||
<span style="font-size: 12px;" :class="{
|
||
'red--text':
|
||
r_detail[1].color &&
|
||
r_detail[1].color == 'red',
|
||
}">{{
|
||
getnamelabel(
|
||
r_detail[1].label
|
||
)
|
||
}}</span>
|
||
</v-flex>
|
||
<v-flex xs5 v-if="r_detail[1].show_date" pl-1 pr-2>
|
||
<input class="v-text-field__input"
|
||
style="font-size: 12px; padding: 8px; border: 1px solid #ccc; width: 100%;"
|
||
:value="r_detail[1].value" @input="handleInput($event, r_detail[1])"
|
||
:readonly="!r_detail[1].chx" />
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</div>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-card>
|
||
</div>
|
||
<v-card>
|
||
<v-layout row>
|
||
<v-flex xs12>
|
||
<v-subheader red--text text--lighten-1>
|
||
{{ getnamelabel("SARAN") }}</v-subheader>
|
||
<v-divider></v-divider>
|
||
<v-layout row wrap>
|
||
<v-flex xs12 pa-2>
|
||
<v-text-field v-model="umum_saran" :label="getnamelabel('Isikan saran') + '...'"
|
||
:disabled="cantedit" outline></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-card>
|
||
</v-stepper-content>
|
||
|
||
<v-stepper-content class="x_form" step="3">
|
||
<div v-if="patient.details[0].template_name === 'Fisik Umum K3'" v-for="(k3, idx_k) in k3s">
|
||
<v-card class="mb-2">
|
||
<v-layout pb-2 row>
|
||
<v-flex xs12>
|
||
<v-subheader red--text text--lighten-1>
|
||
<v-btn v-if="k3.show_all === 'N'" @click="toggleDetailK3(idx_k)"
|
||
style="min-width: 30px;" small flat color="#fa8072"><v-icon
|
||
small>add</v-icon></v-btn>
|
||
<v-btn v-if="k3.show_all === 'Y'" @click="toggleDetailK3(idx_k)"
|
||
style="min-width: 30px;" small flat color="#fa8072"><v-icon
|
||
small>remove</v-icon></v-btn>
|
||
{{ getnamelabel(k3.title) }}
|
||
|
||
<v-flex text-md-right>
|
||
<v-btn v-if="k3.is_notexist === 'Y'" :disabled="cantedit" style="color: white;"
|
||
@click="changeExistPajanan(idx_k)" small color="info">
|
||
<v-icon class="pr-1" small>check</v-icon>
|
||
{{ getnamelabel(k3.label_notexist) }}
|
||
</v-btn>
|
||
<v-btn v-if="k3.is_notexist === 'N'" :disabled="cantedit" style="color: white;"
|
||
@click="changeExistPajanan(idx_k)" small color="error">
|
||
<v-icon class="pr-1" small>close</v-icon>
|
||
{{ getnamelabel(k3.label_notexist) }}
|
||
</v-btn>
|
||
</v-flex>
|
||
</v-subheader>
|
||
<v-divider class="mb-2"></v-divider>
|
||
<div v-if="k3.type_form === 'XVV'">
|
||
<!--<v-layout v-if="riwayat.subtitle !== ''" class="pl-2 caption pb-2" row>{{riwayat.subtitle}}</v-layout>-->
|
||
<v-layout pl-2 pb-1 pt-1 v-for="(k_detail, idk_detail) in k3.details"
|
||
v-if="k3.show_all === 'Y'" wrap>
|
||
<v-flex xs12>
|
||
<v-layout align-center row>
|
||
<v-flex xs12>
|
||
<v-layout align-center>
|
||
<v-checkbox style="width: 15px;" class="mt-0 pt-0 shrink mr-2"
|
||
:disabled="cantedit || k3.is_notexist === 'Y'
|
||
" v-model="k_detail.chx" color="red" hide-details></v-checkbox>
|
||
<span class="pl-2" style="font-size: 12px;">{{
|
||
getnamelabel(k_detail.label)
|
||
}}</span>
|
||
</v-layout>
|
||
</v-flex>
|
||
<!----<v-flex xs3 pl-1 pr-2>
|
||
<v-text-field
|
||
style="font-size:12px;margin-top:0;padding-top:0;line-height:25px!important"
|
||
outline
|
||
:disabled="cantedit || k3.is_notexist === 'Y'"
|
||
v-model="k_detail.value_sumber"
|
||
single-line
|
||
:placeholder="getnamelabel('Sumber')"
|
||
hide-details
|
||
></v-text-field>
|
||
</v-flex>-->
|
||
<!----<v-flex xs3 pl-1 pr-2>
|
||
<v-text-field
|
||
style="font-size:12px;margin-top:0;padding-top:0;line-height:25px!important"
|
||
outline
|
||
:disabled="cantedit || k3.is_notexist === 'Y'"
|
||
v-model="k_detail.value_lama"
|
||
single-line
|
||
:placeholder="getnamelabel('Lama Pajanan')"
|
||
hide-details
|
||
></v-text-field>
|
||
</v-flex>-->
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</div>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-card>
|
||
</div>
|
||
|
||
<div v-if="patient.details[0].template_name === 'UMUM_KONSUL'">
|
||
<v-card>
|
||
<v-layout row>
|
||
<v-flex xs12>
|
||
<v-subheader red--text text--lighten-1>
|
||
{{
|
||
getnamelabel("KONSULTASI")
|
||
}}</v-subheader>
|
||
<v-divider></v-divider>
|
||
<v-layout row wrap>
|
||
<v-flex xs12 pa-2>
|
||
<v-textarea v-for="(xkonsul, i) in konsul" :key="i" v-model="xkonsul.result"
|
||
:label="getnamelabel(xkonsul.label).toUpperCase()
|
||
" :disabled="cantedit" auto-grow outline></v-textarea>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-card>
|
||
</div>
|
||
</v-stepper-content>
|
||
</v-stepper-items>
|
||
</v-stepper>
|
||
|
||
<v-card-actions>
|
||
<v-fab-transition>
|
||
<v-btn color="warning" dark absolute bottom right fab @click="goToUp()">
|
||
<v-icon>expand_less</v-icon>
|
||
</v-btn>
|
||
</v-fab-transition>
|
||
<v-btn color="error" @click="backStep(tab)" flat v-if="tab > 1">
|
||
Kembali
|
||
</v-btn>
|
||
<v-btn color="error" @click="nextStep(tab)" flat v-if="tab < tabs_fisik.length">
|
||
Lanjutkan
|
||
</v-btn>
|
||
<v-spacer></v-spacer>
|
||
<v-btn v-if="search_lab_no !== '' && tab === tabs_fisik.length" dark color="#2196f3" large
|
||
@click="saveResult(test, 'save')">Simpan</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout v-if="
|
||
test.template_flag_other === 'Y' &&
|
||
test.template_name.includes('6MWT')
|
||
" row wrap>
|
||
<v-flex xs12>
|
||
<v-layout pt-1 pb-2 row>
|
||
<v-flex pt-1 pb-1 pl-2 pr-2 xs4>
|
||
<v-text-field label="BERAT BADAN (KG)" v-model="data_6mwt.bb" :disabled="cantedit"
|
||
@change="countBMI6mwt()" hide-details></v-text-field>
|
||
</v-flex>
|
||
<v-flex pt-1 pb-1 pl-2 pr-2 xs4>
|
||
<v-text-field label="TINGGI BADAN (CM)" v-model="data_6mwt.tb" :disabled="cantedit"
|
||
@change="countBMI6mwt()" hide-details></v-text-field>
|
||
</v-flex>
|
||
<v-flex pt-1 pb-1 pl-2 pr-2 xs4>
|
||
<v-text-field label="BMI (KG/M^2)" v-model="data_6mwt.bmi" :disabled="cantedit"
|
||
hide-details></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pt-1 pb-2 row>
|
||
<v-flex pt-1 pb-1 pl-2 pr-2 xs6>
|
||
<v-text-field label="JARAK 1 PUTARAN (METER)" v-model="data_6mwt.distance" :disabled="cantedit"
|
||
hide-details></v-text-field>
|
||
</v-flex>
|
||
<v-flex pt-1 pb-1 pl-2 pr-2 xs6>
|
||
<v-text-field label="JUMLAH PUTARAN (PUTARAN)" v-model="data_6mwt.rounds" :disabled="cantedit"
|
||
hide-details></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-divider class="mt-2 mb-2"></v-divider>
|
||
<v-layout pt-1 pb-2 row>
|
||
<v-flex pt-1 pb-1 pl-2 pr-1 xs6>
|
||
<v-card class="pa-2">
|
||
<v-layout mb-2 row>
|
||
<v-flex class="text-xs-center" xs12>
|
||
<h4 class="subheading">PRE TEST</h4>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-3 pr-3 row>
|
||
<v-flex xs12>
|
||
<v-text-field ma-1 label="TENSI" v-model="data_6mwt.pretest.tensi"
|
||
:disabled="cantedit"></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-3 pr-3 row>
|
||
<v-flex xs12>
|
||
<v-text-field ma-1 label="SPO2" v-model="data_6mwt.pretest.spo2"
|
||
:disabled="cantedit"></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-3 pr-3 row>
|
||
<v-flex xs12>
|
||
<v-text-field ma-1 label="NADI" v-model="data_6mwt.pretest.nadi"
|
||
:disabled="cantedit"></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-3 pr-3 row>
|
||
<v-flex xs12>
|
||
<v-text-field ma-1 label="DYSPNEA" v-model="data_6mwt.pretest.dyspnea"
|
||
:disabled="cantedit"></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-3 pr-3 row>
|
||
<v-flex xs12>
|
||
<v-text-field ma-1 label="FATIGUE" v-model="data_6mwt.pretest.fatigue"
|
||
:disabled="cantedit"></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-card>
|
||
</v-flex>
|
||
<v-flex pt-1 pb-1 pl-1 pr-2 xs6>
|
||
<v-card class="pa-2">
|
||
<v-layout mb-2 row>
|
||
<v-flex class="text-xs-center" xs12>
|
||
<h4 class="subheading">POST TEST</h4>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-3 pr-3 row>
|
||
<v-flex xs12>
|
||
<v-text-field ma-1 label="TENSI" v-model="data_6mwt.posttest.tensi"
|
||
:disabled="cantedit"></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-3 pr-3 row>
|
||
<v-flex xs12>
|
||
<v-text-field ma-1 label="SPO2" v-model="data_6mwt.posttest.spo2"
|
||
:disabled="cantedit"></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-3 pr-3 row>
|
||
<v-flex xs12>
|
||
<v-text-field ma-1 label="NADI" v-model="data_6mwt.posttest.nadi"
|
||
:disabled="cantedit"></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-3 pr-3 row>
|
||
<v-flex xs12>
|
||
<v-text-field ma-1 label="DYSPNEA" v-model="data_6mwt.posttest.dyspnea"
|
||
:disabled="cantedit"></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout pl-3 pr-3 row>
|
||
<v-flex xs12>
|
||
<v-text-field ma-1 label="FATIGUE" v-model="data_6mwt.posttest.fatigue"
|
||
:disabled="cantedit"></v-text-field>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-card>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout v-if="
|
||
test.template_flag_other === 'Y' &&
|
||
test.template_name.includes('6MWT')
|
||
" class="ml-2 mr-2 mb-2" row>
|
||
<v-flex xs12>
|
||
<v-data-table :headers="headers_6mwt" :items="data_6mwt.details_6mwt" class="elevation-1"
|
||
hide-actions>
|
||
<template v-slot:items="props">
|
||
<td class="text-xs-right">{{ props.item.waktu }}</td>
|
||
<td class="text-xs-right">
|
||
<v-text-field ma-1 :disabled="cantedit" v-model="props.item.spo2"></v-text-field>
|
||
</td>
|
||
<td class="text-xs-right">
|
||
<v-text-field ma-1 v-model="props.item.nadi" :disabled="cantedit"></v-text-field>
|
||
</td>
|
||
</template>
|
||
</v-data-table>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout v-if="
|
||
test.template_flag_other === 'Y' &&
|
||
test.template_name.includes('6MWT')
|
||
" class="pa-2" row>
|
||
<v-flex text-xs-center xs12>
|
||
<v-card>
|
||
<p class="headline pt-3 pb-1 font-weight-light">
|
||
{{ textvomax }}
|
||
</p>
|
||
</v-card>
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-layout v-if="
|
||
test.template_flag_other === 'Y' &&
|
||
test.template_name.includes('6MWT')
|
||
" class="pa-2" row>
|
||
<v-flex text-xs-center xs12>
|
||
<v-card color="blue-grey darken-2" class="white--text">
|
||
<p class="display-2 pt-3 pb-3 font-weight-bold">
|
||
{{ categoryvomax.toUpperCase() }}
|
||
</p>
|
||
</v-card>
|
||
</v-flex>
|
||
</v-layout>
|
||
<!-- TEMPLATE SDS -->
|
||
<v-layout v-if="
|
||
test.template_flag_other === 'Y' && test.template_name.includes('SDS')
|
||
" row wrap class="pa-2">
|
||
<div style="width: 100%;" class="pa-2">
|
||
<v-chip class="w-100 font-weight-bold subheading" style="width: 100%;" label text-color="white"
|
||
color="primary">IDENTITAS</v-chip>
|
||
<div class="pa-2">
|
||
<v-layout row wrap>
|
||
<v-flex xs4 class="pa-2">
|
||
<v-text-field :disabled="test.status !== 'NEW'" label="Nama"
|
||
v-model="data_sds.identitas.nama"></v-text-field>
|
||
</v-flex>
|
||
<v-flex xs4 class="pa-2">
|
||
<v-text-field :disabled="test.status !== 'NEW'" label="Usia"
|
||
v-model="data_sds.identitas.usia"></v-text-field>
|
||
</v-flex>
|
||
<v-flex xs4 class="pa-2">
|
||
<v-text-field :disabled="test.status !== 'NEW'" label="Masa Kerja "
|
||
v-model="data_sds.identitas.masa_kerja"></v-text-field>
|
||
</v-flex>
|
||
<v-flex xs4 class="pa-2">
|
||
<v-select :disabled="test.status !== 'NEW'" :items="data_sds.identitas.jenis_kelamin_option"
|
||
v-model="data_sds.identitas.jenis_kelamin" label="Jenis Kelamin*"></v-select>
|
||
</v-flex>
|
||
<v-flex xs4 class="pa-2">
|
||
<v-text-field :disabled="test.status !== 'NEW'" label="Departement"
|
||
v-model="data_sds.identitas.departement"></v-text-field>
|
||
</v-flex>
|
||
<v-flex xs4 class="pa-2">
|
||
<v-select :disabled="test.status !== 'NEW'" :items="data_sds.identitas.status_pekerja_option"
|
||
v-model="data_sds.identitas.status_pekerja" label="Status Pekerja*"></v-select>
|
||
</v-flex>
|
||
<v-flex xs3 class="pa-2">
|
||
<v-select :disabled="test.status !== 'NEW'" :items="data_sds.identitas.jenis_pekerjaan_option"
|
||
v-model="data_sds.identitas.jenis_pekerjaan" label="Jenis Pekerjaan*"></v-select>
|
||
</v-flex>
|
||
<v-flex xs3 class="pa-2">
|
||
<v-select :disabled="test.status !== 'NEW'" :items="data_sds.identitas.level_jabatan_option"
|
||
v-model="data_sds.identitas.level_jabatan" label="Level Jabatan*"></v-select>
|
||
</v-flex>
|
||
<v-flex xs3 class="pa-2">
|
||
<v-select :disabled="test.status !== 'NEW'" :items="data_sds.identitas.pendidikan_option"
|
||
v-model="data_sds.identitas.pendidikan" label="Pendidikan*"></v-select>
|
||
</v-flex>
|
||
<v-flex xs3 class="pa-2">
|
||
<v-select :disabled="test.status !== 'NEW'"
|
||
:items="data_sds.identitas.status_perkawinan_option"
|
||
v-model="data_sds.identitas.status_perkawinan" label="Status perkawinan*"></v-select>
|
||
</v-flex>
|
||
</v-layout>
|
||
</div>
|
||
<v-toolbar dark color="primary" dense flat>
|
||
<v-toolbar-title>Survey Diagnostic Stress (SDS 30)</v-toolbar-title>
|
||
<v-spacer></v-spacer>
|
||
<v-toolbar-items>
|
||
<v-btn dark @click="changeTypeSDS('SDS30')" v-if="type_sds_form === 'SRQ20'" small
|
||
color="orange">
|
||
<v-icon dark>close</v-icon> Tidak Aktif</v-btn>
|
||
<v-btn dark v-if="type_sds_form === 'SDS30'" small color="success"><v-icon dark>check</v-icon>
|
||
Aktif</v-btn>
|
||
</v-toolbar-items>
|
||
</v-toolbar>
|
||
<!--<v-chip
|
||
class="w-100 font-weight-bold subheading pa-2"
|
||
style="width: 100%"
|
||
label
|
||
text-color="white"
|
||
color="primary"
|
||
>
|
||
<v-avatar >
|
||
<v-icon v-if="type_sds_form === 'SDS30'">check</v-icon>
|
||
<v-icon click="changeTypeSDS('SDS30')" v-if="type_sds_form === 'SRQ20'">close</v-icon>
|
||
</v-avatar>
|
||
Survey Diagnostic Stress (SDS 30)
|
||
|
||
</v-chip
|
||
>-->
|
||
|
||
<v-layout v-for="(qst, i) in data_sds.sds30.questions" v-if="type_sds_form === 'SDS30'" row
|
||
class="pa-2" :key="test.status + type_sds_form">
|
||
<v-flex shrink pa-1 class="mr-2 font-weight-bold">
|
||
{{ qst.orderNumber }}
|
||
</v-flex>
|
||
<v-flex grow pa-1>
|
||
<div class="font-weight-bold">
|
||
{{ qst.display }}
|
||
</div>
|
||
|
||
<v-layout row wrap>
|
||
<v-radio-group @change="interpretationSds()" hide-details v-if="test.status && type_sds_form"
|
||
row v-model="qst.value">
|
||
<v-radio v-for="(opt, i) in data_sds.sds30.options" :key="i" class="mb-1"
|
||
:label="opt.display" :value="opt.id"></v-radio>
|
||
</v-radio-group>
|
||
</v-layout>
|
||
</v-flex>
|
||
</v-layout>
|
||
<div v-if="type_sds_form === 'SDS30'" class="pa-2">
|
||
<v-data-table :headers="headerSds" :items="data_sds.sds30.interpretation" hide-actions
|
||
class="elevation-1">
|
||
<template slot="headerCell" slot-scope="props">
|
||
<span>
|
||
{{ props.header.text }}
|
||
</span>
|
||
</template>
|
||
<template v-slot:items="props">
|
||
<td>{{ props.item.display }}</td>
|
||
<td class="text-xs-center">
|
||
{{ props.item.score }}
|
||
</td>
|
||
<td class="text-xs-center">
|
||
{{ props.item.levelDisplay }}
|
||
</td>
|
||
</template>
|
||
</v-data-table>
|
||
</div>
|
||
<v-toolbar class="mt-2" dense dark color="primary" flat>
|
||
<v-toolbar-title>Survey Reporting Questioner (SRQ 20)</v-toolbar-title>
|
||
<v-spacer></v-spacer>
|
||
<v-toolbar-items>
|
||
<v-btn @click="changeTypeSDS('SRQ20')" v-if="type_sds_form === 'SDS30'" dark small
|
||
color="orange">
|
||
<v-icon dark>close</v-icon> Tidak Aktif</v-btn>
|
||
<v-btn dark v-if="type_sds_form === 'SRQ20'" small color="success"><v-icon dark>check</v-icon>
|
||
Aktif</v-btn>
|
||
</v-toolbar-items>
|
||
</v-toolbar>
|
||
<!--<v-chip
|
||
class="pa-2 w-100 font-weight-bold subheading"
|
||
style="width: 100%"
|
||
label
|
||
text-color="white"
|
||
color="primary"
|
||
>
|
||
<v-avatar>
|
||
<v-icon v-if="type_sds_form === 'SRQ20'">check</v-icon>
|
||
<v-icon click="changeTypeSDS('SRQ20')" v-if="type_sds_form === 'SDS30'">close</v-icon>
|
||
</v-avatar>
|
||
Survey Reporting Questioner (SRQ 20)</v-chip
|
||
>-->
|
||
<v-layout v-if="type_sds_form === 'SRQ20'" v-for="(qst, i) in data_sds.srq20.questions" row
|
||
class="pa-2">
|
||
<v-flex shrink pa-1 class="mr-2 font-weight-bold">
|
||
{{ qst.orderNumber }}
|
||
</v-flex>
|
||
<v-flex grow pa-1>
|
||
<div class="font-weight-bold">
|
||
{{ qst.display }}
|
||
</div>
|
||
|
||
<div>
|
||
<v-radio-group @change="interpretationSrq()" hide-details :key="test.status + type_sds_form"
|
||
row v-model="qst.value">
|
||
<v-radio v-for="(opt, i) in data_sds.srq20.options" :key="i" class="mb-1"
|
||
:label="opt.display" :value="opt.id"></v-radio>
|
||
</v-radio-group>
|
||
</div>
|
||
</v-flex>
|
||
</v-layout>
|
||
<div v-if="type_sds_form === 'SRQ20'" class="pa-2">
|
||
<v-data-table :headers="headerSrq" :items="data_sds.srq20.interpretation" hide-actions
|
||
class="elevation-1">
|
||
<template slot="headerCell" slot-scope="props">
|
||
<span>
|
||
{{ props.header.text }}
|
||
</span>
|
||
</template>
|
||
<template v-slot:items="props">
|
||
<td>{{ props.item.display }}</td>
|
||
<td class="text-xs-center">
|
||
{{ props.item.score }}
|
||
</td>
|
||
<td class="text-xs-center">
|
||
{{ props.item.levelDisplay }}
|
||
</td>
|
||
</template>
|
||
</v-data-table>
|
||
</div>
|
||
</div>
|
||
</v-layout>
|
||
</div>
|
||
|
||
|
||
</v-flex>
|
||
</v-layout>
|
||
<v-divider v-if="!test.template_name.includes('Umum')"></v-divider>
|
||
<v-layout v-if="!test.template_name.includes('Umum')" align-center justify-end row>
|
||
<v-flex xs12 pl-3 pr-3 pt-2 pb-2>
|
||
<v-combobox v-model="test.status_result" :items="test.status_result_arr" :disabled="test.status !== 'NEW'"
|
||
label="Kategori Hasil" item-text="name" multiple chips></v-combobox>
|
||
</v-flex>
|
||
</v-layout>
|
||
</v-card>
|
||
</v-flex>
|
||
</v-layout>
|
||
|
||
|
||
<v-dialog v-model="dialog_choose_tooth" scrollable max-width="300px">
|
||
<v-card>
|
||
<v-card-title>Pilih Kelainan</v-card-title>
|
||
<v-divider></v-divider>
|
||
<v-card-text style="height: 300px;">
|
||
<v-radio-group v-model="kelainan_gigi" column>
|
||
<v-radio color="black" label="Berlubang" value="X"></v-radio>
|
||
<v-radio color="teal" label="Tambalan" value="C"></v-radio>
|
||
<v-radio color="red" label="Tanggal" value="O"></v-radio>
|
||
<v-radio color="brown" label="Sisa Akar" value="R"></v-radio>
|
||
<v-radio color="yellow" label="Gigi Palsu" value="A"></v-radio>
|
||
<v-radio color="blue" label="Karang Gigi" value="K"></v-radio>
|
||
<v-radio color="purple" label="Impaksi" value="I"></v-radio>
|
||
|
||
<v-radio color="primary" class="mt-3" value="">
|
||
<template v-slot:label>
|
||
<div>-- <strong class="primary--text">Reset</strong> --</div>
|
||
</template>
|
||
</v-radio>
|
||
</v-radio-group>
|
||
</v-card-text>
|
||
<v-divider></v-divider>
|
||
<v-card-actions>
|
||
<v-spacer></v-spacer>
|
||
<v-btn color="grey darken-1" flat @click="dialog_choose_tooth = false">Batal</v-btn>
|
||
<v-btn color="blue darken-1" flat @click="saveSelectedTooth()">Pilih</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
<template>
|
||
<v-dialog v-model="openprint" style="overflow: hidden !important;" fullscreen>
|
||
<v-card>
|
||
<v-card-text>
|
||
<object type="application/pdf" style="overflow: hidden; min-height: 100vh; width: 100%;"
|
||
:data="urlprint"></object>
|
||
</v-card-text>
|
||
<v-card-actions>
|
||
<v-spacer></v-spacer>
|
||
|
||
<v-btn color="green darken-1" flat="flat" @click="closePrint">Tutup</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
</template>
|
||
<v-dialog v-model="dialog_alert_info" width="500">
|
||
<v-card>
|
||
<v-card-title class="headline error lighten-2" primary-title>
|
||
Perhatian !
|
||
</v-card-title>
|
||
|
||
<v-card-text v-html="msg_alert_info"> </v-card-text>
|
||
|
||
<v-divider></v-divider>
|
||
|
||
<v-card-actions>
|
||
<v-spacer></v-spacer>
|
||
<v-btn color="primary" flat @click="dialog_alert_info = false">
|
||
Tutup
|
||
</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
<!-- <one-dialog-print
|
||
:title="printtitle"
|
||
:width="printwidth"
|
||
:height="500"
|
||
:status="openprint"
|
||
:urlprint="urlprint"
|
||
@close-dialog-print="closePrint"
|
||
></one-dialog-print> -->
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped>
|
||
.divider.x_step {
|
||
border-color: #fff;
|
||
}
|
||
|
||
.x_form .v-text-field--outline>.v-input__control>.v-input__slot {
|
||
align-items: stretch;
|
||
min-height: 20px !important;
|
||
margin-top: 0;
|
||
line-height: 25px;
|
||
}
|
||
|
||
.x_form .v-text-field--outline.v-text-field--single-line input {
|
||
margin-top: 0px !important;
|
||
font-size: 14px;
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
th,
|
||
td {
|
||
padding-left: 15px;
|
||
padding-right: 15px;
|
||
padding-top: 10px;
|
||
padding-bottom: 10px;
|
||
text-align: left;
|
||
}
|
||
|
||
table.tform tr:nth-child(even) {
|
||
background-color: #eee;
|
||
}
|
||
|
||
table.tform tr:nth-child(odd) {
|
||
background-color: #fff;
|
||
}
|
||
|
||
.thgigi {
|
||
width: 50px !important;
|
||
padding: 5px !important;
|
||
text-align: center;
|
||
}
|
||
|
||
.input_gigi {
|
||
width: 100%;
|
||
border: 1px solid grey;
|
||
font-size: 14px;
|
||
text-align: center;
|
||
line-height: 2;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.bggrey {
|
||
background: #eee !important;
|
||
}
|
||
|
||
.background-black {
|
||
background: black;
|
||
color: #fff;
|
||
}
|
||
|
||
.background-teal {
|
||
background: #009688;
|
||
color: #fff;
|
||
}
|
||
|
||
.background-red {
|
||
background: #f44336;
|
||
color: #fff;
|
||
}
|
||
|
||
.background-brown {
|
||
background: #795548;
|
||
color: #fff;
|
||
}
|
||
|
||
.background-yellow-accent-4 {
|
||
background: #ffeb3b;
|
||
color: #fff;
|
||
}
|
||
|
||
.background-info {
|
||
background: #64b5f6;
|
||
color: #fff;
|
||
}
|
||
|
||
.background-purple {
|
||
background: #9c27b0;
|
||
color: #fff;
|
||
}
|
||
</style>
|
||
|
||
<script>
|
||
module.exports = {
|
||
components: {
|
||
"one-dialog-print": httpVueLoader("../../common/oneDialogPrintX.vue"),
|
||
},
|
||
data: () => ({
|
||
dialog_alert_info: false,
|
||
msg_alert_info: "",
|
||
kelainan_gigi: false,
|
||
dialog_choose_tooth: false,
|
||
tooth_icx: null,
|
||
tooth_pos: null,
|
||
tooth_idx: null,
|
||
search_doctor: "",
|
||
dialog_warning_signature: false,
|
||
dialogdownload: false,
|
||
reports: [],
|
||
selected_download: "",
|
||
openprint: false,
|
||
//urlprint:'',
|
||
printtitle: "",
|
||
printwidth: 600,
|
||
requiredoctor: false,
|
||
tab: 1,
|
||
cbx_1: false,
|
||
dialoglang: false,
|
||
xnowtest: {},
|
||
template_xname: "",
|
||
headers_6mwt: [
|
||
{ text: "WAKTU", sortable: false, width: "30%" },
|
||
{ text: "SPO2", sortable: false },
|
||
{ text: "NADI", sortable: false },
|
||
],
|
||
headerSds: [
|
||
{
|
||
text: "KOMPONEN STRESS KERJA",
|
||
value: "string",
|
||
sortable: false,
|
||
align: "center",
|
||
class: "font-font-weight-bold pa-2 primary white--text",
|
||
width: "60%",
|
||
},
|
||
{
|
||
text: "SKOR",
|
||
value: "string",
|
||
sortable: false,
|
||
align: "center",
|
||
class: "font-font-weight-bold pa-2 primary white--text",
|
||
width: "20%",
|
||
},
|
||
{
|
||
text: "TINGKAT STRESS",
|
||
value: "string",
|
||
align: "center",
|
||
sortable: false,
|
||
class: "font-font-weight-bold pa-2 primary white--text",
|
||
width: "20%",
|
||
},
|
||
],
|
||
headerSrq: [
|
||
{
|
||
text: "GEJALA",
|
||
value: "string",
|
||
sortable: false,
|
||
align: "center",
|
||
class: "font-font-weight-bold pa-2 primary white--text",
|
||
width: "60%",
|
||
},
|
||
{
|
||
text: "SKOR",
|
||
value: "string",
|
||
sortable: false,
|
||
align: "center",
|
||
class: "font-font-weight-bold pa-2 primary white--text",
|
||
width: "20%",
|
||
},
|
||
{
|
||
text: "NTEPRETASI",
|
||
value: "string",
|
||
align: "center",
|
||
sortable: false,
|
||
class: "font-font-weight-bold pa-2 primary white--text",
|
||
width: "20%",
|
||
},
|
||
],
|
||
updateTimeout: null,
|
||
_updateTimeout: null,
|
||
_pendingUpdates: {},
|
||
_globalUpdateTimeout: null,
|
||
_inputValues: null,
|
||
_fieldTimeouts: null,
|
||
_storeUpdateTimeout: null,
|
||
}),
|
||
mounted() {
|
||
//this.draw();
|
||
|
||
// Apply performance optimizations
|
||
this.$nextTick(() => {
|
||
this.optimizedRender();
|
||
});
|
||
},
|
||
computed: {
|
||
type_sds_form: {
|
||
get() {
|
||
return this.$store.state.sample.type_sds_form;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_type_sds_form", val);
|
||
},
|
||
},
|
||
search_lab_no() {
|
||
return this.$store.state.sample.search_lab_no;
|
||
},
|
||
dialog_xsignature: {
|
||
get() {
|
||
return this.$store.state.sample.dialog_xsignature;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_dialog_xsignature", val);
|
||
},
|
||
},
|
||
categoryvomax() {
|
||
var rtn = "-";
|
||
if (this.vo2max > 0) {
|
||
if (this.patient.sexcode == "L") {
|
||
if (this.umur >= 18 && this.umur <= 25) {
|
||
if (this.vo2max > 60) rtn = "Excellent";
|
||
if (this.vo2max >= 52 && this.vo2max < 61) rtn = "Good";
|
||
if (this.vo2max >= 47 && this.vo2max < 52)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 42 && this.vo2max < 47) rtn = "Rata-rata";
|
||
if (this.vo2max >= 37 && this.vo2max < 42)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 30 && this.vo2max < 37)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 30) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
if (this.umur >= 26 && this.umur <= 35) {
|
||
if (this.vo2max > 56) rtn = "Excellent";
|
||
if (this.vo2max >= 49 && this.vo2max < 57) rtn = "Good";
|
||
if (this.vo2max >= 43 && this.vo2max < 49)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 40 && this.vo2max < 43) rtn = "Rata-rata";
|
||
if (this.vo2max >= 35 && this.vo2max < 40)
|
||
//rtn = 'Bellow Average'
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 30 && this.vo2max < 35)
|
||
//rtn = 'Poor'
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 30)
|
||
//rtn = 'Very Poor'
|
||
rtn = "Di bawah batas nilai normal";
|
||
}
|
||
if (this.umur >= 36 && this.umur <= 45) {
|
||
if (this.vo2max > 51) rtn = "Excellent";
|
||
if (this.vo2max >= 43 && this.vo2max < 52) rtn = "Good";
|
||
if (this.vo2max >= 39 && this.vo2max < 43)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 35 && this.vo2max < 39) rtn = "Rata-rata";
|
||
if (this.vo2max >= 31 && this.vo2max < 35)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 26 && this.vo2max < 31)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 26) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
if (this.umur >= 46 && this.umur <= 55) {
|
||
if (this.vo2max > 45) rtn = "Excellent";
|
||
if (this.vo2max >= 39 && this.vo2max < 46) rtn = "Good";
|
||
if (this.vo2max >= 36 && this.vo2max < 39)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 32 && this.vo2max < 36) rtn = "Rata-rata";
|
||
if (this.vo2max >= 29 && this.vo2max < 32)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 25 && this.vo2max < 29)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 25) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
if (this.umur >= 56 && this.umur <= 65) {
|
||
if (this.vo2max > 41) rtn = "Excellent";
|
||
if (this.vo2max >= 36 && this.vo2max < 42) rtn = "Good";
|
||
if (this.vo2max >= 32 && this.vo2max < 36)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 30 && this.vo2max < 32) rtn = "Rata-rata";
|
||
if (this.vo2max >= 26 && this.vo2max < 30)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 22 && this.vo2max < 26)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 22) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
if (this.umur > 65) {
|
||
if (this.vo2max > 37) rtn = "Excellent";
|
||
if (this.vo2max >= 33 && this.vo2max < 38) rtn = "Good";
|
||
if (this.vo2max >= 29 && this.vo2max < 33)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 26 && this.vo2max < 29) rtn = "Rata-rata";
|
||
if (this.vo2max >= 22 && this.vo2max < 26)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 20 && this.vo2max < 22)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 20) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
}
|
||
if (this.patient.sexcode == "P") {
|
||
if (this.umur >= 18 && this.umur <= 25) {
|
||
if (this.vo2max > 56) rtn = "Excellent";
|
||
if (this.vo2max >= 47 && this.vo2max < 57) rtn = "Good";
|
||
if (this.vo2max >= 42 && this.vo2max < 47)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 38 && this.vo2max < 42) rtn = "Rata-rata";
|
||
if (this.vo2max >= 33 && this.vo2max < 38)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 28 && this.vo2max < 33)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 28) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
if (this.umur >= 26 && this.umur <= 35) {
|
||
if (this.vo2max > 52) rtn = "Excellent";
|
||
if (this.vo2max >= 45 && this.vo2max < 53) rtn = "Good";
|
||
if (this.vo2max >= 39 && this.vo2max < 45)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 35 && this.vo2max < 39) rtn = "Rata-rata";
|
||
if (this.vo2max >= 31 && this.vo2max < 35)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 26 && this.vo2max < 31)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 26) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
if (this.umur >= 36 && this.umur <= 45) {
|
||
if (this.vo2max > 45) rtn = "Excellent";
|
||
if (this.vo2max >= 38 && this.vo2max < 46) rtn = "Good";
|
||
if (this.vo2max >= 34 && this.vo2max < 38)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 31 && this.vo2max < 34) rtn = "Rata-rata";
|
||
if (this.vo2max >= 27 && this.vo2max < 31)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 22 && this.vo2max < 27)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 22) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
if (this.umur >= 46 && this.umur <= 55) {
|
||
if (this.vo2max > 40) rtn = "Excellent";
|
||
if (this.vo2max >= 34 && this.vo2max < 41) rtn = "Good";
|
||
if (this.vo2max >= 31 && this.vo2max < 34)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 28 && this.vo2max < 31) rtn = "Rata-rata";
|
||
if (this.vo2max >= 25 && this.vo2max < 28)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 20 && this.vo2max < 25)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 20) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
if (this.umur >= 56 && this.umur <= 65) {
|
||
if (this.vo2max > 37) rtn = "Excellent";
|
||
if (this.vo2max >= 32 && this.vo2max < 38) rtn = "Good";
|
||
if (this.vo2max >= 28 && this.vo2max < 32)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 25 && this.vo2max < 28) rtn = "Rata-rata";
|
||
if (this.vo2max >= 22 && this.vo2max < 25)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 18 && this.vo2max < 22)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 18) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
if (this.umur > 65) {
|
||
if (this.vo2max > 32) rtn = "Excellent";
|
||
if (this.vo2max >= 28 && this.vo2max < 33) rtn = "Good";
|
||
if (this.vo2max >= 25 && this.vo2max < 28)
|
||
rtn = "Di atas rata-rata";
|
||
if (this.vo2max >= 22 && this.vo2max < 25) rtn = "Rata-rata";
|
||
if (this.vo2max >= 19 && this.vo2max < 22)
|
||
rtn = "Di bawah rata-rata";
|
||
if (this.vo2max >= 17 && this.vo2max < 19)
|
||
rtn = "Di bawah batas nilai normal";
|
||
if (this.vo2max < 17) rtn = "Di bawah batas nilai normal";
|
||
}
|
||
}
|
||
}
|
||
|
||
return rtn;
|
||
},
|
||
textvomax() {
|
||
//console.log('dasdasdas')
|
||
var rtn = "-";
|
||
//console.log(this.vo2max)
|
||
if (this.vo2max > 0)
|
||
rtn =
|
||
"VO2 MAX = (0.06 x " +
|
||
this.data_6mwt.distance +
|
||
" x " +
|
||
this.data_6mwt.rounds +
|
||
") - (0.104 x " +
|
||
this.umur +
|
||
") + (0.052 x " +
|
||
this.data_6mwt.bb +
|
||
") + 2.9 = " +
|
||
this.vo2max;
|
||
|
||
return rtn;
|
||
},
|
||
umur() {
|
||
var rtn = 0;
|
||
if (!_.isEmpty(this.patient)) {
|
||
var age = this.patient.age;
|
||
var res = age.split(" ");
|
||
rtn = Math.floor(
|
||
(parseInt(res[0]) + parseFloat(res[2] / 12)).toFixed(1)
|
||
);
|
||
}
|
||
return rtn;
|
||
},
|
||
vo2max() {
|
||
console.log("ikiki");
|
||
var rtn = 0;
|
||
var datax = this.$store.state.sample.data_6mwt;
|
||
console.log(datax);
|
||
if (datax) {
|
||
var xusia = this.umur;
|
||
if (
|
||
parseInt(datax.distance) > 0 &&
|
||
parseInt(datax.rounds) &&
|
||
parseInt(datax.bb) > 0
|
||
)
|
||
rtn = (
|
||
0.06 * (datax.distance * datax.rounds) -
|
||
0.104 * xusia +
|
||
0.052 * datax.bb +
|
||
2.9
|
||
).toFixed(2);
|
||
}
|
||
return rtn;
|
||
},
|
||
data_6mwt() {
|
||
return this.$store.state.sample.data_6mwt;
|
||
},
|
||
data_sds: {
|
||
get() {
|
||
return this.$store.state.sample.data_sds;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_data_sds", val);
|
||
},
|
||
},
|
||
dialognote: {
|
||
get() {
|
||
return this.$store.state.sample.dialog_note;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_dialog_note", val);
|
||
},
|
||
},
|
||
urlprint: {
|
||
get() {
|
||
return this.$store.state.sample.url_print;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_url_print", val);
|
||
},
|
||
},
|
||
standart_bmi() {
|
||
return this.$store.state.sample.standart_bmi;
|
||
},
|
||
selected_standart_bmi: {
|
||
get() {
|
||
return this.$store.state.sample.selected_standart_bmi;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_selected_standart_bmi", val);
|
||
},
|
||
},
|
||
cantedit: {
|
||
get() {
|
||
return this.$store.state.sample.cantedit;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_cantedit", val);
|
||
},
|
||
},
|
||
tabs_fisik: {
|
||
get() {
|
||
return this.$store.state.sample.tabs_fisik;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_tabs_fisik", val);
|
||
},
|
||
},
|
||
umum_saran: {
|
||
get() {
|
||
return this.$store.state.sample.umum_saran;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_umum_saran", val);
|
||
},
|
||
},
|
||
konsul: {
|
||
get() {
|
||
return this.$store.state.sample.konsul;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_konsul", val);
|
||
},
|
||
},
|
||
rows_riwayat() {
|
||
return this.$store.state.sample.rows_riwayat;
|
||
},
|
||
riwayats: {
|
||
get() {
|
||
return this.$store.state.sample.riwayats;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_riwayats", val);
|
||
},
|
||
},
|
||
fisiks: {
|
||
get() {
|
||
return this.$store.state.sample.fisiks;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_fisiks", val);
|
||
},
|
||
},
|
||
k3s: {
|
||
get() {
|
||
return this.$store.state.sample.k3s;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_k3s", val);
|
||
},
|
||
},
|
||
xdialogaction: {
|
||
get() {
|
||
return this.$store.state.sample.dialog_action;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_dialog_action", val);
|
||
},
|
||
},
|
||
xmsgaction: {
|
||
get() {
|
||
return this.$store.state.sample.msg_action;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_msg_action", val);
|
||
},
|
||
},
|
||
xtests() {
|
||
return this.$store.state.sample.selected_transaction.details;
|
||
},
|
||
xlangs() {
|
||
return this.$store.state.sample.langs;
|
||
},
|
||
patient() {
|
||
return this.$store.state.sample.selected_transaction;
|
||
},
|
||
xdialogimage: {
|
||
get() {
|
||
return this.$store.state.sample.dialog_image;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_dialog_image", val);
|
||
},
|
||
},
|
||
ximage() {
|
||
return this.$store.state.sample.image;
|
||
},
|
||
xdoctors() {
|
||
return this.$store.state.sample.doctors;
|
||
},
|
||
xselecteddoctor: {
|
||
get() {
|
||
return this.$store.state.sample.selected_doctor;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_selected_doctor", val);
|
||
},
|
||
},
|
||
xdialogdoctor: {
|
||
get() {
|
||
return this.$store.state.sample.dialog_doctor;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_dialog_doctor", val);
|
||
},
|
||
},
|
||
dialogtemplates: {
|
||
get() {
|
||
return this.$store.state.sample.dialog_template;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_dialog_template", val);
|
||
},
|
||
},
|
||
xtemplates() {
|
||
return this.$store.state.sample.templates;
|
||
},
|
||
xselectedtemplate: {
|
||
get() {
|
||
return this.$store.state.sample.selected_template;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_selected_template", val);
|
||
},
|
||
},
|
||
dialoglangs: {
|
||
get() {
|
||
return this.$store.state.sample.langs;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_item_langs", val);
|
||
},
|
||
},
|
||
xselectedlang: {
|
||
get() {
|
||
return this.$store.state.sample.selected_lang;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_selected_lang", val);
|
||
},
|
||
},
|
||
sellang: {
|
||
get() {
|
||
return this.$store.state.sample.sellang;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_sellang", val);
|
||
},
|
||
},
|
||
dialogprintlang: {
|
||
get() {
|
||
return this.$store.state.sample.dialog_print_lang;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_dialog_print_lang", val);
|
||
},
|
||
},
|
||
doctors: {
|
||
get() {
|
||
return this.$store.state.sample.doctors;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_doctors", val);
|
||
},
|
||
},
|
||
selected_doctor: {
|
||
get() {
|
||
return this.$store.state.sample.selected_doctor;
|
||
},
|
||
set(val) {
|
||
this.$store.commit("sample/update_selected_doctor", val);
|
||
},
|
||
},
|
||
},
|
||
methods: {
|
||
changeTypeSDS(value) {
|
||
console.log(value);
|
||
console.log("xxxx");
|
||
this.type_sds_form = value;
|
||
console.log(this.type_sds_form);
|
||
var arr = this.$store.state.sample.selected_transaction;
|
||
var prm = { type: this.type_sds_form, reid: arr.re_id };
|
||
this.$store.dispatch("sample/savetypesds", prm);
|
||
},
|
||
compareNumbers(num1, num2, operator) {
|
||
switch (operator) {
|
||
case ">":
|
||
return num1 > num2;
|
||
case "<":
|
||
return num1 < num2;
|
||
case ">=":
|
||
return num1 >= num2;
|
||
case "<=":
|
||
return num1 <= num2;
|
||
case "==":
|
||
return num1 == num2;
|
||
case "===":
|
||
return num1 === num2;
|
||
case "=":
|
||
return num1 === num2;
|
||
case "!=":
|
||
return num1 != num2;
|
||
case "!==":
|
||
return num1 !== num2;
|
||
default:
|
||
return false;
|
||
}
|
||
},
|
||
interpretationSds() {
|
||
let tmp = this.data_sds;
|
||
|
||
tmp.sds30.interpretation.forEach((k) => {
|
||
var arrQid = k.questionID.split(",");
|
||
k.score = 0;
|
||
tmp.sds30.questions.forEach((e) => {
|
||
if (
|
||
arrQid.find((qId) => parseInt(qId) === parseInt(e.id)) !==
|
||
undefined
|
||
) {
|
||
let findValue = tmp.sds30.options.find(
|
||
(opt) => parseInt(opt.id) === parseInt(e.value)
|
||
);
|
||
if (findValue !== undefined) {
|
||
k.score = k.score + parseInt(findValue.value);
|
||
}
|
||
}
|
||
});
|
||
|
||
tmp.sds30.interpretationRule.forEach((m) => {
|
||
// debugger;
|
||
if (m.isFix === "Y") {
|
||
if (this.compareNumbers(k.score, parseInt(m.value), m.flag)) {
|
||
k.level = m.id;
|
||
k.levelDisplay = m.display;
|
||
}
|
||
} else if (m.isRange === "Y") {
|
||
let min = parseInt(m.min);
|
||
let max = parseInt(m.max);
|
||
if (k.score >= min && k.score <= max) {
|
||
k.level = m.id;
|
||
k.levelDisplay = m.display;
|
||
}
|
||
}
|
||
});
|
||
console.log(
|
||
`${k.display}, score : ${k.score}, level ${k.level}, ${k.levelDisplay}`
|
||
);
|
||
});
|
||
this.data_sds = tmp;
|
||
},
|
||
interpretationSrq() {
|
||
let tmp = this.data_sds;
|
||
|
||
tmp.srq20.interpretation.forEach((k) => {
|
||
var arrQid = k.questionID.split(",");
|
||
k.score = 0;
|
||
tmp.srq20.questions.forEach((e) => {
|
||
if (
|
||
arrQid.find((qId) => parseInt(qId) === parseInt(e.id)) !==
|
||
undefined
|
||
) {
|
||
if (
|
||
tmp.srq20.options.find(
|
||
(opt) =>
|
||
parseInt(opt.id) === parseInt(e.value) && opt.value === "Y"
|
||
) !== undefined
|
||
) {
|
||
k.score = k.score + 1;
|
||
console.log(`option dipilih ${e.value}`);
|
||
}
|
||
// if (e.value === "Y") {
|
||
// }
|
||
}
|
||
});
|
||
|
||
tmp.srq20.interpretationRule.forEach((m) => {
|
||
// debugger;
|
||
if (m.isFix === "Y") {
|
||
if (this.compareNumbers(k.score, parseInt(m.value), m.flag)) {
|
||
k.level = m.id;
|
||
k.levelDisplay = m.display;
|
||
}
|
||
} else if (m.isRange === "Y") {
|
||
let min = parseInt(m.min);
|
||
let max = parseInt(m.max);
|
||
if (k.score >= min && k.score <= max) {
|
||
k.level = m.id;
|
||
k.levelDisplay = m.display;
|
||
}
|
||
}
|
||
});
|
||
console.log(
|
||
`${k.display}, score : ${k.score}, level ${k.level}, ${k.levelDisplay}`
|
||
);
|
||
});
|
||
this.data_sds = tmp;
|
||
},
|
||
goToUp() {
|
||
/*this.$nextTick(() => {
|
||
this.$refs.stepbar_x.scrollTop = 0;
|
||
});*/
|
||
window.scrollTo({
|
||
top: 0,
|
||
left: 0,
|
||
behavior: "smooth",
|
||
});
|
||
},
|
||
nextStep(n) {
|
||
console.log(n);
|
||
if (n === this.tabs_fisik.length) {
|
||
this.tab = 1;
|
||
} else {
|
||
this.tab = n + 1;
|
||
}
|
||
},
|
||
backStep(n) {
|
||
console.log(n);
|
||
if (n === 1) {
|
||
this.tab = 1;
|
||
} else {
|
||
this.tab = n - 1;
|
||
}
|
||
},
|
||
saveSelectedTooth() {
|
||
var fisiks = this.fisiks;
|
||
var pos = this.tooth_pos;
|
||
var icx = this.tooth_icx;
|
||
var idx = this.tooth_idx;
|
||
var tooth_value = this.kelainan_gigi;
|
||
fisiks[icx].details[pos].details[idx].value = tooth_value.toUpperCase();
|
||
console.log(fisiks[icx].details[pos].details[idx]);
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
this.dialog_choose_tooth = false;
|
||
},
|
||
openChooseToothDialog(position, tooth, icx) {
|
||
this.kelainan_gigi = "";
|
||
this.dialog_choose_tooth = true;
|
||
var fisiks = this.fisiks;
|
||
var pos = -1;
|
||
if (position === "atasketiga") pos = 0;
|
||
if (position === "ataskedua") pos = 1;
|
||
if (position === "atas") pos = 2;
|
||
if (position === "bawah") pos = 3;
|
||
if (position === "bawahkedua") pos = 4;
|
||
if (position === "bawahketiga") pos = 5;
|
||
|
||
var idx = _.findIndex(fisiks[icx].details[pos].details, function (o) {
|
||
return o.id_code == tooth.id_code;
|
||
});
|
||
this.tooth_pos = pos;
|
||
this.tooth_icx = icx;
|
||
this.tooth_idx = idx;
|
||
},
|
||
clear() {
|
||
var _this = this;
|
||
_this.sig.clear();
|
||
},
|
||
/*saveSignature() {
|
||
var trx = this.$store.state.sample.selected_transaction;
|
||
this.dialog_warning_signature = false;
|
||
if (trx.image_signature === "") {
|
||
this.save();
|
||
} else {
|
||
this.dialog_warning_signature = true;
|
||
}
|
||
},
|
||
save(format) {
|
||
this.dialog_warning_signature = false;
|
||
var _this = this;
|
||
//return format ? _this.sig.toDataURL(format) : _this.sig.toDataURL()
|
||
console.log(_this.sig.toDataURL()); // save image as PNG
|
||
// signaturePad.toDataURL("image/jpeg"); // save image as JPEG
|
||
// signaturePad.toDataURL("image/svg+xml"); // save image as SVG
|
||
var prm = { data: _this.sig.toDataURL() };
|
||
this.$store.dispatch("sample/save_signature", prm);
|
||
},
|
||
openDialog() {
|
||
this.dialog_xsignature = true;
|
||
this.$nextTick(() => {
|
||
this.draw();
|
||
});
|
||
},
|
||
draw() {
|
||
var _this = this;
|
||
var canvas = document.getElementById("signature_pad");
|
||
//var canvas = document.querySelector("#signature_pad");
|
||
_this.sig = new SignaturePad(canvas, {
|
||
minWidth: 2,
|
||
maxWidth: 4,
|
||
});
|
||
|
||
function resizeCanvas() {
|
||
var ratio = Math.max(window.devicePixelRatio || 1, 1);
|
||
canvas.width = canvas.offsetWidth * ratio;
|
||
canvas.height = canvas.offsetHeight * ratio;
|
||
canvas.getContext("2d").scale(ratio, ratio);
|
||
let storedData = _this.sig.toData();
|
||
_this.sig.clear(); // otherwise isEmpty() might return incorrect value
|
||
_this.sig.fromData(storedData);
|
||
}
|
||
|
||
window.addEventListener("resize", resizeCanvas);
|
||
resizeCanvas();
|
||
},
|
||
opendialogSignature() {
|
||
console.log("waooaoao");
|
||
this.$store.commit("sample/update_dialog_xsignature", true);
|
||
this.$nextTick(() => {
|
||
this.draw();
|
||
});
|
||
},*/
|
||
checkXVSRiwayatCbx(id_code, event, idx_detail, idx_segment) {
|
||
var riwayats = this.riwayats;
|
||
var data = riwayats[idx_segment].details[idx_detail].details;
|
||
if (riwayats[idx_segment].title === "RIWAYAT KEBIASAAN HIDUP") {
|
||
data.forEach((value, key) => {
|
||
if (value.id_code !== id_code) {
|
||
data[key].chx = false;
|
||
data[key].value = "";
|
||
}
|
||
});
|
||
console.log("check");
|
||
console.log(data);
|
||
this.riwayats = riwayats;
|
||
}
|
||
},
|
||
checkAnotherXCbx(id_code, event, idx_detail, idx_segment) {
|
||
var riwayats = this.riwayats;
|
||
var data = riwayats[idx_segment].details;
|
||
data.forEach((value, key) => {
|
||
if (value.id_code !== id_code) {
|
||
data[key].chx = false;
|
||
data[key].value = "";
|
||
}
|
||
});
|
||
this.riwayats = riwayats;
|
||
},
|
||
checkAnotherCbx(id_code, event, idx_detail, idx_segment) {
|
||
var riwayats = this.riwayats;
|
||
var data = riwayats[idx_segment].details[idx_detail].details;
|
||
//console.log(id_code)
|
||
//console.log(event)
|
||
//console.log(details)
|
||
//console.log(data)
|
||
data.forEach((value, key) => {
|
||
if (value.id_code !== id_code) {
|
||
data[key].chx = false;
|
||
data[key].value = "";
|
||
}
|
||
});
|
||
console.log("check");
|
||
console.log(data);
|
||
this.riwayats = riwayats;
|
||
},
|
||
doDownloadRpt() {
|
||
var eurl = this.selected_download;
|
||
var win = window.open(eurl, "_blank");
|
||
win.focus();
|
||
},
|
||
downloadRpt(dx) {
|
||
this.reports = dx.url;
|
||
this.selected_download = "";
|
||
if (dx.status_payment === "Y" && dx.url.length > 0) {
|
||
if (dx.url.length === 1) {
|
||
var eurl = dx.url[0].url;
|
||
var win = window.open(eurl, "_blank");
|
||
win.focus();
|
||
} else {
|
||
this.dialogdownload = true;
|
||
}
|
||
}
|
||
},
|
||
countBMI6mwt() {
|
||
var data = this.$store.state.sample.data_6mwt;
|
||
data.bmi = "";
|
||
if (
|
||
data.bb &&
|
||
parseFloat(data.bb) > 0 &&
|
||
data.tb &&
|
||
parseFloat(data.tb) > 0
|
||
) {
|
||
data.bmi =
|
||
Math.round(
|
||
(data.bb / ((data.tb / 100) * (data.tb / 100))).toFixed(2) * 10
|
||
) / 10;
|
||
}
|
||
this.$store.commit("sample/update_data_6mwt", data);
|
||
},
|
||
getnamelabel(kata) {
|
||
var lang_id = this.$store.state.sample.sellang.id;
|
||
var words = this.$store.state.sample.words;
|
||
var row_word = _.filter(words, function (o) {
|
||
return (
|
||
o.Translate_WordNat_LangID === lang_id &&
|
||
o.Translate_WordFrom.toLowerCase() === kata.toLowerCase()
|
||
);
|
||
});
|
||
|
||
//console.log(row_word)
|
||
if (row_word.length > 0) return row_word[0].Translate_WordTo;
|
||
else return kata;
|
||
},
|
||
opendialogLang(test) {
|
||
var xlng = { id: test.language_id, name: test.language_name };
|
||
this.sellang = xlng;
|
||
this.xnowtest = test;
|
||
this.dialoglang = true;
|
||
},
|
||
getcolortensi(row) {
|
||
console.log("new stage");
|
||
console.log(row);
|
||
var result = "grey--text";
|
||
|
||
if (row.standart === "JNC-VII") {
|
||
if (row.value === "NORMAL") {
|
||
result = "info--text";
|
||
}
|
||
if (row.value === "PREHIPERTENSI") {
|
||
result = "warning--text";
|
||
}
|
||
if (row.value === "HIPERTENSI STAGE 1") {
|
||
result = "amber--text";
|
||
}
|
||
if (row.value === "HIPERTENSI STAGE 2") {
|
||
result = "red--text";
|
||
}
|
||
}
|
||
|
||
if (row.standart === "JNC-VIII") {
|
||
if (row.value_x === "NORMAL") {
|
||
result = "info--text";
|
||
}
|
||
if (row.value_x === "ELEVATED") {
|
||
result = "warning--text";
|
||
}
|
||
if (row.value_x === "HIPERTENSI STAGE 1") {
|
||
result = "amber--text";
|
||
}
|
||
if (row.value_x === "HIPERTENSI STAGE 2") {
|
||
result = "red--text";
|
||
}
|
||
if (row.value_x === "HIPERTENSI STAGE 3") {
|
||
result = "brown--text";
|
||
}
|
||
}
|
||
|
||
if (row.standart === "ESC/ESH") {
|
||
if (row.value_x === "OPTIMAL" || row.value_x === "NORMAL") {
|
||
result = "info--text";
|
||
}
|
||
if (
|
||
row.value_x === "HIGH NORMAL" ||
|
||
row.value_x === "GRADE 1 HYPERTENSION"
|
||
) {
|
||
result = "warning--text";
|
||
}
|
||
if (
|
||
row.value_x === "HIGH NORMAL" ||
|
||
row.value_x === "GRADE 1 HYPERTENSION"
|
||
) {
|
||
result = "amber--text";
|
||
}
|
||
if (
|
||
row.value_x === "GRADE 2 HYPERTENSION" ||
|
||
row.value_x === "GRADE 3 HYPERTENSION"
|
||
) {
|
||
result = "red--text";
|
||
}
|
||
if (row.value_x === "ISOLATED SYSTOLIC HYPERTENSION") {
|
||
result = "brown--text";
|
||
}
|
||
}
|
||
|
||
//console.log(result)
|
||
return result;
|
||
},
|
||
changeStandartBMI(idx_f) {
|
||
var fisiks = this.fisiks;
|
||
var value_x = fisiks[idx_f].standart_bmi;
|
||
var val_now = value_x;
|
||
if (value_x === "who") {
|
||
val_now = "asia_pacific";
|
||
} else if (value_x === "asia_pacific") {
|
||
val_now = "kemenkes";
|
||
} else {
|
||
val_now = "who";
|
||
}
|
||
//var val_now = fisiks[idx_f].standart_bmi === 'who' ? 'asia_pacific':'who'
|
||
fisiks[idx_f].standart_bmi = val_now;
|
||
// console.log('jalan')
|
||
var idx_bmi = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == "status_gizi_4";
|
||
});
|
||
var bmi_value = fisiks[idx_f].details[idx_bmi].value;
|
||
console.log("bmi : " + bmi_value);
|
||
var classx = "-";
|
||
if (
|
||
bmi_value &&
|
||
!isNaN(bmi_value) &&
|
||
bmi_value > 0 &&
|
||
bmi_value != "Infinity"
|
||
) {
|
||
if (fisiks[idx_f].standart_bmi === "asia_pacific") {
|
||
if (bmi_value < 18.5) classx = "Underweight";
|
||
|
||
if (bmi_value >= 18.5 && bmi_value < 23) classx = "Normal";
|
||
|
||
if (bmi_value >= 23 && bmi_value < 25) classx = "Overweight";
|
||
|
||
if (bmi_value >= 25 && bmi_value < 30) classx = "Obese I";
|
||
|
||
if (bmi_value >= 30) classx = "Obese II";
|
||
}
|
||
|
||
if (fisiks[idx_f].standart_bmi === "who") {
|
||
//console.log(bmi_value)
|
||
if (bmi_value < 18.5) classx = "Underweight";
|
||
|
||
if (bmi_value >= 18.5 && bmi_value < 25) {
|
||
classx = "Normal";
|
||
// console.log("normal")
|
||
}
|
||
|
||
if (bmi_value >= 25 && bmi_value < 30) {
|
||
classx = "Overweight";
|
||
// console.log("iyyaaa")
|
||
}
|
||
|
||
if (bmi_value >= 30) classx = "Obese";
|
||
}
|
||
|
||
if (fisiks[idx_f].standart_bmi === "kemenkes") {
|
||
if (bmi_value < 18.5) classx = "Underweight";
|
||
|
||
if (bmi_value >= 18.5 && bmi_value < 25.1) classx = "Normal";
|
||
|
||
if (bmi_value >= 25.1 && bmi_value < 27) classx = "Overweight";
|
||
|
||
if (bmi_value >= 27) classx = "Obese";
|
||
}
|
||
}
|
||
var idx_xclass = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == "status_gizi_6";
|
||
});
|
||
console.log(idx_xclass);
|
||
fisiks[idx_f].details[idx_xclass].value = classx;
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
},
|
||
changeXVSChx(idx_f, idx_s, row) {
|
||
var fisiks = this.fisiks;
|
||
var isnormal = row.is_normal;
|
||
|
||
if (isnormal === "Y" && row.chx) {
|
||
fisiks[idx_f].details[idx_s].details.forEach(function (entry, index) {
|
||
if (fisiks[idx_f].details[idx_s].details[index].is_normal === "N") {
|
||
fisiks[idx_f].details[idx_s].details[index].chx = false;
|
||
fisiks[idx_f].details[idx_s].details[index].value = "";
|
||
}
|
||
});
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
|
||
if (isnormal === "N" && row.chx) {
|
||
var n_idx = _.findIndex(
|
||
fisiks[idx_f].details[idx_s].details,
|
||
function (o) {
|
||
return o.is_normal === "Y";
|
||
}
|
||
);
|
||
//console.log(n_idx)
|
||
fisiks[idx_f].details[idx_s].details[n_idx].chx = false;
|
||
fisiks[idx_f].details[idx_s].details[n_idx].value = "";
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
},
|
||
changeXVSChxLXX(idx_f, idx_s, row) {
|
||
var fisiks = this.fisiks;
|
||
var isnormal = row.is_normal;
|
||
|
||
if (isnormal === "N" && !row.chx) {
|
||
fisiks[idx_f].details[idx_s].details[1].details.forEach(function (
|
||
entry,
|
||
index
|
||
) {
|
||
fisiks[idx_f].details[idx_s].details[1].details[
|
||
index
|
||
].chx_a_value = false;
|
||
fisiks[idx_f].details[idx_s].details[1].details[
|
||
index
|
||
].chx_b_value = false;
|
||
});
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
|
||
if (isnormal === "N" && row.chx) {
|
||
var n_idx = _.findIndex(
|
||
fisiks[idx_f].details[idx_s].details,
|
||
function (o) {
|
||
return o.is_normal === "Y";
|
||
}
|
||
);
|
||
//console.log(n_idx)
|
||
fisiks[idx_f].details[idx_s].details[n_idx].chx = false;
|
||
fisiks[idx_f].details[idx_s].details[n_idx].value = "";
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
},
|
||
changeXVChx(idx_f, row) {
|
||
//console.log(idx_f)
|
||
var fisiks = this.fisiks;
|
||
var isnormal = row.is_normal;
|
||
if (isnormal === "Y" && row.chx) {
|
||
fisiks[idx_f].details.forEach(function (entry, index) {
|
||
if (fisiks[idx_f].details[index].is_normal === "N") {
|
||
fisiks[idx_f].details[index].chx = false;
|
||
fisiks[idx_f].details[index].value = "";
|
||
}
|
||
});
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
|
||
if (isnormal === "N" && row.chx) {
|
||
var n_idx = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.is_normal === "Y";
|
||
});
|
||
//console.log(n_idx)
|
||
fisiks[idx_f].details[n_idx].chx = false;
|
||
fisiks[idx_f].details[n_idx].value = "";
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
//console.log("detailss")
|
||
// console.log(fisiks[idx_f])
|
||
},
|
||
changeMXChx(idx_f, kdx_details, row) {
|
||
console.log(idx_f)
|
||
console.log(kdx_details)
|
||
|
||
var fisiks = this.fisiks;
|
||
if (row.chx) {
|
||
fisiks[idx_f].details[kdx_details].details.forEach(function (entry, index) {
|
||
if (fisiks[idx_f].details[kdx_details].details[index].id !== row.id) {
|
||
fisiks[idx_f].details[kdx_details].details[index].chx = false;
|
||
}
|
||
});
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
|
||
|
||
},
|
||
changeToothValue(position, tooth, icx) {
|
||
var fisiks = this.fisiks;
|
||
var pos = -1;
|
||
if (position === "atasketiga") pos = 0;
|
||
if (position === "ataskedua") pos = 1;
|
||
if (position === "atas") pos = 2;
|
||
if (position === "bawah") pos = 3;
|
||
if (position === "bawahkedua") pos = 4;
|
||
if (position === "bawahketiga") pos = 5;
|
||
|
||
var idx = _.findIndex(fisiks[icx].details[pos].details, function (o) {
|
||
return o.id_code == tooth.id_code;
|
||
});
|
||
fisiks[icx].details[pos].details[idx].value = tooth.value.toUpperCase();
|
||
console.log(fisiks[icx].details[pos].details[idx]);
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
},
|
||
changeXXVChx(idx_f, row, status) {
|
||
var fisiks = this.fisiks;
|
||
|
||
var idx = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == row.id_code;
|
||
});
|
||
if (status == "y") {
|
||
var now_y = fisiks[idx_f].details[idx].chx_y;
|
||
fisiks[idx_f].details[idx].chx_x = now_y === true ? false : true;
|
||
if (now_y) fisiks[idx_f].details[idx].disable_value = "Y";
|
||
else fisiks[idx_f].details[idx].disable_value = "N";
|
||
}
|
||
if (status == "x") {
|
||
var now_x = fisiks[idx_f].details[idx].chx_x;
|
||
fisiks[idx_f].details[idx].chx_y = now_x === true ? false : true;
|
||
if (now_x) fisiks[idx_f].details[idx].disable_value = "N";
|
||
else fisiks[idx_f].details[idx].disable_value = "Y";
|
||
}
|
||
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
},
|
||
changeVXXChx(idx_f, row, status) {
|
||
var fisiks = this.fisiks;
|
||
//console.log(row)
|
||
var idx = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == row.id_code;
|
||
});
|
||
|
||
if (status == "y") {
|
||
var now_y = fisiks[idx_f].details[idx].chx_y;
|
||
fisiks[idx_f].details[idx].chx_x = now_y ? false : true;
|
||
fisiks[idx_f].details[idx].value = "";
|
||
}
|
||
|
||
if (status == "x") {
|
||
var now_x = fisiks[idx_f].details[idx].chx_x;
|
||
fisiks[idx_f].details[idx].chx_y = now_x ? false : true;
|
||
}
|
||
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
},
|
||
changeVXXValuePlusV(idx_f, row) {
|
||
var fisiks = this.fisiks;
|
||
//console.log(row)
|
||
var idx = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == row.id_code;
|
||
});
|
||
|
||
var now_val = fisiks[idx_f].details[idx].value;
|
||
if (now_val != "") {
|
||
fisiks[idx_f].details[idx].chx_x = false;
|
||
}
|
||
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
},
|
||
changeVXXValue(idx_f, row) {
|
||
console.log("new stage");
|
||
var fisiks = this.fisiks;
|
||
// console.log(row)
|
||
if (row.table_name === "status_gizi") {
|
||
// console.log(row)
|
||
var idx_berat = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == "status_gizi_1";
|
||
});
|
||
var val_berat = parseFloat(fisiks[idx_f].details[idx_berat].value);
|
||
//console.log(val_berat)
|
||
var idx_tinggi = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == "status_gizi_2";
|
||
});
|
||
var val_tinggi = parseFloat(fisiks[idx_f].details[idx_tinggi].value);
|
||
//console.log(val_tinggi)
|
||
var idx_bmi = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == "status_gizi_4";
|
||
});
|
||
var val_bmi = (
|
||
val_berat /
|
||
((val_tinggi / 100) * (val_tinggi / 100))
|
||
).toFixed(2);
|
||
console.log("bmi : " + val_bmi);
|
||
fisiks[idx_f].details[idx_bmi].value = val_bmi;
|
||
var bmi_value = val_bmi;
|
||
var classx = "-";
|
||
if (
|
||
bmi_value &&
|
||
!isNaN(bmi_value) &&
|
||
bmi_value > 0 &&
|
||
bmi_value != "Infinity"
|
||
) {
|
||
if (fisiks[idx_f].standart_bmi === "asia_pacific") {
|
||
if (bmi_value < 18.5) classx = "Underweight";
|
||
|
||
if (bmi_value >= 18.5 && bmi_value < 23) classx = "Normal";
|
||
|
||
if (bmi_value >= 23 && bmi_value < 25) classx = "Overweight";
|
||
|
||
if (bmi_value >= 25 && bmi_value < 30) classx = "Obese I";
|
||
|
||
if (bmi_value >= 30) classx = "Obese II";
|
||
}
|
||
|
||
if (fisiks[idx_f].standart_bmi === "who") {
|
||
if (bmi_value < 18.5) classx = "Underweight";
|
||
|
||
if (bmi_value >= 18.5 && bmi_value < 25) {
|
||
classx = "Normal";
|
||
// console.log("normal")
|
||
}
|
||
|
||
if (bmi_value >= 25 && bmi_value < 30) {
|
||
classx = "Overweight";
|
||
// console.log("iyyaaa")
|
||
}
|
||
|
||
if (bmi_value >= 30) classx = "Obese";
|
||
}
|
||
|
||
if (fisiks[idx_f].standart_bmi === "kemenkes") {
|
||
if (bmi_value < 18.5) classx = "Underweight";
|
||
|
||
if (bmi_value >= 18.5 && bmi_value < 25.1) classx = "Normal";
|
||
|
||
if (bmi_value >= 25.1 && bmi_value < 27) classx = "Overweight";
|
||
|
||
if (bmi_value >= 27) classx = "Obese";
|
||
}
|
||
}
|
||
var idx_xclass = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == "status_gizi_6";
|
||
});
|
||
fisiks[idx_f].details[idx_xclass].value = classx;
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
},
|
||
changeVXXValuePlus(idx_f, row) {
|
||
console.log("new stage");
|
||
var fisiks = this.fisiks;
|
||
var idx_tensi = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == "tanda_vital_5";
|
||
});
|
||
var standart = fisiks[idx_f].details[idx_tensi].standart;
|
||
console.log(standart);
|
||
//Hipotensi itu kalau:
|
||
// sistolik <= 99 dan atau diastolik <= 59
|
||
if (row.table_name === "tanda_vital") {
|
||
var result = fisiks[idx_f].details[idx_tensi].value_x;
|
||
var xval = fisiks[idx_f].details[idx_tensi].value;
|
||
if (xval !== "") {
|
||
var arr_val = xval.split("/");
|
||
var sistolik = arr_val[0];
|
||
var diastolik = arr_val[1];
|
||
if (standart === "JNC-VII") {
|
||
if (sistolik <= 99 || diastolik <= 59) {
|
||
result = "HIPOTENSI";
|
||
console.log("IN");
|
||
}
|
||
if (
|
||
sistolik < 120 &&
|
||
sistolik > 99 &&
|
||
diastolik < 80 &&
|
||
diastolik > 59
|
||
) {
|
||
console.log("kok?");
|
||
result = "NORMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 120 && sistolik <= 139) ||
|
||
(diastolik >= 80 && diastolik <= 89)
|
||
) {
|
||
result = "PREHIPERTENSI";
|
||
}
|
||
if (
|
||
(sistolik >= 140 && sistolik <= 159) ||
|
||
(diastolik >= 90 && diastolik <= 99)
|
||
) {
|
||
result = "HIPERTENSI STAGE 1";
|
||
}
|
||
if (sistolik >= 160 || diastolik >= 100) {
|
||
result = "HIPERTENSI STAGE 2";
|
||
}
|
||
}
|
||
if (standart === "JNC-VIII") {
|
||
if (sistolik <= 99 || diastolik <= 59) {
|
||
result = "HIPOTENSI";
|
||
}
|
||
if (
|
||
sistolik < 120 &&
|
||
sistolik > 99 &&
|
||
diastolik < 80 &&
|
||
diastolik > 59
|
||
) {
|
||
result = "NORMAL";
|
||
}
|
||
if (sistolik >= 120 && sistolik <= 129 && diastolik < 80) {
|
||
result = "ELEVATED";
|
||
}
|
||
if (
|
||
(sistolik >= 130 && sistolik <= 139) ||
|
||
(diastolik >= 80 && diastolik <= 89)
|
||
) {
|
||
result = "HIPERTENSI STAGE 1";
|
||
}
|
||
if (sistolik >= 140 || diastolik >= 90) {
|
||
result = "HIPERTENSI STAGE 2";
|
||
}
|
||
if (sistolik >= 180 || diastolik >= 120) {
|
||
result = "HYPERTENSIVE CRISIS";
|
||
}
|
||
}
|
||
if (standart === "ESC/ESH") {
|
||
if (sistolik <= 99 || diastolik <= 59) {
|
||
result = "HIPOTENSI";
|
||
}
|
||
if (
|
||
sistolik < 120 &&
|
||
sistolik > 99 &&
|
||
diastolik < 80 &&
|
||
diastolik > 59
|
||
) {
|
||
result = "OPTIMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 120 && sistolik <= 129) ||
|
||
(diastolik >= 80 && diastolik <= 84)
|
||
) {
|
||
result = "NORMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 130 && sistolik <= 139) ||
|
||
(diastolik >= 85 && diastolik <= 89)
|
||
) {
|
||
result = "HIGH NORMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 140 && sistolik <= 159) ||
|
||
(diastolik >= 90 && diastolik <= 99)
|
||
) {
|
||
result = "GRADE 1 HYPERTENSION";
|
||
}
|
||
if (
|
||
(sistolik >= 160 && sistolik <= 179) ||
|
||
(diastolik >= 100 && diastolik <= 109)
|
||
) {
|
||
result = "GRADE 2 HYPERTENSION";
|
||
}
|
||
if (sistolik >= 180 || diastolik >= 110) {
|
||
result = "GRADE 3 HYPERTENSION";
|
||
}
|
||
if (sistolik >= 140 && diastolik < 90) {
|
||
result = "ISOLATED SYSTOLIC HYPERTENSION";
|
||
}
|
||
}
|
||
}
|
||
fisiks[idx_f].details[idx_tensi].value_x = result;
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
},
|
||
changeVXXValuePlus2R(idx_f, row) {
|
||
console.log("new stage");
|
||
var fisiks = this.fisiks;
|
||
var idx_tensi = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == "tanda_vital_5";
|
||
});
|
||
var standart = fisiks[idx_f].details[idx_tensi].standart;
|
||
console.log(standart);
|
||
if (row.table_name === "tanda_vital") {
|
||
var result = fisiks[idx_f].details[idx_tensi].value;
|
||
var sistolik = fisiks[idx_f].details[idx_tensi].value_x;
|
||
var diastolik = fisiks[idx_f].details[idx_tensi].value_y;
|
||
if (standart === "JNC-VII") {
|
||
if (sistolik <= 99 || diastolik <= 59) {
|
||
result = "HIPOTENSI";
|
||
console.log("IN");
|
||
}
|
||
if (
|
||
sistolik < 120 &&
|
||
sistolik > 99 &&
|
||
diastolik < 80 &&
|
||
diastolik > 59
|
||
) {
|
||
console.log("kok?");
|
||
result = "NORMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 120 && sistolik <= 139) ||
|
||
(diastolik >= 80 && diastolik <= 89)
|
||
) {
|
||
result = "PREHIPERTENSI";
|
||
}
|
||
if (
|
||
(sistolik >= 140 && sistolik <= 159) ||
|
||
(diastolik >= 90 && diastolik <= 99)
|
||
) {
|
||
result = "HIPERTENSI STAGE 1";
|
||
}
|
||
if (sistolik >= 160 || diastolik >= 100) {
|
||
result = "HIPERTENSI STAGE 2";
|
||
}
|
||
}
|
||
if (standart === "JNC-VIII") {
|
||
if (sistolik <= 99 || diastolik <= 59) {
|
||
result = "HIPOTENSI";
|
||
console.log("IN");
|
||
}
|
||
if (
|
||
sistolik < 120 &&
|
||
sistolik > 99 &&
|
||
diastolik < 80 &&
|
||
diastolik > 59
|
||
) {
|
||
console.log("kok?");
|
||
result = "NORMAL";
|
||
}
|
||
if (sistolik >= 120 && sistolik <= 129 && diastolik < 80) {
|
||
result = "ELEVATED";
|
||
}
|
||
if (
|
||
(sistolik >= 130 && sistolik <= 139) ||
|
||
(diastolik >= 80 && diastolik <= 89)
|
||
) {
|
||
result = "HIPERTENSI STAGE 1";
|
||
}
|
||
if (sistolik >= 140 || diastolik >= 90) {
|
||
result = "HIPERTENSI STAGE 2";
|
||
}
|
||
if (sistolik >= 180 || diastolik >= 120) {
|
||
result = "HYPERTENSIVE CRISIS";
|
||
}
|
||
}
|
||
if (standart === "ESC/ESH") {
|
||
if (sistolik <= 99 || diastolik <= 59) {
|
||
result = "HIPOTENSI";
|
||
console.log("IN");
|
||
}
|
||
if (
|
||
sistolik < 120 &&
|
||
sistolik > 99 &&
|
||
diastolik < 80 &&
|
||
diastolik > 59
|
||
) {
|
||
console.log("kok?");
|
||
result = "OPTIMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 120 && sistolik <= 129) ||
|
||
(diastolik >= 80 && diastolik <= 84)
|
||
) {
|
||
result = "NORMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 130 && sistolik <= 139) ||
|
||
(diastolik >= 85 && diastolik <= 89)
|
||
) {
|
||
result = "HIGH NORMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 140 && sistolik <= 159) ||
|
||
(diastolik >= 90 && diastolik <= 99)
|
||
) {
|
||
result = "GRADE 1 HYPERTENSION";
|
||
}
|
||
if (
|
||
(sistolik >= 160 && sistolik <= 179) ||
|
||
(diastolik >= 100 && diastolik <= 109)
|
||
) {
|
||
result = "GRADE 2 HYPERTENSION";
|
||
}
|
||
if (sistolik >= 180 || diastolik >= 110) {
|
||
result = "GRADE 3 HYPERTENSION";
|
||
}
|
||
if (sistolik >= 140 && diastolik < 90) {
|
||
result = "ISOLATED SYSTOLIC HYPERTENSION";
|
||
}
|
||
}
|
||
|
||
fisiks[idx_f].details[idx_tensi].value = result;
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
},
|
||
changeStatusTooth(idx_f) {
|
||
var fisiks = this.fisiks;
|
||
//var idx_tensi = _.findIndex(fisiks[idx_f].details, function(o) { return o.id_code == 'tanda_vital_5'})
|
||
//console.log("tooth-status")
|
||
//console.log(fisiks[idx_f])
|
||
fisiks[idx_f].is_normal = fisiks[idx_f].is_normal === "Y" ? "N" : "Y";
|
||
if (fisiks[idx_f].is_normal === "Y") {
|
||
fisiks[idx_f].details.forEach(function (value, idx) {
|
||
let details_x = value.details;
|
||
details_x.forEach(function (item, index) {
|
||
console.log("detail_x");
|
||
console.log(fisiks[idx_f].details[idx].details[index]);
|
||
fisiks[idx_f].details[idx].details[index].value = "";
|
||
});
|
||
});
|
||
}
|
||
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
},
|
||
changeStatusInspected(idx_f) {
|
||
var fisiks = this.fisiks;
|
||
//var idx_tensi = _.findIndex(fisiks[idx_f].details, function(o) { return o.id_code == 'tanda_vital_5'})
|
||
//console.log("tooth-status")
|
||
//console.log(fisiks[idx_f])
|
||
fisiks[idx_f].is_inspected =
|
||
fisiks[idx_f].is_inspected === "Y" ? "N" : "Y";
|
||
if (fisiks[idx_f].is_inspected === "Y") {
|
||
fisiks[idx_f].details.forEach(function (value, idx) {
|
||
let details_x = value.details;
|
||
details_x.forEach(function (item, index) {
|
||
console.log("detail_x");
|
||
console.log(fisiks[idx_f].details[idx].details[index]);
|
||
fisiks[idx_f].details[idx].details[index].value = "";
|
||
});
|
||
});
|
||
}
|
||
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
},
|
||
changeExistPajanan(idx_k) {
|
||
var k3s = this.k3s;
|
||
|
||
k3s[idx_k].is_notexist = k3s[idx_k].is_notexist === "Y" ? "N" : "Y";
|
||
if (k3s[idx_k].is_notexist === "Y") {
|
||
k3s[idx_k].details.forEach(function (value, idx) {
|
||
k3s[idx_k].details[idx].chx = false;
|
||
k3s[idx_k].details[idx].value_lama = "";
|
||
k3s[idx_k].details[idx].value_sumber = "";
|
||
});
|
||
}
|
||
|
||
this.$store.commit("sample/update_k3s", k3s);
|
||
},
|
||
changStandartTensi(idx_f, row) {
|
||
console.log("new stage");
|
||
var fisiks = this.fisiks;
|
||
var idx_tensi = _.findIndex(fisiks[idx_f].details, function (o) {
|
||
return o.id_code == "tanda_vital_5";
|
||
});
|
||
var standart = fisiks[idx_f].details[idx_tensi].standart; //=== 'JNC-VII' ? 'JNC-VIII':'JNC-VII'
|
||
if (standart === "JNC-VII") {
|
||
standart = "JNC-VIII";
|
||
console.log(1);
|
||
} else if (standart === "JNC-VIII") {
|
||
standart = "ESC/ESH";
|
||
console.log(2);
|
||
} else {
|
||
console.log(3);
|
||
standart = "JNC-VII";
|
||
}
|
||
console.log(standart);
|
||
fisiks[idx_f].details[idx_tensi].standart = standart;
|
||
if (row.table_name === "tanda_vital") {
|
||
var result = fisiks[idx_f].details[idx_tensi].value_x;
|
||
var xval = fisiks[idx_f].details[idx_tensi].value;
|
||
if (xval !== "") {
|
||
var arr_val = xval.split("/");
|
||
var sistolik = arr_val[0];
|
||
var diastolik = arr_val[1];
|
||
if (standart === "JNC-VII") {
|
||
if (sistolik <= 99 || diastolik <= 59) {
|
||
result = "HIPOTENSI";
|
||
console.log("IN");
|
||
}
|
||
if (
|
||
sistolik < 120 &&
|
||
sistolik > 99 &&
|
||
diastolik < 80 &&
|
||
diastolik > 59
|
||
) {
|
||
console.log("kok?");
|
||
result = "NORMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 120 && sistolik <= 139) ||
|
||
(diastolik >= 80 && diastolik <= 89)
|
||
) {
|
||
result = "PREHIPERTENSI";
|
||
}
|
||
if (
|
||
(sistolik >= 140 && sistolik <= 159) ||
|
||
(diastolik >= 90 && diastolik <= 99)
|
||
) {
|
||
result = "HIPERTENSI STAGE 1";
|
||
}
|
||
if (sistolik >= 160 || diastolik >= 100) {
|
||
result = "HIPERTENSI STAGE 2";
|
||
}
|
||
}
|
||
if (standart === "JNC-VIII") {
|
||
if (sistolik < 120 && diastolik < 80) {
|
||
result = "NORMAL";
|
||
}
|
||
if (sistolik >= 120 && sistolik <= 129 && diastolik < 80) {
|
||
result = "ELEVATED";
|
||
}
|
||
if (
|
||
(sistolik >= 130 && sistolik <= 139) ||
|
||
(diastolik >= 80 && diastolik <= 89)
|
||
) {
|
||
result = "HIPERTENSI STAGE 1";
|
||
}
|
||
if (sistolik >= 140 || diastolik >= 90) {
|
||
result = "HIPERTENSI STAGE 2";
|
||
}
|
||
if (sistolik >= 180 || diastolik >= 120) {
|
||
result = "HYPERTENSIVE CRISIS";
|
||
}
|
||
}
|
||
if (standart === "ESC/ESH") {
|
||
if (sistolik < 120 && diastolik < 80) {
|
||
result = "OPTIMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 120 && sistolik <= 129) ||
|
||
(diastolik >= 80 && diastolik <= 84)
|
||
) {
|
||
result = "NORMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 130 && sistolik <= 139) ||
|
||
(diastolik >= 85 && diastolik <= 89)
|
||
) {
|
||
result = "HIGH NORMAL";
|
||
}
|
||
if (
|
||
(sistolik >= 140 && sistolik <= 159) ||
|
||
(diastolik >= 90 && diastolik <= 99)
|
||
) {
|
||
result = "GRADE 1 HYPERTENSION";
|
||
}
|
||
if (
|
||
(sistolik >= 160 && sistolik <= 179) ||
|
||
(diastolik >= 100 && diastolik <= 109)
|
||
) {
|
||
result = "GRADE 2 HYPERTENSION";
|
||
}
|
||
if (sistolik >= 180 || diastolik >= 110) {
|
||
result = "GRADE 3 HYPERTENSION";
|
||
}
|
||
if (sistolik >= 140 && diastolik < 90) {
|
||
result = "ISOLATED SYSTOLIC HYPERTENSION";
|
||
}
|
||
}
|
||
}
|
||
fisiks[idx_f].details[idx_tensi].value_x = result;
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
}
|
||
},
|
||
generate_rows(details) {
|
||
//console.log(details)
|
||
var riwayats = details;
|
||
var row_riwayats = [];
|
||
var rows = [];
|
||
riwayats.forEach(function (item, index) {
|
||
rows.push(item);
|
||
if (index % 2 !== 0 || index === riwayats.length - 1) {
|
||
row_riwayats.push(rows);
|
||
rows = [];
|
||
}
|
||
});
|
||
//console.log(row_riwayats)
|
||
return row_riwayats;
|
||
},
|
||
changeFlagNormal(idx) {
|
||
var riwayats = this.$store.state.sample.riwayats;
|
||
var old_val = riwayats[idx].flag_normal;
|
||
riwayats[idx].flag_normal = old_val === "Y" ? "N" : "Y";
|
||
if (riwayats[idx].flag_normal === "Y") {
|
||
riwayats[idx].details.forEach((item) => (item.chx = false));
|
||
riwayats[idx].details.forEach((item) => (item.value = ""));
|
||
}
|
||
this.$store.commit("sample/update_riwayats", riwayats);
|
||
},
|
||
toggleDetailRiwayat(idx) {
|
||
var riwayats = this.$store.state.sample.riwayats;
|
||
var old_val = riwayats[idx].show_all;
|
||
riwayats[idx].show_all = old_val === "Y" ? "N" : "Y";
|
||
this.$store.commit("sample/update_riwayats", riwayats);
|
||
},
|
||
toggleDetailFisik(idx) {
|
||
var fisiks = this.$store.state.sample.fisiks;
|
||
var old_val = fisiks[idx].show_all;
|
||
fisiks[idx].show_all = old_val === "Y" ? "N" : "Y";
|
||
this.$store.commit("sample/update_fisiks", fisiks);
|
||
},
|
||
toggleDetailK3(idx) {
|
||
var k3s = this.$store.state.sample.k3s;
|
||
var old_val = k3s[idx].show_all;
|
||
k3s[idx].show_all = old_val === "Y" ? "N" : "Y";
|
||
this.$store.commit("sample/update_k3s", k3s);
|
||
},
|
||
selectedLang(value) {
|
||
return { id: value.language_id, name: value.language_name };
|
||
},
|
||
selectedlangName(value) {
|
||
return value.language_name;
|
||
},
|
||
check_saved(test) {
|
||
var trx = this.$store.state.sample.selected_transaction;
|
||
if (
|
||
trx.details[0].template_name === "Fisik Umum" ||
|
||
trx.details[0].template_name === "Fisik Umum K3" ||
|
||
trx.details[0].template_name === "Fisik Umum Konsul"
|
||
) {
|
||
return true;
|
||
} else if (trx.details[0].template_name === "6MWT") {
|
||
return this.$store.state.sample.data_6mwt.id === "0" ? false : true;
|
||
} else {
|
||
var arrdetails = test.details;
|
||
var notempty = _.filter(arrdetails, function (o) {
|
||
return o.result_value_before !== "";
|
||
});
|
||
//console.log(notempty)
|
||
if (notempty.length === 0) return false;
|
||
else return true;
|
||
}
|
||
},
|
||
changeLang() {
|
||
this.dialoglang = false;
|
||
var trx = this.xnowtest;
|
||
var arr = this.$store.state.sample.selected_transaction;
|
||
var arrdetails = arr.details;
|
||
let idx = _.findIndex(arrdetails, function (o) {
|
||
return o.trx_id == trx.trx_id;
|
||
});
|
||
|
||
if (
|
||
arr.details[0].template_name === "Fisik Umum" ||
|
||
arr.details[0].template_name === "Fisik Umum K3" ||
|
||
arr.details[0].template_name === "UMUM_KONSUL"
|
||
) {
|
||
console.log(arr.details[0].template_name);
|
||
if (arr.details[0].template_name === "Fisik Umum")
|
||
this.$store.commit("sample/update_tabs_fisik", [
|
||
{ id: 1, name: "RIWAYAT" },
|
||
{ id: 2, name: "FISIK" },
|
||
]);
|
||
if (arr.details[0].template_name === "Fisik Umum K3")
|
||
this.$store.commit("sample/update_tabs_fisik", [
|
||
{ id: 1, name: "RIWAYAT" },
|
||
{ id: 2, name: "FISIK" },
|
||
{ id: 3, name: "PAJANAN" },
|
||
]);
|
||
if (arr.details[0].template_name === "UMUM_KONSUL")
|
||
this.$store.commit("sample/update_tabs_fisik", [
|
||
{ id: 1, name: "RIWAYAT" },
|
||
{ id: 2, name: "FISIK" },
|
||
{ id: 3, name: "KONSULTASI" },
|
||
]);
|
||
var prm = arr.details[0];
|
||
prm.act = arr.details[0].template_name;
|
||
|
||
var seltrx = arr;
|
||
seltrx.details[idx].language_id = this.$store.state.sample.sellang.id;
|
||
seltrx.details[
|
||
idx
|
||
].language_name = this.$store.state.sample.sellang.name;
|
||
this.$store.commit("update_selected_transaction", seltrx);
|
||
|
||
this.$store.dispatch("sample/getumum", prm);
|
||
// this.generateRiwayatRow()
|
||
} else {
|
||
this.$store.dispatch("sample/getrstbylang", {
|
||
selected_trx: arr,
|
||
trx: trx,
|
||
lang: this.$store.state.sample.sellang,
|
||
selected_trx: this.$store.state.sample.selected_transaction,
|
||
idx: idx,
|
||
detail: arrdetails[idx],
|
||
});
|
||
}
|
||
},
|
||
selectLang(trx, lang) {
|
||
var arr = this.$store.state.sample.selected_transaction;
|
||
var arrdetails = arr.details;
|
||
let idx = _.findIndex(arrdetails, function (o) {
|
||
return o.trx_id == trx.trx_id;
|
||
});
|
||
|
||
if (
|
||
arr.details[0].template_name === "Fisik Umum" ||
|
||
arr.details[0].template_name === "Fisik Umum K3" ||
|
||
arr.details[0].template_name === "UMUM_KONSUL"
|
||
) {
|
||
console.log(arr.details[0].template_name);
|
||
if (arr.details[0].template_name === "Fisik Umum")
|
||
this.$store.commit("sample/update_tabs_fisik", [
|
||
{ id: 1, name: "RIWAYAT" },
|
||
{ id: 2, name: "FISIK" },
|
||
]);
|
||
if (arr.details[0].template_name === "Fisik Umum K3")
|
||
this.$store.commit("sample/update_tabs_fisik", [
|
||
{ id: 1, name: "RIWAYAT" },
|
||
{ id: 2, name: "FISIK" },
|
||
{ id: 3, name: "PAJANAN" },
|
||
]);
|
||
if (arr.details[0].template_name === "UMUM_KONSUL")
|
||
this.$store.commit("sample/update_tabs_fisik", [
|
||
{ id: 1, name: "RIWAYAT" },
|
||
{ id: 2, name: "FISIK" },
|
||
{ id: 3, name: "KONSULTASI" },
|
||
]);
|
||
var prm = arr.details[0];
|
||
prm.act = arr.details[0].template_name;
|
||
|
||
var seltrx = arr;
|
||
seltrx.details[idx].language_id = lang.id;
|
||
seltrx.details[idx].language_name = lang.name;
|
||
this.$store.commit("update_selected_transaction", seltrx);
|
||
|
||
this.$store.dispatch("sample/getumum", prm);
|
||
// this.generateRiwayatRow()
|
||
} else {
|
||
this.$store.dispatch("sample/getrstbylang", {
|
||
selected_trx: arr,
|
||
trx: trx,
|
||
lang: lang,
|
||
selected_trx: this.$store.state.sample.selected_transaction,
|
||
idx: idx,
|
||
detail: arrdetails[idx],
|
||
});
|
||
}
|
||
},
|
||
changeResult() {
|
||
this.$store.commit("sample/update_no_save", 1);
|
||
},
|
||
changeFlagPrint(value, rst_idx, test_idx) {
|
||
var selected_patient = this.$store.state.sample.selected_transaction;
|
||
console.log(selected_patient);
|
||
selected_patient.details[test_idx].details[rst_idx].flag_print =
|
||
value === "Y" ? "N" : "Y";
|
||
//console.log(selected_patient[test_idx][rst_idx])
|
||
this.$store.dispatch("sample/save_flagprint", {
|
||
selected_trx: selected_patient,
|
||
row: selected_patient.details[test_idx].details[rst_idx],
|
||
});
|
||
},
|
||
saveResult(trx, act) {
|
||
var ar = this.$store.state.sample.transactions;
|
||
var arr = this.$store.state.sample.selected_transaction;
|
||
let idx = _.findIndex(ar, function (o) {
|
||
return o.re_id == arr.re_id;
|
||
});
|
||
var template = arr.details[0].template_name;
|
||
var error_msg = [];
|
||
//var riwayats = this.riwayats
|
||
if (
|
||
act != 'unval1' && (
|
||
template === "Fisik Umum" ||
|
||
template === "Fisik Umum K3" ||
|
||
template === "Fisik Umum Konsul"
|
||
)
|
||
) {
|
||
var go_action = true;
|
||
var riwayats = this.riwayats;
|
||
var fisiks = this.fisiks;
|
||
let k3s = this.k3s;
|
||
var idx_keluhan = _.findIndex(riwayats, function (o) {
|
||
return o.title == "KELUHAN SAAT INI";
|
||
});
|
||
riwayats.forEach(function (item, index) {
|
||
console.log(item.flag_normal);
|
||
if (item.flag_normal === "N") {
|
||
var count_y = _.filter(item.details, function (o) {
|
||
return o.chx;
|
||
}).length;
|
||
if (item.type_form === "XVS" || item.type_form === "XD") {
|
||
count_y = 0;
|
||
item.details.forEach(function (entry) {
|
||
count_y += _.filter(entry.details, function (o) {
|
||
return o.chx;
|
||
}).length;
|
||
});
|
||
}
|
||
|
||
if (_.has(riwayats[idx_keluhan], "version")) {
|
||
if (item.title === "RIWAYAT PENYAKIT KELUARGA") {
|
||
if (riwayats[idx_keluhan].version === 2) {
|
||
count_y = 0;
|
||
item.details.forEach(function (entry) {
|
||
count_y += _.filter(entry.options, function (o) {
|
||
return o.selected;
|
||
}).length;
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
console.log(item);
|
||
console.log(count_y);
|
||
if (count_y === 0) {
|
||
go_action = false;
|
||
var x_msg = "<span style='color:red'>" + item.title + "</span>";
|
||
|
||
error_msg.push(x_msg);
|
||
}
|
||
}
|
||
});
|
||
|
||
error_msg_fisik = [];
|
||
fisiks.forEach(function (item, index) {
|
||
if (item.title === "TANDA VITAL") {
|
||
item.details.forEach(function (entry) {
|
||
if (entry.id_code === "tanda_vital_5") {
|
||
if (entry.value_x === "") {
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.label_x + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
if (entry.value_y === "") {
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.label_y + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
} else if (entry.id_code === "tanda_vital_6") {
|
||
if (entry.chx_x && entry.value === "") {
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>Isi suhu jika demam</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
if (!entry.chx_x && !entry.chx_y) {
|
||
console.log("suhu b");
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.label + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
} else if (
|
||
entry.id_code === "tanda_vital_4" ||
|
||
entry.id_code === "tanda_vital_2"
|
||
) {
|
||
if (!entry.chx_x && !entry.chx_y) {
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.label + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
} else {
|
||
if (entry.value === "") {
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.label + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
}
|
||
|
||
//count_y += _.filter(entry.options, function(o) { return o.selected }).length
|
||
});
|
||
}
|
||
|
||
var arr_form2 = ["KEADAAN UMUM"];
|
||
if (arr_form2.includes(item.title)) {
|
||
var x_count = 0;
|
||
item.details.forEach(function (entry) {
|
||
if (!entry.chx_x && !entry.chx_y) {
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.label + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
});
|
||
}
|
||
|
||
if (item.title === "LAPANG PANDANG") {
|
||
if (!item.details[0].chx_x && !item.details[0].chx_y) {
|
||
go_action = false;
|
||
var x_msg = "<span style='color:red'>" + item.title + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
}
|
||
|
||
var arr_form3 = [
|
||
"KEPALA WAJAH",
|
||
"MATA",
|
||
"TELINGA",
|
||
"GIGI",
|
||
"LEHER",
|
||
"THORAX / DADA",
|
||
"PARU-PARU",
|
||
"GENITOURINARIA",
|
||
];
|
||
if (arr_form3.includes(item.title)) {
|
||
let count_x = _.filter(item.details, function (o) {
|
||
return o.chx;
|
||
}).length;
|
||
if (count_x === 0) {
|
||
go_action = false;
|
||
var x_msg = "<span style='color:red'>" + item.title + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
}
|
||
|
||
var arr_form4 = [
|
||
"MULUT",
|
||
"JANTUNG",
|
||
"ANGGOTA GERAK",
|
||
"SISTEM PERSYARAFAN",
|
||
"SISTEM INTEGUMEN",
|
||
];
|
||
if (arr_form4.includes(item.title)) {
|
||
item.details.forEach((entry) => {
|
||
let count_x = _.filter(entry.details, function (o) {
|
||
return o.chx;
|
||
}).length;
|
||
if (count_x === 0) {
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.name + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
});
|
||
}
|
||
|
||
var arr_form5 = ["SMELL TEST", "LOW BACK PAIN SCREENING TEST"];
|
||
if (arr_form5.includes(item.title)) {
|
||
if (item.is_inspected === "Y") {
|
||
item.details.forEach((entry) => {
|
||
let count_x = _.filter(entry.details, function (o) {
|
||
return o.chx;
|
||
}).length;
|
||
if (count_x === 0) {
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.name + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
if (item.title === "PERUT / ABDOMEN") {
|
||
item.details.forEach((entry) => {
|
||
if (entry.name !== "Hernia" && entry.name !== "Pengukuran") {
|
||
let count_x = _.filter(entry.details, function (o) {
|
||
return o.chx;
|
||
}).length;
|
||
if (count_x === 0) {
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.name + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
}
|
||
|
||
if (entry.name === "Hernia") {
|
||
if (!entry.details[0].chx && !entry.details[1].chx) {
|
||
console.log("dua hernia kiri");
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.name + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
|
||
let child_details = entry.details[1].details;
|
||
if (
|
||
entry.details[1].chx &&
|
||
!child_details[0].chx_value &&
|
||
!child_details[1].chx_a_value &&
|
||
!child_details[1].chx_b_value &&
|
||
!child_details[2].chx_a_value &&
|
||
!child_details[2].chx_b_value
|
||
) {
|
||
console.log("dua hernia kanan");
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + entry.name + "</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
}
|
||
|
||
if (entry.name === "Pengukuran") {
|
||
if (entry.details[0].value == "") {
|
||
console.log("tiga " + entry.details[0].label);
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" +
|
||
entry.details[0].label +
|
||
"</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
if (entry.details[1].value == "") {
|
||
console.log("tiga " + entry.details[1].label);
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" +
|
||
entry.details[1].label +
|
||
"</span>";
|
||
error_msg_fisik.push(x_msg);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
|
||
var error_msg_pajanan = [];
|
||
if (k3s.length > 0) {
|
||
k3s.forEach(function (item, index) {
|
||
if (item.is_notexist === "N") {
|
||
let count_x = _.filter(item.details, function (o) {
|
||
return o.chx;
|
||
}).length;
|
||
if (count_x === 0) {
|
||
go_action = false;
|
||
var x_msg =
|
||
"<span style='color:red'>" + item.title + "</span>";
|
||
error_msg_pajanan.push(x_msg);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
console.log("axx");
|
||
console.log(go_action);
|
||
if (go_action) {
|
||
this.$store.commit("sample/update_last_id", arr.re_id);
|
||
this.$store.dispatch("sample/savefisik", {
|
||
template: template,
|
||
startdate: this.$store.state.sample.start_date,
|
||
enddate: this.$store.state.sample.end_date,
|
||
search: this.$store.state.sample.name_lab,
|
||
stationid: this.$store.state.sample.selected_station.id,
|
||
groupid: this.$store.state.sample.select_item_group.id,
|
||
subgroupid: this.$store.state.sample.select_item_subgroup.id,
|
||
lastid: arr.re_id,
|
||
trx: trx,
|
||
trx_numbering: arr.ordernumber,
|
||
riwayats: riwayats,
|
||
fisiks: this.fisiks,
|
||
umum_saran: this.umum_saran,
|
||
konsul: this.konsul,
|
||
k3s: this.k3s,
|
||
act: template,
|
||
action: act,
|
||
});
|
||
} else {
|
||
console.log("in error new");
|
||
console.log(error_msg);
|
||
var msg = "";
|
||
if (error_msg.length > 0) {
|
||
msg +=
|
||
"<p class='font-weigth-bold'>Mohon dicek ulang form riwayat berikut : </p>";
|
||
msg += error_msg.join(", ");
|
||
}
|
||
|
||
if (error_msg_fisik.length > 0) {
|
||
msg +=
|
||
"<p class='mt-3 font-weigth-bold'>Mohon dicek ulang form fisik berikut : </p>";
|
||
msg += error_msg_fisik.join(", ");
|
||
}
|
||
|
||
if (error_msg_pajanan.length > 0) {
|
||
msg +=
|
||
"<p class='mt-3 font-weigth-bold'>Mohon dicek ulang form pajanan berikut : </p>";
|
||
msg += error_msg_pajanan.join(", ");
|
||
}
|
||
|
||
this.msg_alert_info = msg;
|
||
this.dialog_alert_info = true;
|
||
}
|
||
} else if (template === "6MWT") {
|
||
this.$store.dispatch("sample/save6mwt", {
|
||
template: template,
|
||
startdate: this.$store.state.sample.start_date,
|
||
enddate: this.$store.state.sample.end_date,
|
||
search: this.$store.state.sample.name_lab,
|
||
stationid: this.$store.state.sample.selected_station.id,
|
||
groupid: this.$store.state.sample.select_item_group.id,
|
||
subgroupid: this.$store.state.sample.select_item_subgroup.id,
|
||
lastid: arr.re_id,
|
||
trx: trx,
|
||
trx_numbering: arr.ordernumber,
|
||
data_6mwt: this.$store.state.sample.data_6mwt,
|
||
vomax: this.textvomax,
|
||
category: this.categoryvomax,
|
||
act: template,
|
||
action: act,
|
||
});
|
||
} else if (template === "SDS") {
|
||
this.interpretationSds();
|
||
this.interpretationSrq();
|
||
if (
|
||
this.data_sds.identitas.jenis_kelamin.trim() === "" ||
|
||
this.data_sds.identitas.status_pekerja.trim() === "" ||
|
||
this.data_sds.identitas.jenis_pekerjaan.trim() === "" ||
|
||
this.data_sds.identitas.level_jabatan.trim() === "" ||
|
||
this.data_sds.identitas.status_perkawinan.trim() === "" ||
|
||
this.data_sds.identitas.pendidikan.trim() === ""
|
||
) {
|
||
var msg = "Isi identitas bertanda *";
|
||
this.$store.commit("sample/update_msg_info", msg);
|
||
this.$store.commit("sample/update_open_dialog_info", true);
|
||
return;
|
||
}
|
||
|
||
let prm = {
|
||
template: template,
|
||
startdate: this.$store.state.sample.start_date,
|
||
enddate: this.$store.state.sample.end_date,
|
||
search: this.$store.state.sample.name_lab,
|
||
stationid: this.$store.state.sample.selected_station.id,
|
||
groupid: this.$store.state.sample.select_item_group.id,
|
||
subgroupid: this.$store.state.sample.select_item_subgroup.id,
|
||
lastid: arr.re_id,
|
||
trx: trx,
|
||
trx_numbering: arr.ordernumber,
|
||
data_sds: this.$store.state.sample.data_sds,
|
||
vomax: this.textvomax,
|
||
category: this.categoryvomax,
|
||
act: template,
|
||
action: act,
|
||
};
|
||
this.$store.dispatch("sample/savesds", prm);
|
||
} else {
|
||
this.$store.dispatch("sample/saveresult", {
|
||
startdate: this.$store.state.sample.start_date,
|
||
enddate: this.$store.state.sample.end_date,
|
||
search: this.$store.state.sample.name_lab,
|
||
stationid: this.$store.state.sample.selected_station.id,
|
||
groupid: this.$store.state.sample.select_item_group.id,
|
||
subgroupid: this.$store.state.sample.select_item_subgroup.id,
|
||
lastid: arr.re_id,
|
||
trx: trx,
|
||
trx_numbering: arr.ordernumber,
|
||
act: act,
|
||
});
|
||
}
|
||
},
|
||
val1(trx, act) {
|
||
//console.log(act)
|
||
if (parseInt(trx.doctor_id) === 0) {
|
||
var msg =
|
||
"Orang sakit diperiksa dokter, kalau kosong tiada yang periksa";
|
||
this.$store.commit("sample/update_msg_info", msg);
|
||
this.$store.commit("sample/update_open_dialog_info", true);
|
||
} else {
|
||
this.$store.commit("sample/update_act", act);
|
||
this.$store.commit("sample/update_last_trx", trx);
|
||
var arr = this.$store.state.sample.selected_transaction;
|
||
var msg =
|
||
"Anda yakin akan melakukan verifikasi untuk pemeriksaan " +
|
||
trx.test_name +
|
||
" dari pasien " +
|
||
arr.patient_fullname +
|
||
" ?";
|
||
this.$store.commit("sample/update_msg_action", msg);
|
||
this.$store.commit("sample/update_dialog_action", true);
|
||
}
|
||
},
|
||
unval1(trx, act) {
|
||
console.log(act);
|
||
this.$store.commit("sample/update_act", act);
|
||
this.$store.commit("sample/update_last_trx", trx);
|
||
var arr = this.$store.state.sample.selected_transaction;
|
||
var msg =
|
||
"Anda yakin akan membatalkan verifikasi untuk pemeriksaan " +
|
||
trx.test_name +
|
||
" dari pasien " +
|
||
arr.patient_fullname +
|
||
" ?";
|
||
this.$store.commit("sample/update_msg_action", msg);
|
||
this.$store.commit("sample/update_dialog_action", true);
|
||
},
|
||
val2(trx, act) {
|
||
console.log(act);
|
||
this.$store.commit("sample/update_act", act);
|
||
this.$store.commit("sample/update_last_trx", trx);
|
||
var arr = this.$store.state.sample.selected_transaction;
|
||
var msg =
|
||
"Anda yakin akan melakukan validasi untuk pemeriksaan " +
|
||
trx.test_name +
|
||
" dari pasien " +
|
||
arr.patient_fullname +
|
||
" ?";
|
||
this.$store.commit("sample/update_msg_action", msg);
|
||
this.$store.commit("sample/update_dialog_action", true);
|
||
},
|
||
unval2(trx, act) {
|
||
console.log(act);
|
||
this.$store.commit("sample/update_act", act);
|
||
this.$store.commit("sample/update_last_trx", trx);
|
||
var arr = this.$store.state.sample.selected_transaction;
|
||
var msg =
|
||
"Anda yakin akan membatalkan validasi untuk pemeriksaan " +
|
||
trx.test_name +
|
||
" dari pasien " +
|
||
arr.patient_fullname +
|
||
" ?";
|
||
this.$store.commit("sample/update_msg_action", msg);
|
||
this.$store.commit("sample/update_dialog_action", true);
|
||
},
|
||
lama_print(trx, act) {
|
||
console.log(act);
|
||
this.$store.commit("sample/update_act", act);
|
||
this.$store.commit("sample/update_last_trx", trx);
|
||
this.printwidth = 1028;
|
||
this.printtitle = "";
|
||
let idx = trx.trx_id;
|
||
let user = one_user();
|
||
var d = new Date();
|
||
var n = d.getTime();
|
||
var rptname = "rpt_hasil_so";
|
||
if (trx.language_name === "EN") rptname = "rpt_hasil_so_eng";
|
||
|
||
this.urlprint =
|
||
"/birt/run?__report=report/one/lab/" +
|
||
rptname +
|
||
".rptdesign&__format=pdf&username=" +
|
||
user.M_StaffName +
|
||
"&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&tm=" +
|
||
n;
|
||
|
||
this.openprint = true;
|
||
},
|
||
async doPrintAfterLang() {
|
||
this.dialogprintlang = false;
|
||
var trx = this.$store.state.sample.selected_test;
|
||
var trx_selected = this.$store.state.sample.selected_transaction;
|
||
console.log(trx);
|
||
var idx_true = _.findIndex(
|
||
this.dialoglangs,
|
||
(item) => item.chex === "Y"
|
||
);
|
||
this.xselectedlang = { id: 1, name: "Bahasa Indonesia" };
|
||
this.printwidth = 1028;
|
||
this.printtitle = "";
|
||
let idx = trx.re_id;
|
||
let user = one_user();
|
||
var d = new Date();
|
||
var n = d.getTime();
|
||
var rptname = "";
|
||
var folder = "lab";
|
||
var rptname = "rpt_hasil_so_layanan";
|
||
if (this.xselectedlang.id == 2) {
|
||
rptname = "rpt_hasil_so_layanan_eng";
|
||
}
|
||
var rptname_email = "rpt_hasil_so_layanan_email";
|
||
if (trx.test_name.toUpperCase() === "MANTHOUX TEST")
|
||
rptname = "rpt_hasil_so_manthoux";
|
||
|
||
if (this.xselectedlang.id == 2) {
|
||
rptname = "rpt_hasil_so_layanan_eng";
|
||
if (trx.test_name.toUpperCase() === "MANTHOUX TEST")
|
||
rptname = "rpt_hasil_so_manthoux_eng";
|
||
}
|
||
|
||
rptname_email = rptname + "_email";
|
||
|
||
var xurl = "";
|
||
var xurl_email = "";
|
||
var template = trx_selected.details[0].template_name;
|
||
this.urlprint = "";
|
||
if (template === "Fisik Umum" || template === "Fisik Umum K3") {
|
||
folder = "mcu";
|
||
var typemcu = "riwayat";
|
||
var rpt_emails = [];
|
||
var riwayats = this.riwayats;
|
||
var idx_keluhan = _.findIndex(riwayats, function (o) {
|
||
return o.title == "KELUHAN SAAT INI";
|
||
});
|
||
|
||
if (this.tab === 1 && this.xselectedlang.id !== 2) {
|
||
rptname = "mcu_riwayat";
|
||
typemcu = "riwayat";
|
||
if (_.has(riwayats[idx_keluhan], "version")) {
|
||
if (riwayats[idx_keluhan].version === 2) {
|
||
rptname = "mcu_riwayat";
|
||
}
|
||
}
|
||
//rpt_emails.push({rptname:rptname+"_email",typemcu:typemcu})
|
||
}
|
||
if (this.tab === 1 && this.xselectedlang.id == 2) {
|
||
rptname = "mcu_riwayat_eng";
|
||
typemcu = "riwayat";
|
||
//rpt_emails.push({rptname:rptname+"_email",typemcu:typemcu})
|
||
if (_.has(riwayats[idx_keluhan], "version")) {
|
||
if (riwayats[idx_keluhan].version === 2) {
|
||
rptname = "mcu_riwayat_eng_v2";
|
||
}
|
||
}
|
||
}
|
||
if (this.tab == 2 && this.xselectedlang.id !== 2) {
|
||
rptname = "mcu_fisik";
|
||
typemcu = "fisik";
|
||
// rpt_emails.push({rptname:rptname+"_email",typemcu:typemcu})
|
||
if (_.has(riwayats[idx_keluhan], "version")) {
|
||
if (riwayats[idx_keluhan].version === 2) {
|
||
rptname = "mcu_fisik";
|
||
}
|
||
}
|
||
}
|
||
if (this.tab == 2 && this.xselectedlang.id == 2) {
|
||
rptname = "mcu_fisik_eng";
|
||
typemcu = "fisik";
|
||
// rpt_emails.push({rptname:rptname,typemcu:typemcu})
|
||
if (_.has(riwayats[idx_keluhan], "version")) {
|
||
if (riwayats[idx_keluhan].version === 2) {
|
||
rptname = "mcu_fisik_eng_v2";
|
||
}
|
||
}
|
||
}
|
||
if (this.tab == 3 && this.xselectedlang.id !== 2) {
|
||
rptname = "mcu_pajanan";
|
||
typemcu = "k3";
|
||
/*if(_.has(riwayats[idx_keluhan], 'version')){
|
||
if(riwayats[idx_keluhan].version === 2){
|
||
rptname = "mcu_pajanan_v2"
|
||
}
|
||
}*/
|
||
}
|
||
if (this.tab == 3 && this.xselectedlang.id == 2) {
|
||
rptname = "mcu_pajanan_eng";
|
||
typemcu = "k3";
|
||
/*if(_.has(riwayats[idx_keluhan], 'version')){
|
||
if(riwayats[idx_keluhan].version === 2){
|
||
rptname = "mcu_pajanan_eng_v2"
|
||
}
|
||
}*/
|
||
}
|
||
//console.log(rptname);
|
||
rptname_email = rptname + "_email";
|
||
|
||
xurl =
|
||
"/birt/run?__report=report/one/mcu/" +
|
||
rptname +
|
||
".rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=" +
|
||
typemcu +
|
||
"&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
if (template === "Fisik Umum" || "UMUM_KONSUL") {
|
||
xurl_email =
|
||
"/birt/run?__report=report/one/mcu/mcu_riwayat_email.rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=riwayat&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
xurl_email += "|^|";
|
||
xurl_email +=
|
||
"/birt/run?__report=report/one/mcu/mcu_fisik_email.rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=fisik&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
if (_.has(riwayats[idx_keluhan], "version")) {
|
||
if (riwayats[idx_keluhan].version === 2) {
|
||
xurl_email =
|
||
"/birt/run?__report=report/one/mcu/mcu_riwayat_v2_email.rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=riwayat&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
xurl_email += "|^|";
|
||
xurl_email +=
|
||
"/birt/run?__report=report/one/mcu/mcu_fisik_v2_email.rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=fisik&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
}
|
||
}
|
||
}
|
||
|
||
if (template === "Fisik Umum K3") {
|
||
xurl_email =
|
||
"/birt/run?__report=report/one/mcu/mcu_riwayat_email.rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=riwayat&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
xurl_email += "|^|";
|
||
xurl_email +=
|
||
"/birt/run?__report=report/one/mcu/mcu_fisik_email.rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=fisik&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
xurl_email += "|^|";
|
||
xurl_email +=
|
||
"/birt/run?__report=report/one/mcu/mcu_pajanan_email.rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=pajanan&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
if (_.has(riwayats[idx_keluhan], "version")) {
|
||
if (riwayats[idx_keluhan].version === 2) {
|
||
xurl_email =
|
||
"/birt/run?__report=report/one/mcu/mcu_riwayat_v2_email.rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=riwayat&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
xurl_email += "|^|";
|
||
xurl_email +=
|
||
"/birt/run?__report=report/one/mcu/mcu_fisik_v2_email.rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=fisik&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
xurl_email += "|^|";
|
||
xurl_email +=
|
||
"/birt/run?__report=report/one/mcu/mcu_pajanan_email.rptdesign&__format=pdf&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&PType=pajanan&username=" +
|
||
user.M_StaffName +
|
||
"&tm=" +
|
||
n;
|
||
}
|
||
}
|
||
}
|
||
} else if (template === "6MWT") {
|
||
rptname = "rpt_hasil_so_smwt";
|
||
rptname_email = rptname + "_email";
|
||
|
||
xurl =
|
||
"/birt/run?__report=report/one/" +
|
||
folder +
|
||
"/" +
|
||
rptname +
|
||
".rptdesign&__format=pdf&username=" +
|
||
user.M_StaffName +
|
||
"&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&tm=" +
|
||
n;
|
||
xurl_email =
|
||
"/birt/run?__report=report/one/" +
|
||
folder +
|
||
"/" +
|
||
rptname_email +
|
||
".rptdesign&__format=pdf&username=" +
|
||
user.M_StaffName +
|
||
"&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&tm=" +
|
||
n;
|
||
} else if (template === "SDS") {
|
||
let sds_type = this.type_sds_form;
|
||
let rpt_type = sds_type === "SDS30" ? "30" : "20";
|
||
|
||
rptname = "rpt_hasil_so_sds";
|
||
rptname_email = rptname + "_email";
|
||
|
||
xurl =
|
||
"/birt/run?__report=report/one/" +
|
||
folder +
|
||
"/" +
|
||
rptname +
|
||
".rptdesign&__format=pdf&username=" +
|
||
user.M_StaffName +
|
||
"&PID=" +
|
||
idx +
|
||
"&PType=" +
|
||
rpt_type +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&tm=" +
|
||
n;
|
||
xurl_email =
|
||
"/birt/run?__report=report/one/" +
|
||
folder +
|
||
"/" +
|
||
rptname_email +
|
||
".rptdesign&__format=pdf&username=" +
|
||
user.M_StaffName +
|
||
"&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&tm=" +
|
||
n;
|
||
} else {
|
||
xurl =
|
||
"/birt/run?__report=report/one/" +
|
||
folder +
|
||
"/" +
|
||
rptname +
|
||
".rptdesign&__format=pdf&username=" +
|
||
user.M_StaffName +
|
||
"&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&tm=" +
|
||
n;
|
||
|
||
xurl_email =
|
||
"/birt/run?__report=report/one/" +
|
||
folder +
|
||
"/" +
|
||
rptname_email +
|
||
".rptdesign&__format=pdf&username=" +
|
||
user.M_StaffName +
|
||
"&PID=" +
|
||
idx +
|
||
"&PLang=" +
|
||
trx.language_id +
|
||
"&tm=" +
|
||
n;
|
||
}
|
||
console.log("ini mulai url email");
|
||
console.log(template);
|
||
console.log(xurl_email);
|
||
this.urlprint = xurl;
|
||
let prm_email = {
|
||
orderID: trx.orderid,
|
||
type: trx.group_name,
|
||
url: xurl_email,
|
||
re_id: trx.re_id,
|
||
format: "",
|
||
};
|
||
//await this.$store.dispatch("email/save",prm_email)
|
||
console.log(xurl);
|
||
this.openprint = true;
|
||
var seltrx = this.$store.state.sample.selected_transaction;
|
||
var deliveries = seltrx.deliveries;
|
||
var e_del = _.filter(deliveries, function (o) {
|
||
return (
|
||
o.code === "EMAIL" || o.code === "WHATSAPP" || o.code === "TELEGRAM"
|
||
);
|
||
});
|
||
console.log(e_del);
|
||
if (e_del.length > 0) {
|
||
this.$store.dispatch("email/save", prm_email);
|
||
}
|
||
},
|
||
print1tahun() {
|
||
var trx = this.$store.state.sample.selected_test;
|
||
var trx_selected = this.$store.state.sample.selected_transaction
|
||
.details[0];
|
||
console.log(trx);
|
||
var idx_true = _.findIndex(
|
||
this.dialoglangs,
|
||
(item) => item.chex === "Y"
|
||
);
|
||
this.xselectedlang = { id: 1, name: "Bahasa Indonesia" };
|
||
this.printwidth = 1028;
|
||
this.printtitle = "";
|
||
let idx = trx_selected.re_id;
|
||
let user = one_user();
|
||
var xdate = Date.now();
|
||
// var xurl = "/birt/run?__report=report/one/mcu/mcu_fisik_history.rptdesign&__format=pdf&PID=545&PLang=1&PType=fisik&username=PETUGAS%20SAMPLE%20LAB&tm=1721356633262
|
||
let xurl =
|
||
"/birt/run?__report=report/one/mcu/mcu_fisik_history_v2.rptdesign&__format=pdf&username=" +
|
||
user.M_StaffName +
|
||
"&PType=fisik&PID=" +
|
||
idx +
|
||
"&PLang=1&tm=" +
|
||
xdate;
|
||
this.urlprint = xurl;
|
||
this.openprint = true;
|
||
},
|
||
print2tahun() {
|
||
var trx = this.$store.state.sample.selected_test;
|
||
var trx_selected = this.$store.state.sample.selected_transaction
|
||
.details[0];
|
||
console.log(trx);
|
||
var idx_true = _.findIndex(
|
||
this.dialoglangs,
|
||
(item) => item.chex === "Y"
|
||
);
|
||
this.xselectedlang = { id: 1, name: "Bahasa Indonesia" };
|
||
this.printwidth = 1028;
|
||
this.printtitle = "";
|
||
let idx = trx_selected.re_id;
|
||
let user = one_user();
|
||
var xdate = Date.now();
|
||
// var xurl = "/birt/run?__report=report/one/mcu/mcu_fisik_history.rptdesign&__format=pdf&PID=545&PLang=1&PType=fisik&username=PETUGAS%20SAMPLE%20LAB&tm=1721356633262
|
||
let xurl =
|
||
"/birt/run?__report=report/one/mcu/mcu_fisik_history.rptdesign&__format=pdf&username=" +
|
||
user.M_StaffName +
|
||
"&PType=fisik&PID=" +
|
||
idx +
|
||
"&PLang=1&tm=" +
|
||
xdate;
|
||
this.urlprint = xurl;
|
||
this.openprint = true;
|
||
},
|
||
print(trx, act, template_xname) {
|
||
this.template_xname = template_xname;
|
||
// console.log(trx)
|
||
//this.dialogprintlang = true
|
||
var nowlang = trx.langs;
|
||
console.log(trx);
|
||
//_.forEach(nowlang, function(num) { num.chex = 'N' })
|
||
//var lang_idx = _.findIndex(nowlang, function(o) { return o.id == trx.language_id })
|
||
//nowlang[lang_idx].chex = 'Y'
|
||
//this.$store.commit("sample/update_item_langs",nowlang )
|
||
//this.xselectedlang = trx.langs[0]
|
||
this.$store.commit("sample/update_selected_test", trx);
|
||
this.$store.commit("sample/update_act", act);
|
||
this.$store.commit("sample/update_last_trx", trx);
|
||
this.doPrintAfterLang();
|
||
},
|
||
closePrint() {
|
||
this.openprint = false;
|
||
var prm = this.$store.state.sample.last_trx;
|
||
this.$store.dispatch("sample/printcount", prm);
|
||
},
|
||
savedoctor() {
|
||
var prm = {};
|
||
prm.selected_detail = this.$store.state.sample.selected_detail;
|
||
prm.selected_doctor = this.selected_doctor;
|
||
this.$store.dispatch("sample/savedoctor", prm);
|
||
},
|
||
closeDialogAction() {
|
||
var trx = this.$store.state.sample.last_trx;
|
||
var act = this.$store.state.sample.act;
|
||
this.saveResult(trx, act);
|
||
},
|
||
opendialogdoctor(test) {
|
||
this.$store.commit("sample/update_selected_detail", test);
|
||
this.$store.commit("sample/update_doctors", []);
|
||
this.selected_doctor = {};
|
||
if (test.doctor_id !== 0 || test.doctor_id !== "0") {
|
||
this.selected_doctor = {
|
||
id: test.doctor_id,
|
||
name: test.doctor_fullname,
|
||
};
|
||
this.$store.commit("sample/update_doctors", [
|
||
{ id: test.doctor_id, name: test.doctor_fullname },
|
||
]);
|
||
}
|
||
this.xdialogdoctor = true;
|
||
},
|
||
openImage(value) {
|
||
this.$store.commit("sample/update_selected_photo", value);
|
||
this.$store.commit("sample/update_image", value.newname);
|
||
this.$store.commit("sample/update_dialog_image", true);
|
||
},
|
||
pasteTemplate(rst, idx) {
|
||
this.idx_test = idx;
|
||
var seltrx = this.$store.state.sample.selected_transaction;
|
||
var datax = seltrx.details[idx];
|
||
if (datax.status === "NEW") {
|
||
var prm = {
|
||
idx: idx,
|
||
template_id: datax.template_id,
|
||
doctor_id: datax.doctor_id,
|
||
language_id: datax.language_id,
|
||
test_id: datax.test_id,
|
||
};
|
||
this.$store.dispatch("sample/gettemplate", prm);
|
||
}
|
||
},
|
||
doPasteTemplate() {
|
||
var seltrx = this.$store.state.sample.selected_transaction;
|
||
//console.log(seltrx)
|
||
var temp_val = this.$store.state.sample.selected_template.details;
|
||
var test_idx = this.idx_test;
|
||
|
||
seltrx.details[test_idx].details.forEach(function (temp, index) {
|
||
var template_detail_id =
|
||
seltrx.details[test_idx].details[index].template_detail_id;
|
||
var value_now = seltrx.details[test_idx].details[index].result_value;
|
||
var filter_temp = _.filter(temp_val, function (o) {
|
||
return o.template_detail_id === template_detail_id;
|
||
});
|
||
//console.log(filter_temp)
|
||
if (filter_temp.length > 0 && (!value_now || value_now === "")) {
|
||
seltrx.details[test_idx].details[index].result_value =
|
||
filter_temp[0].value;
|
||
}
|
||
});
|
||
|
||
this.$store.commit("update_selected_transaction", seltrx);
|
||
this.dialogtemplates = false;
|
||
},
|
||
thr_search_doctor: _.debounce(function () {
|
||
this.$store.dispatch("sample/searchdoctor", this.search_doctor);
|
||
}, 2000),
|
||
updateFieldValue(sectionIndex, segmentIndex, field, value) {
|
||
// Debounce the actual update to reduce reactivity overhead
|
||
if (this.updateTimeout) {
|
||
clearTimeout(this.updateTimeout);
|
||
}
|
||
|
||
this.updateTimeout = setTimeout(() => {
|
||
field.value = value;
|
||
}, 100);
|
||
},
|
||
debouncedUpdate(value, sectionIndex, segmentIndex, field) {
|
||
// Completely bypass Vue's reactivity for immediate input
|
||
// Store a direct reference to the DOM input value
|
||
const inputEl = event.target;
|
||
if (inputEl) {
|
||
inputEl._pendingValue = value;
|
||
}
|
||
|
||
// Clear any existing timeout
|
||
if (this._updateTimeout) {
|
||
clearTimeout(this._updateTimeout);
|
||
}
|
||
|
||
// Set a new timeout with a longer delay
|
||
this._updateTimeout = setTimeout(() => {
|
||
// Only update the actual data model after typing has stopped
|
||
// This prevents Vue from recalculating during typing
|
||
|
||
// Use direct property assignment to avoid Vue's reactivity system
|
||
field.value = value;
|
||
|
||
// Only commit to store after a significant pause (500ms)
|
||
if (this._storeUpdateTimeout) {
|
||
clearTimeout(this._storeUpdateTimeout);
|
||
}
|
||
|
||
this._storeUpdateTimeout = setTimeout(() => {
|
||
// Batch update to store
|
||
this.$store.commit("sample/update_fisiks", this.fisiks);
|
||
}, 1000);
|
||
}, 500);
|
||
},
|
||
// Add this method to optimize rendering
|
||
optimizedRender() {
|
||
// Freeze large data structures that don't need reactivity
|
||
if (this.fisiks && !this.fisiks._frozen) {
|
||
// Create a shallow reactive copy
|
||
const frozenFisiks = this.fisiks.map(fisik => {
|
||
// Keep only the properties needed for rendering
|
||
return {
|
||
...fisik,
|
||
// Freeze nested arrays that don't need reactivity
|
||
_details: Object.freeze([...fisik.details])
|
||
};
|
||
});
|
||
|
||
// Mark as frozen to avoid re-freezing
|
||
frozenFisiks._frozen = true;
|
||
|
||
// Replace the reactive array with the optimized one
|
||
this.fisiks = frozenFisiks;
|
||
}
|
||
},
|
||
handleInput(event, field) {
|
||
// Get the input element directly
|
||
const input = event.target;
|
||
const value = input.value;
|
||
|
||
// Store the value directly on the DOM element to avoid Vue reactivity
|
||
input._rawValue = value;
|
||
|
||
// Cancel any pending updates
|
||
if (input._updateTimeout) {
|
||
clearTimeout(input._updateTimeout);
|
||
}
|
||
|
||
// Schedule an update after user stops typing
|
||
input._updateTimeout = setTimeout(() => {
|
||
// Only now update the actual data model
|
||
// This happens outside of the typing flow
|
||
field.value = value;
|
||
|
||
// Manually trigger a store update, but only occasionally
|
||
if (!this._globalUpdateTimeout) {
|
||
this._globalUpdateTimeout = setTimeout(() => {
|
||
this.$store.commit("sample/update_fisiks", this.fisiks);
|
||
this._globalUpdateTimeout = null;
|
||
}, 2000); // Very long delay for store updates
|
||
}
|
||
}, 1000); // Long delay for model updates
|
||
|
||
// Prevent Vue from processing this input event further
|
||
event.stopPropagation();
|
||
return false;
|
||
},
|
||
handleOptimizedInput(event, field) {
|
||
// Safety check
|
||
if (!field) return;
|
||
|
||
// Get the current value
|
||
const value = event.target.value;
|
||
|
||
// Use a local variable to track if we need to update
|
||
if (!this._inputValues) {
|
||
this._inputValues = new Map();
|
||
}
|
||
|
||
// Generate a unique key for this field
|
||
const fieldKey = (field.id || field.id_code || JSON.stringify(field));
|
||
|
||
// Store the current value
|
||
this._inputValues.set(fieldKey, value);
|
||
|
||
// Clear any existing timeout for this field
|
||
if (this._fieldTimeouts && this._fieldTimeouts.has(fieldKey)) {
|
||
clearTimeout(this._fieldTimeouts.get(fieldKey));
|
||
}
|
||
|
||
// Initialize timeout tracking if needed
|
||
if (!this._fieldTimeouts) {
|
||
this._fieldTimeouts = new Map();
|
||
}
|
||
|
||
// Set a timeout to update the field value
|
||
const timeout = setTimeout(() => {
|
||
// Safety check again before updating
|
||
if (field && this._inputValues.has(fieldKey)) {
|
||
// Update the field value
|
||
field.value = this._inputValues.get(fieldKey);
|
||
|
||
// Remove the timeout reference
|
||
this._fieldTimeouts.delete(fieldKey);
|
||
|
||
// Schedule a store update if needed
|
||
this.scheduleStoreUpdate();
|
||
}
|
||
}, 300);
|
||
|
||
// Store the timeout reference
|
||
this._fieldTimeouts.set(fieldKey, timeout);
|
||
},
|
||
|
||
// Schedule a store update
|
||
scheduleStoreUpdate() {
|
||
// Clear any existing timeout
|
||
if (this._storeUpdateTimeout) {
|
||
clearTimeout(this._storeUpdateTimeout);
|
||
}
|
||
|
||
// Set a new timeout
|
||
this._storeUpdateTimeout = setTimeout(() => {
|
||
// Safety check before updating store
|
||
if (this.fisiks) {
|
||
// Update the store
|
||
this.$store.commit("sample/update_fisiks", this.fisiks);
|
||
}
|
||
|
||
// Clear the timeout reference
|
||
this._storeUpdateTimeout = null;
|
||
}, 1000);
|
||
},
|
||
},
|
||
watch: {
|
||
search_doctor(val, old) {
|
||
if (val == old) return;
|
||
if (!val) return;
|
||
if (val.length < 1) return;
|
||
//if (this.$store.state.sample.update_autocomplete_status == 1 ) return
|
||
this.thr_search_doctor();
|
||
},
|
||
},
|
||
};
|
||
</script>
|