Flatten nested repos
This commit is contained in:
sas.fajri
43
test/vuex/one-md-schedule-v2/components/headerBox.vue
Normal file
43
test/vuex/one-md-schedule-v2/components/headerBox.vue
Normal file
@@ -0,0 +1,43 @@
|
||||
<template>
|
||||
|
||||
<div>
|
||||
<v-card>
|
||||
<v-btn class= "button parallelogram" color="success">Pasien Dokter</v-btn>
|
||||
<v-btn class= "button parallelogram" color="warning">MOU </v-btn>
|
||||
<v-btn class= "button parallelogram" color="error">Kirim Hasil </v-btn>
|
||||
<v-btn class= "button parallelogram" color="info"> Barcode</v-btn>
|
||||
</v-card>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.v-card{
|
||||
text-align: center;
|
||||
}
|
||||
.v-btn__content{
|
||||
margin-top : -10px;
|
||||
}
|
||||
.button {
|
||||
|
||||
padding: 30px 16px;
|
||||
width : 20%;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.parallelogram{
|
||||
transform: skew(-20deg);
|
||||
|
||||
}
|
||||
|
||||
.v-btn {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
|
||||
}
|
||||
</script>
|
||||
269
test/vuex/one-md-schedule-v2/components/mdScheduleDay.vue
Normal file
269
test/vuex/one-md-schedule-v2/components/mdScheduleDay.vue
Normal file
@@ -0,0 +1,269 @@
|
||||
<template>
|
||||
<v-layout>
|
||||
<v-flex xs12>
|
||||
<v-card class="mb-2" color="white" style="min-height:100px">
|
||||
<v-toolbar class="mb-1" color="grey lighten-2" dark height="50px">
|
||||
<v-toolbar-title class="black--text">HARI (DALAM SEMINGGU) : {{xpromises.name}}</v-toolbar-title>
|
||||
<v-spacer></v-spacer>
|
||||
</v-toolbar>
|
||||
|
||||
<v-btn style="min-width:160px;" class="mt-1 mb-2" v-for="(vst,idx) in vscheduledays" :key="vst.id" @click="changeDay(idx)"
|
||||
small :color="vst.isavailable === 'N' ? 'yellow' : 'green'" v-if="vst.paramid !== '0'">{{vst.dayofweekname}}
|
||||
</v-btn>
|
||||
|
||||
<template>
|
||||
|
||||
<v-dialog v-model="dialogaddalertday" max-width="30%">
|
||||
<v-card>
|
||||
<v-card-title class="headline grey lighten-2 pt-2 pb-2" primary-title>
|
||||
Konfirmasi
|
||||
</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>
|
||||
{{msgalertday}}
|
||||
</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="dialogaddalertday = false">
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-btn color="primary" flat @click="closeAddAlertDay()">
|
||||
Yakin lah
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<template>
|
||||
|
||||
<v-dialog v-model="dialogdeletealertday" 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>
|
||||
{{msgalertday}}
|
||||
</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="dialogdeletealertday = false">
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-btn color="primary" flat @click="closeDeleteAlertDay()">
|
||||
Yakin lah
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="dialogscheduleday" persistent max-width="600px">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
<span class="headline">Form Schedule Pemeriksaan</span>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-0 pb-0">
|
||||
<v-form ref="formscheduleday" v-model="validday" lazy-validation>
|
||||
<v-layout wrap>
|
||||
<v-flex xs12>
|
||||
SCHEDULE : {{xschedules.name}}
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-autocomplete label="Pemeriksaan" v-model="xselected_day" :items="xdays" :search-input.sync="search" auto-select-first
|
||||
no-filter return-object item-text="name" :loading="is_loading" no-data-text="Pilih Pemeriksaan">
|
||||
<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>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="grey darken-1" flat @click="updateDialogFormScheduleDay()">Tutup</v-btn>
|
||||
<v-btn color="grey darken-1" flat @click="saveFormScheduleDay()">Simpan</v-btn>
|
||||
</v-card-actions>
|
||||
</v-form>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data: () => ({
|
||||
color: "success",
|
||||
validday: false,
|
||||
search: "",
|
||||
dialogaddalertday: false,
|
||||
dialogdeletealertday: false,
|
||||
xid: 0,
|
||||
msgalertday: ""
|
||||
}),
|
||||
computed: {
|
||||
vscheduledays() {
|
||||
return this.$store.state.scheduleday.scheduledays
|
||||
},
|
||||
dialogscheduleday() {
|
||||
return this.$store.state.scheduleday.dialog_form_schedule_day
|
||||
},
|
||||
xselected_day: {
|
||||
get() {
|
||||
return this.$store.state.scheduleday.selected_day
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("scheduleday/update_selected_day", val)
|
||||
}
|
||||
},
|
||||
xpromises() {
|
||||
return this.$store.state.schedulepromise.selected_promise
|
||||
},
|
||||
xschedules() {
|
||||
return this.$store.state.schedule.selected_schedule
|
||||
},
|
||||
xdays() {
|
||||
return this.$store.state.scheduleday.days
|
||||
},
|
||||
is_loading() {
|
||||
return this.$store.state.scheduleday.search_status == 1
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateDialogFormScheduleDay() {
|
||||
this.$store.commit("scheduleday/update_dialog_form_schedule_day", false)
|
||||
},
|
||||
openFormScheduleDay() {
|
||||
this.$store.commit("scheduleday/update_selected_day", {})
|
||||
this.$refs.formscheduleday.reset()
|
||||
this.$refs.formscheduleday.resetValidation()
|
||||
this.$store.commit("scheduleday/update_dialog_form_schedule_day", true)
|
||||
},
|
||||
saveFormScheduleDay() {
|
||||
if (this.$refs.formscheduleday.validate()) {
|
||||
this.$store.dispatch("scheduleday/save", {
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
dayid: this.xselected_day.id,
|
||||
dayname: this.xselected_day.name
|
||||
})
|
||||
}
|
||||
},
|
||||
updateAlert_success(val) {
|
||||
this.$store.commit("schedule/update_alert_success", val)
|
||||
},
|
||||
thr_search: _.debounce(function () {
|
||||
this.$store.dispatch("scheduleday/search", {
|
||||
id: this.$store.state.schedule.selected_schedule.id
|
||||
})
|
||||
}, 2000),
|
||||
addDay(data) {
|
||||
this.xid = data.id
|
||||
console.log(this.xid)
|
||||
this.$store.commit("scheduleday/update_selected_day", data)
|
||||
this.msgalertday = "Yakin, mau tambah hari " + this.xselected_day.dayofweekname + "dari schedule " + this.xpromises
|
||||
.name + " ?"
|
||||
this.dialogaddalertday = true
|
||||
},
|
||||
closeAddAlertDay() {
|
||||
this.$store.dispatch("scheduleday/save", {
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
dayid: this.xselected_day.dayofweek,
|
||||
dayname: this.xselected_day.dayofweekname
|
||||
})
|
||||
this.dialogaddalertday = false
|
||||
},
|
||||
deleteDay(data) {
|
||||
this.xid = data.id
|
||||
console.log(this.xid)
|
||||
this.$store.commit("scheduleday/update_selected_day", data)
|
||||
this.msgalertday = "Yakin, mau hapus pemeriksaan " + this.xselected_day.dayofweekname + "dari schedule " +
|
||||
this.xpromises
|
||||
.name + " ?"
|
||||
this.dialogdeletealertday = true
|
||||
},
|
||||
closeDeleteAlertDay() {
|
||||
this.$store.dispatch("scheduleday/delete", {
|
||||
xid: this.xid,
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
dayname: this.xselected_day.dayofweekname
|
||||
})
|
||||
this.dialogdeletealertday = false
|
||||
},
|
||||
changeDay(idx) {
|
||||
var pos = this.vscheduledays;
|
||||
if (pos[idx].isavailable == 'Y') {
|
||||
pos[idx].isavailable = 'N'
|
||||
this.$store.dispatch("scheduleday/delete", {
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
dayid: pos[idx].dayofweek,
|
||||
dayname: pos[idx].dayofweekname
|
||||
})
|
||||
} else {
|
||||
pos[idx].isavailable = 'Y'
|
||||
this.$store.dispatch("scheduleday/save", {
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
dayid: pos[idx].dayofweek,
|
||||
dayname: pos[idx].dayofweekname
|
||||
})
|
||||
}
|
||||
this.$store.dispatch("scheduleday/update_days_only", pos)
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
search(val, old) {
|
||||
console.log(val)
|
||||
if (val !== "" && val !== old && val && val.length > 2) {
|
||||
this.$store.commit("scheduleday/update_search", val)
|
||||
this.thr_search()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
552
test/vuex/one-md-schedule-v2/components/mdScheduleList.vue
Normal file
552
test/vuex/one-md-schedule-v2/components/mdScheduleList.vue
Normal file
@@ -0,0 +1,552 @@
|
||||
<template>
|
||||
<v-layout>
|
||||
<template>
|
||||
|
||||
<v-dialog v-model="dialogdeletealert" max-width="30%">
|
||||
<v-card>
|
||||
<v-card-title class="headline blue 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>
|
||||
{{msgalert}}
|
||||
</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="dialogdeletealert = false">
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-btn color="primary" flat @click="closeDeleteAlert()">
|
||||
Yakin lah
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<v-flex xs12>
|
||||
<v-card class="scroll-container" style="/*max-height:645px;overflow: auto;*/">
|
||||
<v-toolbar color="blue lighten-2" dark height="50px">
|
||||
<v-toolbar-title class="white--text">SCHEDULE</v-toolbar-title>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn @click="openFormSchedule()" icon>
|
||||
<v-icon class="white--text">library_add</v-icon>
|
||||
</v-btn>
|
||||
</v-toolbar>
|
||||
<v-snackbar v-model="snackbar" :color="color" :timeout="5000" :multi-line="false" :vertical="false" :top="true">
|
||||
{{msgsnackbar}}
|
||||
<v-btn flat @click="updateAlert_success(false)">
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-snackbar>
|
||||
<v-layout row style="background:#bbdefb;padding-top:5px;" justify-center>
|
||||
<v-list-tile>
|
||||
<input type="text" v-model="xsearch" class="textinput" placeholder="Cari ..." />
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
</v-layout>
|
||||
<v-divider></v-divider>
|
||||
<div style="overflow: auto;max-height:550px">
|
||||
<div v-for="(vs,idx) in vschedules" :key="vs.id">
|
||||
|
||||
<v-layout pa-2 v-if="isSelected(vs)" row>
|
||||
<v-flex xs12 @click="selectMe(vs)">
|
||||
<v-layout row>
|
||||
<v-flex class="boxsolid" xs12>
|
||||
<v-tooltip right>
|
||||
<template v-slot:activator="{ on }">
|
||||
<span v-on="on">{{vs.detail}}</span>
|
||||
</template>
|
||||
<span>{{vs.detail}}</span>
|
||||
</v-tooltip>
|
||||
</v-flex>
|
||||
<v-flex :class="{ boxoutline : !isSelected(vs) , boxsolid: isSelected(vs) }" class="text-center" style="padding-top:10px"
|
||||
pl-2 pb-2 pr-2 xs2>
|
||||
<v-layout row align-center justify-space-between>
|
||||
<v-icon style="color:#ffffff" @click="editSchedule(vs)">edit</v-icon>
|
||||
<v-icon style="color:#ffffff" @click="deleteSchedule(vs)">clear</v-icon>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
|
||||
|
||||
<v-layout pa-2 v-if="!isSelected(vs)" row>
|
||||
<v-flex xs12 @click="selectMe(vs)">
|
||||
<v-layout row>
|
||||
<v-flex class="boxoutline" xs12>
|
||||
<v-tooltip right>
|
||||
<template v-slot:activator="{ on }">
|
||||
<span v-on="on">{{vs.detail}}</span>
|
||||
</template>
|
||||
<span>{{vs.detail}}</span>
|
||||
</v-tooltip>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
<v-flex :class="{ boxoutline : !isSelected(vs) , boxsolid: isSelected(vs) }" class="text-center" style="padding-top:10px"
|
||||
pl-2 pb-2 pr-2 xs2>
|
||||
<v-layout row align-center justify-space-between>
|
||||
<v-icon :style="{color:iconColor(vs)}" @click="editSchedule(vs)">edit</v-icon>
|
||||
<v-icon :style="{color:iconColor(vs)}" @click="deleteSchedule(vs)">clear</v-icon>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-divider></v-divider>
|
||||
</div>
|
||||
</div>
|
||||
<v-layout row>
|
||||
<v-flex class="text-xs-center" pt-3 xs12>
|
||||
<p style="margin-bottom:2px;color: rgba(0,0,0,0.54);font-size:12px;">Menampilkan <span class="red--text">{{xtotalfilterschedules}}</span> dari <span class="red--text">{{xtotalschedules}}</span> total data</p>
|
||||
<v-btn small v-if="xshowall === 'N'" flat @click="updateShowAll('Y')" color="primary" dark>Tampilkan Semua</v-btn>
|
||||
<v-btn small v-if="xshowall === 'Y'" flat @click="updateShowAll('N')" color="primary" dark>Batasi data</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="dialogschedule" persistent max-width="1000px">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
<span class="headline">Form Schedule</span>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-0 pb-0">
|
||||
<v-form ref="formschedule" v-model="valid" lazy-validation>
|
||||
<v-layout wrap>
|
||||
<v-flex xs12>
|
||||
<v-text-field v-model="schedulename" label="Nama Schedule" :rules="nameRules" required></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-layout>
|
||||
<v-flex xs7 pa-1>
|
||||
<v-autocomplete label="Pemeriksaan" v-model="xorderautotest" :items="xorderautotests" :search-input.sync="search_test" auto-select-first
|
||||
no-filter item-text="Nat_TestName" return-object no-data-text="Cari Pemeriksaan" outline small>
|
||||
<template slot="item" slot-scope="{ item }">
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title v-text="item.Nat_TestName"></v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</template>
|
||||
</v-autocomplete>
|
||||
</v-flex>
|
||||
<v-flex xs5 pa-1>
|
||||
<v-btn @click="addTest()" color="blue en-3">Tambah Test</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
<v-flex>
|
||||
<p class="error pl-2 pr-2" style="color:#fff" v-if="xerrorname === true">Udah ada dong nama schedule yang sama</p>
|
||||
</v-flex>
|
||||
<v-flex xs4 v-for="(vst,idx) in xordertests" :key="vst.Nat_TestID" class="pr-2 pb-1">
|
||||
<v-layout row>
|
||||
<v-flex class="boxoutline" style="text-overflow:ellipsis;overflow:hidden;" xs11>
|
||||
<v-btn class="ml-4" large @click="deleteDataPx(idx)" color="error">
|
||||
<v-icon left>close</v-icon>{{vst.Nat_TestName}}</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="blue darken-1" flat @click="updateDialogFormSchedule()">Tutup</v-btn>
|
||||
<v-btn v-if="xact === 'new'" color="blue darken-1" flat @click="saveFormSchedule()">Simpan</v-btn>
|
||||
<v-btn v-if="xact === 'edit'" color="blue darken-1" flat @click="updateFormSchedule()">Simpan Perubahan</v-btn>
|
||||
</v-card-actions>
|
||||
</v-form>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.textinput {
|
||||
-webkit-transition: width 0.4s ease-in-out;
|
||||
transition: width 0.4s ease-in-out;
|
||||
background-color: white;
|
||||
background-position: 10px 10px;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 40px;
|
||||
width: 100%;
|
||||
padding: 8px 10px;
|
||||
margin-bottom: 5px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #607d8b;
|
||||
|
||||
}
|
||||
|
||||
.textinput:focus {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.textinput:focus::-webkit-input-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.textinput:focus::-moz-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.textinput:-moz-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.boxoutlinex {
|
||||
color: teal;
|
||||
border: 1px solid teal;
|
||||
justify-content: center;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
padding-left: 10px;
|
||||
background: #ffffff;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
border-radius: 1px
|
||||
}
|
||||
|
||||
.boxoutlinex:hover {
|
||||
background: rgba(0, 0, 0, 0.07) !important;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.boxoutline {
|
||||
color: red;
|
||||
border: 1px solid red;
|
||||
justify-content: center;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
padding-left: 10px;
|
||||
background: #ffffff;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
border-radius: 1px
|
||||
}
|
||||
|
||||
.boxoutline:hover {
|
||||
background: rgba(0, 0, 0, 0.07) !important;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.boxsolid {
|
||||
color: #ffffff;
|
||||
border: 1px solid #ffffff;
|
||||
justify-content: center;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
padding-left: 10px;
|
||||
background: #f44336;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
border-radius: 1px
|
||||
}
|
||||
|
||||
.boxsolid:hover {
|
||||
background: #f44336de;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.scroll-container {
|
||||
scroll-padding: 50px 0 0 50px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
}
|
||||
|
||||
/* this targets the default scrollbar (compulsory) */
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: #73baf3;
|
||||
}
|
||||
|
||||
/* the new scrollbar will have a flat appearance with the set background color */
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #2196f3;
|
||||
}
|
||||
|
||||
/* this will style the thumb, ignoring the track */
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
background-color: #0079da;
|
||||
}
|
||||
|
||||
/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
/* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data: () => ({
|
||||
color: "success",
|
||||
valid: false,
|
||||
schedulename: '',
|
||||
search_test: '',
|
||||
isLoading: false,
|
||||
flagpreschedule: "",
|
||||
preschedulemaxhour: '',
|
||||
nameRules: [
|
||||
v => !!v || 'Nama Schedule harus diisi'
|
||||
],
|
||||
dialogdeletealert: false,
|
||||
msgalert: "",
|
||||
xid: 0,
|
||||
xsearch: ""
|
||||
}),
|
||||
mounted() {
|
||||
this.$store.dispatch("schedule/lookup", {
|
||||
search: this.xsearch,
|
||||
all: this.xshowall
|
||||
})
|
||||
this.$store.dispatch("notest/selected", {
|
||||
id: 0
|
||||
})
|
||||
},
|
||||
computed: {
|
||||
xact() {
|
||||
return this.$store.state.schedule.act
|
||||
},
|
||||
xerrorname() {
|
||||
return this.$store.state.schedule.error_name
|
||||
},
|
||||
xshowall() {
|
||||
return this.$store.state.schedule.show_all
|
||||
},
|
||||
vschedules() {
|
||||
return this.$store.state.schedule.schedules
|
||||
},
|
||||
vtests() {
|
||||
return this.$store.state.test.selected
|
||||
},
|
||||
xtotalschedules() {
|
||||
return this.$store.state.schedule.total_schedules
|
||||
},
|
||||
xtotalfilterschedules() {
|
||||
return this.$store.state.schedule.total_filter_schedules
|
||||
},
|
||||
dialogschedule() {
|
||||
return this.$store.state.schedule.dialog_form_schedule
|
||||
},
|
||||
snackbar: {
|
||||
get() {
|
||||
return this.$store.state.schedule.alert_success
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("schedule/update_alert_success", val)
|
||||
}
|
||||
},
|
||||
msgsnackbar() {
|
||||
return this.$store.state.schedule.msg_success
|
||||
},
|
||||
lookupstatus() {
|
||||
return this.$store.state.schedule.lookup_schedule
|
||||
},
|
||||
xtests() {
|
||||
return this.$store.state.schedule.tests
|
||||
},
|
||||
test: {
|
||||
get() {
|
||||
return this.$store.state.schedule.test
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("schedule/update_test", val)
|
||||
}
|
||||
},
|
||||
xorderautotests() {
|
||||
return this.$store.state.schedule.orderautotests
|
||||
},
|
||||
xorderautotest: {
|
||||
get() {
|
||||
return this.$store.state.schedule.orderautotest
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("schedule/update_orderautotest", val)
|
||||
}
|
||||
},
|
||||
xordertests() {
|
||||
return this.$store.state.schedule.ordertests
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
iconColor(vs) {
|
||||
if (this.isSelected(vs)) return '#fff';
|
||||
return 'red';
|
||||
},
|
||||
updateShowAll(val) {
|
||||
this.$store.commit("schedule/update_show_all", val)
|
||||
this.$store.dispatch("schedule/lookup", {
|
||||
search: this.xsearch,
|
||||
all: this.xshowall
|
||||
})
|
||||
},
|
||||
isSelected(p) {
|
||||
return p.id == this.$store.state.schedule.selected_schedule.id
|
||||
},
|
||||
thr_search_test: _.debounce(function () {
|
||||
this.$store.dispatch("schedule/searchtest", this.search_test)
|
||||
}, 2000),
|
||||
subname(name) {
|
||||
var xname = name
|
||||
if (xname.length > 15) {
|
||||
xname = xname.substring(0, 12) + '...'
|
||||
}
|
||||
return xname
|
||||
},
|
||||
selectMe(sc) {
|
||||
this.$store.commit("schedule/update_selected_schedule", sc)
|
||||
|
||||
this.$store.dispatch("schedulepromise/lookup", {
|
||||
id: this.$store.state.schedule.selected_schedule.id
|
||||
})
|
||||
|
||||
this.$store.commit("schedulepromise/update_selected_promise", 0)
|
||||
this.$store.dispatch("test/selected", {
|
||||
id: this.$store.state.schedule.selected_schedule.id
|
||||
})
|
||||
this.$store.dispatch("notest/selected", {
|
||||
id: this.$store.state.schedule.selected_schedule.id
|
||||
})
|
||||
|
||||
this.$store.dispatch("scheduleday/lookup", {
|
||||
id: this.$store.state.schedule.selected_schedule.id
|
||||
})
|
||||
},
|
||||
updateDialogFormSchedule() {
|
||||
this.$store.commit("schedule/update_dialog_form_schedule", false)
|
||||
},
|
||||
addTest() {
|
||||
var oldArr = this.$store.state.schedule.ordertests
|
||||
oldArr.push(this.$store.state.schedule.orderautotest)
|
||||
this.searchtest = ''
|
||||
this.$store.commit("schedule/update_orderautotests", [])
|
||||
this.$store.commit("schedule/update_orderautotest", {})
|
||||
},
|
||||
deleteDataPx(idx) {
|
||||
var inx = parseInt(idx);
|
||||
var xrow = this.$store.state.schedule.ordertests[inx]
|
||||
if (parseInt(xrow.xid) !== 0) {
|
||||
var xdeltest = this.$store.state.schedule.deleted_ordertests
|
||||
xdeltest.push(xrow)
|
||||
this.$store.commit("schedule/update_deleted_ordertests", xdeltest)
|
||||
}
|
||||
var oldArr = this.$store.state.schedule.ordertests
|
||||
oldArr.splice(inx, 1)
|
||||
this.$store.commit("schedule/update_ordertests", oldArr)
|
||||
},
|
||||
openFormSchedule() {
|
||||
this.$refs.formschedule.reset()
|
||||
this.$refs.formschedule.resetValidation()
|
||||
this.$store.commit("schedule/update_act", 'new')
|
||||
this.$store.commit("schedule/update_error_name", false)
|
||||
this.$store.commit("schedule/update_dialog_form_schedule", true)
|
||||
},
|
||||
saveFormSchedule() {
|
||||
if (this.$refs.formschedule.validate()) {
|
||||
this.$store.dispatch("schedule/save", {
|
||||
name: this.schedulename,
|
||||
ordertests: this.xordertests
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
updateFormSchedule() {
|
||||
if (this.$refs.formschedule.validate()) {
|
||||
this.$store.dispatch("schedule/update", {
|
||||
id: this.xid,
|
||||
name: this.schedulename,
|
||||
ordertests: this.xordertests,
|
||||
deleted_ordertests: this.$store.state.schedule.deleted_ordertests
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
updateAlert_success(val) {
|
||||
this.$store.commit("schedule/update_alert_success", val)
|
||||
},
|
||||
editSchedule(data) {
|
||||
//console.log(data)
|
||||
this.xid = data.id
|
||||
this.schedulename = data.name
|
||||
this.$store.commit("schedule/update_ordertests", data.tests)
|
||||
this.$store.commit("schedule/update_act", 'edit')
|
||||
this.$store.commit("schedule/update_error_name", false)
|
||||
this.$store.commit("schedule/update_dialog_form_schedule", true)
|
||||
},
|
||||
deleteSchedule(data) {
|
||||
//console.log(data)
|
||||
this.xid = data.id
|
||||
var xdata = {
|
||||
id: data.id,
|
||||
name: data.name,
|
||||
schedulepromise: 'xxx',
|
||||
scheduletests: 'xxx'
|
||||
}
|
||||
this.$store.commit("schedule/update_selected_schedule", xdata)
|
||||
this.msgalert = "Yakin, mau hapus schedule " + data.name + " ?"
|
||||
this.dialogdeletealert = true
|
||||
},
|
||||
closeDeleteAlert() {
|
||||
this.$store.dispatch("schedule/delete", {
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name
|
||||
})
|
||||
this.dialogdeletealert = false
|
||||
},
|
||||
thr_search: _.debounce(function () {
|
||||
this.$store.dispatch("schedule/lookup", {
|
||||
search: this.xsearch,
|
||||
all: this.xshowall
|
||||
})
|
||||
}, 1000)
|
||||
},
|
||||
watch: {
|
||||
xsearch(val, old) {
|
||||
|
||||
if (val !== old && this.lookupstatus !== 1) {
|
||||
console.log(val)
|
||||
this.xsearch = val
|
||||
this.thr_search()
|
||||
}
|
||||
},
|
||||
search_test(val, old) {
|
||||
if (val == old) return
|
||||
if (!val) return
|
||||
if (val.length < 1) return
|
||||
if (this.$store.state.schedule.update_autocomplete_status == 1) return
|
||||
this.thr_search_test()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
351
test/vuex/one-md-schedule-v2/components/mdScheduleNoTest.vue
Normal file
351
test/vuex/one-md-schedule-v2/components/mdScheduleNoTest.vue
Normal file
@@ -0,0 +1,351 @@
|
||||
<template>
|
||||
<v-layout>
|
||||
<template>
|
||||
|
||||
<v-dialog v-model="dialogdeletenotestalert" max-width="30%">
|
||||
<v-card>
|
||||
<v-card-title class="headline blue lighten-2 pt-2 pb-2" primary-title>
|
||||
Konfirmasi
|
||||
</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>
|
||||
{{msgalert}}
|
||||
</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="dialogdeletenotestalert = false">
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-btn color="primary" flat @click="closeDeleteAlert()">
|
||||
Yakin lah
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
<v-dialog v-model="dialognoschedulealert" max-width="30%">
|
||||
<v-card>
|
||||
<v-card-title class="headline red 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>
|
||||
{{msgalert}}
|
||||
</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="dialognoschedulealert = false">
|
||||
Tutup
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
<v-flex xs12>
|
||||
<v-card class="mb-2" color="white">
|
||||
<v-toolbar color="blue lighten-2" dark height="50px">
|
||||
<v-toolbar-title class="white--text">Pemeriksaan yang belum ada di janji hasil (Total {{xtotaltests}} )</v-toolbar-title>
|
||||
<v-spacer></v-spacer>
|
||||
</v-toolbar>
|
||||
|
||||
<v-layout row wrap class="scroll-container" style="max-height:150px;overflow: auto;">
|
||||
<v-flex class="border-bottom-dashed" xs12 pt-2 pl-4 pr-4 pb-4>
|
||||
|
||||
<v-layout xs12 row wrap>
|
||||
<v-flex xs4 v-for="(vst,idx) in vtests" :key="vst.Nat_TestID" class="pr-2 pb-1">
|
||||
<v-layout row>
|
||||
<v-flex class="boxoutline" style="text-overflow:ellipsis;overflow:hidden;" xs11>
|
||||
<span>{{vst.Nat_TestName}}</span>
|
||||
</v-flex>
|
||||
<v-flex class="boxoutline" class="text-center" style="padding-top:10px" pl-2 pb-2 pr-2 xs2>
|
||||
<v-layout row align-center justify-space-between>
|
||||
<v-icon style="color:blue" @click="addTestToSchedule(vst.Nat_TestID,vst.Nat_TestName)">add</v-icon>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="dialogscheduletest" persistent max-width="600px">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
<span class="headline">Form Schedule Test</span>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-0 pb-0">
|
||||
<v-form ref="formscheduletest" v-model="validtest" lazy-validation>
|
||||
<v-layout wrap>
|
||||
<v-flex xs12>
|
||||
SCHEDULE : {{xschedule.name}}
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-autocomplete label="Test" v-model="test" :items="xtests" :search-input.sync="search_test" auto-select-first no-filter
|
||||
item-text="Nat_TestName" return-object :loading="isLoading" no-data-text="Pilih Test">
|
||||
<template slot="item" slot-scope="{ item }">
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title v-text="item.Nat_TestName"></v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</template>
|
||||
</v-autocomplete>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="blue darken-1" flat @click="updateDialogFormScheduleTest()">Tutup</v-btn>
|
||||
<v-btn color="blue darken-1" flat @click="saveFormScheduleTest()">Simpan</v-btn>
|
||||
</v-card-actions>
|
||||
</v-form>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchbox .v-input.v-text-field .v-input__slot {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
.searchbox .v-btn {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
.boxoutline {
|
||||
color: teal;
|
||||
border: 1px solid teal;
|
||||
justify-content: center;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
padding-left: 10px;
|
||||
background: #ffffff;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
border-radius: 1px
|
||||
}
|
||||
|
||||
.boxoutline:hover {
|
||||
background: rgba(0, 0, 0, 0.07) !important;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
background: white;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
table>tr>td {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
table>tr>td:first {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
.scroll-container {
|
||||
scroll-padding: 50px 0 0 50px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
}
|
||||
|
||||
/* this targets the default scrollbar (compulsory) */
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: #73baf3;
|
||||
}
|
||||
|
||||
/* the new scrollbar will have a flat appearance with the set background color */
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #2196f3;
|
||||
}
|
||||
|
||||
/* this will style the thumb, ignoring the track */
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
background-color: #0079da;
|
||||
}
|
||||
|
||||
/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
/* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data() {
|
||||
return {
|
||||
xtestid: 0,
|
||||
xtestname: '',
|
||||
isLoading: false,
|
||||
validtest: false,
|
||||
search_test: '',
|
||||
items: [],
|
||||
msgalert: "",
|
||||
msgalertmou: "",
|
||||
dialogdeletenotestalert: false,
|
||||
dialognoschedulealert: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
selected: {
|
||||
get() {
|
||||
return this.$store.state.notest.selected
|
||||
}
|
||||
},
|
||||
xschedule() {
|
||||
return this.$store.state.schedule.selected_schedule
|
||||
},
|
||||
dialogscheduletest() {
|
||||
return this.$store.state.notest.dialog_form_schedule_test
|
||||
},
|
||||
xtests() {
|
||||
return this.$store.state.notest.tests
|
||||
},
|
||||
test: {
|
||||
get() {
|
||||
return this.$store.state.notest.test
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("notest/update_test", val)
|
||||
}
|
||||
},
|
||||
vtests() {
|
||||
return this.$store.state.notest.selected
|
||||
},
|
||||
xtotaltests() {
|
||||
return this.$store.state.notest.total_tests
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
isSelected(id) {
|
||||
let vals = this.$store.state.notest.selected
|
||||
if (vals.indexOf(id) > -1) return true
|
||||
return false
|
||||
},
|
||||
addTestToSchedule(id,name) {
|
||||
let scheduleid = this.$store.state.schedule.selected_schedule.id
|
||||
if(scheduleid > 0){
|
||||
this.xtestid = id
|
||||
this.xtestname = name
|
||||
this.msgalert = "Yakin, mau tambahkan pemeriksaan " + this.xtestname + " ke janji hasil "+ this.$store.state.schedule.selected_schedule.name +" ?"
|
||||
this.dialogdeletenotestalert = true
|
||||
}else{
|
||||
this.msgalert = "Janji hasilnya belum dipilih"
|
||||
this.dialognoschedulealert = true
|
||||
}
|
||||
|
||||
},
|
||||
closeDeleteAlert() {
|
||||
let scheduleid = this.$store.state.schedule.selected_schedule.id
|
||||
this.$store.dispatch("notest/save", {
|
||||
xid: this.xid,
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
testid: this.xtestid,
|
||||
testname: this.xtestname
|
||||
})
|
||||
this.dialogdeletenotestalert = false
|
||||
},
|
||||
async deleteTest(id, name) {
|
||||
let scheduleid = this.$store.state.schedule.selected_schedule.id
|
||||
await this.$store.dispatch("notest/delete", {
|
||||
id: id,
|
||||
name: name,
|
||||
scheduleid: scheduleid
|
||||
})
|
||||
await this.$store.dispatch("notest/selected", scheduleid)
|
||||
},
|
||||
updateDialogFormScheduleTest() {
|
||||
this.$store.commit("notest/update_dialog_form_schedule_test", false)
|
||||
},
|
||||
thr_search_test: _.debounce(function () {
|
||||
this.$store.dispatch("notest/searchtest", {search: this.search_test, schedulegroup_id :this.$store.state.schedule.selected_schedule.id})
|
||||
}, 2000),
|
||||
openFormScheduleTest(val) {
|
||||
//console.log("masuk")
|
||||
this.xid = val
|
||||
this.search_test = ''
|
||||
this.$store.commit("notest/update_tests", [])
|
||||
this.test = {}
|
||||
this.$refs.formscheduletest.reset()
|
||||
this.$refs.formscheduletest.resetValidation()
|
||||
this.$store.commit("notest/update_dialog_form_schedule_test", true)
|
||||
},
|
||||
saveFormScheduleTest() {
|
||||
if (this.$refs.formscheduletest.validate()) {
|
||||
this.$store.dispatch("notest/save", {
|
||||
xid: this.xid,
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
testid: this.test.Nat_TestID
|
||||
})
|
||||
}
|
||||
},
|
||||
updateAlert_success(val) {
|
||||
this.$store.commit("schedule/update_alert_success", val)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
search_test(val, old) {
|
||||
if (val == old) return
|
||||
if (!val) return
|
||||
if (val.length < 1) return
|
||||
if (this.$store.state.notest.update_autocomplete_status == 1) return
|
||||
this.thr_search_test()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,364 @@
|
||||
<template>
|
||||
<v-layout v-if="xispreschedule === 'Y'">
|
||||
<v-flex xs12>
|
||||
<v-card class="mb-2" color="white">
|
||||
<v-toolbar color="blue lighten-3" dark height="50px">
|
||||
<v-toolbar-title>PRE SCHEDULE PROMISE : {{xschedules.name}}</v-toolbar-title>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn @click="openFormPreSchedulePromise(0)" icon>
|
||||
<v-icon>library_add</v-icon>
|
||||
</v-btn>
|
||||
</v-toolbar>
|
||||
|
||||
|
||||
<v-layout row wrap>
|
||||
<v-flex class="border-bottom-dashed" xs12 pt-2 pl-4 pr-4 pb-4>
|
||||
<table>
|
||||
<tr>
|
||||
<th width="35%" class="text-md-center pt-2 pb-2">HARI ( DALAM MINGGU )</th>
|
||||
<th width="30%" class="text-md-center pt-2 pb-2">JAM</th>
|
||||
<th class="text-md-center pt-2 pb-2">AKSI</th>
|
||||
</tr>
|
||||
<tr v-if="preschedulepromises.length > 0 " v-for="(preschedulepromise,idx) in preschedulepromises">
|
||||
<td class="text-md-left pl-3">{{preschedulepromise.dayofweekname}}</td>
|
||||
<td class="text-md-center">{{preschedulepromise.xhour}}</td>
|
||||
<td align="center" class="text-md-center">
|
||||
<v-btn @click="editFormPreSchedulePromise(preschedulepromise)" depressed small color="primary">
|
||||
<v-icon>edit</v-icon>
|
||||
</v-btn>
|
||||
<v-btn @click="deletePreSchedulePromise(preschedulepromise)" depressed small color="error">
|
||||
<v-icon>delete</v-icon>
|
||||
</v-btn>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="preschedulepromises.length === 0">
|
||||
<td align="center" style="height:50px;text-align:center" colspan="8">Belum ada data</td>
|
||||
</tr>
|
||||
</table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
|
||||
|
||||
<template>
|
||||
|
||||
<v-dialog v-model="dialogdeletealertpreschedulepromise" 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>
|
||||
{{msgalertpreschedulepromise}}
|
||||
</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="dialogdeletealertpreschedulepromise = false">
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-btn color="primary" flat @click="closeDeleteAlertPreSchedulePromise()">
|
||||
Yakin lah
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="dialogpreschedulepromise" persistent max-width="600px">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
<span class="headline">Form Pre Schedule Promise</span>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-0 pb-0">
|
||||
<v-form ref="formpreschedulepromise" v-model="validpreschedulepromise" lazy-validation>
|
||||
<v-layout wrap>
|
||||
<v-flex xs12>
|
||||
SCHEDULE : {{xschedules.name}}
|
||||
</v-flex>
|
||||
<v-flex xs12 sm12 d-flex>
|
||||
<v-select :items="days" v-model="seletedday" item-text="name" item-value="id" return-object label="Hari dalam seminggu"></v-select>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field label="Jam" v-model="xhour"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex>
|
||||
<p class="error pl-2 pr-2" style="color:#fff" v-if="xerrorname === true">Hari yang dipilih sudah ada</p>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="blue darken-1" flat @click="updateDialogFormPreSchedulePromise()">Tutup</v-btn>
|
||||
<v-btn color="blue darken-1" flat @click="saveFormPreSchedulePromise()">Simpan</v-btn>
|
||||
</v-card-actions>
|
||||
</v-form>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
|
||||
|
||||
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchbox .v-input.v-text-field .v-input__slot {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
.searchbox .v-btn {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
background: white;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
table>tr>td {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
table>tr>td:first {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data() {
|
||||
return {
|
||||
query: "",
|
||||
items: [],
|
||||
headers: [{
|
||||
text: "Day Off Week",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "mr",
|
||||
width: "15%",
|
||||
class: " blue lighten-4"
|
||||
},
|
||||
{
|
||||
text: "Start",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "lab",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
{
|
||||
text: "End",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "name",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
|
||||
{
|
||||
text: "Day",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
|
||||
{
|
||||
text: "Hour",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
|
||||
{
|
||||
text: "Minute",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
|
||||
{
|
||||
text: "At Time",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
|
||||
{
|
||||
text: "Action",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
}
|
||||
],
|
||||
isLoading: false,
|
||||
color: "success",
|
||||
validpreschedulepromise: false,
|
||||
days: [
|
||||
{
|
||||
id: "2",
|
||||
name: "Senin"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Selasa"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rabu"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kamis"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Jumat"
|
||||
},
|
||||
{
|
||||
id: "7",
|
||||
name: "Sabtu"
|
||||
}
|
||||
],
|
||||
seletedday: {
|
||||
id: 1,
|
||||
name: "Minggu"
|
||||
},
|
||||
xid: 0,
|
||||
starthm: "",
|
||||
endhm: "",
|
||||
xday: "",
|
||||
xhour: "",
|
||||
xminute: "",
|
||||
flagattime: false,
|
||||
attime: "",
|
||||
readonlyattime: true,
|
||||
readonlyhour: false,
|
||||
readonlyminute: false,
|
||||
dialogdeletealertpreschedulepromise: false,
|
||||
msgalertpreschedulepromise: ""
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
xerrorname() {
|
||||
return this.$store.state.preschedulepromise.error_name
|
||||
},
|
||||
preschedulepromises() {
|
||||
return this.$store.state.preschedulepromise.preschedulepromise
|
||||
},
|
||||
xschedules() {
|
||||
return this.$store.state.schedule.selected_schedule
|
||||
},
|
||||
dialogpreschedulepromise() {
|
||||
return this.$store.state.preschedulepromise.dialog_form_preschedule_promise
|
||||
},
|
||||
xispreschedule() {
|
||||
return this.$store.state.preschedulepromise.ispreschedule
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateDialogFormPreSchedulePromise() {
|
||||
this.$store.commit("preschedulepromise/update_dialog_form_preschedule_promise", false)
|
||||
},
|
||||
openFormPreSchedulePromise(val) {
|
||||
//console.log("masuk")
|
||||
this.xid = val
|
||||
this.$store.commit("preschedulepromise/update_error_name", false)
|
||||
this.$refs.formpreschedulepromise.reset()
|
||||
this.$refs.formpreschedulepromise.resetValidation()
|
||||
this.$store.commit("preschedulepromise/update_dialog_form_preschedule_promise", true)
|
||||
},
|
||||
editFormPreSchedulePromise(data) {
|
||||
this.xid = data.id
|
||||
let fildays = _.filter(this.days, function (o) {
|
||||
return o.id === data.dayofweek
|
||||
})
|
||||
this.seletedday = fildays[0]
|
||||
this.xhour = data.xhour
|
||||
this.$store.commit("preschedulepromise/update_dialog_form_preschedule_promise", true)
|
||||
this.$store.commit("preschedulepromise/update_error_name", false)
|
||||
},
|
||||
saveFormPreSchedulePromise() {
|
||||
if (this.$refs.formpreschedulepromise.validate()) {
|
||||
this.$store.dispatch("preschedulepromise/save", {
|
||||
xid: this.xid,
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
dayofweek: this.seletedday.id,
|
||||
xhour: this.xhour
|
||||
})
|
||||
}
|
||||
},
|
||||
updateAlert_success(val) {
|
||||
this.$store.commit("schedule/update_alert_success", val)
|
||||
},
|
||||
changeAttime(value) {
|
||||
this.xhour = value === true ? 0 : this.xhour
|
||||
this.xminute = value === true ? 0 : this.xminute
|
||||
this.readonlyhour = value === true ? true : false
|
||||
this.readonlyminute = value === true ? true : false
|
||||
this.attime = value === true ? this.attime : ""
|
||||
this.readonlyattime = value === true ? false : true
|
||||
},
|
||||
deletePreSchedulePromise(data) {
|
||||
this.xid = data.id
|
||||
let fildays = _.filter(this.days, function (o) {
|
||||
return o.id === data.dayofweek
|
||||
})
|
||||
this.seletedday = fildays[0]
|
||||
this.msgalertpreschedulepromise = "Yakin, mau hapus preschedulepromise schedule" + this.xschedules.name + "hari " + this.seletedday
|
||||
.name + " ?"
|
||||
this.dialogdeletealertpreschedulepromise = true
|
||||
},
|
||||
closeDeleteAlertPreSchedulePromise() {
|
||||
this.$store.dispatch("preschedulepromise/delete", {
|
||||
xid: this.xid,
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name
|
||||
})
|
||||
this.dialogdeletealertpreschedulepromise = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
423
test/vuex/one-md-schedule-v2/components/mdSchedulePromise.vue
Normal file
423
test/vuex/one-md-schedule-v2/components/mdSchedulePromise.vue
Normal file
@@ -0,0 +1,423 @@
|
||||
<template>
|
||||
<v-layout>
|
||||
<v-flex xs12>
|
||||
<v-card class="mb-2" color="white">
|
||||
<v-toolbar color="blue lighten-2" dark height="50px">
|
||||
<v-toolbar-title class="white--text">SCHEDULE PEMERIKSAAN: {{xschedules.name}}</v-toolbar-title>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn @click="openFormSchedulePromise(0)" icon>
|
||||
<v-icon class="white--text">library_add</v-icon>
|
||||
</v-btn>
|
||||
</v-toolbar>
|
||||
|
||||
|
||||
<v-layout row wrap>
|
||||
<v-flex class="border-bottom-dashed" xs12 pt-2 pl-4 pr-4 pb-4>
|
||||
<table>
|
||||
<tr>
|
||||
<th width="15%" class="text-md-center pt-2 pb-2">HARI DALAM SEMINGGU</th>
|
||||
<th width="12%" class="text-md-center pt-2 pb-2">MULAI PENGERJAAN </th>
|
||||
<th width="12%" class="text-md-center pt-2 pb-2">AKHIR PENGERJAAN</th>
|
||||
<th width="8%" class="text-md-center pt-2 pb-2">BULAN</th>
|
||||
<th width="8%" class="text-md-center pt-2 pb-2">MINGGU</th>
|
||||
<th width="8%" class="text-md-center pt-2 pb-2">HARI</th>
|
||||
<th width="8%" class="text-md-center pt-2 pb-2">JAM</th>
|
||||
<th width="8%" class="text-md-center pt-2 pb-2">MENIT</th>
|
||||
<th width="9%" class="text-md-center pt-2 pb-2">PADA JAM</th>
|
||||
<th class="text-md-center pt-2 pb-2">AKSI</th>
|
||||
</tr>
|
||||
<tr v-if="promises.length > 0 " v-for="(promise,idx) in promises">
|
||||
<td class="text-md-center" v-bind:class="{'blue lighten-2':isSelected(promise)}" @click="selectMe(promise)">{{promise.dayofweekname}}</td>
|
||||
<td class="text-md-center" v-bind:class="{'blue lighten-2':isSelected(promise)}" @click="selectMe(promise)">{{promise.start_hm}}</td>
|
||||
<td class="text-md-center" v-bind:class="{'blue lighten-2':isSelected(promise)}" @click="selectMe(promise)">{{promise.end_hm}}</td>
|
||||
<td class="text-md-center" v-bind:class="{'blue lighten-2':isSelected(promise)}" @click="selectMe(promise)">{{promise.xmonth}}</td>
|
||||
<td class="text-md-center" v-bind:class="{'blue lighten-2':isSelected(promise)}" @click="selectMe(promise)">{{promise.xweek}}</td>
|
||||
<td class="text-md-center" v-bind:class="{'blue lighten-2':isSelected(promise)}" @click="selectMe(promise)">{{promise.xday}}</td>
|
||||
<td class="text-md-center" v-bind:class="{'blue lighten-2':isSelected(promise)}" @click="selectMe(promise)">{{promise.xhour}}</td>
|
||||
<td class="text-md-center" v-bind:class="{'blue lighten-2':isSelected(promise)}" @click="selectMe(promise)">{{promise.xmin}}</td>
|
||||
<td class="text-md-center" v-bind:class="{'blue lighten-2':isSelected(promise)}" @click="selectMe(promise)">{{promise.at_time}}</td>
|
||||
<td align="center" class="text-md-center" v-bind:class="{'blue lighten-2':isSelected(promise)}">
|
||||
<v-icon small class="ml-3" color="primary" @click="editFormPromise(promise)">edit</v-icon>
|
||||
<v-icon small class="ml-3" color="error" @click="deletePromise(promise)">delete</v-icon>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="promises.length === 0">
|
||||
<td align="center" style="height:50px;text-align:center" colspan="10">Belum ada data</td>
|
||||
</tr>
|
||||
</table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
|
||||
|
||||
<template>
|
||||
|
||||
<v-dialog v-model="dialogdeletealertpromise" max-width="30%">
|
||||
<v-card>
|
||||
<v-card-title class="headline blue 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>
|
||||
{{msgalertpromise}}
|
||||
</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="dialogdeletealertpromise = false">
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-btn color="primary" flat @click="closeDeleteAlertPromise()">
|
||||
Yakin lah
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="dialogschedulepromise" persistent max-width="600px">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
<span class="headline">Form Schedule</span>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-0 pb-0">
|
||||
<v-form ref="formschedulepromise" v-model="validpromise" lazy-validation>
|
||||
<v-layout wrap>
|
||||
<v-flex xs12>
|
||||
SCHEDULE : {{xschedules.name}}
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-select :items="days" v-model="seletedday" item-text="name" item-value="id" return-object label="Hari dalam seminggu"></v-select>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field label="Mulai Pengerjaan (hh:mm)" v-model="starthm"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field label="Akhir Pengerjaan (hh:mm)" v-model="endhm"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field label="Bulan" v-model="xmonth"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field label="Minggu" v-model="xweek"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field label="Hari" v-model="xday"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field label="Jam" v-model="xhour" :disabled="readonlyhour"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field label="Menit" v-model="xminute" :disabled="readonlyminute"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-checkbox v-on:change="changeAttime(flagattime)" v-model="flagattime" label="Pada Jam ?"></v-checkbox>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field label="Pada Jam (hh:mm)" :disabled="readonlyattime" v-model="attime"></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="blue darken-1" flat @click="updateDialogFormSchedulePromise()">Tutup</v-btn>
|
||||
<v-btn color="blue darken-1" flat @click="saveFormSchedulePromise()">Simpan</v-btn>
|
||||
</v-card-actions>
|
||||
</v-form>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
|
||||
|
||||
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchbox .v-input.v-text-field .v-input__slot {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
.searchbox .v-btn {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
background: white;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
table>tr>td {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
table>tr>td:first {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data() {
|
||||
return {
|
||||
query: "",
|
||||
items: [],
|
||||
headers: [{
|
||||
text: "Day Off Week",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "mr",
|
||||
width: "15%",
|
||||
class: " blue lighten-4"
|
||||
},
|
||||
{
|
||||
text: "Start",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "lab",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
{
|
||||
text: "End",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "name",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
|
||||
{
|
||||
text: "Day",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
|
||||
{
|
||||
text: "Hour",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
|
||||
{
|
||||
text: "Minute",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
|
||||
{
|
||||
text: "At Time",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
},
|
||||
|
||||
{
|
||||
text: "Action",
|
||||
align: "Center",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "15%",
|
||||
class: "blue lighten-4"
|
||||
}
|
||||
],
|
||||
isLoading: false,
|
||||
color: "success",
|
||||
validpromise: false,
|
||||
days: [{
|
||||
id: "1",
|
||||
name: "Minggu"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Senin"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Selasa"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rabu"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kamis"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Jumat"
|
||||
},
|
||||
{
|
||||
id: "7",
|
||||
name: "Sabtu"
|
||||
}
|
||||
],
|
||||
seletedday: {
|
||||
id: 1,
|
||||
name: "Minggu"
|
||||
},
|
||||
xid: 0,
|
||||
starthm: "",
|
||||
endhm: "",
|
||||
xmonth: "",
|
||||
xweek: "",
|
||||
xday: "",
|
||||
xhour: "",
|
||||
xminute: "",
|
||||
flagattime: false,
|
||||
attime: "",
|
||||
readonlyattime: true,
|
||||
readonlyhour: false,
|
||||
readonlyminute: false,
|
||||
dialogdeletealertpromise: false,
|
||||
msgalertpromise: ""
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
promises() {
|
||||
return this.$store.state.schedulepromise.schedulepromise
|
||||
},
|
||||
xschedules() {
|
||||
return this.$store.state.schedule.selected_schedule
|
||||
},
|
||||
dialogschedulepromise() {
|
||||
return this.$store.state.schedulepromise.dialog_form_schedule_promise
|
||||
},
|
||||
xispreschedule() {
|
||||
return this.$store.state.schedulepromise.ispreschedule
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateDialogFormSchedulePromise() {
|
||||
this.$store.commit("schedulepromise/update_dialog_form_schedule_promise", false)
|
||||
},
|
||||
isSelected(p) {
|
||||
return p.id == this.$store.state.schedulepromise.selected_promise.id
|
||||
},
|
||||
selectMe(sc) {
|
||||
this.$store.commit("schedulepromise/update_selected_promise", sc)
|
||||
this.$store.dispatch("scheduleday/lookup", {
|
||||
id: this.$store.state.schedulepromise.selected_promise.id
|
||||
})
|
||||
|
||||
},
|
||||
openFormSchedulePromise(val) {
|
||||
//console.log("masuk")
|
||||
this.xid = val
|
||||
this.$refs.formschedulepromise.reset()
|
||||
this.$refs.formschedulepromise.resetValidation()
|
||||
this.$store.commit("schedulepromise/update_dialog_form_schedule_promise", true)
|
||||
},
|
||||
editFormPromise(data) {
|
||||
let fildays = _.filter(this.days, function (o) {
|
||||
return o.id === data.M_ScheduleDayOfWeek
|
||||
})
|
||||
this.xid = data.id
|
||||
this.starthm = data.start_hm
|
||||
this.endhm = data.end_hm
|
||||
this.xmonth = data.xmonth
|
||||
this.xweek = data.xweek
|
||||
this.xday = data.xday
|
||||
this.xhour = data.xhour
|
||||
this.xminute = data.xmin
|
||||
this.seletedday = fildays[0]
|
||||
this.flagattime = data.flagattime === 'N' ? false : true
|
||||
this.attime = data.at_time
|
||||
this.readonlyattime = data.flagattime === 'Y' ? false : true
|
||||
this.readonlyhour = data.flagattime === 'Y' ? true : false
|
||||
this.readonlyminute = data.flagattime === 'Y' ? true : false
|
||||
this.$store.commit("schedulepromise/update_dialog_form_schedule_promise", true)
|
||||
},
|
||||
saveFormSchedulePromise() {
|
||||
if (this.$refs.formschedulepromise.validate()) {
|
||||
this.$store.dispatch("schedulepromise/save", {
|
||||
xid: this.xid,
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
dayofweek: this.seletedday.id,
|
||||
starthm: this.starthm,
|
||||
endhm: this.endhm,
|
||||
xmonth: this.xmonth ? this.xmonth : 0,
|
||||
xweek: this.xweek ? this.xweek : 0,
|
||||
xday: this.xday ? this.xday : 0,
|
||||
xhour: this.xhour ? this.xhour : 0,
|
||||
xminute: this.xminute ? this.xminute : 0,
|
||||
flagattime: this.flagattime === true ? "Y" : "N",
|
||||
attime: this.attime
|
||||
})
|
||||
}
|
||||
},
|
||||
updateAlert_success(val) {
|
||||
this.$store.commit("schedule/update_alert_success", val)
|
||||
},
|
||||
changeAttime(value) {
|
||||
this.xhour = value === true ? 0 : this.xhour
|
||||
this.xminute = value === true ? 0 : this.xminute
|
||||
this.readonlyhour = value === true ? true : false
|
||||
this.readonlyminute = value === true ? true : false
|
||||
this.attime = value === true ? this.attime : ""
|
||||
this.readonlyattime = value === true ? false : true
|
||||
},
|
||||
deletePromise(data) {
|
||||
this.xid = data.id
|
||||
let fildays = _.filter(this.days, function (o) {
|
||||
return o.id === data.dayofweek
|
||||
})
|
||||
this.seletedday = fildays[0]
|
||||
this.msgalertpromise = "Yakin, mau hapus shedule ini?"
|
||||
this.dialogdeletealertpromise = true
|
||||
},
|
||||
closeDeleteAlertPromise() {
|
||||
this.$store.dispatch("schedulepromise/delete", {
|
||||
xid: this.xid,
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name
|
||||
})
|
||||
this.dialogdeletealertpromise = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
190
test/vuex/one-md-schedule-v2/components/mdScheduleTest.1.vue
Normal file
190
test/vuex/one-md-schedule-v2/components/mdScheduleTest.1.vue
Normal file
@@ -0,0 +1,190 @@
|
||||
<template>
|
||||
<v-layout>
|
||||
<v-flex xs12>
|
||||
<v-card class="mb-2" color="white" style="min-height:100px">
|
||||
<v-toolbar class="mb-1" color="blue lighten-3" dark height="50px">
|
||||
<v-toolbar-title>SCHEDULE TEST : {{xschedules.name}}</v-toolbar-title>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn @click="openFormScheduleTest()" icon>
|
||||
<v-icon>library_add</v-icon>
|
||||
</v-btn>
|
||||
</v-toolbar>
|
||||
<v-btn class="mt-1 mb-2" v-for="(vst,idx) in vscheduletests" :key="vst.id" small color="error">{{vst.name}}
|
||||
<v-icon @click="deleteTest(vst)" right dark>clear</v-icon>
|
||||
</v-btn>
|
||||
|
||||
<template>
|
||||
|
||||
<v-dialog v-model="dialogdeletealerttest" 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>
|
||||
{{msgalerttest}}
|
||||
</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="dialogdeletealerttest = false">
|
||||
Tutup
|
||||
</v-btn>
|
||||
<v-btn color="primary" flat @click="closeDeleteAlertTest()">
|
||||
Yakin lah
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="dialogscheduletest" persistent max-width="600px">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
<span class="headline">Form Schedule Pemeriksaan</span>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-0 pb-0">
|
||||
<v-form ref="formscheduletest" v-model="validtest" lazy-validation>
|
||||
<v-layout wrap>
|
||||
<v-flex xs12>
|
||||
SCHEDULE : {{xschedules.name}}
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-autocomplete label="Pemeriksaan" v-model="xselected_test" :items="xtests" :search-input.sync="search" auto-select-first
|
||||
no-filter return-object item-text="name" :loading="is_loading" no-data-text="Pilih Pemeriksaan">
|
||||
<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>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="blue darken-1" flat @click="updateDialogFormScheduleTest()">Tutup</v-btn>
|
||||
<v-btn color="blue darken-1" flat @click="saveFormScheduleTest()">Simpan</v-btn>
|
||||
</v-card-actions>
|
||||
</v-form>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data: () => ({
|
||||
color: "success",
|
||||
validtest: false,
|
||||
search: "",
|
||||
dialogdeletealerttest: false,
|
||||
xid: 0,
|
||||
msgalerttest: ""
|
||||
}),
|
||||
computed: {
|
||||
vscheduletests() {
|
||||
return this.$store.state.scheduletest.scheduletests
|
||||
},
|
||||
dialogscheduletest() {
|
||||
return this.$store.state.scheduletest.dialog_form_schedule_test
|
||||
},
|
||||
xselected_test: {
|
||||
get() {
|
||||
return this.$store.state.scheduletest.selected_test
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("scheduletest/update_selected_test", val)
|
||||
}
|
||||
},
|
||||
xschedules() {
|
||||
return this.$store.state.schedule.selected_schedule
|
||||
},
|
||||
xtests() {
|
||||
return this.$store.state.scheduletest.tests
|
||||
},
|
||||
is_loading() {
|
||||
return this.$store.state.scheduletest.search_status == 1
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateDialogFormScheduleTest() {
|
||||
this.$store.commit("scheduletest/update_dialog_form_schedule_test", false)
|
||||
},
|
||||
openFormScheduleTest() {
|
||||
this.$store.commit("scheduletest/update_selected_test", {})
|
||||
this.$refs.formscheduletest.reset()
|
||||
this.$refs.formscheduletest.resetValidation()
|
||||
this.$store.commit("scheduletest/update_dialog_form_schedule_test", true)
|
||||
},
|
||||
saveFormScheduleTest() {
|
||||
if (this.$refs.formscheduletest.validate()) {
|
||||
this.$store.dispatch("scheduletest/save", {
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
testid: this.xselected_test.id,
|
||||
testname: this.xselected_test.name
|
||||
})
|
||||
}
|
||||
},
|
||||
updateAlert_success(val) {
|
||||
this.$store.commit("schedule/update_alert_success", val)
|
||||
},
|
||||
thr_search: _.debounce(function () {
|
||||
this.$store.dispatch("scheduletest/search", {
|
||||
id: this.$store.state.schedule.selected_schedule.id
|
||||
})
|
||||
}, 2000),
|
||||
deleteTest(data) {
|
||||
this.xid = data.id
|
||||
console.log(this.xid)
|
||||
this.$store.commit("scheduletest/update_selected_test", data)
|
||||
this.msgalerttest = "Yakin, mau hapus pemeriksaan " + this.xselected_test.name + "dari schedule " + this.xschedules
|
||||
.name + " ?"
|
||||
this.dialogdeletealerttest = true
|
||||
},
|
||||
closeDeleteAlertTest() {
|
||||
this.$store.dispatch("scheduletest/delete", {
|
||||
xid: this.xid,
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
testname: this.xselected_test.name
|
||||
})
|
||||
this.dialogdeletealerttest = false
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
search(val, old) {
|
||||
console.log(val)
|
||||
if (val !== "" && val !== old && val && val.length > 2) {
|
||||
this.$store.commit("scheduletest/update_search", val)
|
||||
this.thr_search()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
257
test/vuex/one-md-schedule-v2/components/mdScheduleTest.vue
Normal file
257
test/vuex/one-md-schedule-v2/components/mdScheduleTest.vue
Normal file
@@ -0,0 +1,257 @@
|
||||
<template>
|
||||
<v-layout>
|
||||
<v-flex xs12>
|
||||
<v-card class="mb-2" color="white">
|
||||
<v-toolbar color="blue lighten-2" dark height="50px">
|
||||
<v-toolbar-title class="white--text">Pemeriksaan untuk {{xschedule.name}}</v-toolbar-title>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn @click="openFormScheduleTest()" icon>
|
||||
<v-icon class="white--text">library_add</v-icon>
|
||||
</v-btn>
|
||||
</v-toolbar>
|
||||
|
||||
<v-layout row wrap class="scroll-container" style="max-height:150px;overflow: auto;">
|
||||
<v-flex class="border-bottom-dashed" xs12 pt-2 pl-4 pr-4 pb-4>
|
||||
|
||||
<v-layout xs12 row wrap>
|
||||
<v-flex xs4 v-for="(vst,idx) in vtests" :key="vst.Nat_TestID" class="pr-2 pb-1">
|
||||
<v-layout row>
|
||||
<v-flex class="boxoutline" style="text-overflow:ellipsis;overflow:hidden;" xs11>
|
||||
<span>{{vst.Nat_TestName}}</span>
|
||||
</v-flex>
|
||||
<v-flex class="boxoutline" class="text-center" style="padding-top:10px" pl-2 pb-2 pr-2 xs2>
|
||||
<v-layout row align-center justify-space-between>
|
||||
<v-icon style="color:red" @click="deleteTest(vst.Nat_TestID,vst.Nat_TestName)">clear</v-icon>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<template>
|
||||
<v-layout row justify-center>
|
||||
<v-dialog v-model="dialogscheduletest" persistent max-width="600px">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
<span class="headline">Form Schedule Test</span>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-0 pb-0">
|
||||
<v-form ref="formscheduletest" v-model="validtest" lazy-validation>
|
||||
<v-layout wrap>
|
||||
<v-flex xs12>
|
||||
SCHEDULE : {{xschedule.name}}
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-autocomplete label="Test" v-model="test" :items="xtests" :search-input.sync="search_test" auto-select-first no-filter
|
||||
item-text="Nat_TestName" return-object :loading="isLoading" no-data-text="Pilih Test">
|
||||
<template slot="item" slot-scope="{ item }">
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title v-text="item.Nat_TestName"></v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</template>
|
||||
</v-autocomplete>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="blue darken-1" flat @click="updateDialogFormScheduleTest()">Tutup</v-btn>
|
||||
<v-btn color="blue darken-1" flat @click="saveFormScheduleTest()">Simpan</v-btn>
|
||||
</v-card-actions>
|
||||
</v-form>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchbox .v-input.v-text-field .v-input__slot {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
.searchbox .v-btn {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
.boxoutline {
|
||||
color: teal;
|
||||
border: 1px solid teal;
|
||||
justify-content: center;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
padding-left: 10px;
|
||||
background: #ffffff;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
border-radius: 1px
|
||||
}
|
||||
|
||||
.boxoutline:hover {
|
||||
background: rgba(0, 0, 0, 0.07) !important;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
background: white;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
table>tr>td {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
table>tr>td:first {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
.scroll-container {
|
||||
scroll-padding: 50px 0 0 50px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
}
|
||||
|
||||
/* this targets the default scrollbar (compulsory) */
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: #73baf3;
|
||||
}
|
||||
|
||||
/* the new scrollbar will have a flat appearance with the set background color */
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #2196f3;
|
||||
}
|
||||
|
||||
/* this will style the thumb, ignoring the track */
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
background-color: #0079da;
|
||||
}
|
||||
|
||||
/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
/* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data() {
|
||||
return {
|
||||
isLoading: false,
|
||||
validtest: false,
|
||||
search_test: '',
|
||||
items: [],
|
||||
msgalertmou: ""
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
selected: {
|
||||
get() {
|
||||
return this.$store.state.test.selected
|
||||
}
|
||||
},
|
||||
xschedule() {
|
||||
return this.$store.state.schedule.selected_schedule
|
||||
},
|
||||
dialogscheduletest() {
|
||||
return this.$store.state.test.dialog_form_schedule_test
|
||||
},
|
||||
xtests() {
|
||||
return this.$store.state.test.tests
|
||||
},
|
||||
test: {
|
||||
get() {
|
||||
return this.$store.state.test.test
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("test/update_test", val)
|
||||
}
|
||||
},
|
||||
vtests() {
|
||||
return this.$store.state.test.selected
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
isSelected(id) {
|
||||
let vals = this.$store.state.test.selected
|
||||
if (vals.indexOf(id) > -1) return true
|
||||
return false
|
||||
},
|
||||
async deleteTest(id, name) {
|
||||
let scheduleid = this.$store.state.schedule.selected_schedule.id
|
||||
await this.$store.dispatch("test/delete", {
|
||||
id: id,
|
||||
name: name,
|
||||
scheduleid: scheduleid
|
||||
})
|
||||
await this.$store.dispatch("test/selected", scheduleid)
|
||||
await this.$store.dispatch("notest/selected", scheduleid)
|
||||
},
|
||||
updateDialogFormScheduleTest() {
|
||||
this.$store.commit("test/update_dialog_form_schedule_test", false)
|
||||
},
|
||||
thr_search_test: _.debounce(function () {
|
||||
this.$store.dispatch("test/searchtest", {search: this.search_test, schedulegroup_id :this.$store.state.schedule.selected_schedule.id})
|
||||
}, 2000),
|
||||
openFormScheduleTest(val) {
|
||||
//console.log("masuk")
|
||||
this.xid = val
|
||||
this.search_test = ''
|
||||
this.$store.commit("test/update_tests", [])
|
||||
this.test = {}
|
||||
this.$refs.formscheduletest.reset()
|
||||
this.$refs.formscheduletest.resetValidation()
|
||||
this.$store.commit("test/update_dialog_form_schedule_test", true)
|
||||
},
|
||||
saveFormScheduleTest() {
|
||||
if (this.$refs.formscheduletest.validate()) {
|
||||
this.$store.dispatch("test/save", {
|
||||
xid: this.xid,
|
||||
scheduleid: this.$store.state.schedule.selected_schedule.id,
|
||||
schedulename: this.$store.state.schedule.selected_schedule.name,
|
||||
testid: this.test.Nat_TestID
|
||||
})
|
||||
}
|
||||
},
|
||||
updateAlert_success(val) {
|
||||
this.$store.commit("schedule/update_alert_success", val)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
search_test(val, old) {
|
||||
if (val == old) return
|
||||
if (!val) return
|
||||
if (val.length < 1) return
|
||||
if (this.$store.state.test.update_autocomplete_status == 1) return
|
||||
this.thr_search_test()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
588
test/vuex/one-md-schedule-v2/components/testing.vue
Normal file
588
test/vuex/one-md-schedule-v2/components/testing.vue
Normal file
@@ -0,0 +1,588 @@
|
||||
<template>
|
||||
<v-layout v-if="xact !== 'new'" column>
|
||||
<v-dialog v-model="dialogconfirmationdeletepat" persistent max-width="290">
|
||||
<v-card>
|
||||
<v-card-title dark class="headline error pt-2 pb-2" primary-title style="color:white">
|
||||
<h4 dark>Konfirmasi</h4>
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
{{msgconfirmationdeletepat}}
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn small color="error darken-1 text-sm-left" flat @click="doDeletePat()">Hapus</v-btn>
|
||||
<v-btn small color="primary darken-1 text-sm-right" flat @click="dialogconfirmationdeletepat = false">Batal</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-dialog v-model="dialogconfirmationsend" persistent max-width="290">
|
||||
<v-card>
|
||||
<v-card-title dark class="headline success pt-2 pb-2" primary-title style="color:white">
|
||||
<h4 dark>Konfirmasi</h4>
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
{{msgconfirmationsend}}
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn small color="success darken-1 text-sm-left" flat @click="doOrderPatient()">Kirim</v-btn>
|
||||
<v-btn small color="primary darken-1 text-sm-right" flat @click="dialogconfirmationsend = false">Batal</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-dialog v-model="dialogformpatient" persistent max-width="650">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
<span class="headline">Form Pasien</span>
|
||||
</v-card-title>
|
||||
<v-card-text class="pt-0 pb-0">
|
||||
<v-layout wrap>
|
||||
<v-flex xs12>
|
||||
<v-text-field v-model="xnoref" label="Nomor Referensi"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field v-model="namapasien" label="Nama Pasien*"></v-text-field>
|
||||
<p v-if="checkError('requirenamapasien')" class="error pl-2 pr-2" style="color:#fff">Nama pasien diisi dulu dong</p>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-text-field v-model="xdob" label="Tanggal Lahir*" hint="format : DD-MM-YYYY , contoh : 22-06-1988"></v-text-field>
|
||||
<p v-if="checkError('requirexdob')" class="error pl-2 pr-2" style="color:#fff">Tanggal lahir harus diisi dulu dong</p>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-select item-text="m_sexname" return-object :items="xsexes" v-model="xsex" label="Jenis Kelamin*"></v-select>
|
||||
<p v-if="checkError('requirexsex')" class="error pl-2 pr-2" style="color:#fff">Pilih jenis kelamin dulu dong</p>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex xs8 pa-1>
|
||||
<v-autocomplete label="Pemeriksaan" v-model="xorderautotest" :items="xorderautotests" :search-input.sync="search_test" auto-select-first
|
||||
no-filter item-text="T_TestName" return-object no-data-text="Cari Pemeriksaan" outline small>
|
||||
<template slot="item" slot-scope="{ item }">
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title v-text="item.T_TestName"></v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</template>
|
||||
</v-autocomplete>
|
||||
</v-flex>
|
||||
<v-flex xs-4 class="text-md-right">
|
||||
<v-btn @click="addTest()" color="blue en-3">Pilih Pemeriksaan</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-divider></v-divider>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 pt-2 pb-1>
|
||||
<table style="
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
border: 0px;
|
||||
" class="px">
|
||||
<tr>
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;" width="5%" class="text-md-center pt-2 pb-2">#
|
||||
</td>
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;" class="text-md-center pt-2 pb-2">PEMERIKSAAN
|
||||
</td>
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;" class="text-md-center pt-2 pb-2">BRUTO
|
||||
</td>
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;" class="text-md-center pt-2 pb-2">DISKON
|
||||
</td>
|
||||
<td style=" border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;" class="text-md-center pt-2 pb-2">DISKON RP
|
||||
</td>
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;" class="text-md-center pt-2 pb-2">TOTAL
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="xordertests.length > 0" class="mini-input" v-for="(vpx,idx) in xordertests">
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding: 8px;
|
||||
text-align:center;
|
||||
vertical-align:center;" align="center">
|
||||
<span v-if="vpx.editable == 'N'">{{idx + 1}}</span>
|
||||
<v-icon v-else-if="vpx.editable == 'Y'" color="#c75c3a" @click="deleteDataPx(idx)">delete</v-icon>
|
||||
</td>
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding: 8px;" class="text-md-left pl-3">{{vpx.T_TestName}}</td>
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding: 8px;" class="text-md-right pr-2">{{convertMoney(vpx.T_PriceAmount)}}</td>
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding: 8px;" class="text-md-right pr-2">{{convertMoney(vpx.T_PriceDisc)}}</td>
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding: 8px;" class="text-md-right pr-2">{{convertMoney(vpx.T_PriceDiscRp)}}</td>
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding: 8px;" class="text-md-right pr-2">{{convertMoney(vpx.total)}}</td>
|
||||
</tr>
|
||||
<tr v-if="xordertests.length === 0" class="mini-input">
|
||||
<td style="border: 1px solid #fff;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding: 8px;" align="center" colspan="6">Belum ada data</td>
|
||||
</tr>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="4" class="text-md-right pr-2 pt-2 pb-2">TOTAL</th>
|
||||
<th class="text-md-right pr-2 pt-2 pb-2" colspan="2">{{convertMoney(sub_total)}}</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th v-if="isbill === 'Y'" colspan="4" class="text-md-right pr-2 pt-2 pb-2">UANG MUKA</th>
|
||||
<th v-if="isbill === 'Y'" class="text-md-right pr-2 pt-2 pb-2" colspan="2">{{convertMoney(dp)}}</th>
|
||||
</tr>
|
||||
<tr><th v-if="isagingonhold === 'Y'" colspan="4" class="text-md-right pr-2 pt-2 pb-2" style="color:red">{{agingonhold}}</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="blue darken-1" flat @click="dialogformpatient = false">Tutup</v-btn>
|
||||
<v-btn v-if="xactpat === 'new'" color="blue darken-1" flat @click="saveNewPatient()">Simpan</v-btn>
|
||||
<v-btn v-if="xactpat === 'edit'" color="blue darken-1" flat @click="saveEditPatient()">Simpan</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-card>
|
||||
<v-layout row>
|
||||
<v-flex xs12>
|
||||
<v-subheader red--text text--lighten-1> DAFTAR PASIEN
|
||||
<v-flex text-md-right>
|
||||
<v-btn v-if="xactsend === 'N' && xpatients.length > 0" @click="sendOrderPatient()" small color="success">Kirim Permintaan</v-btn>
|
||||
<v-btn v-if="xactsend === 'N'" @click="createNewPatient()" small color="info">Baru</v-btn>
|
||||
</v-flex>
|
||||
</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 pa-2>
|
||||
<v-data-table :headers="headers" :items="xpatients" :loading="isLoading" hide-actions class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
|
||||
<td class="text-xs-left pa-2">{{ props.item.pasienname}}</td>
|
||||
<td class="text-xs-left pa-2">{{ props.item.T_ReceiveReferencePatientNoRef}}</td>
|
||||
<td class="text-xs-left pa-2">{{ props.item.T_ReceiveReferencePatientDOB}}</td>
|
||||
<td class="text-xs-left pa-2">
|
||||
|
||||
<v-layout row wrap>
|
||||
<v-flex xs8 v-for="(p, i) in props.item.tesx" v-bind:key="i" pb-1 pr-1>
|
||||
<v-card :color="p.status == 'N' ? 'grey' : p.status == 'P' ? 'yellow' : 'green'" class="black--text">
|
||||
<v-card-title primary-title class="pl-3 pr-3 pt-1 pb-0 text-xs-center subheading">
|
||||
{{ p.testname }}
|
||||
</v-card-title>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</td>
|
||||
<td class="text-xs-left pa-2">{{ props.item.total}}</td>
|
||||
<td class="text-xs-center pa-2">
|
||||
<v-icon v-if="xactsend === 'N'" class="ml-3" color="primary" @click="editPatient(props.item)">edit</v-icon>
|
||||
<v-icon v-if="xactsend === 'N'" color="error" @click="deletePatient(props.item)">delete</v-icon>
|
||||
</td>
|
||||
</template>
|
||||
</v-data-table>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 pa-2>
|
||||
Keterangan :
|
||||
<v-btn @click="" small color="grey"></v-btn> Baru
|
||||
<v-btn @click="" small color="yellow"></v-btn> Proses
|
||||
<v-btn @click="" small color="green"></v-btn> Selesai
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
</v-flex>
|
||||
</v-card>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data: () => ({
|
||||
oldlabel: '',
|
||||
search_test: '',
|
||||
headers: [
|
||||
|
||||
{
|
||||
text: "NAMA",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "mr",
|
||||
width: "15%",
|
||||
class: "pa-1 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "NO. REFERENSI",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "lab",
|
||||
width: "3%",
|
||||
class: "pa-1 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "TGL. LAHIR",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "lab",
|
||||
width: "10%",
|
||||
class: "pa-1 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "PEMERIKSAAN",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "lab",
|
||||
width: "10%",
|
||||
class: "pa-1 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "TOTAL",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "lab",
|
||||
width: "15%",
|
||||
class: "pa-1 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "AKSI",
|
||||
align: "center",
|
||||
sortable: false,
|
||||
value: "action",
|
||||
width: "10%",
|
||||
class: "pa-1 blue lighten-3 white--text"
|
||||
}
|
||||
]
|
||||
}),
|
||||
computed: {
|
||||
dialogconfirmationdeletepat: {
|
||||
get() {
|
||||
return this.$store.state.receivereference.dialog_confirmation_delete_pat
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("receivereference/update_dialog_confirmation_delete_pat", val)
|
||||
}
|
||||
},
|
||||
msgconfirmationdeletepat() {
|
||||
return this.$store.state.receivereference.msg_confirmation_delete_pat
|
||||
},
|
||||
dialogconfirmationsend: {
|
||||
get() {
|
||||
return this.$store.state.receivereference.dialog_confirmation_send
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("receivereference/update_dialog_confirmation_send", val)
|
||||
}
|
||||
},
|
||||
msgconfirmationsend() {
|
||||
return this.$store.state.receivereference.msg_confirmation_send
|
||||
},
|
||||
xact() {
|
||||
return this.$store.state.receivereference.act
|
||||
},
|
||||
xactpat() {
|
||||
return this.$store.state.receivereference.act_pat
|
||||
},
|
||||
xactsend() {
|
||||
return this.$store.state.receivereference.act_send
|
||||
},
|
||||
|
||||
dialogformpatient: {
|
||||
get() {
|
||||
return this.$store.state.receivereference.dialog_form_patient
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("receivereference/update_dialog_form_patient", val)
|
||||
}
|
||||
},
|
||||
isLoading() {
|
||||
return this.$store.state.receivereference.search_status == 1
|
||||
},
|
||||
xpatients(p) {
|
||||
return this.$store.state.receivereference.patients
|
||||
},
|
||||
xnoref: {
|
||||
get() {
|
||||
return this.$store.state.receivereference.noref
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("receivereference/update_noref", val)
|
||||
}
|
||||
},
|
||||
namapasien: {
|
||||
get() {
|
||||
return this.$store.state.receivereference.namapasien
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("receivereference/update_nama_pasien", val)
|
||||
}
|
||||
},
|
||||
xdob: {
|
||||
get() {
|
||||
return this.$store.state.receivereference.dob
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("receivereference/update_dob", val)
|
||||
}
|
||||
},
|
||||
xsexes() {
|
||||
return this.$store.state.receivereference.sexes
|
||||
},
|
||||
xsex: {
|
||||
get() {
|
||||
return this.$store.state.receivereference.selected_sex
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("receivereference/update_selected_sex", val)
|
||||
}
|
||||
},
|
||||
xorderautotests() {
|
||||
return this.$store.state.receivereference.orderautotests
|
||||
},
|
||||
xorderautotest: {
|
||||
get() {
|
||||
return this.$store.state.receivereference.orderautotest
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("receivereference/update_orderautotest", val)
|
||||
}
|
||||
},
|
||||
xordertests() {
|
||||
return this.$store.state.receivereference.ordertests
|
||||
},
|
||||
sub_total() {
|
||||
let tests = this.xordertests
|
||||
sub_total = 0
|
||||
tests.forEach(function (vpx, idx) {
|
||||
let total = parseInt(vpx.total)
|
||||
sub_total = sub_total + total
|
||||
})
|
||||
return sub_total
|
||||
},
|
||||
dp() {
|
||||
let mindp = this.$store.state.receivereference.selected_receivereference.M_MouMinDP
|
||||
let dp = mindp/100*this.sub_total
|
||||
return dp
|
||||
},
|
||||
isbill() {
|
||||
let isbill = this.$store.state.receivereference.selected_receivereference.M_MouIsBill
|
||||
return isbill
|
||||
},
|
||||
isagingonhold() {
|
||||
let isagingonhold = this.$store.state.receivereference.selected_receivereference.M_MouIsAgingOnHold
|
||||
return isagingonhold
|
||||
},
|
||||
agingonhold() {
|
||||
let agingonhold = this.$store.state.receivereference.selected_receivereference.M_MouIsAgingOnHoldNote
|
||||
return agingonhold
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
createNewPatient() {
|
||||
this.$store.commit("receivereference/update_act_pat", 'new')
|
||||
this.xnoref = ''
|
||||
this.namapasien = ''
|
||||
this.$store.commit("receivereference/update_selected_sex", [])
|
||||
this.xdob = ''
|
||||
this.$store.commit("receivereference/update_ordertests", [])
|
||||
this.$store.commit("receivereference/update_dialog_form_patient", true)
|
||||
},
|
||||
checkError(value) {
|
||||
var errors = this.$store.state.receivereference.errors
|
||||
if (errors.includes(value)) {
|
||||
return true
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
},
|
||||
saveNewPatient() {
|
||||
this.$store.commit("receivereference/update_errors", [])
|
||||
var errors = this.$store.state.receivereference.errors
|
||||
if (this.namapasien === '') {
|
||||
errors.push("requirenamapasien")
|
||||
}
|
||||
if (this.xdob === '') {
|
||||
errors.push("requirexdob")
|
||||
}
|
||||
if (_.isEmpty(this.xsex)) {
|
||||
errors.push("requirexsex")
|
||||
}
|
||||
if (errors.length === 0) {
|
||||
var prm = {}
|
||||
prm.T_ReceiveReferencePatientT_ReceiveReferenceHeaderID = this.$store.state.receivereference.selected_receivereference
|
||||
.T_ReceiveReferenceHeaderID
|
||||
prm.M_CompanyName = this.$store.state.receivereference.selected_receivereference.M_CompanyName
|
||||
prm.T_ReceiveReferencePatientNoRef = this.xnoref
|
||||
prm.T_ReceiveReferencePatientName = this.namapasien
|
||||
prm.T_ReceiveReferencePatientDOB = this.xdob
|
||||
prm.T_ReceiveReferencePatientM_SexID = this.$store.state.receivereference.selected_sex.M_SexID
|
||||
prm.ordertests = this.xordertests
|
||||
prm.T_ReceiveReferencePatientTotal = this.sub_total
|
||||
prm.T_ReceiveReferencePatientDPPercent = this.$store.state.receivereference.selected_receivereference.M_CompanyMinDP
|
||||
prm.T_ReceiveReferencePatientDPAmount = this.dp
|
||||
this.$store.dispatch("receivereference/savenewpatient", prm)
|
||||
}
|
||||
},
|
||||
editPatient(value) {
|
||||
this.$store.commit("receivereference/update_act_pat", 'edit')
|
||||
this.$store.commit("receivereference/update_x_pat_id", value.T_ReceiveReferencePatientID)
|
||||
this.xnoref = value.T_ReceiveReferencePatientNoRef
|
||||
this.namapasien = value.T_ReceiveReferencePatientName
|
||||
this.$store.commit("receivereference/update_selected_sex", {
|
||||
M_SexID: value.T_ReceiveReferencePatientM_SexID,
|
||||
m_sexname: value.M_SexName
|
||||
})
|
||||
this.xdob = value.T_ReceiveReferencePatientDOB
|
||||
this.$store.commit("receivereference/update_ordertests", value.tests)
|
||||
this.$store.commit("receivereference/update_dialog_form_patient", true)
|
||||
},
|
||||
saveEditPatient() {
|
||||
this.$store.commit("receivereference/update_errors", [])
|
||||
var errors = this.$store.state.receivereference.errors
|
||||
if (this.namapasien === '') {
|
||||
errors.push("requirenamapasien")
|
||||
}
|
||||
if (this.xdob === '') {
|
||||
errors.push("requirexdob")
|
||||
}
|
||||
if (_.isEmpty(this.xsex)) {
|
||||
errors.push("requirexsex")
|
||||
}
|
||||
if (errors.length === 0) {
|
||||
var prm = {}
|
||||
prm.T_ReceiveReferencePatientID = this.$store.state.receivereference.x_pat_id
|
||||
prm.T_ReceiveReferencePatientT_ReceiveReferenceHeaderID = this.$store.state.receivereference.selected_receivereference
|
||||
.T_ReceiveReferenceHeaderID
|
||||
prm.M_CompanyName = this.$store.state.receivereference.selected_receivereference.M_CompanyName
|
||||
prm.T_ReceiveReferencePatientNoRef = this.xnoref
|
||||
prm.T_ReceiveReferencePatientName = this.namapasien
|
||||
prm.T_ReceiveReferencePatientDOB = this.xdob
|
||||
prm.T_ReceiveReferencePatientM_SexID = this.$store.state.receivereference.selected_sex.M_SexID
|
||||
prm.ordertests = this.xordertests
|
||||
prm.T_ReceiveReferencePatientTotal = this.sub_total
|
||||
prm.T_ReceiveReferencePatientDPPercent = this.$store.state.receivereference.selected_receivereference.M_CompanyMinDP
|
||||
prm.T_ReceiveReferencePatientDPAmount = this.dp
|
||||
prm.deleted_ordertests = this.$store.state.receivereference.deleted_ordertests
|
||||
this.$store.dispatch("receivereference/saveeditpatient", prm)
|
||||
}
|
||||
},
|
||||
thr_search_test: _.debounce(function () {
|
||||
this.$store.dispatch("receivereference/searchtest", {
|
||||
tes: this.search_test,
|
||||
mouid: this.$store.state.receivereference.selected_receivereference.T_ReceiveReferenceHeaderM_MouID
|
||||
})
|
||||
}, 2000),
|
||||
deletePatient(value) {
|
||||
this.$store.commit("receivereference/update_act_pat", 'delete')
|
||||
this.$store.commit("receivereference/update_x_pat_id", value.T_ReceiveReferencePatientID)
|
||||
this.$store.commit("receivereference/update_errors", [])
|
||||
var errors = this.$store.state.receivereference.errors
|
||||
var msg = ''
|
||||
msg = "Yakin, akan menghapus data pasien " + value.T_ReceiveReferencePatientName + " ?"
|
||||
this.$store.commit("receivereference/update_msg_confirmation_delete_pat", msg)
|
||||
this.$store.commit("receivereference/update_dialog_confirmation_delete_pat", true)
|
||||
},
|
||||
doDeletePat() {
|
||||
var prm = {}
|
||||
prm.T_ReceiveReferencePatientT_ReceiveReferenceHeaderID = this.$store.state.receivereference.selected_receivereference
|
||||
.T_ReceiveReferenceHeaderID
|
||||
prm.T_ReceiveReferencePatientID = this.$store.state.receivereference.x_pat_id
|
||||
prm.T_ReceiveReferencePatientName = this.namapasien
|
||||
prm.M_CompanyName = this.$store.state.receivereference.selected_receivereference.M_CompanyName
|
||||
this.$store.dispatch("receivereference/deletepatient", prm)
|
||||
},
|
||||
sendOrderPatient(value) {
|
||||
let msg = "Yakin, akan mengirim permintaan nomor " + this.$store.state.receivereference.selected_receivereference
|
||||
.T_ReceiveReferenceHeaderNumber + " ?"
|
||||
this.$store.commit("receivereference/update_msg_confirmation_send", msg)
|
||||
this.$store.commit("receivereference/update_dialog_confirmation_send", true)
|
||||
},
|
||||
doOrderPatient() {
|
||||
var prm = {}
|
||||
prm.T_ReceiveReferenceHeaderID = this.$store.state.receivereference.selected_receivereference
|
||||
.T_ReceiveReferenceHeaderID
|
||||
prm.T_ReceiveReferenceHeaderNumber = this.$store.state.receivereference.selected_receivereference
|
||||
.T_ReceiveReferenceHeaderNumber
|
||||
this.$store.dispatch("receivereference/sendorder", prm)
|
||||
},
|
||||
convertMoney(money) {
|
||||
return one_money(money)
|
||||
},
|
||||
addTest() {
|
||||
var oldArr = this.$store.state.receivereference.ordertests
|
||||
oldArr.push(this.$store.state.receivereference.orderautotest)
|
||||
this.searchtest = ''
|
||||
this.$store.commit("receivereference/update_orderautotests", [])
|
||||
this.$store.commit("receivereference/update_orderautotest", {})
|
||||
},
|
||||
deleteDataPx(idx) {
|
||||
var inx = parseInt(idx);
|
||||
var xrow = this.$store.state.receivereference.ordertests[inx]
|
||||
if (parseInt(xrow.xid) !== 0) {
|
||||
var xdeltest = this.$store.state.receivereference.deleted_ordertests
|
||||
xdeltest.push(xrow)
|
||||
this.$store.commit("receivereference/update_deleted_ordertests", xdeltest)
|
||||
}
|
||||
var oldArr = this.$store.state.receivereference.ordertests
|
||||
oldArr.splice(inx, 1)
|
||||
this.$store.commit("receivereference/update_ordertests", oldArr)
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
search_city(val, old) {
|
||||
if (val == old) return
|
||||
if (!val) return
|
||||
if (val.length < 1) return
|
||||
if (this.$store.state.receivereference.update_autocomplete_status == 1) return
|
||||
this.thr_search_city()
|
||||
},
|
||||
search_test(val, old) {
|
||||
if (val == old) return
|
||||
if (!val) return
|
||||
if (val.length < 1) return
|
||||
if (this.$store.state.receivereference.update_autocomplete_status == 1) return
|
||||
this.thr_search_test()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user