Initial import
This commit is contained in:
sas.fajri
@@ -0,0 +1,755 @@
|
||||
<template>
|
||||
<v-layout class="mb-2" column>
|
||||
<v-card class="mb-2">
|
||||
<v-layout align-center row>
|
||||
<v-flex mt-1 mb-1 xs6>
|
||||
<v-subheader font-weight-bold> BERITA ACARA [ <span style="color:#2196F3;font-weight: 900;">{{xnumbering}}</span> ]</v-subheader>
|
||||
</v-flex>
|
||||
<v-flex mt-1 align-right class="text-xs-right align-center" mb-1 xs6>
|
||||
<v-btn small @click="saveAgreement()" color="info">SIMPAN</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card class="mb-2">
|
||||
<v-layout row>
|
||||
<v-flex mt-1 mb-1 xs12>
|
||||
<v-subheader>PERUSAHAAN</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-1 row>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-autocomplete
|
||||
label="PERUSAHAAN"
|
||||
v-model="selected_company"
|
||||
:items="xcompanies"
|
||||
:search-input.sync="search_company"
|
||||
auto-select-first
|
||||
no-filter
|
||||
item-text="name"
|
||||
return-object
|
||||
:loading="isLoading"
|
||||
no-data-text="Tidak ada data perusahaan"
|
||||
>
|
||||
<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-flex pa-1 xs3>
|
||||
<v-text-field v-model="company_cpname" label="CP [NAMA]"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs3>
|
||||
<v-text-field v-model="company_cphp" label="CP [HP]"></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card class="mb-2">
|
||||
<v-layout row>
|
||||
<v-flex mt-1 mb-1 xs12>
|
||||
<v-subheader>LINGKUP PEKERJAAN</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-select
|
||||
hide-details
|
||||
item-text="name"
|
||||
return-object
|
||||
:items="xagreementtypes"
|
||||
v-model="selected_agreementtype"
|
||||
label="TIPE AGREEMENT"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-select
|
||||
hide-details
|
||||
:readonly="_.isEmpty(selected_company)"
|
||||
item-text="name"
|
||||
return-object
|
||||
:items="xmou"
|
||||
v-model="selected_mou"
|
||||
label="MOU"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 xs4>
|
||||
<v-textarea v-model="participants" label="JUMLAH PESERTA" auto-grow outlined rows="1"></v-textarea>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs4>
|
||||
<v-textarea v-model="resulttype_report" auto-grow outlined rows="1" label="SISTEM PELAPORAN HASIL"></v-textarea>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs4>
|
||||
<v-textarea v-model="special_requirement" auto-grow outlined rows="1" label="PERSYARATAN LAINNYA"></v-textarea>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card class="mb-2">
|
||||
<v-layout row>
|
||||
<v-flex mt-1 mb-1 xs12>
|
||||
<v-subheader>PELAKSANAAN</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-text-field v-model="implementation_date" label="TANGGAL PELAKSANAAN" hide-details></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-text-field v-model="implementation_time" label="WAKTU PELAKSANAAN" hide-details></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-text-field v-model="implementation_place" label="TEMPAT PELAKSANAAN"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-text-field v-model="setupinstrument_time" label="WAKTU PASANG ALAT"></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card class="mb-2">
|
||||
<v-layout row>
|
||||
<v-flex mt-1 mb-1 xs12>
|
||||
<v-subheader>KESEPAKATAN HARGA</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 xs4>
|
||||
<v-text-field v-model="normal_price" hide-details label="HARGA NORMAL"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs4>
|
||||
<v-text-field v-model="agreement_price" hide-details label="HARGA KESEPAKATAN"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs4>
|
||||
<v-text-field v-model="discount_price" hide-details label="DISKON"></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-text-field v-model="billing_system" label="SISTEM PENAGIHAN"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-text-field v-model="duedate" label="JATUH TEMPO [HARI]" hint="maks. setelah invoice diterima"></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card class="mb-2">
|
||||
<v-layout row>
|
||||
<v-flex mt-1 mb-1 xs12>
|
||||
<v-subheader>FASILITAS</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 xs12>
|
||||
<v-text-field v-model="foods" label="MAKAN PAGI / SNACK"></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card class="mb-2">
|
||||
<v-layout row>
|
||||
<v-flex mt-1 mb-1 xs12>
|
||||
<v-subheader>PENYERAHAN HASIL PEKERJAAN</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-text-field v-model="sendresult_date" hint="maks. setelah MCU" label="WAKTU PENYERAHAN [HARI]"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-text-field v-model="sendresult_place" label="TEMPAT PENAGIHAN"></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-text-field v-model="sendresult_cpname" label="CP [NAMA]"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex pa-1 xs6>
|
||||
<v-text-field v-model="sendresult_cphp" label="CP [HP]" ></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card class="mb-2">
|
||||
<v-layout row>
|
||||
<v-flex mt-1 mb-1 xs12>
|
||||
<v-subheader>JANJI HASIL SISTEM</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-menu
|
||||
v-model="menufilterdatestart"
|
||||
:close-on-content-click="false"
|
||||
:nudge-right="40"
|
||||
lazy
|
||||
transition="scale-transition"
|
||||
offset-y
|
||||
full-width
|
||||
max-width="290px"
|
||||
min-width="290px"
|
||||
>
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-text-field
|
||||
v-model="filterComputedDateFormattedStart"
|
||||
label="Tanggal Pelaksanaan"
|
||||
|
||||
hide-details
|
||||
readonly
|
||||
v-on="on"
|
||||
@blur="date = deFormatedDate(filterComputedDateFormattedStart)"
|
||||
></v-text-field>
|
||||
</template>
|
||||
<v-date-picker v-model="xdatestart" no-title @input="menufilterdatestart = false"></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-menu
|
||||
v-model="menufilterdateend"
|
||||
:close-on-content-click="false"
|
||||
:nudge-right="40"
|
||||
lazy
|
||||
transition="scale-transition"
|
||||
offset-y
|
||||
full-width
|
||||
max-width="290px"
|
||||
min-width="290px"
|
||||
>
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-text-field
|
||||
v-model="filterComputedDateFormattedEnd"
|
||||
label="Tanggal Selesai"
|
||||
|
||||
hide-details
|
||||
readonly
|
||||
v-on="on"
|
||||
@blur="date = deFormatedDate(filterComputedDateFormattedEnd)"
|
||||
></v-text-field>
|
||||
</template>
|
||||
<v-date-picker v-model="xdateend" no-title @input="menufilterdateend = false"></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex xs2 pa-1>
|
||||
<v-text-field
|
||||
label="Bulan"
|
||||
v-model="xmonth"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs2 pa-1>
|
||||
<v-text-field
|
||||
label="Minggu"
|
||||
v-model="xweek"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs2 pa-1>
|
||||
<v-text-field
|
||||
label="Hari"
|
||||
v-model="xday"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs2 pa-1>
|
||||
<v-text-field
|
||||
label="Jam (hh:mm)"
|
||||
v-model="attime"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs4 pa-1>
|
||||
<v-checkbox v-model="flagattime" label="Pada Jam ?"></v-checkbox>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card class="mb-2">
|
||||
<v-layout row>
|
||||
<v-flex mt-1 mb-1 xs12>
|
||||
<v-subheader>PELAKSANA PEMASARAN</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 xs12>
|
||||
<v-text-field v-model="marketing_staff" label="NAMA STAF"></v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card class="mb-2">
|
||||
<v-layout row>
|
||||
<v-flex mt-1 mb-1 xs12>
|
||||
<v-subheader>CATATAN</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout pa-2 row>
|
||||
<v-flex pa-1 pt-1 xs12>
|
||||
<v-textarea v-model="notes" style="padding-top:0" auto-grow outlined rows="1" single-line></v-textarea>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data: () => ({
|
||||
search_company: "",
|
||||
isLoading: 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" }
|
||||
],
|
||||
weeks: [
|
||||
{ id: "1", name: "Pertama" },
|
||||
{ id: "2", name: "Kedua" },
|
||||
{ id: "3", name: "Ketiga" },
|
||||
{ id: "4", name: "Keempat" }
|
||||
],
|
||||
months:[
|
||||
{ id: "1", name: "Januari" },
|
||||
{ id: "2", name: "Pebruari" },
|
||||
{ id: "3", name: "Maret" },
|
||||
{ id: "4", name: "April" },
|
||||
{ id: "5", name: "Mei" },
|
||||
{ id: "6", name: "Juni" },
|
||||
{ id: "7", name: "Juli" },
|
||||
{ id: "8", name: "Agustus" },
|
||||
{ id: "9", name: "September" },
|
||||
{ id: "10", name: "Oktober" },
|
||||
{ id: "11", name: "Nopember" },
|
||||
{ id: "12", name: "Desember" }
|
||||
],
|
||||
menufilterdatestart:false,
|
||||
menufilterdateend:false,
|
||||
}),
|
||||
computed: {
|
||||
seletedmonth: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.selected_month
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_selected_month", val)
|
||||
}
|
||||
},
|
||||
seletedweek: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.selected_week
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_selected_week", val)
|
||||
}
|
||||
},
|
||||
seletedday: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.selected_day
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_selected_day", val)
|
||||
}
|
||||
},
|
||||
xmonth: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.xmonth
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_xmonth", val)
|
||||
}
|
||||
},
|
||||
xweek: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.xweek
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_xweek", val)
|
||||
}
|
||||
},
|
||||
xday: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.xday
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_xday", val)
|
||||
}
|
||||
},
|
||||
xhour: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.xhour
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_xhour", val)
|
||||
}
|
||||
},
|
||||
flagattime: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.flagattime
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_flagattime", val)
|
||||
}
|
||||
},
|
||||
attime: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.attime
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_attime", val)
|
||||
}
|
||||
},
|
||||
xnumbering() {
|
||||
return this.$store.state.samplecall.trx_numbering;
|
||||
},
|
||||
xstatus() {
|
||||
return this.$store.state.samplecall.selected_status;
|
||||
},
|
||||
xcompanies() {
|
||||
return this.$store.state.samplecall.companies;
|
||||
},
|
||||
selected_company: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.selected_company;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_selected_company", val);
|
||||
this.$store.dispatch("samplecall/getmou", { company: val });
|
||||
}
|
||||
},
|
||||
xagreementtypes() {
|
||||
return this.$store.state.samplecall.agreement_types;
|
||||
},
|
||||
selected_agreementtype: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.selected_agreement_type;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_selected_agreement_type", val);
|
||||
}
|
||||
},
|
||||
xmou() {
|
||||
return this.$store.state.samplecall.mou
|
||||
},
|
||||
selected_mou: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.selected_mou
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_selected_mou", val);
|
||||
},
|
||||
},
|
||||
company_cpname : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.company_cpname
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_company_cpname", val);
|
||||
},
|
||||
},
|
||||
company_cphp : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.company_cphp
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_company_cphp", val)
|
||||
},
|
||||
},
|
||||
participants : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.participants
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_participants", val)
|
||||
},
|
||||
},
|
||||
resulttype_report : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.resulttype_report
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_resulttype_report", val)
|
||||
},
|
||||
},
|
||||
special_requirement : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.special_requirement
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_special_requirement", val)
|
||||
},
|
||||
},
|
||||
implementation_date : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.implementation_date
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_implementation_date", val)
|
||||
},
|
||||
},
|
||||
implementation_time : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.implementation_time
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_implementation_time", val)
|
||||
},
|
||||
},
|
||||
implementation_place : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.implementation_place
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_implementation_place", val)
|
||||
},
|
||||
},
|
||||
setupinstrument_time : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.setupinstrument_time
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_setupinstrument_time", val)
|
||||
},
|
||||
},
|
||||
normal_price : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.normal_price
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_normal_price", val)
|
||||
},
|
||||
},
|
||||
agreement_price : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.agreement_price
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_agreement_price", val)
|
||||
},
|
||||
},
|
||||
discount_price : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.discount_price
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_discount_price", val)
|
||||
},
|
||||
},
|
||||
duedate : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.duedate
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_duedate", val)
|
||||
},
|
||||
},
|
||||
sendresult_date : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.sendresult_date
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_sendresult_date", val)
|
||||
},
|
||||
},
|
||||
sendresult_place : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.sendresult_place
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_sendresult_place", val)
|
||||
},
|
||||
},
|
||||
billing_system : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.billing_system
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_billing_system", val)
|
||||
},
|
||||
},
|
||||
sendresult_cpname : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.sendresult_cpname
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_sendresult_cpname", val)
|
||||
},
|
||||
},
|
||||
sendresult_cphp : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.sendresult_cphp
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_sendresult_cphp", val)
|
||||
},
|
||||
},
|
||||
marketing_staff : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.marketing_staff
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_marketing_staff", val)
|
||||
},
|
||||
},
|
||||
notes : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.notes
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_notes", val)
|
||||
},
|
||||
},
|
||||
foods : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.foods
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_foods", val)
|
||||
},
|
||||
},
|
||||
readonlyhour: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.readonlyhour
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_readonlyhour", val)
|
||||
},
|
||||
},
|
||||
readonlyattime: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.readonlyattime
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_readonlyattime", val)
|
||||
},
|
||||
},
|
||||
xdatestart : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.start_date
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_start_date",val)
|
||||
}
|
||||
},
|
||||
xdateend : {
|
||||
get() {
|
||||
return this.$store.state.samplecall.end_date
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_end_date",val)
|
||||
}
|
||||
},
|
||||
filterComputedDateFormattedStart () {
|
||||
return this.formatDate(this.xdatestart)
|
||||
},
|
||||
filterComputedDateFormattedEnd () {
|
||||
return this.formatDate(this.xdateend)
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
formatDate (date) {
|
||||
if (!date) return null
|
||||
|
||||
const [year, month, day] = date.split('-')
|
||||
return `${day}-${month}-${year}`
|
||||
},
|
||||
deFormatedDate (date) {
|
||||
if (!date) return null
|
||||
|
||||
const [ day,month, year] = date.split('-')
|
||||
return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`
|
||||
},
|
||||
changeAttime(value){
|
||||
this.xhour = value === true ? 0:this.xhour
|
||||
this.readonlyhour = value === true ? true:false
|
||||
this.attime = value === true ? this.attime:""
|
||||
this.readonlyattime = value === true ? false:true
|
||||
},
|
||||
processSample(sampletype) {
|
||||
var patient = this.$store.state.samplecall.selected_patient;
|
||||
var msg =
|
||||
"Anda yakin akan melakukan proses untuk " +
|
||||
sampletype.T_SampleTypeName +
|
||||
" dari " +
|
||||
patient.patient_fullname +
|
||||
" ? ";
|
||||
this.$store.commit("samplecall/update_msg_action", msg);
|
||||
this.$store.commit("samplecall/update_act", "samplingprocess");
|
||||
this.$store.commit("samplecall/update_selected_sampletype", sampletype);
|
||||
this.$store.commit("samplecall/update_dialog_action", true);
|
||||
},
|
||||
doneSample(sampletype) {
|
||||
var patient = this.$store.state.samplecall.selected_patient;
|
||||
var msg =
|
||||
"Anda yakin proses untuk " +
|
||||
sampletype.T_SampleTypeName +
|
||||
" dari " +
|
||||
patient.patient_fullname +
|
||||
" telah selesai ? ";
|
||||
this.$store.commit("samplecall/update_msg_action", msg);
|
||||
this.$store.commit("samplecall/update_act", "samplingdone");
|
||||
this.$store.commit("samplecall/update_selected_sampletype", sampletype);
|
||||
this.$store.commit("samplecall/update_dialog_action", true);
|
||||
},
|
||||
thr_search_company: _.debounce(function() {
|
||||
this.$store.dispatch("samplecall/searchcompany", this.search_company);
|
||||
}, 2000),
|
||||
saveAgreement(){
|
||||
prm = {
|
||||
trx_id:this.$store.state.samplecall.trx_id,
|
||||
company:this.selected_company,
|
||||
agreement_type:this.selected_agreementtype,
|
||||
mou:this.selected_mou,
|
||||
company_cpname:this.company_cpname,
|
||||
company_cphp:this.company_cphp,
|
||||
participants:this.participants,
|
||||
resulttype_report:this.resulttype_report,
|
||||
special_requirement:this.special_requirement,
|
||||
implementation_date:this.implementation_date,
|
||||
implementation_time:this.implementation_time,
|
||||
implementation_place:this.implementation_place,
|
||||
setupinstrument_time:this.setupinstrument_time,
|
||||
normal_price:this.normal_price,
|
||||
agreement_price:this.agreement_price,
|
||||
discount_price:this.discount_price,
|
||||
billing_system:this.billing_system,
|
||||
duedate:this.duedate,
|
||||
sendresult_date:this.sendresult_date,
|
||||
sendresult_place:this.sendresult_place,
|
||||
sendresult_cpname:this.sendresult_cpname,
|
||||
sendresult_cphp:this.sendresult_cphp,
|
||||
marketing_staff:this.marketing_staff,
|
||||
notes:this.notes,
|
||||
foods:this.foods,
|
||||
xmonth:this.xmonth,
|
||||
xweek:this.xweek,
|
||||
xday:this.xday,
|
||||
flagattime:this.flagattime === true ? 'Y':'N',
|
||||
attime:this.attime,
|
||||
startdate:this.xdatestart,
|
||||
enddate:this.xdateend
|
||||
}
|
||||
this.$store.dispatch("samplecall/saveagreement", prm);
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
search_company(val, old) {
|
||||
if (val == old) return;
|
||||
if (!val) return;
|
||||
if (val.length < 1) return;
|
||||
if (this.$store.state.samplecall.update_autocomplete_status == 1) return;
|
||||
this.thr_search_company();
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -0,0 +1,229 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-dialog v-model="xdialogaction" persistent max-width="350">
|
||||
<v-card>
|
||||
<v-card-title color="warning" class="headline">Konfirmasi</v-card-title>
|
||||
<v-card-text v-html="xmsgaction">
|
||||
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="primary darken-1" flat @click="closeDialogAction()">OK</v-btn>
|
||||
<v-btn color="error darken-1" flat @click="xdialogaction = false">Tutup</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-card>
|
||||
<v-layout row>
|
||||
<v-flex xs12 pa-2>
|
||||
<v-layout align-center>
|
||||
<v-flex xs2>
|
||||
<v-img
|
||||
src="https://www.sgm-inc.com/wp-content/uploads/2014/06/no-profile-male-img.gif"
|
||||
aspect-ratio="1"
|
||||
class="grey lighten-2 elevation-2"
|
||||
>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs10 pl-2 pt-1>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs4>
|
||||
<v-layout column>
|
||||
<v-flex>
|
||||
<h3 style="font-size:x-large" class="font-weight-bold">{{ xselected_patient.T_OrderHeaderLabNumber }}</h3>
|
||||
</v-flex>
|
||||
<v-flex pt-3>
|
||||
<v-text-field
|
||||
v-model=" xselected_patient.M_PatientNoReg"
|
||||
label="No RM"
|
||||
readonly
|
||||
hide-details
|
||||
>
|
||||
</v-text-field>
|
||||
</v-flex>
|
||||
<v-flex>
|
||||
<v-text-field
|
||||
v-model=" xselected_patient.M_PatientName"
|
||||
label="Nama"
|
||||
readonly
|
||||
hide-details
|
||||
>
|
||||
</v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs8 pl-2>
|
||||
<v-layout column>
|
||||
<v-flex >
|
||||
<v-layout row>
|
||||
<v-flex xs6>
|
||||
<v-text-field
|
||||
v-model="xselected_patient.patient_dob"
|
||||
label="Tanggal lahir"
|
||||
readonly
|
||||
hide-details
|
||||
>
|
||||
</v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs6 pl-1>
|
||||
<v-text-field
|
||||
v-model=" xselected_patient.T_OrderHeaderM_PatientAge"
|
||||
label="Umur"
|
||||
readonly
|
||||
hide-details
|
||||
>
|
||||
</v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex pt-1>
|
||||
<v-text-field
|
||||
v-model="xselected_patient.M_PatientHP"
|
||||
label="HP"
|
||||
readonly
|
||||
hide-details
|
||||
>
|
||||
</v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex v-if="xselected_patient.statusid === '0' || xselected_patient.statusid === '2'">
|
||||
<v-btn
|
||||
|
||||
color="primary"
|
||||
class="mt-3"
|
||||
@click="callPatient()"
|
||||
block
|
||||
>
|
||||
CALL
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
|
||||
<v-layout v-if="xselected_patient.statusid === '1'" row>
|
||||
<v-flex pl-2 pr-2 xs6>
|
||||
<v-btn
|
||||
|
||||
color="warning"
|
||||
class="mt-3"
|
||||
@click="processNow()"
|
||||
block
|
||||
>
|
||||
PROCESS
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
<v-flex pl-2 pr-2 xs6>
|
||||
<v-btn
|
||||
|
||||
color="error"
|
||||
class="mt-3"
|
||||
@click="skip()"
|
||||
block
|
||||
>
|
||||
SKIP
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-flex>
|
||||
</v-card>
|
||||
</v-layout>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data: () => ({
|
||||
|
||||
}),
|
||||
computed: {
|
||||
xselected_patient:{
|
||||
get() {
|
||||
return this.$store.state.samplecall.selected_patient
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_selected_patient",val)
|
||||
}
|
||||
},
|
||||
xdialogaction:{
|
||||
get() {
|
||||
return this.$store.state.samplecall.dialog_action
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_dialog_action",val)
|
||||
}
|
||||
},
|
||||
xmsgaction:{
|
||||
get() {
|
||||
return this.$store.state.samplecall.msg_action
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_msg_action",val)
|
||||
}
|
||||
}
|
||||
},
|
||||
methods : {
|
||||
closeDialogAction(){
|
||||
var act = this.$store.state.samplecall.act
|
||||
var sample = this.$store.state.samplecall.selected_sampletype
|
||||
var status = 1
|
||||
if(act === 'process'){
|
||||
status = 3
|
||||
}
|
||||
if(act === 'skip'){
|
||||
status = 2
|
||||
}
|
||||
if(act === 'samplingprocess'){
|
||||
status = 3
|
||||
}
|
||||
if(act === 'samplingdone'){
|
||||
status = 4
|
||||
}
|
||||
var patient = this.$store.state.samplecall.selected_patient
|
||||
this.$store.dispatch("samplecall/doaction",{
|
||||
act:act,
|
||||
id:patient.T_OrderHeaderID,
|
||||
name:this.name,
|
||||
nolab:this.nolab,
|
||||
stationid: patient.T_SampleStationID,
|
||||
statusid:this.$store.state.samplecall.selected_status.id,
|
||||
statusnextid : status,
|
||||
sample:sample
|
||||
})
|
||||
|
||||
},
|
||||
callPatient(){
|
||||
var patient = this.$store.state.samplecall.selected_patient
|
||||
var msg = "Anda yakin akan melakukan panggilan kepada pasien "+patient.patient_fullname+" ? "
|
||||
this.$store.commit("samplecall/update_msg_action",msg)
|
||||
this.$store.commit("samplecall/update_act",'call')
|
||||
this.$store.commit("samplecall/update_dialog_action",true)
|
||||
},
|
||||
processNow(){
|
||||
var patient = this.$store.state.samplecall.selected_patient
|
||||
var msg = "Anda yakin akan merubah status <span style='color:ff5252;font-weight:bold'>PROCESS</span> untuk pasien "+patient.patient_fullname+" ? "
|
||||
this.$store.commit("samplecall/update_msg_action",msg)
|
||||
this.$store.commit("samplecall/update_act",'process')
|
||||
this.$store.commit("samplecall/update_dialog_action",true)
|
||||
},
|
||||
skip(){
|
||||
var patient = this.$store.state.samplecall.selected_patient
|
||||
var msg = "Anda yakin akan merubah status <span style='color:ff5252;font-weight:bold'>SKIP</span> untuk pasien "+patient.patient_fullname+" ? "
|
||||
this.$store.commit("samplecall/update_msg_action",msg)
|
||||
this.$store.commit("samplecall/update_act",'skip')
|
||||
this.$store.commit("samplecall/update_dialog_action",true)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,351 @@
|
||||
<template>
|
||||
<v-layout class="fill-height" column>
|
||||
<v-dialog v-model="dialogsuccess" persistent max-width="290">
|
||||
<v-card>
|
||||
<v-card-title color="success" class="headline">Berhasil !</v-card-title>
|
||||
<v-card-text>
|
||||
{{msgsuccess}}
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn color="green darken-1" flat @click="closeDialogSuccess">OK</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
<v-card class="mb-2 pa-2 searchbox">
|
||||
<v-layout >
|
||||
<v-autocomplete
|
||||
class="mt-1"
|
||||
label="FILTER PERUSAHAAN"
|
||||
v-model="filter_selected_company"
|
||||
:items="xcompanies"
|
||||
:search-input.sync="filter_search_company"
|
||||
auto-select-first
|
||||
no-filter
|
||||
outline
|
||||
hide-details
|
||||
item-text="name"
|
||||
placeholder="Cari..."
|
||||
return-object
|
||||
:loading="isLoading"
|
||||
no-data-text="Tidak ada data perusahaan"
|
||||
>
|
||||
<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-btn class="xs3 ma-1" color="success" @click="searchtransaction" >Cari</v-btn>-->
|
||||
<span @click="searchtransaction" class="icon-medium-fill-base xs1 white--text success iconsearch-search"></span>
|
||||
<span @click="setNewTransaction" class="icon-medium-fill-base xs1 white--text primary ml-1 icon-add"></span>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<v-card >
|
||||
<v-layout row>
|
||||
<v-flex xs12 pl-2 pr-2 pt-2 pb-2>
|
||||
<v-data-table
|
||||
:headers="headers"
|
||||
:items="transactions"
|
||||
:loading="isLoading"
|
||||
hide-actions
|
||||
class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.trx_numbering }}</td>
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.trx_date}}</td>
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.M_CompanyName}}</td>
|
||||
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.M_MouName}}</td>
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
<one-dialog-alert :status="openalertconfirmation" :msg="msgalertconfirmation" @forget-dialog-alert="forgetAlertConfirmation()" @close-dialog-alert="closeAlertConfirmation()"></one-dialog-alert>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchbox .v-input.v-text-field .v-input__slot{
|
||||
min-height:60px;
|
||||
}
|
||||
.searchbox .v-btn {
|
||||
min-height:60px;
|
||||
}
|
||||
table.v-table tbody td,table.v-table tbody th {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
table.v-table thead tr {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'one-dialog-info':httpVueLoader('../../common/oneDialogInfo.vue'),
|
||||
'one-dialog-alert':httpVueLoader('../../common/oneDialogAlert.vue')
|
||||
},
|
||||
mounted() {
|
||||
this.$store.dispatch("samplecall/getstationstatus",{
|
||||
filter_company:{id:0,name:'Semua Perusahaan'},
|
||||
// current_page:1,
|
||||
lastid: -1
|
||||
})
|
||||
this.$store.dispatch("samplecall/getagreementtype")
|
||||
|
||||
},
|
||||
methods : {
|
||||
isSelected(p) {
|
||||
return p.trx_id == this.$store.state.samplecall.selected_transaction.trx_id
|
||||
},
|
||||
searchtransaction() {
|
||||
this.$store.dispatch("samplecall/search",{
|
||||
filter_company:this.filter_selected_company,
|
||||
//current_page:1,
|
||||
lastid: -1
|
||||
})
|
||||
},
|
||||
selectMe(trx) {
|
||||
if(this.$store.state.samplecall.no_save == 0 ){
|
||||
this.$store.commit("samplecall/update_selected_transaction",trx)
|
||||
this.$store.commit("samplecall/update_trx_id",trx.trx_id)
|
||||
this.$store.commit("samplecall/update_trx_numbering",trx.trx_numbering)
|
||||
this.$store.commit("samplecall/update_companies",[{id:trx.Mcu_AgreementCustomerM_CompanyID,name:trx.M_CompanyName}])
|
||||
this.$store.commit("samplecall/update_selected_company", {id:trx.Mcu_AgreementCustomerM_CompanyID,name:trx.M_CompanyName})
|
||||
this.$store.commit("samplecall/update_selected_agreement_type", {id:trx.Mcu_AgreementScopeWorkMcu_AgreementTypeID,name:trx.Mcu_AgreementTypeName})
|
||||
this.$store.commit("samplecall/update_mou", trx.mou)
|
||||
this.$store.commit("samplecall/update_selected_mou", {id:trx.Mcu_AgreementCustomerM_MouID,name:trx.M_MouName})
|
||||
this.$store.commit("samplecall/update_company_cpname", trx.Mcu_AgreementCustomerCpName)
|
||||
this.$store.commit("samplecall/update_company_cphp", trx.Mcu_AgreementCustomerCpHp)
|
||||
this.$store.commit("samplecall/update_participants", trx.Mcu_AgreementScopeWorkParticipants)
|
||||
this.$store.commit("samplecall/update_resulttype_report", trx.Mcu_AgreementScopeWorkResultTypeReport)
|
||||
this.$store.commit("samplecall/update_special_requirement", trx.Mcu_AgreementScopeWorkSpecialRequirements)
|
||||
this.$store.commit("samplecall/update_implementation_date", trx.Mcu_AgreementImplementationDate)
|
||||
this.$store.commit("samplecall/update_implementation_time", trx.Mcu_AgreementImplementationTime)
|
||||
this.$store.commit("samplecall/update_implementation_place", trx.Mcu_AgreementImplementationPlace)
|
||||
this.$store.commit("samplecall/update_setupinstrument_time", trx.Mcu_AgreementImplementationSetupInstumentTime)
|
||||
this.$store.commit("samplecall/update_normal_price", trx.Mcu_AgreementPriceNormalPrice)
|
||||
this.$store.commit("samplecall/update_agreement_price", trx.Mcu_AgreementPriceAgreementPrice)
|
||||
this.$store.commit("samplecall/update_discount_price", trx.Mcu_AgreementPriceDiscount)
|
||||
this.$store.commit("samplecall/update_duedate", trx.Mcu_AgreementPriceDueDate)
|
||||
this.$store.commit("samplecall/update_billing_system", trx.Mcu_AgreementPriceBillingSystem)
|
||||
this.$store.commit("samplecall/update_sendresult_date", trx.Mcu_AgreementSendResultDate)
|
||||
this.$store.commit("samplecall/update_sendresult_place", trx.Mcu_AgreementSendResultPlace)
|
||||
this.$store.commit("samplecall/update_sendresult_cpname", trx.Mcu_AgreementSendResultCPName)
|
||||
this.$store.commit("samplecall/update_sendresult_cphp", trx.Mcu_AgreementSendResultCPHP)
|
||||
this.$store.commit("samplecall/update_marketing_staff", trx.Mcu_AgreementMarketingName)
|
||||
this.$store.commit("samplecall/update_notes", trx.Mcu_AgrrementNotesValue)
|
||||
this.$store.commit("samplecall/update_foods", trx.Mcu_AgreementFacilityFood)
|
||||
|
||||
}else{
|
||||
this.$store.commit("samplecall/update_open_alert_confirmation",true)
|
||||
}
|
||||
|
||||
},
|
||||
closeAlertConfirmation(){
|
||||
this.$store.commit("samplecall/update_open_alert_confirmation",false)
|
||||
},
|
||||
forgetAlertConfirmation(){
|
||||
this.$store.commit("samplecall/update_no_save",0)
|
||||
this.$store.commit("samplecall/update_open_alert_confirmation",false)
|
||||
},
|
||||
updateAlert_success(val){
|
||||
this.$store.commit("samplecall/update_alert_success",val)
|
||||
},
|
||||
setNewtransaction(){
|
||||
//this.$store.commit("samplecall/update_selected_transaction",{})
|
||||
|
||||
},
|
||||
closeDialogSuccess(){
|
||||
this.$store.commit("samplecall/update_dialog_success",false)
|
||||
this.$store.dispatch("samplecall/search",{
|
||||
filter_company:this.filter_selected_company,
|
||||
//current_page:1,
|
||||
lastid: -1
|
||||
})
|
||||
},
|
||||
setNewTransaction(){
|
||||
this.$store.commit("samplecall/update_selected_transaction",{})
|
||||
this.$store.commit("samplecall/update_trx_id",'0')
|
||||
this.$store.commit("samplecall/update_trx_numbering",'No. TRANSAKSI')
|
||||
this.$store.commit("samplecall/update_companies",[])
|
||||
this.$store.commit("samplecall/update_selected_company", {})
|
||||
this.$store.commit("samplecall/update_selected_agreement_type", {})
|
||||
this.$store.commit("samplecall/update_mou", [])
|
||||
this.$store.commit("samplecall/update_selected_mou", {})
|
||||
this.$store.commit("samplecall/update_company_cpname", "")
|
||||
this.$store.commit("samplecall/update_company_cphp", "")
|
||||
this.$store.commit("samplecall/update_participants", "")
|
||||
this.$store.commit("samplecall/update_resulttype_report", "")
|
||||
this.$store.commit("samplecall/update_special_requirement", "")
|
||||
this.$store.commit("samplecall/update_implementation_date", "")
|
||||
this.$store.commit("samplecall/update_implementation_time", "")
|
||||
this.$store.commit("samplecall/update_implementation_place", "")
|
||||
this.$store.commit("samplecall/update_setupinstrument_time", "")
|
||||
this.$store.commit("samplecall/update_normal_price", "")
|
||||
this.$store.commit("samplecall/update_agreement_price","")
|
||||
this.$store.commit("samplecall/update_discount_price", "")
|
||||
this.$store.commit("samplecall/update_duedate", "")
|
||||
this.$store.commit("samplecall/update_billing_system", "")
|
||||
this.$store.commit("samplecall/update_sendresult_date", "")
|
||||
this.$store.commit("samplecall/update_sendresult_place", "")
|
||||
this.$store.commit("samplecall/update_sendresult_cpname", "")
|
||||
this.$store.commit("samplecall/update_sendresult_cphp", "")
|
||||
this.$store.commit("samplecall/update_marketing_staff", "")
|
||||
this.$store.commit("samplecall/update_notes", "")
|
||||
this.$store.commit("samplecall/update_foods", "")
|
||||
},
|
||||
thr_filter_search_company: _.debounce(function() {
|
||||
this.$store.dispatch("samplecall/filtersearchcompany", this.filter_search_company);
|
||||
}, 2000),
|
||||
},
|
||||
computed: {
|
||||
xcompanies() {
|
||||
return this.$store.state.samplecall.filter_companies;
|
||||
},
|
||||
filter_selected_company: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.filter_selected_company;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_filter_selected_company", val);
|
||||
}
|
||||
},
|
||||
dialogsuccess: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.dialog_success
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_dialog_success",val)
|
||||
}
|
||||
},
|
||||
msgsuccess(){
|
||||
return this.$store.state.samplecall.msg_success
|
||||
},
|
||||
snackbar: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.alert_success
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_alert_success",val)
|
||||
}
|
||||
},
|
||||
isLoading() {
|
||||
return this.$store.state.samplecall.search_status == 1
|
||||
},
|
||||
xstations() {
|
||||
return this.$store.state.samplecall.stations
|
||||
},
|
||||
xselectedstation: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.selected_station
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_selected_station",val)
|
||||
}
|
||||
},
|
||||
xstatuses() {
|
||||
return this.$store.state.samplecall.statuses
|
||||
},
|
||||
xselectedstatus: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.selected_status
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_selected_status",val)
|
||||
}
|
||||
},
|
||||
transactions() {
|
||||
return this.$store.state.samplecall.transactions
|
||||
},
|
||||
openalertconfirmation: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.open_alert_confirmation
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_open_alert_confirmation",val)
|
||||
}
|
||||
},
|
||||
curr_page: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.current_page
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_current_page",val)
|
||||
this.$store.dispatch("samplecall/search",{
|
||||
name:this.name,
|
||||
nolab:this.nolab,
|
||||
stationid: this.xselectedstation.id,
|
||||
statusid: this.xselectedstatus.id,
|
||||
current_page:val,
|
||||
lastid: idx
|
||||
})
|
||||
}
|
||||
},
|
||||
xtotal_page: {
|
||||
get() {
|
||||
return this.$store.state.samplecall.total_page
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("samplecall/update_total_page",val)
|
||||
}
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
filter_search_company(val, old) {
|
||||
if (val == old) return;
|
||||
if (!val) return;
|
||||
if (val.length < 1) return;
|
||||
if (this.$store.state.samplecall.update_autocomplete_status == 1) return;
|
||||
this.thr_filter_search_company();
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
msgalertconfirmation:"Perubahan yang telah dilakukan belum disimpan dong !",
|
||||
items: [],
|
||||
name: '',
|
||||
nolab:'',
|
||||
page:1,
|
||||
filter_search_company: "",
|
||||
headers: [
|
||||
{
|
||||
text: "NO TRANSAKSI",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "mr",
|
||||
width: "15%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "TANGGAL TRANSAKSI",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "lab",
|
||||
width: "10%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
{
|
||||
text: "PERUSAHAAN",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "name",
|
||||
width: "35%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
},
|
||||
|
||||
{
|
||||
text: "MOU",
|
||||
align: "left",
|
||||
sortable: false,
|
||||
value: "status",
|
||||
width: "35%",
|
||||
class: "pa-2 blue lighten-3 white--text"
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user