3196 lines
154 KiB
Vue
3196 lines
154 KiB
Vue
<template>
|
|
<v-layout>
|
|
<v-flex xs12>
|
|
<v-card class="mb-2" color="white">
|
|
<v-toolbar color="blue lighten-3" dark height="50px">
|
|
<v-toolbar-title>FISIK TEMPLATE DETAIL</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-layout row style="background: white">
|
|
<v-flex pa-1 xs6>
|
|
<v-text-field
|
|
class="mini-input xs4 ma-1"
|
|
label="Kode atau nama"
|
|
placeholder="Cari..."
|
|
outline
|
|
v-model="xname"
|
|
@keyup.enter="searchFisikDetail()"
|
|
></v-text-field>
|
|
</v-flex>
|
|
<v-flex pa-1 xs6>
|
|
<v-autocomplete
|
|
label="Status"
|
|
v-model="selected_filter_flag"
|
|
:items="f_statuss"
|
|
style="font-size:12px;"
|
|
class="mini-input xs4 ma-1"
|
|
outline
|
|
return-object
|
|
></v-autocomplete>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-divider></v-divider>
|
|
<v-layout
|
|
row
|
|
wrap
|
|
class="scroll-container"
|
|
style="max-height: 600px; overflow: auto"
|
|
>
|
|
<v-flex xs12 pl-2 pr-2 pt-2 pb-2>
|
|
<v-data-table
|
|
:headers="headers"
|
|
:items="xfisikdetails"
|
|
:loading="isLoading"
|
|
hide-actions
|
|
class="elevation-1"
|
|
>
|
|
<template slot="items" slot-scope="props">
|
|
<td
|
|
class="text-xs-left pa-2"
|
|
v-on:dblclick="getDetailTemplate(props.item)"
|
|
@click="selectMe(props.item)"
|
|
v-html="props.item.FisikTemplateType"
|
|
></td>
|
|
<td
|
|
class="text-xs-left pa-2"
|
|
v-on:dblclick="getDetailTemplate(props.item)"
|
|
@click="selectMe(props.item)"
|
|
v-html="props.item.FisikTemplateCode"
|
|
></td>
|
|
<td
|
|
class="text-xs-left pa-2"
|
|
v-on:dblclick="getDetailTemplate(props.item)"
|
|
@click="selectMe(props.item)"
|
|
v-html="props.item.FisikTemplateTitle"
|
|
></td>
|
|
<td class="text-xs-left pa-2" @click="selectMe(props.item)">
|
|
<div>
|
|
<v-btn
|
|
@click="changeBtnFlag(props.item,'Y')"
|
|
v-if="props.item.status === 'N'"
|
|
small
|
|
color="error"
|
|
>
|
|
<v-icon left>close</v-icon> Belum dipilih</v-btn
|
|
>
|
|
<v-btn
|
|
@click="changeBtnFlag(props.item,'N')"
|
|
v-if="props.item.status === 'Y'"
|
|
small
|
|
color="success"
|
|
>
|
|
<v-icon left>check</v-icon> Sudah terpilih</v-btn
|
|
>
|
|
</div>
|
|
</td>
|
|
</template>
|
|
</v-data-table>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-divider></v-divider>
|
|
<v-pagination
|
|
style="margin-top: 10px; margin-bottom: 10px"
|
|
v-model="curr_page"
|
|
:length="xtotal_page"
|
|
></v-pagination>
|
|
</v-card>
|
|
</v-flex>
|
|
|
|
<one-dialog-print
|
|
:title="printtitle"
|
|
:width="printwidth"
|
|
:height="500"
|
|
:status="openprint"
|
|
:urlprint="urlprint"
|
|
@close-dialog-print="closePrint"
|
|
></one-dialog-print>
|
|
<template>
|
|
<v-dialog v-model="dialogdeletealertreport" max-width="30%">
|
|
<v-card>
|
|
<v-card-title class="headline grey lighten-2 pt-2 pb-2" primary-title>
|
|
Peringatan !
|
|
</v-card-title>
|
|
<v-card-text class="pt-2 pb-2">
|
|
<v-layout row>
|
|
<v-flex xs12 d-flex>
|
|
<v-layout row>
|
|
<v-flex pb-1 xs12>
|
|
<v-layout row>
|
|
<v-flex pt-2 pr-2 xs12>
|
|
{{ msgalertreport }}
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-text>
|
|
<v-divider></v-divider>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn
|
|
color="primary"
|
|
flat
|
|
@click="dialogdeletealertreport = false"
|
|
>
|
|
Tutup
|
|
</v-btn>
|
|
<v-btn color="primary" flat @click="closeDeleteAlertReport()">
|
|
Yakin lah
|
|
</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</template>
|
|
<template>
|
|
<v-layout row justify-center>
|
|
<v-dialog v-model="dialog_template" persistent max-width="60%">
|
|
<v-card flat>
|
|
<v-card-title>
|
|
<span class="headline">Detail Form</span>
|
|
</v-card-title>
|
|
<v-card-text>
|
|
<v-container grid-list-md>
|
|
<v-layout row wrap class="mini-input">
|
|
<v-flex xs12>
|
|
<v-card flat>
|
|
<div
|
|
v-if="riwayats.length > 0"
|
|
v-for="(riwayat, idx_r) in riwayats"
|
|
:key="idx_r"
|
|
>
|
|
<v-card flat class="mb-2">
|
|
<v-layout pb-2 row>
|
|
<v-flex xs12>
|
|
<v-subheader red--text text--lighten-1>
|
|
{{ getnamelabel(riwayat.title) }}
|
|
|
|
<v-flex text-md-right>
|
|
<v-btn
|
|
v-if="riwayat.flag_normal === 'N'"
|
|
disabled
|
|
@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
|
|
@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 xs6 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
|
|
color="red"
|
|
hide-details
|
|
></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 xs6 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
|
|
color="red"
|
|
hide-details
|
|
></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 === '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 xs6 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
|
|
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>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="r_detail[0].value"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('Keterangan')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs6 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
|
|
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>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="r_detail[1].value"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('Keterangan')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</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 xs6 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
|
|
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>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="r_detail[0].value"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('Keterangan')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs6 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
|
|
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>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="r_detail[1].value"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('Keterangan')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</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 xs4></v-flex>
|
|
<v-flex class="text-xs-left" xs2>
|
|
Ayah
|
|
</v-flex>
|
|
<v-flex class="text-xs-left" xs2>
|
|
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 xs4>{{
|
|
getnamelabel(r_detail.label)
|
|
}}</v-flex>
|
|
<v-flex
|
|
xs2
|
|
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
|
|
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 xs6 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
|
|
color="red"
|
|
hide-details
|
|
></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
|
|
>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="r_detail[0].value"
|
|
disabled
|
|
:readonly="!r_detail[0].chx"
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('DD/MM/YYYY')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs6 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
|
|
color="red"
|
|
hide-details
|
|
></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
|
|
>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="r_detail[1].value"
|
|
:readonly="!r_detail[1].chx"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('DD/MM/YYYY')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</div>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
</div>
|
|
|
|
<div
|
|
v-if="fisiks.length > 0"
|
|
v-for="(fisik, idx_f) in fisiks"
|
|
:key="idx_f"
|
|
>
|
|
<v-card flat class="mb-2">
|
|
<v-layout pb-2 row>
|
|
<v-flex xs12>
|
|
<v-subheader red--text text--lighten-1>
|
|
{{ getnamelabel(fisik.title) }}
|
|
<v-flex text-md-right>
|
|
<v-btn
|
|
v-if="
|
|
fisik.details[0].table_name ===
|
|
'status_gizi'
|
|
"
|
|
disabled
|
|
@click="changeStandartBMI(idx_f)"
|
|
small
|
|
color="info"
|
|
>{{ fisik.standart_bmi }}</v-btn
|
|
>
|
|
|
|
<v-btn
|
|
v-if="
|
|
fisik.type_form === 'TOOTH' &&
|
|
fisik.is_normal === 'Y'
|
|
"
|
|
disabled
|
|
style="color: white"
|
|
small
|
|
color="info"
|
|
>
|
|
<v-icon class="pr-1" small>check</v-icon>
|
|
{{ getnamelabel("TIDAK DIPERIKSA") }}
|
|
</v-btn>
|
|
<v-btn
|
|
v-if="
|
|
fisik.type_form === 'TOOTH' &&
|
|
fisik.is_normal === 'N'
|
|
"
|
|
disabled
|
|
style="color: white"
|
|
small
|
|
color="error"
|
|
>
|
|
<v-icon class="pr-1" small>close</v-icon>
|
|
{{ getnamelabel("TIDAK DIPERIKSA") }}
|
|
</v-btn>
|
|
|
|
<v-btn
|
|
v-if="
|
|
fisik.is_inspected &&
|
|
fisik.is_inspected === 'N'
|
|
"
|
|
disabled
|
|
style="color: white"
|
|
small
|
|
color="info"
|
|
>
|
|
<v-icon class="pr-1" small>check</v-icon>
|
|
{{ getnamelabel("TIDAK DIPERIKSA") }}
|
|
</v-btn>
|
|
<v-btn
|
|
v-if="
|
|
fisik.is_inspected &&
|
|
fisik.is_inspected === 'Y'
|
|
"
|
|
disabled
|
|
style="color: white"
|
|
small
|
|
color="error"
|
|
>
|
|
<v-icon class="pr-1" small>close</v-icon>
|
|
{{ getnamelabel("TIDAK DIPERIKSA") }}
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-subheader>
|
|
<v-divider class="mb-2"></v-divider>
|
|
<div v-if="fisik.type_form === 'TOOTH'">
|
|
<v-layout wrap v-if="fisik.show_all === 'Y'">
|
|
<v-flex pl-2 pt-2 pb-2 pr-2 xs12>
|
|
<v-layout row>
|
|
<v-flex xs12>
|
|
<table>
|
|
<!--<tr>
|
|
<th colspan="18">Gigi Geligi</th>
|
|
</tr>-->
|
|
<tr class="bggrey">
|
|
<th></th>
|
|
<th
|
|
class="text-xs-center"
|
|
colspan="8"
|
|
>
|
|
{{ getnamelabel("GIGI KANAN") }}
|
|
</th>
|
|
<th
|
|
class="text-xs-center"
|
|
colspan="8"
|
|
>
|
|
{{ getnamelabel("GIGI KIRI") }}
|
|
</th>
|
|
<th></th>
|
|
</tr>
|
|
<tr>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
<th
|
|
v-for="(
|
|
gigiatasketiga, idx_gaktiga
|
|
) in fisik.details[0].details"
|
|
:key="idx_gaktiga"
|
|
class="thgigi"
|
|
>
|
|
<input
|
|
type="text"
|
|
disabled
|
|
v-model="gigiatasketiga.value"
|
|
v-bind:class="{
|
|
'background-black':
|
|
gigiatasketiga.value.toUpperCase() ===
|
|
'X',
|
|
'background-teal':
|
|
gigiatasketiga.value.toUpperCase() ===
|
|
'C',
|
|
'background-brown':
|
|
gigiatasketiga.value.toUpperCase() ===
|
|
'R',
|
|
'background-red':
|
|
gigiatasketiga.value.toUpperCase() ===
|
|
'O',
|
|
'background-yellow-accent-4':
|
|
gigiatasketiga.value.toUpperCase() ===
|
|
'A',
|
|
'background-info':
|
|
gigiatasketiga.value.toUpperCase() ===
|
|
'K',
|
|
'background-purple':
|
|
gigiatasketiga.value.toUpperCase() ===
|
|
'I',
|
|
}"
|
|
class="input_gigi mono"
|
|
readonly
|
|
/>
|
|
</th>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
</tr>
|
|
<tr>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
<th
|
|
v-for="(
|
|
gigiataskedua, idx_gakdua
|
|
) in fisik.details[1].details"
|
|
:key="idx_gakdua"
|
|
class="thgigi"
|
|
>
|
|
<input
|
|
type="text"
|
|
v-model="gigiataskedua.value"
|
|
disabled
|
|
v-bind:class="{
|
|
'background-black':
|
|
gigiataskedua.value.toUpperCase() ===
|
|
'X',
|
|
'background-teal':
|
|
gigiataskedua.value.toUpperCase() ===
|
|
'C',
|
|
'background-brown':
|
|
gigiataskedua.value.toUpperCase() ===
|
|
'R',
|
|
'background-red':
|
|
gigiataskedua.value.toUpperCase() ===
|
|
'O',
|
|
'background-yellow-accent-4':
|
|
gigiataskedua.value.toUpperCase() ===
|
|
'A',
|
|
'background-info':
|
|
gigiataskedua.value.toUpperCase() ===
|
|
'K',
|
|
'background-purple':
|
|
gigiataskedua.value.toUpperCase() ===
|
|
'I',
|
|
}"
|
|
class="input_gigi mono"
|
|
readonly
|
|
/>
|
|
</th>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
</tr>
|
|
<tr>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
<th
|
|
v-for="(gigiatas, idx_ga) in fisik
|
|
.details[2].details"
|
|
:key="idx_ga"
|
|
class="thgigi"
|
|
>
|
|
<input
|
|
type="text"
|
|
v-model="gigiatas.value"
|
|
disabled
|
|
v-bind:class="{
|
|
'background-black':
|
|
gigiatas.value.toUpperCase() ===
|
|
'X',
|
|
'background-teal':
|
|
gigiatas.value.toUpperCase() ===
|
|
'C',
|
|
'background-brown':
|
|
gigiatas.value.toUpperCase() ===
|
|
'R',
|
|
'background-red':
|
|
gigiatas.value.toUpperCase() ===
|
|
'O',
|
|
'background-yellow-accent-4':
|
|
gigiatas.value.toUpperCase() ===
|
|
'A',
|
|
'background-info':
|
|
gigiatas.value.toUpperCase() ===
|
|
'K',
|
|
'background-purple':
|
|
gigiatas.value.toUpperCase() ===
|
|
'I',
|
|
}"
|
|
class="input_gigi mono"
|
|
readonly
|
|
/>
|
|
</th>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
</tr>
|
|
<tr class="bggrey">
|
|
<th>{{ getnamelabel("ATAS") }}</th>
|
|
<th
|
|
v-for="(gigiatas, idx_ga) in fisik
|
|
.details[0].details"
|
|
:key="idx_ga"
|
|
class="thgigi"
|
|
>
|
|
{{ gigiatas.label }}
|
|
</th>
|
|
<th>{{ getnamelabel("ATAS") }}</th>
|
|
</tr>
|
|
<tr class="bggrey">
|
|
<th>{{ getnamelabel("BAWAH") }}</th>
|
|
<th
|
|
v-for="(
|
|
gigibawah, idx_gb
|
|
) in fisik.details[1].details"
|
|
:key="idx_gb"
|
|
class="thgigi"
|
|
>
|
|
{{ gigibawah.label }}
|
|
</th>
|
|
<th>{{ getnamelabel("BAWAH") }}</th>
|
|
</tr>
|
|
<tr>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
<th
|
|
v-for="(
|
|
gigibawah, idx_gb
|
|
) in fisik.details[3].details"
|
|
:key="idx_gb"
|
|
class="thgigi"
|
|
>
|
|
<input
|
|
type="text"
|
|
v-model="gigibawah.value"
|
|
disabled
|
|
v-bind:class="{
|
|
'background-black':
|
|
gigibawah.value.toUpperCase() ===
|
|
'X',
|
|
'background-teal':
|
|
gigibawah.value.toUpperCase() ===
|
|
'C',
|
|
'background-brown':
|
|
gigibawah.value.toUpperCase() ===
|
|
'R',
|
|
'background-red':
|
|
gigibawah.value.toUpperCase() ===
|
|
'O',
|
|
'background-yellow-accent-4':
|
|
gigibawah.value.toUpperCase() ===
|
|
'A',
|
|
'background-info':
|
|
gigibawah.value.toUpperCase() ===
|
|
'K',
|
|
'background-purple':
|
|
gigibawah.value.toUpperCase() ===
|
|
'I',
|
|
}"
|
|
class="input_gigi mono"
|
|
readonly
|
|
/>
|
|
</th>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
</tr>
|
|
<tr>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
<th
|
|
v-for="(
|
|
gigibawahkedua, idx_gbkdua
|
|
) in fisik.details[4].details"
|
|
:key="idx_gbkdua"
|
|
class="thgigi"
|
|
>
|
|
<input
|
|
type="text"
|
|
v-model="gigibawahkedua.value"
|
|
disabled
|
|
v-bind:class="{
|
|
'background-black':
|
|
gigibawahkedua.value.toUpperCase() ===
|
|
'X',
|
|
'background-teal':
|
|
gigibawahkedua.value.toUpperCase() ===
|
|
'C',
|
|
'background-brown':
|
|
gigibawahkedua.value.toUpperCase() ===
|
|
'R',
|
|
'background-red':
|
|
gigibawahkedua.value.toUpperCase() ===
|
|
'O',
|
|
'background-yellow-accent-4':
|
|
gigibawahkedua.value.toUpperCase() ===
|
|
'A',
|
|
'background-info':
|
|
gigibawahkedua.value.toUpperCase() ===
|
|
'K',
|
|
'background-purple':
|
|
gigibawahkedua.value.toUpperCase() ===
|
|
'I',
|
|
}"
|
|
class="input_gigi mono"
|
|
readonly
|
|
/>
|
|
</th>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
</tr>
|
|
<tr>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
<th
|
|
v-for="(
|
|
gigibawahketiga, idx_gbktiga
|
|
) in fisik.details[5].details"
|
|
:key="idx_gbktiga"
|
|
class="thgigi"
|
|
>
|
|
<input
|
|
type="text"
|
|
v-model="gigibawahketiga.value"
|
|
disabled
|
|
v-bind:class="{
|
|
'background-black':
|
|
gigibawahketiga.value.toUpperCase() ===
|
|
'X',
|
|
'background-teal':
|
|
gigibawahketiga.value.toUpperCase() ===
|
|
'C',
|
|
'background-brown':
|
|
gigibawahketiga.value.toUpperCase() ===
|
|
'R',
|
|
'background-red':
|
|
gigibawahketiga.value.toUpperCase() ===
|
|
'O',
|
|
'background-yellow-accent-4':
|
|
gigibawahketiga.value.toUpperCase() ===
|
|
'A',
|
|
'background-info':
|
|
gigibawahketiga.value.toUpperCase() ===
|
|
'K',
|
|
'background-purple':
|
|
gigibawahketiga.value.toUpperCase() ===
|
|
'I',
|
|
}"
|
|
class="input_gigi mono"
|
|
readonly
|
|
/>
|
|
</th>
|
|
<th>{{ getnamelabel("KODE") }}</th>
|
|
</tr>
|
|
<tr class="bggrey">
|
|
<th></th>
|
|
<th
|
|
class="text-xs-center"
|
|
colspan="8"
|
|
>
|
|
{{ getnamelabel("GIGI KANAN") }}
|
|
</th>
|
|
<th
|
|
class="text-xs-center"
|
|
colspan="8"
|
|
>
|
|
{{ getnamelabel("GIGI KIRI") }}
|
|
</th>
|
|
<th></th>
|
|
</tr>
|
|
</table>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout align-center pt-4 pl-2 row>
|
|
<v-flex d-flex
|
|
><h4>
|
|
{{ getnamelabel("KETERANGAN KODE") }}
|
|
:
|
|
</h4></v-flex
|
|
>
|
|
</v-layout>
|
|
<v-layout align-center pt-3 pl-2 pb-3 row>
|
|
<v-flex xs3>
|
|
<v-layout align-center row>
|
|
<v-flex xs4>
|
|
<v-btn
|
|
small
|
|
style="min-width: 35px; margin: 0"
|
|
dark
|
|
color="black"
|
|
>
|
|
X
|
|
</v-btn>
|
|
</v-flex>
|
|
<v-flex xs8>
|
|
<h5>
|
|
{{ getnamelabel("BERLUBANG") }}
|
|
</h5>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<v-layout align-center row>
|
|
<v-flex xs4>
|
|
<v-btn
|
|
small
|
|
style="min-width: 35px; margin: 0"
|
|
dark
|
|
color="teal"
|
|
>
|
|
C
|
|
</v-btn>
|
|
</v-flex>
|
|
<v-flex xs8>
|
|
<h5>
|
|
{{ getnamelabel("TAMBALAN") }}
|
|
</h5>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<v-layout align-center row>
|
|
<v-flex xs4>
|
|
<v-btn
|
|
small
|
|
style="min-width: 35px; margin: 0"
|
|
dark
|
|
color="red"
|
|
>
|
|
O
|
|
</v-btn>
|
|
</v-flex>
|
|
<v-flex xs8>
|
|
<h5>
|
|
{{ getnamelabel("TANGGAL") }}
|
|
</h5>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<v-layout align-center row>
|
|
<v-flex xs4>
|
|
<v-btn
|
|
small
|
|
style="min-width: 35px; margin: 0"
|
|
dark
|
|
color="brown"
|
|
>
|
|
R
|
|
</v-btn>
|
|
</v-flex>
|
|
<v-flex xs8>
|
|
<h5>
|
|
{{ getnamelabel("SISA AKAR") }}
|
|
</h5>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout align-center pt-3 pl-2 pb-3 row>
|
|
<v-flex xs3>
|
|
<v-layout align-center row>
|
|
<v-flex xs4>
|
|
<v-btn
|
|
small
|
|
style="min-width: 35px; margin: 0"
|
|
dark
|
|
color="yellow accent-4"
|
|
>
|
|
A
|
|
</v-btn>
|
|
</v-flex>
|
|
<v-flex xs8>
|
|
<h5>
|
|
{{ getnamelabel("GIGI PALSU") }}
|
|
</h5>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<v-layout align-center row>
|
|
<v-flex xs4>
|
|
<v-btn
|
|
small
|
|
style="min-width: 35px; margin: 0"
|
|
dark
|
|
color="info"
|
|
>
|
|
K
|
|
</v-btn>
|
|
</v-flex>
|
|
<v-flex xs8>
|
|
<h5>
|
|
{{ getnamelabel("KARANG GIGI") }}
|
|
</h5>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<v-layout align-center row>
|
|
<v-flex xs4>
|
|
<v-btn
|
|
small
|
|
style="min-width: 35px; margin: 0"
|
|
dark
|
|
color="purple"
|
|
>
|
|
I
|
|
</v-btn>
|
|
</v-flex>
|
|
<v-flex xs8>
|
|
<h5>
|
|
{{ getnamelabel("IMPAKSI") }}
|
|
</h5>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</div>
|
|
<div v-if="fisik.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="(
|
|
f_detail, kdx_detail
|
|
) in generate_rows(fisik.details)"
|
|
:key="`xv-one-${kdx_detail}`"
|
|
v-if="fisik.show_all === 'Y'"
|
|
wrap
|
|
>
|
|
<v-flex xs6 pa-1>
|
|
<v-layout
|
|
v-if="f_detail[0]"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_detail[0].chx"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs7>
|
|
<span style="font-size: 12px">{{
|
|
getnamelabel(f_detail[0].label)
|
|
}}</span>
|
|
</v-flex>
|
|
<v-flex xs4 pl-1 pr-2>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="f_detail[0].value"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('Keterangan')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs6 pa-1>
|
|
<v-layout
|
|
v-if="f_detail[1]"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_detail[1].chx"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs7>
|
|
<span style="font-size: 12px">{{
|
|
getnamelabel(f_detail[1].label)
|
|
}}</span>
|
|
</v-flex>
|
|
<v-flex xs4 pl-1 pr-2>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="f_detail[1].value"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('Keterangan')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</div>
|
|
|
|
<div v-if="fisik.type_form === 'XVS'">
|
|
<v-layout
|
|
pl-2
|
|
v-for="(segment, idx_s) in fisik.details"
|
|
:key="idx_s"
|
|
wrap
|
|
>
|
|
<v-flex xs12>
|
|
<v-layout
|
|
v-if="fisik.show_all === 'Y'"
|
|
row
|
|
>{{
|
|
getnamelabel(segment.name)
|
|
}}</v-layout
|
|
>
|
|
<v-layout
|
|
pl-2
|
|
pb-1
|
|
pt-1
|
|
v-for="(
|
|
f_detail, kdx_detail
|
|
) in generate_rows(segment.details)"
|
|
v-if="fisik.show_all === 'Y'"
|
|
:key="kdx_detail"
|
|
wrap
|
|
>
|
|
<v-flex xs6 pa-1>
|
|
<v-layout
|
|
v-if="f_detail[0]"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_detail[0].chx"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs7>
|
|
<span style="font-size: 12px">{{
|
|
getnamelabel(f_detail[0].label)
|
|
}}</span>
|
|
</v-flex>
|
|
<v-flex xs4 pl-1 pr-2>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="f_detail[0].value"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('Keterangan')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs6 pa-1>
|
|
<v-layout
|
|
v-if="f_detail[1]"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_detail[1].chx"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs7>
|
|
<span style="font-size: 12px">{{
|
|
getnamelabel(f_detail[1].label)
|
|
}}</span>
|
|
</v-flex>
|
|
<v-flex xs4 pl-1 pr-2>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="f_detail[1].value"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('Keterangan')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</div>
|
|
|
|
<div v-if="fisik.type_form === 'XVS3R'">
|
|
<v-layout
|
|
pl-2
|
|
v-for="(segment, idx_s) in fisik.details"
|
|
:key="idx_s"
|
|
wrap
|
|
>
|
|
<v-flex xs12>
|
|
<v-layout
|
|
v-if="fisik.show_all === 'Y'"
|
|
row
|
|
>{{
|
|
getnamelabel(segment.name)
|
|
}}</v-layout
|
|
>
|
|
<v-layout
|
|
pl-2
|
|
pb-1
|
|
pt-1
|
|
v-for="(
|
|
f_detail, kdx_detail
|
|
) in generate_rows(segment.details)"
|
|
:key="kdx_detail"
|
|
v-if="fisik.show_all === 'Y'"
|
|
wrap
|
|
>
|
|
<v-flex xs6 pa-1>
|
|
<v-layout
|
|
v-if="f_detail[0]"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_detail[0].chx"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs7>
|
|
<span style="font-size: 12px">{{
|
|
getnamelabel(f_detail[0].label)
|
|
}}</span>
|
|
</v-flex>
|
|
<v-flex xs4 pl-1 pr-2>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="f_detail[0].value"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('Keterangan')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs6 pa-1>
|
|
<v-layout
|
|
v-if="
|
|
f_detail[1] &&
|
|
f_detail[1].type_form === 'XVS'
|
|
"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_detail[1].chx"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs7>
|
|
<span style="font-size: 12px">{{
|
|
getnamelabel(f_detail[1].label)
|
|
}}</span>
|
|
</v-flex>
|
|
<v-flex xs4 pl-1 pr-2>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
v-model="f_detail[1].value"
|
|
disabled
|
|
single-line
|
|
:placeholder="
|
|
getnamelabel('Keterangan')
|
|
"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout
|
|
v-if="
|
|
f_detail[1] &&
|
|
f_detail[1].type_form === 'XVS-LXX'
|
|
"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs12>
|
|
<v-layout row>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_detail[1].chx"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs11>
|
|
<span style="font-size: 12px">{{
|
|
getnamelabel(
|
|
f_detail[1].label
|
|
)
|
|
}}</span>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row>
|
|
<v-flex class="pl-4" xs12>
|
|
<v-layout
|
|
v-for="(
|
|
value_perut_14, idx_perut_14
|
|
) in f_detail[1].details"
|
|
:key="idx_perut_14"
|
|
class="pa-2"
|
|
row
|
|
>
|
|
<v-flex xs6
|
|
><span
|
|
style="font-size: 12px"
|
|
>{{
|
|
value_perut_14.label
|
|
}}</span
|
|
></v-flex
|
|
>
|
|
<v-flex xs3>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
color="red"
|
|
label="D"
|
|
v-model="
|
|
value_perut_14.chx_a_value
|
|
"
|
|
:disabled="
|
|
!f_detail[1].chx ||
|
|
cantedit ||
|
|
(fisik.is_inspected &&
|
|
fisik.is_inspected ===
|
|
'N')
|
|
"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
color="red"
|
|
label="S"
|
|
v-model="
|
|
value_perut_14.chx_b_value
|
|
"
|
|
:disabled="
|
|
!f_detail[1].chx ||
|
|
cantedit ||
|
|
(fisik.is_inspected &&
|
|
fisik.is_inspected ===
|
|
'N')
|
|
"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</div>
|
|
|
|
<div v-if="fisik.type_form === 'VXX'">
|
|
<v-layout
|
|
pl-2
|
|
pb-1
|
|
pt-1
|
|
v-for="(
|
|
f_detail, kdx_detail
|
|
) in generate_rows(fisik.details)"
|
|
:key="kdx_detail"
|
|
v-if="fisik.show_all === 'Y'"
|
|
wrap
|
|
>
|
|
<v-flex
|
|
v-for="(f_cols, idx_cols) in f_detail"
|
|
:key="idx_cols"
|
|
xs6
|
|
pa-1
|
|
>
|
|
<v-layout
|
|
v-if="f_cols.type === 'vxx-v'"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs4>
|
|
<span style="font-size: 12px">{{
|
|
getnamelabel(f_cols.label)
|
|
}}</span>
|
|
</v-flex>
|
|
<v-flex xs5>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
v-model="f_cols.value"
|
|
outline
|
|
disabled
|
|
single-line
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs3 pl-1>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{ getnamelabel(f_cols.unit) }}</span
|
|
>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout
|
|
v-if="f_cols.type === 'vxx-xx'"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs4
|
|
><span style="font-size: 12px">{{
|
|
getnamelabel(f_cols.label)
|
|
}}</span></v-flex
|
|
>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_cols.chx_y"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_cols.label_y)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_cols.chx_x"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_cols.label_x)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</div>
|
|
<div v-if="fisik.type_form === 'VXX+'">
|
|
<v-layout
|
|
pl-2
|
|
pb-1
|
|
pt-1
|
|
v-for="(
|
|
f_detail, kdx_detail
|
|
) in generate_rows(fisik.details)"
|
|
:key="kdx_detail"
|
|
v-if="fisik.show_all === 'Y'"
|
|
wrap
|
|
>
|
|
<v-flex
|
|
v-for="(f_cols, index_cols) in f_detail"
|
|
:key="index_cols"
|
|
xs6
|
|
pa-1
|
|
>
|
|
<v-layout
|
|
v-if="f_cols.type === 'vxx-vv'"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs4>
|
|
<span style="font-size: 12px">{{
|
|
getnamelabel(f_cols.label)
|
|
}}</span
|
|
><br />
|
|
<v-btn
|
|
@click="
|
|
changStandartTensi(idx_f, f_cols)
|
|
"
|
|
style="
|
|
font-size: 10px;
|
|
height: 20px;
|
|
width: auto;
|
|
min-width: 5px;
|
|
margin: 0;
|
|
"
|
|
small
|
|
v-if="f_cols.standart !== ''"
|
|
color="info"
|
|
>
|
|
{{ f_cols.standart }}
|
|
</v-btn>
|
|
</v-flex>
|
|
<v-flex xs4>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
v-model="f_cols.value"
|
|
outline
|
|
disabled
|
|
single-line
|
|
hide-details
|
|
></v-text-field>
|
|
<span
|
|
v-if="f_cols.standart !== ''"
|
|
class="d-flex mt-1"
|
|
style="
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
"
|
|
:class="getcolortensi(f_cols)"
|
|
>{{
|
|
getnamelabel(f_cols.value_x)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
<v-flex xs4 pl-1>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{ getnamelabel(f_cols.unit) }}</span
|
|
>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout
|
|
v-if="f_cols.type === 'vxx-vv2r'"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs4>
|
|
<span style="font-size: 12px">{{
|
|
getnamelabel(f_cols.label)
|
|
}}</span
|
|
><br />
|
|
<v-btn
|
|
@click="
|
|
changStandartTensi(idx_f, f_cols)
|
|
"
|
|
style="
|
|
font-size: 10px;
|
|
height: 20px;
|
|
width: auto;
|
|
min-width: 5px;
|
|
margin: 0;
|
|
"
|
|
small
|
|
v-if="f_cols.standart !== ''"
|
|
color="info"
|
|
>
|
|
{{ f_cols.standart }}
|
|
</v-btn>
|
|
</v-flex>
|
|
<v-flex style="margin-left: -8px" xs8>
|
|
<v-layout
|
|
class="pa-2 pl-0"
|
|
align-center
|
|
row
|
|
>
|
|
<!--<v-flex xs3>
|
|
<span style="font-size:12px" >{{getnamelabel(f_cols.label_x)}}</span>
|
|
</v-flex>-->
|
|
<v-flex xs9>
|
|
<v-text-field
|
|
class="mini-input"
|
|
:suffix="
|
|
getnamelabel(f_cols.label_x)
|
|
"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
v-model="f_cols.value_x"
|
|
outline
|
|
disabled
|
|
single-line
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs3 pl-1>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_cols.unit)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout
|
|
class="pa-2 pl-0"
|
|
align-center
|
|
row
|
|
>
|
|
<!--<v-flex xs3>
|
|
<span style="font-size:12px" >{{getnamelabel(f_cols.label_y)}}</span>
|
|
</v-flex>-->
|
|
<v-flex xs9>
|
|
<v-text-field
|
|
class="mini-input"
|
|
:suffix="
|
|
getnamelabel(f_cols.label_y)
|
|
"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
v-model="f_cols.value_y"
|
|
outline
|
|
disabled
|
|
single-line
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs3 pl-1>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_cols.unit)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
</v-layout>
|
|
<span
|
|
v-if="f_cols.standart !== ''"
|
|
class="d-flex mt-1 pl-2"
|
|
style="
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
"
|
|
>{{
|
|
getnamelabel(f_cols.value)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
<!--<v-flex xs4>
|
|
<v-text-field class="mini-input"
|
|
style="font-size:12px;margin-top:0;padding-top:0;line-height:25px!important"
|
|
v-model="f_cols.value"
|
|
outline
|
|
@change="changeVXXValuePlus(idx_f,f_cols)"
|
|
disabled
|
|
single-line
|
|
hide-details
|
|
></v-text-field>
|
|
<span v-if="f_cols.standart !==''" class='d-flex mt-1'
|
|
style="font-size:10px;font-weight:600"
|
|
:class="getcolortensi(f_cols)">{{getnamelabel(f_cols.value_x)}}</span>
|
|
</v-flex>
|
|
<v-flex xs2 pl-1>
|
|
<span class="mono" style="font-size:12px" >{{getnamelabel(f_cols.unit)}}</span>
|
|
</v-flex>-->
|
|
</v-layout>
|
|
<v-layout
|
|
v-if="f_cols.type === 'vxx-xx'"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs4
|
|
><span style="font-size: 12px">{{
|
|
getnamelabel(f_cols.label)
|
|
}}</span></v-flex
|
|
>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_cols.chx_y"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_cols.label_y)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_cols.chx_x"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_cols.label_x)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout
|
|
v-if="f_cols.type === 'vxx-xv'"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs4
|
|
><span style="font-size: 12px">{{
|
|
getnamelabel(f_cols.label)
|
|
}}</span></v-flex
|
|
>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_cols.chx_x"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_cols.label_x)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
<v-flex xs4 pr-2>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
v-model="f_cols.value"
|
|
outline
|
|
disabled
|
|
single-line
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout
|
|
v-if="f_cols.type === 'vxx-xxv2r'"
|
|
align-center
|
|
row
|
|
>
|
|
<v-flex xs12>
|
|
<v-layout class="mb-2" row>
|
|
<v-flex xs4
|
|
><span style="font-size: 12px">{{
|
|
getnamelabel(f_cols.label)
|
|
}}</span></v-flex
|
|
>
|
|
<v-flex xs8 pr-3>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
v-model="f_cols.value"
|
|
disabled
|
|
outline
|
|
single-line
|
|
hide-details
|
|
:suffix="f_cols.unit_name"
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row>
|
|
<v-flex xs4></v-flex>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_cols.chx_x"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_cols.label_x)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
<v-flex xs1>
|
|
<v-checkbox
|
|
row
|
|
class="mt-0 pt-0"
|
|
v-model="f_cols.chx_y"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs3>
|
|
<span
|
|
class="mono"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_cols.label_y)
|
|
}}</span
|
|
>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</div>
|
|
<div v-if="fisik.type_form === 'XXV'">
|
|
<v-layout
|
|
pl-2
|
|
pb-1
|
|
pt-1
|
|
v-for="(
|
|
f_detail, kdx_detail
|
|
) in fisik.details"
|
|
:key="kdx_detail"
|
|
v-if="fisik.show_all === 'Y'"
|
|
wrap
|
|
>
|
|
<v-flex xs12 pa-1>
|
|
<v-layout align-center row>
|
|
<v-flex xs4
|
|
><span style="font-size: 12px">{{
|
|
getnamelabel(f_detail.label)
|
|
}}</span></v-flex
|
|
>
|
|
<v-flex xs2>
|
|
<v-layout align-center>
|
|
<v-checkbox
|
|
class="mt-0 pt-0 shrink mr-2"
|
|
style="width: 15px"
|
|
v-model="f_detail.chx_y"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
<span
|
|
class="mono pl-1"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_detail.label_y)
|
|
}}</span
|
|
>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs2>
|
|
<v-layout align-center>
|
|
<v-checkbox
|
|
class="mt-0 pt-0 shrink mr-2"
|
|
style="width: 15px"
|
|
v-model="f_detail.chx_x"
|
|
disabled
|
|
color="red"
|
|
hide-details
|
|
></v-checkbox>
|
|
<span
|
|
class="mono pl-1"
|
|
style="font-size: 12px"
|
|
>{{
|
|
getnamelabel(f_detail.label_x)
|
|
}}</span
|
|
>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs4 pr-2>
|
|
<v-text-field
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
v-model="f_detail.value"
|
|
disabled
|
|
outline
|
|
single-line
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</div>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
</div>
|
|
|
|
<div
|
|
v-if="
|
|
selected_fisikdetail['FisikTemplateType'] === 'K3'
|
|
"
|
|
v-for="(k3, idx_k) in k3s"
|
|
:key="idx_k"
|
|
>
|
|
<v-card flat class="mb-2">
|
|
<v-layout pb-2 row>
|
|
<v-flex xs12>
|
|
<v-subheader red--text text--lighten-1>
|
|
{{ getnamelabel(k3.title) }}
|
|
|
|
<v-flex text-md-right>
|
|
<v-btn
|
|
v-if="k3.is_notexist === 'Y'"
|
|
disabled
|
|
style="color: white"
|
|
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
|
|
style="color: white"
|
|
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"
|
|
:key="'xvv' + idk_detail"
|
|
v-if="k3.show_all === 'Y'"
|
|
wrap
|
|
>
|
|
<v-flex xs12>
|
|
<v-layout align-center row>
|
|
<v-flex xs6>
|
|
<v-layout align-center>
|
|
<v-checkbox
|
|
style="width: 15px"
|
|
class="mt-0 pt-0 shrink mr-2"
|
|
disabled
|
|
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
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
disabled
|
|
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
|
|
class="mini-input"
|
|
style="
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
line-height: 25px !important;
|
|
"
|
|
outline
|
|
disabled
|
|
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>
|
|
|
|
<v-card-actions> </v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="blue darken-1" flat @click="dialog_template = false"
|
|
>Tutup</v-btn
|
|
>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</v-layout>
|
|
</template>
|
|
</v-layout>
|
|
</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-date-picker": httpVueLoader("../../common/oneDatePicker.vue"),
|
|
"one-dialog-print": httpVueLoader("../../common/oneDialogPrintX.vue"),
|
|
},
|
|
data() {
|
|
return {
|
|
riwayats: [],
|
|
fisiks: [],
|
|
k3s: [],
|
|
xcode: "",
|
|
xname: "",
|
|
query: "",
|
|
items: [],
|
|
openprint: false,
|
|
urlprint: "",
|
|
printtitle: "",
|
|
printwidth: 600,
|
|
formatreport: "pdf",
|
|
readonlydefault: false,
|
|
page: 1,
|
|
search_user: "",
|
|
search_test: "",
|
|
userRules: [(v) => !!v || "GroupResult harus dipilih"],
|
|
testRules: [(v) => !!v || "Pemeriksaan harus dipilih"],
|
|
headers: [
|
|
{
|
|
text: "TYPE",
|
|
align: "left",
|
|
sortable: false,
|
|
value: "name",
|
|
width: "20%",
|
|
class: "blue lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "KODE",
|
|
align: "left",
|
|
sortable: false,
|
|
value: "name",
|
|
width: "10%",
|
|
class: "blue lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "NAMA",
|
|
align: "left",
|
|
sortable: false,
|
|
value: "name",
|
|
width: "30%",
|
|
class: "blue lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "STATUS",
|
|
align: "left",
|
|
sortable: false,
|
|
value: "name",
|
|
width: "10%",
|
|
class: "blue lighten-3 white--text",
|
|
},
|
|
],
|
|
// pagination: {
|
|
// descending: false,
|
|
// page: 1,
|
|
// rowsPerPage: 100,
|
|
// sortBy: 'Group_ResultReportName ASC',
|
|
// totalItems: this.$store.state.report.total_transactions
|
|
// },
|
|
color: "success",
|
|
validreport: false,
|
|
xid: 0,
|
|
isinput: "N",
|
|
countprice: 0,
|
|
reportreportid: 0,
|
|
reportxname: "",
|
|
reportlang: "",
|
|
reporttext: "",
|
|
isadvance: "N",
|
|
reportformatadvance: "",
|
|
issenttouser: "N",
|
|
menustartdate: false,
|
|
menuenddate: false,
|
|
date: new Date().toISOString().substr(0, 10),
|
|
|
|
dialogdeletealertreport: false,
|
|
dialogverifyalertreport: false,
|
|
dialogreleasealertreport: false,
|
|
alertverify: false,
|
|
dialogunreleasealertreport: false,
|
|
dialogunverifyalertreport: false,
|
|
msgalertreport: "",
|
|
dialog_template: false,
|
|
};
|
|
},
|
|
mounted() {},
|
|
computed: {
|
|
snackbar: {
|
|
get() {
|
|
return this.$store.state.fisik.snackbar;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("fisik/update_snackbar", val);
|
|
},
|
|
},
|
|
selected_filter_flag: {
|
|
get() {
|
|
return this.$store.state.fisikdetail.selected_filter_flag;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("fisikdetail/update_selected_filter_flag", val);
|
|
this.searchFisikDetail();
|
|
},
|
|
},
|
|
f_statuss: {
|
|
get() {
|
|
return this.$store.state.fisikdetail.f_statuss;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("fisikdetail/update_f_statuss", val);
|
|
},
|
|
},
|
|
xfisikdetails() {
|
|
return this.$store.state.fisikdetail.fisikdetails;
|
|
},
|
|
xfisik() {
|
|
return this.$store.state.fisik.selected_fisik;
|
|
},
|
|
// dialogreport() {
|
|
// return this.$store.state.report.dialog_form_report
|
|
// },
|
|
xerrors() {
|
|
return this.$store.state.report.errors;
|
|
},
|
|
isLoading() {
|
|
return this.$store.state.fisikdetail.lookup_status == 1;
|
|
},
|
|
startComputedDateFormatted() {
|
|
return this.formatDate(this.xstartdate);
|
|
},
|
|
xstartdate: {
|
|
get() {
|
|
return this.$store.state.report.startdate;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("report/update_startdate", val);
|
|
},
|
|
},
|
|
endComputedDateFormatted() {
|
|
return this.formatDate(this.xenddate);
|
|
},
|
|
xenddate: {
|
|
get() {
|
|
return this.$store.state.report.enddate;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("report/update_enddate", val);
|
|
},
|
|
},
|
|
xautotests() {
|
|
return this.$store.state.report.autotests;
|
|
},
|
|
xautotest: {
|
|
get() {
|
|
return this.$store.state.report.autotest;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("report/update_autotest", val);
|
|
},
|
|
},
|
|
xstatuss() {
|
|
return this.$store.state.report.statuss;
|
|
},
|
|
dialogstatusorder() {
|
|
return this.$store.state.report.dialog_status_order;
|
|
},
|
|
xautousers() {
|
|
return this.$store.state.report.autousers;
|
|
},
|
|
xautouser: {
|
|
get() {
|
|
return this.$store.state.report.autouser;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("report/update_autouser", val);
|
|
},
|
|
},
|
|
xsearch: {
|
|
get() {
|
|
return this.$store.state.fisikdetail.x_search;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("fisikdetail/update_x_search", val);
|
|
},
|
|
},
|
|
reportgroup: {
|
|
get() {
|
|
return this.$store.state.report.reportgroup;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("report/update_reportgroup", val);
|
|
},
|
|
},
|
|
reportcode: {
|
|
get() {
|
|
return this.$store.state.report.reportcode;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("report/update_reportcode", val);
|
|
},
|
|
},
|
|
reportname: {
|
|
get() {
|
|
return this.$store.state.report.reportname;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("report/update_reportname", val);
|
|
},
|
|
},
|
|
curr_page: {
|
|
get() {
|
|
return this.$store.state.fisikdetail.current_page;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("fisikdetail/update_current_page", val);
|
|
this.$store.dispatch("fisikdetail/findFisikTemplate", {
|
|
id: this.$store.state.fisik.selected_fisik.id,
|
|
code: this.xcode,
|
|
name: this.xname,
|
|
status: this.selected_filter_flag.value,
|
|
current_page: val,
|
|
lastid: -1,
|
|
});
|
|
},
|
|
},
|
|
xtotal_page: {
|
|
get() {
|
|
return this.$store.state.fisikdetail.total_data;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("fisikdetail/update_total_data", val);
|
|
},
|
|
},
|
|
value_report: {
|
|
get() {
|
|
return this.$store.state.report.value_report;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("report/update_value_report", val);
|
|
},
|
|
},
|
|
new_report: {
|
|
get() {
|
|
return this.$store.state.report.new_report;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("report/update_new_report", val);
|
|
},
|
|
},
|
|
new_reportname: {
|
|
get() {
|
|
return this.$store.state.report.new_reportname;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("report/update_new_reportname", val);
|
|
},
|
|
},
|
|
},
|
|
methods: {
|
|
getDetailTemplate(item) {
|
|
this.riwayats = [];
|
|
this.fisiks = [];
|
|
this.k3s = [];
|
|
|
|
var xjson = item.xjson;
|
|
xjson.show_all = "Y";
|
|
if (item.FisikTemplateType === "Riwayat") {
|
|
this.riwayats.push(xjson);
|
|
}
|
|
|
|
if (item.FisikTemplateType === "Fisik") {
|
|
this.fisiks.push(xjson);
|
|
}
|
|
|
|
if (item.FisikTemplateType === "K3") {
|
|
this.k3s.push(xjson);
|
|
}
|
|
|
|
this.dialog_template = true;
|
|
},
|
|
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";
|
|
}
|
|
fisiks[idx_f].standart_bmi = val_now;
|
|
},
|
|
changStandartTensi(idx_f, row) {
|
|
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";
|
|
} else if (standart === "JNC-VIII") {
|
|
standart = "ESC/ESH";
|
|
} else {
|
|
standart = "JNC-VII";
|
|
}
|
|
fisiks[idx_f].details[idx_tensi].standart = standart;
|
|
},
|
|
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() })
|
|
|
|
//if(row_word.length > 0)
|
|
//return row_word[0].Translate_WordTo
|
|
// else
|
|
return kata;
|
|
},
|
|
generate_rows(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 = [];
|
|
}
|
|
});
|
|
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);
|
|
},
|
|
isSelected(p) {
|
|
return p.id == this.$store.state.fisikdetail.selected_fisikdetail.id;
|
|
},
|
|
selectMe(sc) {
|
|
this.$store.commit("fisikdetail/update_selected_fisikdetail", sc);
|
|
},
|
|
updateDialogFormReport() {
|
|
this.$store.commit("report/update_dialog_form_report", false);
|
|
},
|
|
updateDialogStatusOrder() {
|
|
this.$store.commit("report/update_dialog_status_order", false);
|
|
},
|
|
setStatusOrder(val) {
|
|
this.$store.commit("report/update_reports", {});
|
|
this.$store.commit("report/update_dialog_status_order", true);
|
|
this.$store.commit("report/update_statuss", val.statuss);
|
|
},
|
|
doPriceList(val) {
|
|
var id = val.id;
|
|
location.replace("/one-ui/user/vuex/one-md-price/" + "?id=" + id);
|
|
},
|
|
doPrice() {
|
|
var id = this.xid;
|
|
location.replace("/one-ui/user/vuex/one-md-price/" + "?id=" + id);
|
|
},
|
|
thr_search_user: _.debounce(function () {
|
|
this.$store.dispatch("report/searchuser", {
|
|
tes: this.search_user,
|
|
});
|
|
}, 200),
|
|
thr_search_test: _.debounce(function () {
|
|
this.$store.dispatch("report/searchtest", {
|
|
search: this.search_test,
|
|
});
|
|
}, 200),
|
|
thr_search: _.debounce(function () {
|
|
this.$store.dispatch("fisikdetail/findFisikTemplate", {
|
|
id: this.$store.state.fisik.selected_fisik.id,
|
|
name: this.xname,
|
|
status: this.selected_filter_flag.value,
|
|
current_page: 1,
|
|
lastid: -1,
|
|
});
|
|
}, 200),
|
|
searchFisikDetail() {
|
|
console.log(this.selected_filter_flag.value);
|
|
console.log(this.xname)
|
|
this.$store.dispatch("fisikdetail/findFisikTemplate", {
|
|
id: this.$store.state.fisik.selected_fisik.id,
|
|
name: this.xname,
|
|
current_page: 1,
|
|
status: this.selected_filter_flag.value,
|
|
lastid: -1,
|
|
});
|
|
},
|
|
doPrint() {
|
|
this.printwidth = 1028;
|
|
this.printtitle = "";
|
|
let report = one_report();
|
|
var id = this.xid;
|
|
var d = new Date();
|
|
var n = d.getTime();
|
|
var rptname = "user_price";
|
|
var formatrpt = this.formatreport;
|
|
|
|
this.urlprint =
|
|
"/birt/run?__report=report/onelab/md/" +
|
|
rptname +
|
|
".rptdesign&__format=" +
|
|
formatrpt +
|
|
"&PReportID=" +
|
|
id +
|
|
"&reportxname=" +
|
|
report.Group_ResultReportReportname +
|
|
"&tm=" +
|
|
n;
|
|
|
|
this.openprint = true;
|
|
},
|
|
closePrint() {
|
|
this.openprint = false;
|
|
},
|
|
changeDetail(value) {
|
|
var details = this.$store.state.report.reports;
|
|
var idx = _.findIndex(details, function (o) {
|
|
return (
|
|
o.Nat_NormalValueID == value.Nat_NormalValueID &&
|
|
o.Nat_ReportUserID == value.Nat_ReportUserID
|
|
);
|
|
});
|
|
details[idx].Nat_ReportUserReportIna = value.Nat_ReportUserReportIna;
|
|
details[idx].Nat_ReportUserReportEng = value.Nat_ReportUserReportEng;
|
|
this.$store.commit("report/update_reports", details);
|
|
},
|
|
savedetail() {
|
|
var prm = {
|
|
details: this.$store.state.report.reports,
|
|
};
|
|
this.$store.dispatch("report/saveallreportdetail", prm);
|
|
},
|
|
insertNewReport() {
|
|
var prm = {
|
|
xid: 0,
|
|
userid: this.$store.state.user.selected_user.id,
|
|
reportgroup: this.reportgroup,
|
|
reportcode: this.new_report,
|
|
reportname: this.new_reportname,
|
|
filterstatus: this.selected_filter_status.M_StatusID,
|
|
current_page: this.curr_page,
|
|
};
|
|
this.$store.dispatch("report/save", prm);
|
|
this.new_report = "";
|
|
this.new_reportname = "";
|
|
},
|
|
saveReportNew() {
|
|
var prm = {
|
|
id: 0,
|
|
value: this.value_new_report,
|
|
valueeng: this.new_reportname,
|
|
};
|
|
this.$store.dispatch("report/savelistingreport", prm);
|
|
},
|
|
changeBtnFlag(value,status) {
|
|
var newval = status;
|
|
var prm = value;
|
|
prm.status = newval;
|
|
prm.name = value.R_ReportName;
|
|
prm.templatemappingID = this.$store.state.fisik.selected_fisik.id;
|
|
prm.code = this.xcode;
|
|
prm.name = this.xname;
|
|
prm.current_page = this.curr_page;
|
|
|
|
this.$store.dispatch(
|
|
"fisikdetail/saveAddFisikTemplateMappingDetail",
|
|
prm
|
|
);
|
|
},
|
|
openFormReport(val) {
|
|
this.xid = val;
|
|
this.$store.commit("report/update_autotests", []);
|
|
this.$store.commit("report/update_autotest", {});
|
|
this.$store.commit("report/update_dialog_form_report", true);
|
|
},
|
|
editFormReport(val) {
|
|
this.xid = val.id;
|
|
this.$store.commit("report/update_autousers", [
|
|
{
|
|
Group_ResultID: val.Group_ResultID,
|
|
Group_ResultName: val.Group_ResultName,
|
|
},
|
|
]);
|
|
this.$store.commit("report/update_autouser", {
|
|
Group_ResultID: val.Group_ResultID,
|
|
Group_ResultName: val.Group_ResultName,
|
|
});
|
|
|
|
this.$store.commit("report/update_autotests", [
|
|
{
|
|
T_TestID: val.T_TestID,
|
|
T_TestName: val.T_TestName,
|
|
},
|
|
]);
|
|
this.$store.commit("report/update_autotest", {
|
|
T_TestID: val.T_TestID,
|
|
T_TestName: val.T_TestName,
|
|
});
|
|
this.$store.commit("report/update_dialog_form_report", true);
|
|
},
|
|
checkError(value) {
|
|
var errors = this.$store.state.report.errors;
|
|
if (errors.includes(value)) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
},
|
|
saveFormReport() {
|
|
if (this.$refs.formuserreport.validate()) {
|
|
this.$store.dispatch("report/save", {
|
|
xid: this.xid,
|
|
userid: this.xautouser
|
|
? this.$store.state.report.autouser.Group_ResultID
|
|
: 0,
|
|
username: this.$store.state.report.autouser.Group_ResultName,
|
|
testid: this.xautotest
|
|
? this.$store.state.report.autotest.T_TestID
|
|
: 0,
|
|
testname: this.xautotest
|
|
? this.$store.state.report.autotest.T_TestName
|
|
: "",
|
|
suser: this.$store.state.user.x_search,
|
|
sreport: this.xsearch,
|
|
});
|
|
}
|
|
},
|
|
set_date2(x) {
|
|
this.startdate = x.new_date;
|
|
},
|
|
set_date3(x) {
|
|
this.enddate = x.new_date;
|
|
},
|
|
formatDate(date) {
|
|
if (!date) return null;
|
|
|
|
const [year, month, day] = date.split("-");
|
|
return `${day}-${month}-${year}`;
|
|
},
|
|
deFormatedDate(date) {
|
|
if (!date) return null;
|
|
|
|
const [day, month, year] = date.split("-");
|
|
return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
|
|
},
|
|
updateAlert_success(val) {
|
|
this.$store.commit("user/update_alert_success", val);
|
|
},
|
|
deleteFormReport(data) {
|
|
this.xid = data.id;
|
|
|
|
this.msgalertreport = "Yakin, mau hapus report ini?";
|
|
this.dialogdeletealertreport = true;
|
|
},
|
|
closeDeleteAlertReport() {
|
|
this.$store.dispatch("report/delete", {
|
|
xid: this.xid,
|
|
userid: this.$store.state.report.autouser.Group_ResultID,
|
|
username: this.$store.state.report.autouser.Group_ResultName,
|
|
testid: this.xautotest ? this.$store.state.report.autotest.T_TestID : 0,
|
|
testname: this.xautotest
|
|
? this.$store.state.report.autotest.T_TestName
|
|
: "",
|
|
suser: this.$store.state.user.x_search,
|
|
sreport: this.xsearch,
|
|
});
|
|
this.dialogdeletealertreport = false;
|
|
},
|
|
},
|
|
watch: {
|
|
xsearch(val, old) {
|
|
this.xsearch = val;
|
|
this.thr_search();
|
|
},
|
|
search_user(val, old) {
|
|
if (val == old) return;
|
|
if (!val) return;
|
|
if (val.length < 1) return;
|
|
if (this.$store.state.report.update_autocomplete_status == 1) return;
|
|
this.thr_search_user();
|
|
},
|
|
search_test(val, old) {
|
|
if (val == old) return;
|
|
if (!val) return;
|
|
if (val.length < 1) return;
|
|
if (this.$store.state.report.update_autocomplete_status == 1) return;
|
|
this.thr_search_test();
|
|
},
|
|
},
|
|
};
|
|
</script>
|