Files
REG_IBL/one-ui/masterdata/one-fisik-template/components/oneFisikTemplateNatTestList.vue
2026-05-25 20:01:37 +07:00

864 lines
24 KiB
Vue

<template>
<v-layout>
<v-snackbar
v-model="snackbar.value"
:color="snackbar.color"
:multi-line="snackbar.mode === 'multi-line'"
:timeout="snackbar.timeout"
:vertical="snackbar.mode === 'vertical'"
:top="snackbar.top"
:bottom="snackbar.bottom"
:left="snackbar.left"
:right="snackbar.right"
>
{{ snackbar.text }}
<v-btn
dark
flat
@click="snackbar.value = false"
>
Tutup
</v-btn>
</v-snackbar>
<v-flex xs12>
<v-card class="mb-2" color="white">
<v-toolbar color="blue lighten-3" dark height="50px">
<v-toolbar-title>MAPPING NAT TEST</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="searchNatTest()"
></v-text-field>
</v-flex>
<v-flex pa-1 xs6>
<v-autocomplete
label="Status"
v-model="selected_filter_status"
: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>
<div v-if="_.isEmpty(selected_fisik)">
<v-alert type="info" icon="info" value="true">
Silakan pilih template fisik terlebih dahulu
</v-alert>
</div>
<v-data-table
v-if="!_.isEmpty(selected_fisik)"
:headers="headers"
:items="xfisiknat_tests"
: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.Nat_TestCode"
></td>
<td
class="text-xs-left pa-2"
v-on:dblclick="getDetailTemplate(props.item)"
@click="selectMe(props.item)"
v-html="props.item.Nat_TestName"
></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-card>
</v-flex>
</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: "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,
search_nat_test: "",
};
},
mounted() {},
computed: {
snackbar: {
get() {
return this.$store.state.fisik.snackbar;
},
set(val) {
this.$store.commit("fisik/update_snackbar", val);
},
},
selected_fisik: {
get() {
return this.$store.state.fisik.selected_fisik;
},
set(val) {
this.$store.commit("fisik/update_selected_fisik", val);
},
},
selected_filter_status: {
get() {
return this.$store.state.fisikdetail.selected_filter_status;
},
set(val) {
this.$store.commit("fisikdetail/update_selected_filter_status", val);
this.searchNatTest();
},
},
f_statuss: {
get() {
return this.$store.state.fisikdetail.f_statuss;
},
set(val) {
this.$store.commit("fisikdetail/update_f_statuss", val);
},
},
xfisiknat_tests() {
return this.$store.state.fisik.nat_tests;
},
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_nat_test: {
get() {
return this.$store.state.fisikdetail.xsearch_nat_test;
},
set(val) {
this.$store.commit("fisikdetail/update_xsearch_nat_test", 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,
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: {
searchNatTest() {
this.$store.dispatch("fisik/searchNatTest", {
search_nat_test: this.xname,
filter_status: this.selected_filter_status
});
},
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,
code: this.xcode,
name: this.xname,
current_page: 1,
lastid: -1,
});
}, 200),
searchFisikDetail() {
this.$store.dispatch("fisikdetail/findFisikTemplate", {
id: this.$store.state.fisik.selected_fisik.id,
code: this.xcode,
name: this.xname,
current_page: 1,
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) {
let prm = value
prm.id = this.$store.state.fisik.selected_fisik.id;
prm.status = status;
this.$store.dispatch(
"fisik/addNatTestMapping",
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>