Files
FE_CPONE/test/vuex/cpone-setup-mcu-v7/components/oneMdPatientList.vue
2026-04-29 15:44:48 +07:00

665 lines
31 KiB
Vue

<template>
<v-layout class="fill-height" column>
<!-- alert dialog -->
<v-dialog v-model="dialogsuccess" persistent max-width="290">
<v-card>
<v-card-title color="success" class="headline">Berhasil !</v-card-title>
<v-card-text>
{{ msgsuccess }}
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="green darken-1" flat @click="closeDialogSuccess">OK</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<!-- alert dialog -->
<v-card class="mb-2 pa-2 searchbox">
<v-layout row>
<!-- <v-flex class="text-xs-center" pa-1 xs5>
<v-select
style="font-size:11px"
item-text="name"
outline
return-object
class="mini-select"
:items="statuses"
v-model="status"
label="status" hide-details></v-select>
</v-flex> -->
<!-- <v-flex class="text-xs-center" pa-1 xs5>
<v-autocomplete
style="font-size:12px"
outline
label="Cari Kel. Pelanggan ..."
v-model="filter_company"
:items="filter_companies"
:search-input.sync="filter_search_company"
auto-select-first
no-filter
item-text="name"
return-object
:loading="isLoading"
hide-details
no-data-text="Pilih Kel. Pelanggan"
>
<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-flex> -->
<!-- inputan search -->
<v-flex pt-1 pl-2 pr-2 pb-1 xs12>
<v-text-field color="black" label="Cari" placeholder="Ketikkan Kode / Nama, Lalu tekan Enter"
v-model="search_mgmmcu" @keyup.enter="searchMgmMcu()" outline single-line
hide-details></v-text-field>
</v-flex>
<v-flex class="text-xs-right" xs2>
<span @click="setNewSetupX"
class="icon-medium-fill-base xs1 white--text deep-orange accent-1 mr-0 icon-add"></span>
</v-flex>
</v-layout>
</v-card>
<v-card>
<v-layout row>
<v-flex xs12 pl-2 pr-2 pt-2 pb-2>
<v-data-table :headers="headers" :items="mgmmcus" :loading="isLoading" hide-actions
class="elevation-1">
<template slot="items" slot-scope="props">
<td v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" class="text-xs-left pa-1">
{{ props.item.Mgm_McuNumber }}
</td>
<td v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" class="text-xs-left pa-1">
<p class="mb-0 caption">{{ props.item.Mgm_McuLabel }}</p>
<p class="mb-1 caption">{{ props.item.Mgm_McuStartDateTxt }} - {{
props.item.Mgm_McuEndDateTxt }}</p>
<p class="mb-1 caption">{{ props.item.CorporateName }}</p>
</td>
<td v-bind:class="{ 'amber lighten-4': isSelected(props.item) }" class="text-xs-left pa-1">
<v-btn style="min-width:25px;margin:0" @click="editRow(props.item)" small
color="info"><v-icon small>edit</v-icon></v-btn>
<!-- <v-btn v-if="status.id === 'N'" style="min-width:25px;margin:0" @click="deleteData(props.item)" small color="error"><v-icon small>close</v-icon></v-btn> -->
<v-btn style="min-width:25px;margin:0" @click="deleteData(props.item)" small
color="error"><v-icon small>close</v-icon></v-btn>
</td>
</template>
</v-data-table>
<v-pagination style="margin-top:10px;margin-bottom:10px" :total-visible="10" v-model="curr_page"
:length="xtotal_page"></v-pagination>
</v-flex>
</v-layout>
</v-card>
<one-dialog-alert :status="openalertconfirmation" :msg="msgalertconfirmation"
@forget-dialog-alert="forgetAlertConfirmation()"
@close-dialog-alert="closeAlertConfirmation()"></one-dialog-alert>
</v-layout>
</template>
<style scoped>
table.v-table tbody td,
table.v-table tbody th {
height: 35px;
}
table.v-table thead tr {
height: 35px;
}
</style>
<script>
module.exports = {
components: {
'one-dialog-info': httpVueLoader('../../common/oneDialogInfo.vue'),
'one-dialog-alert': httpVueLoader('../../common/oneDialogAlert.vue')
},
mounted() {
this.setNewSetup()
this.setNewSetupX()
this.$store.dispatch("patient/search", {
status: this.status,
current_page: this.curr_page,
company: 0,
lastid: -1
})
// load table 1
this.$store.dispatch("patient/searchv0", {
search: this.search,
current_page: this.curr_page,
lastid: -1
})
},
methods: {
// cpone
isSelected(p) {
return p.Mgm_McuID == this.$store.state.patient.selected_patient.Mgm_McuID
},
editRow(row) {
console.log('data for edit', row)
this.$store.commit("patient/update_show1", false);
this.$store.commit("patient/update_selected_patient", row)
this.$store.commit("patient/update_act", 'edit')
this.$store.commit("patient/update_xid", row.Mgm_McuID)
this.$store.commit("patient/update_inp_Mgm_McuLabel", row.Mgm_McuLabel)
this.$store.commit("patient/update_inp_Mgm_McuPicName", row.Mgm_McuPicName)
this.$store.commit("patient/update_inp_Mgm_McuPicPassword", row.Mgm_McuPicPassword)
this.$store.commit("patient/update_inp_Mgm_McuTotalParticipant", row.Mgm_McuTotalParticipant)
this.$store.commit("patient/update_inp_Mgm_McuPicEmail", row.Mgm_McuPicEmail)
//this.$store.commit("patient/update_inp_inp_Mgm_McuLowBackPainTampilSemua",row.Mgm_McuLowBackPainTampilSemua)
this.$store.commit("patient/update_start_date", moment(row.Mgm_McuStartDate).format('YYYY-MM-DD'))
this.$store.commit("patient/update_end_date", moment(row.Mgm_McuEndDate).format('YYYY-MM-DD'))
this.$store.commit("patient/update_inp_Mgm_McuTemplateMulti", row.Mgm_McuTemplateMulti)
if (row.Mgm_McuFlagRelasiBayarSendiri == "Y") {
this.$store.commit("patient/update_inp_Mgm_McuFlagRelasiBayarSendiri", true)
}
// else {
// if(row.Mgm_McuFlagRelasiBayarSendiri == "N") {
// this.$store.commit("patient/update_inp_Mgm_McuBisaTambahPemeriksaan",false)
// }
// }
// if(row.Mgm_McuFlagRelasiBayarSendiri == "N") {
// this.$store.commit("patient/update_inp_Mgm_McuBisaTambahPemeriksaan",false)
// }
if (row.Mgm_McuLowBackPainTampilSemua == "Y") {
this.$store.commit("patient/update_inp_Mgm_McuLowBackPainTampilSemua", true)
}
if (row.Mgm_McuBisaTambahPemeriksaan == "Y") {
this.$store.commit("patient/update_inp_Mgm_McuBisaTambahPemeriksaan", true)
}
this.$store.commit("patient/update_inp_Mgm_McuPriceWebsite", row.check_price_website)
// else {
// if(row.Mgm_McuBisaTambahPemeriksaan == "N") {
// this.$store.commit("patient/update_inp_Mgm_McuBisaTambahPemeriksaan",false)
// }
// }
this.$store.commit("patient/update_corporate", {
id: row.Mgm_McuCorporateID,
name: row.CorporateName
})
this.$store.commit("patient/update_corporates", [
{
id: row.Mgm_McuCorporateID,
name: row.CorporateName
}
])
this.$store.commit("patient/update_selected_templateFisikCb", {
FisikTemplateMappingID: row.Mgm_McuTemplateFisikTemplateMappingID,
FisikTemplateMappingName: row.FisikTemplateMappingName
})
this.$store.commit("patient/update_selected_tpriceheaderformCb", {
T_PriceHeaderID: row.T_PriceHeaderID,
T_PriceHeaderName: row.T_PriceHeaderName
})
this.$store.commit("patient/update_selected_branch", {
M_BranchID: row.M_BranchID,
M_BranchCode: row.M_BranchCode,
M_BranchName: row.M_BranchName,
M_BranchAddress: row.M_BranchAddress,
M_BranchIsActive: row.M_BranchIsActive,
M_BranchCreated: row.M_BranchCreated,
M_BranchCreatedUserID: row.M_BranchCreatedUserID,
M_BranchLastUpdated: row.M_BranchLastUpdated,
M_BranchLastUpdatedUserID: row.M_BranchLastUpdatedUserID,
M_BranchDeleted: row.M_BranchDeleted,
M_BranchDeletedUserID: row.M_BranchDeletedUserID
})
this.$store.dispatch("patient/getemailresult", {
Mgm_McuID: row.Mgm_McuID,
corporate_id: row.Mgm_McuCorporateID
})
this.$store.dispatch("patient/getmultitemplates", {
Mgm_McuID: row.Mgm_McuID
})
this.$store.dispatch("patient/getCover", {
Mgm_McuID: row.Mgm_McuID
})
this.$store.dispatch("patient/getBg", {
Mgm_McuID: row.Mgm_McuID
})
this.$store.dispatch("patient/getReportUrlTemplates", {
Mgm_McuID: row.Mgm_McuID
})
this.$store.commit("patient/update_inp_Mgm_McuNote", row.Mgm_McuNote)
this.$store.commit("patient/update_selected_packets", row.packets)
// this.$store.dispatch("patient/getPackets", {
// searchPacket : this.$store.state.patient.search_packet,
// current_page: 1,
// })
this.$store.dispatch("patient/getPackets", {
T_PriceHeaderID: this.$store.state.patient.selected_tpriceheaderformCb.T_PriceHeaderID,
searchPacket: this.search_packet,
current_page: 1,
// lastid: -1
})
// this.$store.commit("patient/update_usermcuid", row.Mgm_McuUserID)
this.$store.dispatch("patient/getusermcu", {
Mgm_McuID: this.$store.state.patient.selected_patient.Mgm_McuID
})
this.$store.commit("patient/update_reportresult", row.Mgm_McuReportHasil)
this.$store.commit("patient/update_selected_reportUrlTemplate", {
id: row.Mcu_ReportUrlTemplateID || 0,
reportName: row.Mcu_ReportUrlTemplateName || ""
})
this.$store.commit("patient/update_selected_generatepasswordby", {
generatepasswordbycode: row.generatepasswordbycode,
generatepasswordbyname: row.generatepasswordbyname
})
// this.$store.commit("patient/update_companies", [{id:row.McuOfflinePrepareM_CompanyID,name:row.M_CompanyName}])
// this.$store.commit("patient/update_company", {id:row.McuOfflinePrepareM_CompanyID,name:row.M_CompanyName})
// this.$store.commit("patient/update_mous", row.allmous)
// this.$store.commit("patient/update_mou", {})
// this.$store.commit("patient/update_selected_mous", row.mous)
// this.$store.commit("patient/update_deliveries", row.deliveries)
// this.$store.commit("patient/update_selected_doctors", row.doctors)
// this.$store.commit("patient/update_default_mou", row.default_mou)
// this.$store.commit("patient/update_default_doctor", row.default_doctor)
// this.$store.commit("patient/update_start_date", moment(row.McuOfflinePrepareStartDate).format('YYYY-MM-DD'))
// this.$store.commit("patient/update_end_date", moment(row.McuOfflinePrepareEndDate).format('YYYY-MM-DD'))
// this.$store.commit("patient/update_promise_date", row.promise_date)
// this.$store.commit("patient/update_promise_time", row.promise_time)
// this.$store.commit("patient/update_doctor_address", row.doctor_address)
// this.$store.commit("patient/update_default_doctor_address", row.default_doctor_address)
// this.$store.commit('patient/update_selected_packets', row.packets)
// this.$store.commit('patient/update_selected_tests', row.tests)
// var prm = row.default_mou
// prm.current_page = 1
// prm.search = ''
// this.$store.dispatch("patient/getdatapackets", prm)
// this.$store.dispatch("patient/getdatatests", prm)
},
deleteData(row) {
// this.$store.commit("patient/update_selected_patient", row)
// console.log(this.$store.state.patient.selected_patient)
// let msg = "Yakin, akan menghapus data setup " + this.$store.state.patient.selected_patient.McuOfflinePrepareCode + " ?"
// this.$store.commit("patient/update_msg_confirmation_delete", msg)
// this.$store.commit("patient/update_dialog_confirmation_delete", true)
this.$store.commit("patient/update_selected_mgmmcu", row)
console.log(this.$store.state.patient.selected_mgmmcu)
let msg = "Yakin, akan menghapus data setup " + this.$store.state.patient.selected_mgmmcu.Mgm_McuNumber + " ?"
this.$store.commit("patient/update_msg_confirmation_delete", msg)
this.$store.commit("patient/update_dialog_confirmation_delete", true)
},
setNewSetupX() {
this.$store.commit("patient/update_act", 'new')
this.$store.commit("patient/update_xid", -1)
// this.$store.commit("patient/update_company", {})
this.$store.commit("patient/update_selected_patient", {})
this.$store.commit("patient/update_corporate", {})
this.$store.commit("patient/update_selected_templateFisikCb", {})
this.$store.commit("patient/update_inp_Mgm_McuNote", "")
this.$store.commit("patient/update_inp_Mgm_McuBisaTambahPemeriksaan", false)
this.$store.commit("patient/update_inp_Mgm_McuFlagRelasiBayarSendiri", false)
this.$store.commit("patient/update_inp_Mgm_McuLabel", "")
this.$store.commit("patient/update_inp_Mgm_McuPicName", "")
this.$store.commit("patient/update_start_date", moment(new Date()).format('YYYY-MM-DD'))
this.$store.commit("patient/update_end_date", moment(new Date()).format('YYYY-MM-DD'))
this.$store.commit("patient/update_selected_packets", [])
this.$store.commit("patient/update_inp_Mgm_McuPicPassword", "")
this.$store.commit("patient/update_inp_Mgm_McuUserPassword", "")
this.$store.commit("patient/update_inp_Mgm_McuTotalParticipant", 0)
this.$store.commit("patient/update_inp_Mgm_McuPicEmail", "")
this.$store.commit("patient/update_inp_Mgm_McuUserEmail", "")
this.$store.commit("patient/update_selected_branch", {})
this.$store.commit("patient/update_selected_tpriceheaderformCb", {})
this.$store.commit("patient/update_userMcuLists", [])
this.$store.commit("patient/update_reportresult", "1")
this.$store.commit("patient/update_selected_generatepasswordby", {})
this.$store.commit("patient/update_selected_reportUrlTemplate", {})
this.$store.dispatch("patient/getReportUrlTemplates", { Mgm_McuID: 0 })
},
searchMgmMcu() {
// var prm = this.default_mou
// prm.search = this.search_mgmmcu
// prm.current_page = 1
var prm = {}
prm.search = this.search_mgmmcu
// prm.current_page = 1
prm.current_page = this.curr_page
this.$store.commit("patient/update_current_page", 1)
this.$store.dispatch("patient/searchv0", prm)
},
// cpone
thr_search_company: _.debounce(function () {
//console.log(this.search_company)
this.$store.dispatch("patient/filtersearchcompany", { search: this.filter_search_company })
}, 2000),
// editRow(row){
// this.$store.commit("patient/update_selected_patient", row)
// this.$store.commit("patient/update_act", 'edit')
// this.$store.commit("patient/update_xid", row.McuOfflinePrepareID)
// this.$store.commit("patient/update_companies", [{id:row.McuOfflinePrepareM_CompanyID,name:row.M_CompanyName}])
// this.$store.commit("patient/update_company", {id:row.McuOfflinePrepareM_CompanyID,name:row.M_CompanyName})
// this.$store.commit("patient/update_mous", row.allmous)
// this.$store.commit("patient/update_mou", {})
// this.$store.commit("patient/update_selected_mous", row.mous)
// this.$store.commit("patient/update_deliveries", row.deliveries)
// this.$store.commit("patient/update_selected_doctors", row.doctors)
// this.$store.commit("patient/update_default_mou", row.default_mou)
// this.$store.commit("patient/update_default_doctor", row.default_doctor)
// this.$store.commit("patient/update_start_date", moment(row.McuOfflinePrepareStartDate).format('YYYY-MM-DD'))
// this.$store.commit("patient/update_end_date", moment(row.McuOfflinePrepareEndDate).format('YYYY-MM-DD'))
// this.$store.commit("patient/update_promise_date", row.promise_date)
// this.$store.commit("patient/update_promise_time", row.promise_time)
// this.$store.commit("patient/update_doctor_address", row.doctor_address)
// this.$store.commit("patient/update_default_doctor_address", row.default_doctor_address)
// this.$store.commit('patient/update_selected_packets', row.packets)
// this.$store.commit('patient/update_selected_tests', row.tests)
// var prm = row.default_mou
// prm.current_page = 1
// prm.search = ''
// this.$store.dispatch("patient/getdatapackets", prm)
// this.$store.dispatch("patient/getdatatests", prm)
// },
// isSelected(p) {
// return p.McuOfflinePrepareID == this.$store.state.patient.selected_patient.McuOfflinePrepareID
// },
searchPatient() {
this.$store.dispatch("patient/search", {
status: this.status,
current_page: 1,
lastid: -1
})
this.$store.commit("patient/update_current_page", 1)
},
selectMe(pat) {
if (this.$store.state.patient.no_save == 0) {
this.$store.commit("patient/update_selected_patient", pat)
} else {
this.$store.commit("patient/update_open_alert_confirmation", true)
}
},
closeAlertConfirmation() {
this.$store.commit("patient/update_open_alert_confirmation", false)
},
forgetAlertConfirmation() {
this.$store.commit("patient/update_no_save", 0)
this.$store.commit("patient/update_open_alert_confirmation", false)
},
updateAlert_success(val) {
this.$store.commit("patient/update_alert_success", val)
},
closeDialogSuccess() {
let arrpatient = this.$store.state.patient.patients
var idx = _.findIndex(arrpatient, item => item.M_PatientID === this.$store.state.patient.last_id)
console.log(idx)
// this.$store.dispatch("patient/search", {
// status: this.status,
// current_page: this.curr_page,
// lastid: idx
// })
this.$store.dispatch("patient/searchv0", {
search: this.search_mgmmcu,
status: this.status,
current_page: this.curr_page,
lastid: idx
})
this.$store.commit("patient/update_dialog_success", false)
},
setNewSetup() {
this.$store.commit("patient/update_act", 'new')
this.$store.commit("patient/update_xid", -1)
this.$store.commit("patient/update_company", {})
this.$store.commit("patient/update_mous", [])
this.$store.commit("patient/update_mou", {})
this.$store.commit("patient/update_selected_mous", [])
this.$store.commit("patient/update_selected_doctors", [])
this.$store.commit("patient/update_start_date", moment(new Date()).format('YYYY-MM-DD'))
this.$store.commit("patient/update_end_date", moment(new Date()).format('YYYY-MM-DD'))
this.$store.commit("patient/update_default_mou", {})
this.$store.commit("patient/update_default_doctor", {})
this.$store.commit("patient/update_default_doctor_address", {})
this.$store.commit("patient/update_doctor_address", [])
this.$store.commit("patient/update_packets", [])
this.$store.commit("patient/update_tests", [])
this.$store.commit("patient/update_selected_packets", [])
this.$store.commit("patient/update_selected_tests", [])
this.$store.commit("patient/update_current_page_test", 1)
this.$store.commit("patient/update_current_page_packet", 1)
this.$store.commit("patient/update_total_patient_packet", 0)
this.$store.commit("patient/update_total_patient_test", 0)
},
// deleteData(row) {
// // this.$store.commit("patient/update_selected_patient", row)
// // console.log(this.$store.state.patient.selected_patient)
// // let msg = "Yakin, akan menghapus data setup " + this.$store.state.patient.selected_patient.McuOfflinePrepareCode + " ?"
// // this.$store.commit("patient/update_msg_confirmation_delete", msg)
// // this.$store.commit("patient/update_dialog_confirmation_delete", true)
// this.$store.commit("patient/update_selected_mgmmcu", row)
// console.log(this.$store.state.patient.selected_mgmmcu)
// let msg = "Yakin, akan menghapus data setup " + this.$store.state.patient.selected_mgmmcu.Mgm_McuNumber + " ?"
// this.$store.commit("patient/update_msg_confirmation_delete", msg)
// this.$store.commit("patient/update_dialog_confirmation_delete", true)
// },
// doDeleteData() {
// var prm = {}
// prm.id = this.$store.state.patient.selected_patient.McuOfflinePrepareID
// prm.code = this.$store.state.patient.selected_patient.McuOfflinePrepareCode
// console.log(prm)
// this.$store.dispatch("patient/delete", prm)
// }
},
computed: {
// cpone
search_mgmmcu: {
get() {
return this.$store.state.patient.search_mgmmcu
},
set(val) {
this.$store.commit("patient/update_search_mgmmcu", val)
this.$store.commit("patient/update_no_save", 1)
}
},
mgmmcus() {
return this.$store.state.patient.mgmmcus
},
// cpone
filter_companies() {
return this.$store.state.patient.filter_companies
},
filter_company: {
get() {
return this.$store.state.patient.filter_company
},
set(val) {
this.$store.commit("patient/update_filter_company", val)
//this.$store.dispatch("patient/getmou",this.$store.state.patient.company)
this.$store.dispatch("patient/search", {
status: this.status,
current_page: this.curr_page,
company: val.id,
lastid: -1
})
}
},
dialogconfirmationdelete: {
get() {
return this.$store.state.patient.dialog_confirmation_delete
},
set(val) {
this.$store.commit("patient/update_dialog_confirmation_delete", val)
}
},
msgconfirmationdelete() {
return this.$store.state.patient.msg_confirmation_delete
},
status: {
get() {
return this.$store.state.patient.status
},
set(val) {
this.$store.commit("patient/update_status", val)
this.$store.dispatch("patient/search", {
status: val,
current_page: this.curr_page,
company: this.$store.state.patient.filter_company.id,
lastid: -1
})
}
},
dialogsuccess: {
get() {
return this.$store.state.patient.dialog_success
},
set(val) {
this.$store.commit("patient/update_dialog_success", val)
}
},
msgsuccess() {
return this.$store.state.patient.msg_success
},
snackbar: {
get() {
return this.$store.state.patient.alert_success
},
set(val) {
this.$store.commit("patient/update_alert_success", val)
}
},
isLoading() {
return this.$store.state.patient.search_status == 1
},
patients() {
return this.$store.state.patient.patients
},
totalpatient() {
return this.$store.state.patient.total_patient
},
curr_page: {
get() {
return this.$store.state.patient.current_page
},
set(val) {
this.$store.commit("patient/update_current_page", val)
// this.$store.dispatch("patient/search", {
// status: this.status,
// current_page: val,
// lastid: -1
// })
var prm = {}
prm.search = this.search_mgmmcu
prm.current_page = val
// this.$store.commit("patient/update_current_page_mgmmcu", 1)
this.$store.dispatch("patient/searchv0", prm)
}
},
xtotal_page: {
get() {
return this.$store.state.patient.total_mgmmcu
},
set(val) {
this.$store.commit("patient/update_total_mgmmcu", val)
}
},
// xtotal_page: {
// get() {
// return this.$store.state.patient.total_patient
// },
// set(val) {
// this.$store.commit("patient/update_total_patient", val)
// }
// },
openalertconfirmation: {
get() {
return this.$store.state.patient.open_alert_confirmation
},
set(val) {
this.$store.commit("patient/update_open_alert_confirmation", val)
}
},
},
watch: {
filter_search_company(val, old) {
//console.log(val)
if (val == old) return
if (!val) return
if (val.length < 1) return
if (this.$store.state.patient.update_autocomplete_status == 1) return
this.thr_search_company()
}
},
data() {
return {
filter_search_company: '',
statuses: [{ id: "N", name: "Belum download" }, { id: "Y", name: "Sudah download" }],
msgalertconfirmation: "Perubahan yang telah dilakukan belum disimpan dong !",
items: [],
name: '',
snorm: '',
page: 1,
headers: [
{
text: "KODE",
align: "left",
sortable: false,
value: "mr",
width: "20%",
class: "pa-2 deep-orange accent-1 white--text"
},
{
text: "NAMA",
align: "left",
sortable: false,
value: "lab",
width: "55%",
class: "pa-2 deep-orange accent-1 white--text"
},
{
text: "AKSI",
align: "left",
sortable: false,
value: "lab",
width: "15%",
class: "pa-2 deep-orange accent-1 white--text"
}
],
pagination: {
descending: false,
page: 1,
rowsPerPage: 5,
sortBy: 'Mgm_McuID',
// totalItems: this.$store.state.patient.total_patients
totalItems: this.$store.state.patient.total_mgmmcu
}
};
}
}
</script>