Files
FE_CPONE/test/vuex/reg-online-worksale/components/RegOnlineWork.vue
2026-04-27 10:13:31 +07:00

474 lines
21 KiB
Vue

<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="doOrderMethode()">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="dialogformmethode" persistent max-width="650">
<v-card>
<v-card-title>
<span class="headline">BOOKING PEMERIKSAAN PCR </span> &nbsp; <span class="headline" style="color:#2196F3"> [ {{xbranchname}}]</span>
</v-card-title>
<v-card-text class="pt-0 pb-0">
<v-layout wrap>
<v-flex xs12 class="right">
<span class="headline" style="text-align:right"> {{xtype}} {{xnumber}}</span>
</v-flex>
<v-flex xs12>
<v-text-field readonly label="Tanggal Booking" v-model="xtanggalmethodepriority"></v-text-field>
</v-flex>
<v-flex xs12>
<v-text-field readonly label="Jumlah Booking" v-model="xkuota"></v-text-field>
</v-flex>
</v-flex>
<v-flex xs12>
<v-textarea readonly v-model="xnote" label="Catatan"></v-textarea>
</v-flex>
<v-flex xs12>
<v-textarea v-model="xnote" label="Alasan Batal"></v-textarea>
<p v-if="checkError('requirenote')" class="error pl-2 pr-2" style="color:#fff">Alasan Batal harus diisi</p>
</v-flex>
<v-flex>
<p v-for="(xerror,idx) in xerrors" class="error pl-2 pr-2" style="color:#fff">{{xerror.msg}}</p>
</v-flex>
</v-layout>
<v-layout row>
</v-layout>
<v-divider></v-divider>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" flat @click="dialogformmethode = false">TUTUP</v-btn>
<v-btn :disabled="in_saving" color="blue darken-1" flat @click="saveEditMethode()">YAKIN BATAL</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 PEMERIKSAAN YANG DIKERJAKAN
<v-flex xs3 pa-2>
<!-- <v-select item-text="T_SubCategoryName" return-object :items="xsubcategoryes" v-model="xsubcategory" label=""></v-select>
-->
</v-flex>
</v-subheader>
<v-divider></v-divider>
<v-layout row wrap>
<v-flex xs12 pa-2>
<v-data-table :headers="headers" :items="xmethodes" :loading="isLoading" hide-actions class="elevation-1">
<template slot="items" slot-scope="props">
<td class="text-xs-left pa-2">{{ props.item.T_PacketName}}</td>
<td class="text-xs-center pa-2">
<div>
<v-btn @click="changeBtnFlag(props.item)" :disabled="in_saving" v-if="props.item.status === 'N'" small color="error">
<v-icon left>close</v-icon> Belum dipilih</v-btn>
<v-btn @click="changeBtnFlag(props.item)" :disabled="in_saving" v-if="props.item.status === 'Y'" small color="success">
<v-icon left>check</v-icon> Sudah terpilih</v-btn>
</div>
</td>
</template>
</v-data-table>
</v-flex>
</v-layout>
<v-layout row wrap>
<v-flex xs12 pa-2>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-card>
</v-layout>
</template>
<style scoped>
</style>
<script>
module.exports = {
data: () => ({
oldlabel: '',
search_regtime: '',
xkuota: '',
xtype: '',
xnumber:'',
xkuotareguler: '',
xnote: '',
xtanggalmethodepriority: moment().format("Y-M-D"),
init_date: moment().format("Y-M-D"),
date: new Date().toISOString().substr(0, 10),
xsubcategoryid: 0,
xsubcategoryname: '',
xbranchid: 0,
xbranchname: '',
xbranchcode: '',
xresultoptionid: 0,
xresultoptionname: '',
xid: 0,
xdayid: 0,
xdayname: '',
xinstrument: '',
headers: [
{
text: "NAMA PEMERIKSAAN",
align: "left",
sortable: false,
value: "mr",
width: "15%",
class: "pa-1 blue lighten-3 white--text"
},
{
text: "STATUS",
align: "center",
sortable: false,
value: "action",
width: "10%",
class: "pa-1 blue lighten-3 white--text"
}
]
}),
mounted() {
this.$store.dispatch("methodepriority/getschedule")
},
computed: {
dialogconfirmationdeletepat: {
get() {
return this.$store.state.methodepriority.dialog_confirmation_delete_meth
},
set(val) {
this.$store.commit("methodepriority/update_dialog_confirmation_delete_meth", val)
}
},
xmethodeprioritys() {
return this.$store.state.methodepriority.selected_methodepriority
},
msgconfirmationdeletepat() {
return this.$store.state.methodepriority.msg_confirmation_delete_meth
},
xerrors() {
return this.$store.state.methodepriority.errors
},
dialogconfirmationsend: {
get() {
return this.$store.state.methodepriority.dialog_confirmation_send
},
set(val) {
this.$store.commit("methodepriority/update_dialog_confirmation_send", val)
}
},
msgconfirmationsend() {
return this.$store.state.methodepriority.msg_confirmation_send
},
xact() {
return this.$store.state.methodepriority.act
},
xactpat() {
return this.$store.state.methodepriority.act_meth
},
xactsend() {
return this.$store.state.methodepriority.act_send
},
dialogformmethode: {
get() {
return this.$store.state.methodepriority.dialog_form_methode
},
set(val) {
this.$store.commit("methodepriority/update_dialog_form_methode", val)
}
},
isLoading() {
return this.$store.state.methodepriority.search_status == 1
},
xmethodes(p) {
return this.$store.state.methodepriority.methodes
},
xnoref: {
get() {
return this.$store.state.methodepriority.noref
},
set(val) {
this.$store.commit("methodepriority/update_noref", val)
}
},
namamethode: {
get() {
return this.$store.state.methodepriority.namamethode
},
set(val) {
this.$store.commit("methodepriority/update_nama_methode", val)
}
},
xdob: {
get() {
return this.$store.state.methodepriority.dob
},
set(val) {
this.$store.commit("methodepriority/update_dob", val)
}
},
xmethodees() {
return this.$store.state.methodepriority.methodees
},
xmethode: {
get() {
return this.$store.state.methodepriority.selected_methode
},
set(val) {
this.$store.commit("methodepriority/update_selected_methode", val)
}
},
xsubcategoryes() {
return this.$store.state.methodepriority.subcategoryes
},
xsubcategory: {
get() {
return this.$store.state.methodepriority.selected_subcategory
},
set(val) {
this.$store.commit("methodepriority/update_selected_subcategory", val)
this.$store.dispatch("methodepriority/getschedule", {
idsubcategory: val.T_SubCategoryID
})
}
},
in_saving: {
get() {
return this.$store.state.methodepriority.in_saving
},
set(val) {
this.$store.commit("methodepriority/update_in_saving", val)
}
},
xorderautoregtimes() {
return this.$store.state.methodepriority.orderautoregtimes
},
xorderautoregtime: {
get() {
return this.$store.state.methodepriority.orderautoregtime
},
set(val) {
this.$store.commit("methodepriority/update_orderautoregtime", val)
}
},
xorderregtimes() {
xregtimes = this.$store.state.methodepriority.orderregtimes;
console.log('xregtimes', xregtimes)
return xregtimes
},
sub_total() {
let regtimes = this.xorderregtimes
sub_total = 0
regtimes.forEach(function (vpx, idx) {
let total = parseInt(vpx.total)
sub_total = sub_total + total
})
return sub_total
},
dp() {
let mindp = this.$store.state.methodepriority.selected_methodepriority.M_MouMinDP
let dp = mindp / 100 * this.sub_total
return dp
},
isbill() {
let isbill = this.$store.state.methodepriority.selected_methodepriority.M_MouIsBill
return isbill
},
isagingonhold() {
let isagingonhold = this.$store.state.methodepriority.selected_methodepriority.M_MouIsAgingOnHold
return isagingonhold
},
agingonhold() {
let agingonhold = this.$store.state.methodepriority.selected_methodepriority.M_MouIsAgingOnHoldNote
return agingonhold
}
},
methods: {
createNewMethode() {
this.$store.commit("methodepriority/update_act_meth", 'new')
this.xnoref = ''
this.namamethode = ''
this.$store.commit("methodepriority/update_selected_methode", [])
this.xdob = ''
this.$store.commit("methodepriority/update_orderregtimes", [])
this.$store.commit("methodepriority/update_dialog_form_methode", true)
},
checkError(value) {
var errors = this.$store.state.methodepriority.errors
if (errors.includes(value)) {
return true
} else {
return false
}
},
changeDay(idx) {
var arrOrders = this.$store.state.methodepriority.orderregtimes
arrOrders[idx].isregtime = arrOrders[idx].isregtime === 'N' ? 'Y' : 'N'
this.$store.commit("methodepriority/update_orderregtimes", arrOrders)
},
changeBtnFlag(value) {
if (this.in_saving) return;
this.in_saving = true;
var newval = value.status === 'N' ? 'Y' : 'N'
var prm = value
prm.status = newval
prm.packetid = value.T_PacketID
prm.mouid = value.M_MouID
prm.name = value.T_PacketName
prm.id = value.M_RegPacketWorkID
this.$store.dispatch("methodepriority/saveeditmethode", prm)
},
saveNewMethode() {
var prm = {}
prm.M_MethodePriorityNat_TestID = this.$store.state.methodepriority.selected_methodepriority
.Nat_TestID
prm.Nat_MethodeName = this.$store.state.methodepriority.selected_methodepriority.Nat_MethodeName
prm.M_MethodePriorityNat_MethodeID = this.$store.state.methodepriority.selected_methode.Nat_MethodeID
prm.M_RegScheduleLimit = this.xkuota
prm.orderregtimes = this.xorderregtimes
this.$store.dispatch("methodepriority/savenewmethode", prm)
},
editMethode(value) {
this.xtanggalmethodepriority = value.T_RegBookingDate
this.xbranchid = value.M_BranchID
this.xbranchname = value.M_BranchName
this.xbranchcode = value.M_BranchCode
this.xtype = value.T_RegBookingType
this.xnumber = value.T_RegBookingNumber
this.xid = value.T_RegBookingID
this.xkuota = value.T_RegBookingTotal
this.$store.commit("methodepriority/update_dialog_form_methode", true)
},
saveEditMethode() {
this.$store.commit("methodepriority/update_errors", [])
var errors = this.$store.state.methodepriority.errors
if (this.xkuota === "") {
errors.push("requirekuota")
}
if (errors.length === 0) {
if (this.in_saving) return;
this.in_saving = true;
var prm = {}
prm.xid = this.xid
prm.M_RegScheduleT_SubCategoryID = this.xsubcategoryid
prm.M_RegScheduleM_RegDayID = this.xdayid
prm.M_RegDayName = this.xdayname
prm.M_RegScheduleLimit = this.xkuota
prm.orderregtimes = this.xorderregtimes
this.$store.dispatch("methodepriority/saveeditmethode", prm)
}
},
thr_search_regtime: _.debounce(function () {
this.$store.dispatch("methodepriority/searchregtime", {
regtime: this.search_regtime,
mouid: this.$store.state.methodepriority.selected_methodepriority.Nat_TestM_MouID
})
}, 2000),
deleteMethode(value) {
this.$store.commit("methodepriority/update_act_meth", 'delete')
this.$store.commit("methodepriority/update_x_meth_id", value.M_MethodePriorityID)
this.$store.commit("methodepriority/update_errors", [])
var errors = this.$store.state.methodepriority.errors
var msg = ''
msg = "Yakin, akan menghapus data methode " + value.M_MethodePriorityName + " ?"
this.$store.commit("methodepriority/update_msg_confirmation_delete_meth", msg)
this.$store.commit("methodepriority/update_dialog_confirmation_delete_meth", true)
},
doDeletePat() {
var prm = {}
prm.M_MethodePriorityNat_TestID = this.$store.state.methodepriority.selected_methodepriority
.Nat_TestID
prm.M_MethodePriorityID = this.$store.state.methodepriority.x_meth_id
prm.M_MethodePriorityName = this.namamethode
prm.M_CompanyName = this.$store.state.methodepriority.selected_methodepriority.M_CompanyName
this.$store.dispatch("methodepriority/deletemethode", prm)
},
sendOrderMethode(value) {
let msg = "Yakin, akan mengirim permintaan nomor " + this.$store.state.methodepriority.selected_methodepriority
.Nat_TestNumber + " ?"
this.$store.commit("methodepriority/update_msg_confirmation_send", msg)
this.$store.commit("methodepriority/update_dialog_confirmation_send", true)
},
doOrderMethode() {
var prm = {}
prm.Nat_TestID = this.$store.state.methodepriority.selected_methodepriority
.Nat_TestID
prm.Nat_TestNumber = this.$store.state.methodepriority.selected_methodepriority
.Nat_TestNumber
this.$store.dispatch("methodepriority/sendorder", prm)
},
convertMoney(money) {
return one_money(money)
},
addTest() {
var oldArr = this.$store.state.methodepriority.orderregtimes
oldArr.push(this.$store.state.methodepriority.orderautoregtime)
this.searchregtime = ''
this.$store.commit("methodepriority/update_orderautoregtimes", [])
this.$store.commit("methodepriority/update_orderautoregtime", {})
},
deleteDataPx(idx) {
var inx = parseInt(idx);
var xrow = this.$store.state.methodepriority.orderregtimes[inx]
if (parseInt(xrow.xid) !== 0) {
var xdelregtime = this.$store.state.methodepriority.deleted_orderregtimes
xdelregtime.push(xrow)
this.$store.commit("methodepriority/update_deleted_orderregtimes", xdelregtime)
}
var oldArr = this.$store.state.methodepriority.orderregtimes
oldArr.splice(inx, 1)
this.$store.commit("methodepriority/update_orderregtimes", oldArr)
},
},
watch: {
search_city(val, old) {
if (val == old) return
if (!val) return
if (val.length < 1) return
if (this.$store.state.methodepriority.update_autocomplete_status == 1) return
this.thr_search_city()
},
search_regtime(val, old) {
if (val == old) return
if (!val) return
if (val.length < 1) return
if (this.$store.state.methodepriority.update_autocomplete_status == 1) return
this.thr_search_regtime()
}
}
}
</script>