fajri/FE_CPONE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Flatten nested repos

Browse Source
This commit is contained in:
sas.fajri
2026-04-27 10:13:31 +07:00
parent 01c2963a43
commit 8347aef8f4
17935 changed files with 5015229 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
test/vuex/one-mou-ready-release/components/.oneMdCompanyList.vue.swp Normal file
View File

Binary file not shown.

557
test/vuex/one-mou-ready-release/components/mdQuantitative.vue Normal file
View File

@@ -0,0 +1,557 @@
<template>
<v-layout>
<v-flex xs12>
<v-card class="mb-2">
<v-subheader red--text text--lighten-1>
Reflex Test
<v-flex text-md-right>
</v-flex>
</v-subheader>
<v-divider></v-divider>
<v-layout row>
<v-flex xs12 pl-2 pr-2 pt-2 pb-2>
<v-data-table :headers="headers" :items="xnatmultirules" :loading="isLoading" :pagination.sync="pagination" class="elevation-1">
<template slot="items" slot-scope="props">
<td class="text-xs-left pa-2" v-html="props.item.nilai">
</td>
<td class="text-xs-left pa-2" v-html="props.item.Nat_MultiRuleRuleIsNotApplicable">
</td>
<td class="text-xs-left pa-2" v-html="props.item.low">
</td>
<td class="text-xs-left pa-2" v-html="props.item.normal">
</td>
<td class="text-xs-left pa-2" v-html="props.item.high">
</td>
<td class="text-xs-left pa-2" v-html="props.item.negative">
</td>
<td class="text-xs-left pa-2" v-html="props.item.borderline">
</td>
<td class="text-xs-left pa-2" v-html="props.item.positive">
</td>
<td class="text-xs-left pa-2">
<v-icon class="ml-3" color="primary" @click="editFormMultiRule(props.item)">edit</v-icon>
</td>
</template>
<template>
<div class="text-xs-center">
<v-pagination v-model="page" :length="15" :total-visible="7"></v-pagination>
</div>
</template>
</v-data-table>
</v-flex>
</v-layout>
</v-card>
<template>
<v-layout row justify-center>
<v-dialog v-model="dialogquantitative" persistent max-width="900px">
<v-card>
<v-card-title>
<span class="headline">Form Reflex Test : {{xnattest.Nat_TestName}} [ {{this.xnilai}} ]</span>
</v-card-title>
<v-card-text class="pt-0 pb-0">
<v-form ref="formmultirule" lazy-validation>
<v-layout row wrap>
<v-flex xs12 pa-2>
<v-layout row>
<v-flex xs6 pa-1>
<v-text-field v-model="xextremelow" label="Extreme Low" hide-details></v-text-field>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field v-model="xlinieritas" label="Linieritas" hide-details></v-text-field>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 pa-2>
<v-layout row>
<v-flex xs6 pa-1>
<v-text-field v-model="xextremehigh" label="Extreme High" hide-details></v-text-field>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field v-model="xlimitdetection" label="Limit Detection" hide-details></v-text-field>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 pa-2>
<v-layout row>
<v-flex xs6 pa-1>
<div>
<v-btn @click="changeBtnFlagNotApplicable(xisnotapplicable)" v-if="xisnotapplicable === 'N'" small color="error">
<v-icon left>close</v-icon> NOT APPLICABLE</v-btn>
<v-btn @click="changeBtnFlagNotApplicable(xisnotapplicable)" v-if="xisnotapplicable === 'Y'" small color="success">
<v-icon left>check</v-icon> NOT APPLICABLE</v-btn>
</div>
</v-flex>
<v-flex xs6 pa-1>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 pa-2>
<v-layout row>
<v-flex xs4 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 xs4 pa-1>
<v-select outline item-text="M_ValueName" class="mini-select" return-object :items="xvaluetypexes" v-model="xvaluetypex"
label="Nilai"></v-select>
</v-flex>
<v-flex xs4 pa-1>
<span @click="addTest()" class="icon-medium-fill-base xs1 white--text primary ml-1 icon-add"></span>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
<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="40%" class="pa-2 grey lighten-1 white--text">TEST
</td>
<td style="border: 1px solid #fff;
border-collapse: collapse;
padding-top: 2px;
padding-bottom: 2px;" width="40%" class="pa-2 grey lighten-1 white--text">NILAI
</td>
<td style="border: 1px solid #fff;
border-collapse: collapse;
padding-top: 2px;
padding-bottom: 2px;" width="20%" class="pa-2 grey lighten-1 white--text">HAPUS
</td>
</tr>
<tr 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:left;
vertical-align:left;" align="left">{{vpx.Nat_TestName}}
</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.nilai}}</td>
<td style="border: 1px solid #fff;
border-collapse: collapse;
padding-top: 2px;
padding-bottom: 2px;
padding: 8px;" class="text-md-center pr-2"><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>
</tr>
<tfoot>
</tfoot>
</table>
</v-flex>
</v-layout>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" flat @click="updateDialogFormMultiRule()">Tutup</v-btn>
<v-btn v-if="this.xid === '0'" color="grey darken-1" flat @click="saveFormReflexTest()">Simpan</v-btn>
<v-btn v-if="this.xid !== '0'" color="grey darken-1" flat @click="updateFormReflexTest()">Simpan Perubahan</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</v-layout>
</template>
</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.v-table tbody td,
table.v-table tbody th {
height: 40px;
}
table.v-table thead tr {
height: 40px;
}
</style>
<script>
module.exports = {
components: {
'one-md-test-conclusion-dialog-normal-value': httpVueLoader(
'./oneMdTestConclusionDialogNormalValue.vue'),
'one-dialog-alert': httpVueLoader('../../common/oneDialogAlert.vue')
},
methods: {
changeBtnFlagNotApplicable(value) {
var newval = (value === 'Y') ? 'N' : 'Y'
this.xisnotapplicable = newval
console.log(this.xisnotapplicable)
},
updateDialogFormMultiRule() {
this.$store.commit("multirule/update_dialog_form_quantitative", false)
},
openFormMultiRule() {
this.$refs.formmultirule.reset()
this.$refs.formmultirule.resetValidation()
this.$store.commit("multirule/update_dialog_form_quantitative", true)
},
addTest() {
var oldArr = this.$store.state.multirule.ordertests
var arrTest = this.$store.state.multirule.orderautotest
var arrValue = this.$store.state.multirule.selected_valuetypex
var arrAll = _.assignIn(arrTest, arrValue)
oldArr.push(_.assignIn(arrTest, arrValue))
this.searchtest = ''
this.$store.commit("multirule/update_orderautotests", [])
this.$store.commit("multirule/update_orderautotest", {})
this.$store.commit("multirule/update_valuetypexes", [])
this.$store.commit("multirule/update_selected_valuetypex", {})
},
deleteDataPx(idx) {
var inx = parseInt(idx);
var xrow = this.$store.state.multirule.ordertests[inx]
if (parseInt(xrow.xid) !== 0) {
var xdeltest = this.$store.state.multirule.deleted_ordertests
xdeltest.push(xrow)
this.$store.commit("multirule/update_deleted_ordertests", xdeltest)
}
var oldArr = this.$store.state.multirule.ordertests
oldArr.splice(inx, 1)
this.$store.commit("multirule/update_ordertests", oldArr)
},
editFormMultiRule(data) {
console.log('editform')
console.log(data.nilai)
this.xid = data.Nat_MultiRuleRuleID
this.xmultiruleid = data.Nat_MultiRuleID
this.xnilai = data.nilai
this.xextremelow = this.xnattest.Nat_MultiRuleExtremeLow
this.xextremehigh = this.xnattest.Nat_MultiRuleExtremeHigh
this.xlinieritas = this.xnattest.Nat_MultiRuleLinieritas
this.xlimitdetection = this.xnattest.Nat_MultiRuleLimitDetection
this.xisnotapplicable = data.Nat_MultiRuleRuleIsNotApplicable
this.$store.commit("multirule/update_ordertests", data.tests)
this.$store.commit("multirule/update_dialog_form_quantitative", true)
},
saveFormReflexTest() {
this.$store.dispatch("multirule/savereflextest", {
Nat_MultiRuleRuleNat_MultiRuleID: this.xmultiruleid,
Nat_MultiRuleNilai: this.xnilai,
testid: this.xnattest.Nat_TestID,
isquantitative: this.xnattest.Nat_TestIsQuantitative,
extremelow: this.xextremelow,
extremehigh: this.xextremehigh,
linieritas: this.xlinieritas,
limitdetection: this.xlimitdetection,
isnotapplicable: this.xisnotapplicable,
ordertests: this.xordertests
})
},
updateFormReflexTest() {
this.$store.dispatch("multirule/updatereflextest", {
id: this.xid,
multiruleid: this.xmultiruleid,
nilai: this.xnilai,
testid: this.xnattest.Nat_TestID,
isquantitative: this.xnattest.Nat_TestIsQuantitative,
extremelow: this.xextremelow,
extremehigh: this.xextremehigh,
linieritas: this.xlinieritas,
limitdetection: this.xlimitdetection,
isnotapplicable: this.xisnotapplicable,
ordertests: this.xordertests,
deleted_ordertests: this.$store.state.multirule.deleted_ordertests
})
},
thr_search_test: _.debounce(function () {
this.$store.dispatch("multirule/searchtest", this.search_test)
}, 2000)
},
computed: {
dialogquantitative() {
return this.$store.state.multirule.dialog_form_quantitative
},
isLoading() {
return this.$store.state.multirule.search_status == 1
},
xnattest() {
return this.$store.state.multirule.selected_multirule
},
xnatmultirules() {
return this.$store.state.multirule.natmultirules
},
xfiltermethode() {
return this.$store.state.multirule.filter_methodes
},
xselected_filter_methode: {
get() {
return this.$store.state.multirule.selected_filter_methode
},
set(val) {
this.$store.commit("form/update_selected_filter_methode", val)
}
},
xtests() {
return this.$store.state.multirule.tests
},
xtest: {
get() {
return this.$store.state.multirule.test
},
set(val) {
this.$store.commit("multirule/update_test", val)
}
},
xisnotapplicable: {
get() {
return this.$store.state.multirule.isnotapplicable
},
set(val) {
this.$store.commit("multirule/update_isnotapplicable", val)
}
},
xvaluexs() {
return this.$store.state.multirule.valuexs
},
xvaluex: {
get() {
return this.$store.state.multirule.valuex
},
set(val) {
this.$store.commit("multirule/update_valuex", val)
}
},
xspilih: {
get() {
return this.$store.state.multirule.spilih
},
set(val) {
this.$store.commit("multirule/update_spilih", val)
}
},
xsmultiruleid: {
get() {
return this.$store.state.multirule.smultiruleid
},
set(val) {
this.$store.commit("multirule/update_smultiruleid", val)
}
},
xvaluetypees() {
return this.$store.state.multirule.valuetypees
},
xvaluetype: {
get() {
return this.$store.state.multirule.selected_valuetype
},
set(val) {
this.$store.commit("multirule/update_selected_valuetype", val)
}
},
xnilai: {
get() {
return this.$store.state.multirule.nilai
},
set(val) {
this.$store.commit("multirule/update_nilai", val)
}
},
xorderautotests() {
return this.$store.state.multirule.orderautotests
},
xorderautotest: {
get() {
return this.$store.state.multirule.orderautotest
},
set(val) {
this.$store.commit("multirule/update_orderautotest", val)
}
},
xordertests() {
return this.$store.state.multirule.ordertests
},
xvaluetypexes() {
return this.$store.state.multirule.valuetypexes
},
xvaluetypex: {
get() {
return this.$store.state.multirule.selected_valuetypex
},
set(val) {
this.$store.commit("multirule/update_selected_valuetypex", val)
}
}
},
data() {
return {
msgalertconfirmation: "Perubahan yang telah dilakukan belum disimpan dong !",
menufilterdatestart: false,
menufilterdateend: false,
date: new Date().toISOString().substr(0, 10),
items: [],
name: '',
xelow: '',
xehigh: '',
xextremehigh: '',
xextremelow: '',
xlimitdetection: '',
xlinieritas: '',
search_test: '',
xid: 0,
xmultiruleid: 0,
page: 1,
headers: [{
text: "NILAI",
align: "center",
sortable: false,
width: "5%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "NOT APLICABLE",
align: "center",
sortable: false,
width: "5%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "LOW",
align: "center",
sortable: false,
width: "15%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "NORMAL",
align: "center",
sortable: false,
width: "15%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "HIGH",
align: "center",
sortable: false,
width: "15%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "NEGATIVE",
align: "center",
sortable: false,
width: "15%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "BORDERLINE",
align: "center",
sortable: false,
width: "15%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "POSITIVE",
align: "center",
sortable: false,
width: "15%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "AKSI",
align: "center",
sortable: false,
width: "5%",
class: "pa-2 grey lighten-1 white--text"
}
],
headers_search: [{
text: "PASIEN",
align: "left",
sortable: false,
width: "20%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "BARCODE",
align: "center",
sortable: false,
width: "15%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "ALMARI",
align: "left",
sortable: false,
width: "25%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "RAK",
align: "center",
sortable: false,
width: "15%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "POSISI",
align: "center",
sortable: false,
width: "10%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "AKSI",
align: "center",
sortable: false,
width: "10%",
class: "pa-2 grey lighten-1 white--text"
}
],
pagination: {
descending: false,
page: 1,
rowsPerPage: 5,
sortBy: 'trx_id ASC',
totalItems: this.$store.state.multirule.total_transactions
}
};
},
watch: {
search_test(val, old) {
if (val == old) return
if (!val) return
if (val.length < 1) return
if (this.$store.state.multirule.update_autocomplete_status == 1) return
this.thr_search_test()
}
}
}
</script>

459
test/vuex/one-mou-ready-release/components/mdTestList.vue Normal file
View File

@@ -0,0 +1,459 @@
<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-text-field class="xs4 ma-1" label="Kode" placeholder="Cari..." outline v-model="code" hide-details></v-text-field>
<v-text-field class="xs4 ma-1" label="Pemeriksaan" placeholder="Cari..." outline v-model="name" hide-details></v-text-field>
<span @click="searchTest" class="icon-medium-fill-base xs1 white--text success iconsearch-search"></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="multirules" :loading="isLoading" :pagination.sync="pagination" 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.Nat_TestCode}}</td>
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.Nat_TestName}}</td>
</template>
<template>
<div class="text-xs-center">
<v-pagination v-model="page" :length="15" :total-visible="7"></v-pagination>
</div>
</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>
<template>
<v-layout row justify-center>
<v-dialog v-model="dialogformorder" persistent max-width="600px">
<v-card>
<v-card-title>
<span class="headline">Form Perusahaan</span>
</v-card-title>
<v-card-text class="pt-0 pb-0">
<v-form ref="formcompany">
<v-layout row wrap>
<v-flex xs12 pa-2>
<v-layout row>
<v-flex xs12 pa-1>
<v-autocomplete label="Perusahaan*" v-model="xcompany" :items="xcompanies" :search-input.sync="search_company" auto-select-first
no-filter item-text="M_CompanyName" return-object :loading="isLoading" no-data-text="Pilih Perusahaan">
<template slot="item" slot-scope="{ item }">
<v-list-tile-content>
<v-list-tile-title v-text="item.M_CompanyName"></v-list-tile-title>
</v-list-tile-content>
</template>
</v-autocomplete>
<p v-if="checkError('requirexcompany')" class="error pl-2 pr-2" style="color:#fff">Pilih perusahaan dulu dong</p>
</v-flex>
</v-layout>
<v-layout row>
<v-flex xs12 pa-1>
<v-select item-text="M_MouName" return-object :items="xmous" v-model="xmou" label="MOU*"></v-select>
<p v-if="checkError('requirexmou')" class="error pl-2 pr-2" style="color:#fff">Pilih MOU dulu dong</p>
</v-flex>
</v-layout>
<v-layout row>
<v-flex xs12 pa-1>
<v-menu ref="menusdate" v-model="menusdate" :close-on-content-click="false" :nudge-right="0" lazy transition="scale-transition"
offset-y full-width max-width="290px" min-width="290px">
<template v-slot:activator="{ on }">
<v-text-field v-model="startComputedDateFormatted" label="Tgl. Order*" readonly v-on="on" @blur="date = deFormatedDate(startComputedDateFormatted)"></v-text-field>
</template>
<v-date-picker v-model="xsdate" no-title @input="menusdate = false"></v-date-picker>
<p v-if="checkError('requirexsdate')" class="error pl-2 pr-2" style="color:#fff">Tanggal order harus diisi dong</p>
</v-flex>
</v-layout>
<v-layout row>
<v-flex xs12 pa-1>
<v-text-field v-model="xnote" label="Catatan"></v-text-field>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey darken-1" flat @click="updateDialogFormOrder()">Tutup</v-btn>
<v-btn v-if="xact === 'new'" color="grey darken-1" flat @click="saveFormPerusahaan()">Simpan</v-btn>
<v-btn v-if="xact === 'edit'" color="grey darken-1" flat @click="updateFormPerusahaan()">Simpan Perubahan</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</v-layout>
</template>
<template>
<v-layout row justify-center>
<v-dialog v-model="dialogstatusorder" persistent max-width="600px">
<v-card>
<v-card-title>
<span class="headline">Status</span>
</v-card-title>
<v-card-text class="pt-0 pb-0">
<v-timeline>
<v-timeline-item v-for="(status, i) in xstatuss" :key="i" :waktu="status.waktu" :user="status.user" small>
<template>
<span :class="`headline font-weight-bold cyan--text`" v-text="status.status"></span>
</template>
<div class="py-3">
<h2 :class="`headline font-weight-light mb-3 cyan--text`"></h2>
<div>
{{status.waktu}}
<p> [ {{status.user}} ] </p>
</div>
</div>
</v-timeline-item>
</v-timeline>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey darken-1" flat @click="updateDialogStatusOrder()">Tutup</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</v-layout>
</template>
</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("multirule/getsexreg")
this.$store.dispatch("multirule/search", {
code: this.code,
name: this.name,
lastid: -1
})
},
methods: {
checkError(value) {
var errors = this.$store.state.multirule.errors
if (errors.includes(value)) {
return true
} else {
return false
}
},
isSelected(p) {
return p.Nat_TestID == this.$store.state.multirule.selected_multirule
.Nat_TestID
},
searchTest() {
this.$store.dispatch("multirule/search", {
code: this.code,
name: this.name,
lastid: -1
})
},
selectMe(pat) {
if (this.$store.state.multirule.no_save == 0) {
this.$store.commit("multirule/update_selected_multirule", pat)
this.$store.commit("multirule/update_act_comp", 'edit')
this.$store.commit("multirule/update_extremelow", pat.Nat_MultiRuleExtremeLow)
this.$store.commit("multirule/update_extremehigh", pat.Nat_MultiRuleExtremeHigh)
this.$store.commit("multirule/update_linieritas", pat.Nat_MultiRuleLinieritas)
this.$store.commit("multirule/update_limitdetection", pat.Nat_MultiRuleLimitDetection)
this.$store.commit("multirule/update_isnotapplicable", pat.Nat_MultiRuleRuleIsNotApplicable)
this.$store.dispatch("multirule/getnatmultirule", {
id: pat.Nat_TestID,
isquantitative: pat.Nat_TestIsQuantitative
})
this.$store.dispatch("multirule/getvaluetypex", pat.Nat_TestIsQuantitative)
} else {
this.$store.commit("multirule/update_open_alert_confirmation", true)
}
},
closeAlertConfirmation() {
this.$store.commit("multirule/update_open_alert_confirmation", false)
},
forgetAlertConfirmation() {
this.$store.commit("multirule/update_no_save", 0)
this.$store.commit("multirule/update_open_alert_confirmation", false)
},
updateAlert_success(val) {
this.$store.commit("multirule/update_alert_success", val)
},
updateDialogFormOrder() {
this.$store.commit("multirule/update_dialog_form_order", false)
},
updateDialogStatusOrder() {
this.$store.commit("multirule/update_dialog_status_order", false)
},
setNewOrder() {
this.$store.commit("multirule/update_selected_multirule", {})
this.$store.commit("multirule/update_act_comp", 'new')
this.$store.commit("multirule/update_dialog_form_order", true)
this.search_company = ''
},
setStatusOrder() {
this.$store.commit("multirule/update_selected_multirule", {})
this.$store.commit("multirule/update_dialog_status_order", true)
this.search_company = ''
},
saveFormPerusahaan() {
this.$store.commit("multirule/update_errors", [])
var errors = this.$store.state.multirule.errors
if (_.isEmpty(this.xcompany)) {
errors.push("requirexcompany")
}
if (_.isEmpty(this.xmou)) {
errors.push("requirexmou")
}
if (_.isEmpty(this.xsdate)) {
errors.push("requirexsdate")
}
if (errors.length === 0) {
this.$store.dispatch("multirule/newmultirule", {
companyid: this.xcompany.M_CompanyID,
mouid: this.xmou.M_MouID,
sdate: this.xsdate,
note: this.xnote
})
}
},
thr_search_company: _.debounce(function () {
this.$store.dispatch("multirule/searchcompany", this.search_company)
}, 2000),
closeDialogSuccess() {
let arrmultirule = this.$store.state.multirule.multirules
var idx = _.findIndex(arrmultirule, item => item.Nat_TestID === this.$store.state
.multirule.last_id)
console.log(idx)
this.$store.dispatch("multirule/search", {
code: this.code,
name: this.name,
lastid: idx
})
this.$store.commit("multirule/update_dialog_success", false)
},
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')}`
}
},
computed: {
dialogsuccess: {
get() {
return this.$store.state.multirule.dialog_success
},
set(val) {
this.$store.commit("multirule/update_dialog_success", val)
}
},
msgsuccess() {
return this.$store.state.multirule.msg_success
},
snackbar: {
get() {
return this.$store.state.multirule.alert_success
},
set(val) {
this.$store.commit("multirule/update_alert_success", val)
}
},
isLoading() {
return this.$store.state.multirule.search_status == 1
},
xact() {
return this.$store.state.multirule.act_comp
},
multirules() {
return this.$store.state.multirule.multirules
},
openalertconfirmation: {
get() {
return this.$store.state.multirule.open_alert_confirmation
},
set(val) {
this.$store.commit("multirule/update_open_alert_confirmation", val)
}
},
dialogformorder() {
return this.$store.state.multirule.dialog_form_order
},
dialogstatusorder() {
return this.$store.state.multirule.dialog_status_order
},
xdate: {
get() {
return this.$store.state.multirule.date
},
set(val) {
this.$store.commit("multirule/update_date", val)
}
},
xnote: {
get() {
return this.$store.state.multirule.note
},
set(val) {
this.$store.commit("multirule/update_note", val)
}
},
xcompanies() {
return this.$store.state.multirule.companies
},
xcompany: {
get() {
return this.$store.state.multirule.company
},
set(val) {
this.$store.commit("multirule/update_company", val)
this.$store.dispatch("multirule/getmou", this.$store.state.multirule.company)
}
},
xmous() {
return this.$store.state.multirule.mous
},
xmou: {
get() {
return this.$store.state.multirule.mou
},
set(val) {
this.$store.commit("multirule/update_mou", val)
}
},
startComputedDateFormatted() {
return this.formatDate(this.xsdate)
},
xsdate: {
get() {
return this.$store.state.multirule.sdate
},
set(val) {
this.$store.commit("multirule/update_sdate", val)
}
},
xstatuss() {
return this.$store.state.multirule.statuss
}
},
data() {
return {
msgalertconfirmation: "Perubahan yang telah dilakukan belum disimpan dong !",
items: [],
code: '',
name: '',
search_company: '',
menusdate: false,
date: new Date().toISOString().substr(0, 10),
page: 1,
headers: [{
text: "KODE",
align: "center",
sortable: false,
value: "mr",
width: "15%",
class: "pa-2 grey lighten-1 white--text"
},
{
text: "PEMERIKSAAN",
align: "center",
sortable: false,
value: "mr",
width: "40%",
class: "pa-2 grey lighten-1 white--text"
}
],
pagination: {
ascending: true,
page: 1,
rowsPerPage: 5,
sortBy: 'Nat_TestCode',
totalItems: this.$store.state.multirule.total_multirules
},
statuss: [{
waktu: '16-07-2019 10:00',
status: 'Order Dibuat',
user: 'Nagita Slavina'
},
{
waktu: '16-07-2019 11:00',
status: 'Order Dikirim',
user: 'Nagita Slavina'
},
{
waktu: '16-07-2019 12:00',
status: 'Order dikonfirmasi',
user: 'Chacha Frederica'
},
{
waktu: '16-07-2019 13:00',
status: 'Telah dibuat Surat Jalan',
user: 'Chacha Frederica'
},
{
waktu: '16-07-2019 14:00',
status: 'Kurir akan mengambil sampel',
user: 'Satria Subiantoro'
}
]
};
},
watch: {
search_company(val, old) {
if (val == old) return
if (!val) return
if (val.length < 1) return
if (this.$store.state.multirule.update_autocomplete_status == 1) return
this.thr_search_company()
}
}
}
</script>

757
test/vuex/one-mou-ready-release/components/oneMdCompanyList.1.vue Normal file
View File

@@ -0,0 +1,757 @@
<template>
<v-layout>
<template>
<v-dialog v-model="dialogdeletealert" 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>
{{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-3" dark height="50px">
<v-toolbar-title>PERUSAHAAN</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn @click="openFormPerusahaan()" icon>
<v-icon>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-left>
<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 v-for="(vs,index) in vcompanys">
<v-layout pa-2 v-if="isSelected(vs)" row>
<v-flex xs12 @click="selectMe(vs)">
<v-layout row>
<v-flex class="boxsolid" xs10>
<v-tooltip right>
<template v-slot:activator="{ on }">
<span v-html="vs.description" v-on="on"></span>
</template>
<span>{{vs.name}}</span>
</v-tooltip>
</v-flex>
<v-flex class="boxsolid text-center" style="padding-top:10px" pl-1 pb-1 pr-1 xs2>
<v-layout row align-center justify-space-between>
<v-icon style="color:#ffffff" @click="editPerusahaan(vs)">edit</v-icon>
<v-icon style="color:#ffffff" @click="deletePerusahaan(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" xs10>
<v-tooltip right>
<template v-slot:activator="{ on }">
<span v-html="vs.description" v-on="on"></span>
</template>
<span>{{vs.name}}</span>
</v-tooltip>
</v-flex>
<v-flex class="boxoutline text-center" style="padding-top:10px" pl-1 pb-1 pr-1 xs2>
<v-layout row align-center justify-space-between>
<v-icon style="color:red" @click="editPerusahaan(vs)">edit</v-icon>
<v-icon style="color:red" @click="deletePerusahaan(vs)">clear</v-icon>
</v-layout>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
<v-divider></v-divider>
</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">{{xtotalfiltercompanys}}</span> dari <span class="red--text">{{xtotalcompanys}}</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="dialogcompany" persistent max-width="600px">
<v-card>
<v-card-title>
<span class="headline">Form Perusahaan</span>
</v-card-title>
<v-card-text class="pt-0 pb-0">
<v-form ref="formcompany" v-model="valid" lazy-validation>
<v-layout wrap>
<v-flex xs12>
<v-text-field v-model="companyname" label="Nama Perusahaan" :rules="nameRules" required></v-text-field>
</v-flex>
<v-flex xs12>
<v-layout>
<v-flex xs6 pa-1>
<v-select item-text="M_CompanyTypeName" :disabled="readonlytypecompany" return-object :items="xcompanytypes" v-model="xcompanytype"
label="Tipe Perusahaan"></v-select>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field :disabled="readonlytypecompanynew" v-model="companytypenew" label="Tipe Perusahaan Baru"></v-text-field>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs6>
<v-autocomplete label="Dokter" v-model="doctor" :items="xdoctors" :search-input.sync="search_doctor" auto-select-first no-filter
item-text="M_DoctorNames" return-object :loading="isLoading" no-data-text="Pilih Dokter">
<template slot="item" slot-scope="{ item }">
<v-list-tile-content>
<v-list-tile-title v-text="item.M_DoctorNames"></v-list-tile-title>
</v-list-tile-content>
</template>
</v-autocomplete>
</v-flex>
<v-flex xs6 pa-1>
<v-select item-text="M_StaffName" :disabled="readonlystaff" return-object :items="xstaffs" v-model="xstaff"
label="Makerting"></v-select>
</v-flex>
<v-flex xs6 pa-1>
<v-autocomplete label="Kota" v-model="cityaddress" :items="xcities" :search-input.sync="search_city" auto-select-first no-filter
item-text="M_CityName" return-object :loading="isLoading" no-data-text="Pilih Kota">
<template slot="item" slot-scope="{ item }">
<v-list-tile-content>
<v-list-tile-title v-text="item.M_CityName"></v-list-tile-title>
</v-list-tile-content>
</template>
</v-autocomplete>
</v-flex>
<v-flex xs6 pa-1>
<v-select
item-text="M_DistrictName"
return-object
:items="xdistricts"
v-model="districtaddress"
label="Kecamatan*"
></v-select>
</v-flex>
<v-flex xs6 pa-1>
<v-select
item-text="M_KelurahanName"
return-object
:items="xkelurahans"
v-model="kelurahanaddress"
label="Kelurahan / Desa*"
></v-select>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field v-model="companypic" label="PIC Perusahaan"></v-text-field>
</v-flex>
<v-flex xs12>
<v-text-field v-model="companyaddress" label="Alamat Perusahaan" :rules="addressRules" required></v-text-field>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field v-model="companyphone" label="Telpon Perusahaan"></v-text-field>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field v-model="companyemail" label="Email Perusahaan"></v-text-field>
</v-flex>
<v-flex xs6 pa-1>
<v-checkbox v-model="isdefault" label="Default?"></v-checkbox>
</v-flex>
<v-flex xs6 pa-1>
<v-checkbox v-model="islabfrom" label="Rekanan Yang Merujuk?"></v-checkbox>
</v-flex>
<v-flex xs6 pa-1>
<v-checkbox v-model="islabto" label="Rekanan Tujuan ?"></v-checkbox>
</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-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" flat @click="updateDialogFormPerusahaan()">Tutup</v-btn>
<v-btn v-if="xact === 'new'" color="blue darken-1" flat @click="saveFormPerusahaan()">Simpan</v-btn>
<v-btn v-if="xact === 'edit'" color="blue darken-1" flat @click="updateFormPerusahaan()">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;
}
.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,
companyname: '',
companytypenew: '',
companyaddress: '',
companyphone: '',
companyemail: '',
companypic: '',
companymindp: '',
search_city: '',
search_doctor: '',
nameRules: [
v => !!v || 'Nama Perusahaan harus diisi'
],
addressRules: [
v => !!v || 'Alamat Perusahaan harus diisi'
],
dialogdeletealert: false,
msgalert: "",
xid: 0,
xsearch: "",
isdefault: "",
islabfrom: "",
islabto: "",
isnewcompanytype: false,
readonlytypecompany: false,
readonlystaff: false,
readonlytypecompanynew: false
}),
async mounted() {
await this.$store.dispatch("company/lookup", {
search: this.xsearch,
all: this.xshowall
})
await this.$store.dispatch("company/selectcompanytype")
await this.$store.dispatch("company/selectstaff")
},
computed: {
xact() {
return this.$store.state.company.act
},
xerrors() {
return this.$store.state.company.errors
},
xshowall() {
return this.$store.state.company.show_all
},
vcompanys() {
return this.$store.state.company.companys
},
xtotalcompanys() {
return this.$store.state.company.total_companys
},
xtotalfiltercompanys() {
return this.$store.state.company.total_filter_companys
},
dialogcompany() {
return this.$store.state.company.dialog_form_company
},
snackbar: {
get() {
return this.$store.state.company.alert_success
},
set(val) {
this.$store.commit("company/update_alert_success", val)
}
},
msgsnackbar() {
return this.$store.state.company.msg_success
},
lookupstatus() {
return this.$store.state.company.lookup_company
},
xcompanytypes() {
return this.$store.state.company.companytypes
},
xcompanytype: {
get() {
return this.$store.state.company.companytype
},
set(val) {
this.$store.commit("company/update_companytype", val)
}
},
xstaffs() {
return this.$store.state.company.staffs
},
xstaff: {
get() {
return this.$store.state.company.staff
},
set(val) {
this.$store.commit("company/update_staff", val)
}
},
isLoading() {
return this.$store.state.company.search_status == 1
},
xcities() {
return this.$store.state.company.cities
},
cityaddress: {
get() {
return this.$store.state.company.city_address
},
set(val) {
this.$store.commit("company/update_city_address", val)
this.$store.dispatch("company/getdistrict", this.$store.state.company.city_address)
}
},
xdoctors() {
return this.$store.state.company.doctors
},
doctor: {
get() {
return this.$store.state.company.doctor
},
set(val) {
this.$store.commit("company/update_doctor", val)
}
},
xdistricts(){
return this.$store.state.company.districts
},
districtaddress:{
get() {
return this.$store.state.company.district_address
},
set(val) {
this.$store.commit("company/update_district_address",val)
this.$store.dispatch("company/getkelurahan",this.$store.state.company.district_address)
}
},
xkelurahans(){
return this.$store.state.company.kelurahans
},
kelurahanaddress:{
get() {
return this.$store.state.company.kelurahan_address
},
set(val) {
this.$store.commit("company/update_kelurahan_address",val)
}
}
},
methods: {
updateShowAll(val) {
this.$store.commit("company/update_show_all", val)
this.$store.dispatch("company/lookup", {
search: this.xsearch,
all: this.xshowall
})
},
isSelected(p) {
return p.id == this.$store.state.company.selected_company.id
},
subname(name) {
var xname = name
if (xname.length > 18) {
xname = xname.substring(0, 18) + '...'
}
return xname
},
async selectMe(sc) {
await this.$store.commit("company/update_selected_company", sc)
await this.$store.dispatch("mou/lookup", {
id: this.$store.state.company.selected_company.id
})
//set staff
let staff_id = 0
try {
staff_id = this.$store.state.company.selected_company.M_StaffID
for(let idx=0; idx < this.$store.state.company.staffs.length ; idx++) {
let stf = this.$store.state.company.staffs[idx]
if (stf.M_StaffID == staff_id ) {
this.$store.commit("company/update_staff",stf)
break;
}
}
} catch(e) {
}
},
updateDialogFormPerusahaan() {
this.$store.commit("company/update_dialog_form_company", false)
},
openFormPerusahaan() {
this.search_city = ''
this.$store.commit("company/update_cities", [])
this.cityaddress = {}
this.search_doctor = ''
this.$store.commit("company/update_doctors", [])
this.doctor = {}
this.$store.commit("company/update_districts",[])
this.districtaddress = {}
this.$store.commit("company/update_kelurahans",[])
this.kelurahanaddress = {}
this.companytypenew = ""
this.$refs.formcompany.reset()
this.$refs.formcompany.resetValidation()
this.$store.commit("company/update_act", 'new')
this.$store.commit("company/update_dialog_form_company", true)
},
thr_search_city: _.debounce(function () {
this.$store.dispatch("company/searchcity", this.search_city)
}, 2000),
thr_search_doctor: _.debounce(function () {
this.$store.dispatch("company/searchdoctor", this.search_doctor)
}, 2000),
saveFormPerusahaan() {
if (this.$refs.formcompany.validate()) {
var newcompanytype = this.companytypenew
if ((_.isEmpty(this.companytypenew))) {
this.$store.dispatch("company/save", {
name: this.companyname,
address: this.companyaddress,
city: this.cityaddress.M_CityID,
doctor: this.doctor.M_DoctorID,
district: this.districtaddress.M_DistrictID,
kelurahan : this.kelurahanaddress.M_KelurahanID,
phone: this.companyphone,
email: this.companyemail,
pic: this.companypic,
companytypenew: this.companytypenew,
companytype: this.xcompanytype.M_CompanyTypeID,
staff: this.xstaff.M_StaffID,
isdefault: this.isdefault === true ? "Y" : "N",
islabfrom: this.islabfrom === true ? "Y" : "N",
islabto: this.islabto === true ? "Y" : "N"
})
} else {
this.$store.dispatch("company/save", {
name: this.companyname,
address: this.companyaddress,
city: this.cityaddress.M_CityID,
doctor: this.doctor.M_DoctorID,
district: this.districtaddress.M_DistrictID,
kelurahan : this.kelurahanaddress.M_KelurahanID,
phone: this.companyphone,
email: this.companyemail,
pic: this.companypic,
companytypenew: this.companytypenew,
companytype: 0,
staff: 0,
isdefault: this.isdefault === true ? "Y" : "N",
islabfrom: this.islabfrom === true ? "Y" : "N",
islabto: this.islabto === true ? "Y" : "N"
})
}
}
},
updateFormPerusahaan() {
if (this.$refs.formcompany.validate()) {
var newcompanytype = this.companytypenew
if (newcompanytype == "") {
this.$store.dispatch("company/update", {
id: this.xid,
name: this.companyname,
city: this.cityaddress.M_CityID,
doctor: this.doctor.M_DoctorID,
district: this.districtaddress.M_DistrictID,
kelurahan : this.kelurahanaddress.M_KelurahanID,
address: this.companyaddress,
phone: this.companyphone,
email: this.companyemail,
pic: this.companypic,
companytypenew: this.companytypenew,
companytype: this.xcompanytype.M_CompanyTypeID,
staff: this.xstaff.M_StaffID,
isdefault: this.isdefault === true ? "Y" : "N",
islabfrom: this.islabfrom === true ? "Y" : "N",
islabto: this.islabto === true ? "Y" : "N"
})
} else {
this.$store.dispatch("company/update", {
id: this.xid,
name: this.companyname,
city: this.cityaddress.M_CityID,
doctor: this.doctor.M_DoctorID,
district: this.districtaddress.M_DistrictID,
kelurahan: this.kelurahanaddress.M_KelurahanID,
address: this.companyaddress,
phone: this.companyphone,
email: this.companyemail,
pic: this.companypic,
companytypenew: this.companytypenew,
companytype: 0,
staff: 0,
isdefault: this.isdefault === true ? "Y" : "N",
islabfrom: this.islabfrom === true ? "Y" : "N",
islabto: this.islabto === true ? "Y" : "N"
})
}
}
},
updateAlert_success(val) {
this.$store.commit("company/update_alert_success", val)
},
editPerusahaan(data) {
this.xid = data.id
this.companyname = data.name
this.$store.commit("company/update_cities", [{
M_CityID: data.M_CityID,
M_CityName: data.M_CityName
}])
this.cityaddress = {
M_CityID: data.M_CityID,
M_CityName: data.M_CityName
}
this.$store.commit("company/update_doctors", [{
M_DoctorID: data.M_DoctorID,
M_DoctorNames: data.M_DoctorNames
}])
this.doctor = {
M_DoctorID: data.M_DoctorID,
M_DoctorNames: data.M_DoctorNames
}
this.$store.commit("company/update_districts", [{
M_DistrictID: data.M_DistrictID,
M_DistrictName: data.M_DistrictName
}])
this.districtaddress = {
M_DistrictID: data.M_DistrictID,
M_DistrictName: data.M_DistrictName
}
this.$store.commit("company/update_kelurahans", [{
M_KelurahanID: data.M_KelurahanID,
M_KelurahanName: data.M_KelurahanName
}])
this.kelurahanaddress = {
M_KelurahanID: data.M_KelurahanID,
M_KelurahanName: data.M_KelurahanName
}
this.companyaddress = data.address
this.companyphone = data.phone
this.companyemail = data.email
this.companypic = data.pic
this.companytypenew = ""
this.isdefault = data.isdefault === 'N' ? false : true
this.islabfrom = data.islabfrom === 'N' ? false : true
this.islabto = data.islabto === 'N' ? false : true
this.$store.commit("company/update_act", 'edit')
this.$store.commit("company/update_dialog_form_company", true)
var companytypes = this.$store.state.company.companytypes
var idx_companytype = _.findIndex(companytypes, function (o) {
return o.M_CompanyTypeID == data.companytypeid
})
var companytype = companytypes[idx_companytype]
this.$store.commit("company/update_companytype", companytype)
},
deletePerusahaan(data) {
this.xid = data.id
var xdata = {
id: data.id,
name: data.name,
mous: 'xxx'
}
this.$store.commit("company/update_selected_company", xdata)
this.msgalert = "Yakin, mau hapus company " + data.name + " ?"
this.dialogdeletealert = true
},
changeNewCompanyType(value) {
this.readonlytypecompany = value === true ? true : false
this.readonlytypecompanynew = value === true ? false : true
},
newCompanyType() {
readonlytypecompany: true
readonlytypecompanynew: false
},
closeDeleteAlert() {
this.$store.dispatch("company/delete", {
companyid: this.$store.state.company.selected_company.id,
companyname: this.$store.state.company.selected_company.name
})
this.dialogdeletealert = false
},
thr_search: _.debounce(function () {
this.$store.dispatch("company/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_city(val, old) {
if (val == old) return
if (!val) return
if (val.length < 1) return
if (this.$store.state.company.update_autocomplete_status == 1) return
this.thr_search_city()
},
search_doctor(val, old) {
if (val == old) return
if (!val) return
if (val.length < 1) return
if (this.$store.state.company.update_autocomplete_status == 1) return
this.thr_search_doctor()
}
}
}
</script>

1119
test/vuex/one-mou-ready-release/components/oneMdCompanyList.vue Normal file
View File

File diff suppressed because it is too large Load Diff

2268
test/vuex/one-mou-ready-release/components/oneMdMouList.vue Normal file
View File

File diff suppressed because it is too large Load Diff

818
test/vuex/one-mou-ready-release/components/oneMdMouListx.vue Normal file
View File

@@ -0,0 +1,818 @@
<template>
<v-layout>
<v-flex xs12>
<v-card class="mb-2" color="white">
<v-toolbar color="blue lighten-3" dark height="50px">
<v-toolbar-title>Agreement Perusahaan : {{xcompany.name}}</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn @click="openFormMou(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="10%" class="text-md-center pt-2 pb-2">NO.</th>
<th width="15%" class="text-md-center pt-2 pb-2">NAMA</th>
<th width="10%" class="text-md-center pt-2 pb-2">TGL MULAI</th>
<th width="10%" class="text-md-center pt-2 pb-2">TGL AKHIR</th>
<th width="10%" class="text-md-center pt-2 pb-2">DASAR</th>
<th width="10%" class="text-md-center pt-2 pb-2">KLASIFIKASI OMZET</th>
<th width="10%" class="text-md-center pt-2 pb-2">TIPE</th>
<th width="15%" class="text-md-center pt-2 pb-2">VERIFIKASI</th>
<th width="15%" class="text-md-center pt-2 pb-2">RILIS</th>
<th class="text-md-center pt-2 pb-2">AKSI</th>
</tr>
<tr v-if="mous.length > 0 " v-for="(mou,idx) in mous">
<td class="text-md-left pl-3">{{mou.number}}</td>
<td class="text-md-left pl-3">{{mou.name}}</td>
<td class="text-md-center">{{mou.startdate}}</td>
<td class="text-md-center">{{mou.enddate}}</td>
<td class="text-md-center">{{mou.basename}}</td>
<td class="text-md-center">{{mou.M_OmzetTypeName}}</td>
<td class="text-md-center">{{mou.M_MouTypeName}}</td>
<td class="text-md-center">
<p style="margin-bottom:0px">{{mou.verifydate}}</p>
<p style="margin-bottom:0px">{{mou.verifyuser}}</p>
</td>
<td class="text-md-center">
<p style="margin-bottom:0px">{{mou.releasedate}}</p>
<p style="margin-bottom:0px">{{mou.releaseuser}}</p>
</td>
<td align="center" class="text-md-center">
<v-btn v-if="mou.isreleased == 'N'" @click="editFormMou(mou)" depressed small color="primary">
<v-icon>edit</v-icon>
</v-btn>
<v-btn v-if="mou.isreleased == 'N'" @click="deleteMou(mou)" depressed small color="error">
<v-icon>delete</v-icon>
</v-btn>
<v-btn v-if="mou.isverified == 'N'" @click="verifyMou(mou)" depressed small color="success">
<v-icon>check</v-icon>
</v-btn>
<v-btn v-if="mou.isverified == 'Y' && mou.isreleased == 'N'" @click="releaseMou(mou)" depressed small color="primary">
<v-icon>check</v-icon>
</v-btn>
<v-btn v-if="mou.isverified == 'Y' && mou.isreleased == 'Y'" @click="unreleaseMou(mou)" depressed small color="primary">
<v-icon>clear</v-icon>
</v-btn>
<v-btn v-if="mou.isverified == 'Y' && mou.isreleased == 'N'" @click="unverifyMou(mou)" depressed small color="success">
<v-icon>clear</v-icon>
</v-btn>
</td>
</tr>
<tr v-if="mous.length === 0">
<td align="center" style="height:50px;text-align:center" colspan="11">Belum ada data</td>
</tr>
</table>
</v-flex>
</v-layout>
<template>
<v-dialog v-model="dialogdeletealertmou" 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>
{{msgalertmou}}
</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="dialogdeletealertmou = false">
Tutup
</v-btn>
<v-btn color="primary" flat @click="closeDeleteAlertMou()">
Yakin lah
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<template>
<v-dialog v-model="dialogverifyalertmou" 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>
{{msgalertmou}}
</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="dialogverifyalertmou = false">
Tutup
</v-btn>
<v-btn color="primary" flat @click="closeVerifyAlertMou()">
Yakin lah
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<template>
<v-dialog v-model="dialogunverifyalertmou" 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>
{{msgalertmou}}
</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="dialogunverifyalertmou = false">
Tutup
</v-btn>
<v-btn color="primary" flat @click="closeUnVerifyAlertMou()">
Yakin lah
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<template>
<v-dialog v-model="dialogreleasealertmou" 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>
{{msgalertmou}}
</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="dialogreleasealertmou = false">
Tutup
</v-btn>
<v-btn color="primary" flat @click="closeReleaseAlertMou()">
Yakin lah
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<template>
<v-dialog v-model="dialogunreleasealertmou" 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>
{{msgalertmou}}
</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="dialogunreleasealertmou = false">
Tutup
</v-btn>
<v-btn color="primary" flat @click="closeUnReleaseAlertMou()">
Yakin lah
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<template>
<v-layout row justify-center>
<v-dialog v-model="dialogmou" persistent max-width="600px">
<v-card>
<v-card-title>
<span class="headline">Form Agreement</span>
</v-card-title>
<v-card-text class="pt-0 pb-0">
<v-form ref="formcompanymou" v-model="validmou" lazy-validation>
<v-layout wrap>
<v-flex xs12>
PERUSAHAAN : {{xcompany.name}} <span> &nbsp;[ <span style="color:#2196F3;font-weight: 900;">{{number}} </span> &nbsp;]
</v-flex>
<v-flex xs12>
<v-text-field label="Nama" v-model="name"></v-text-field>
<p v-if="checkError('requirename')" class="error pl-2 pr-2" style="color:#fff">Nama harus diisi dong</p>
</v-flex>
<v-flex xs12>
<v-text-field label="No Ref" v-model="refnumber"></v-text-field>
</v-flex>
<v-flex xs12>
<v-layout>
<v-flex xs6 pa-1>
<v-menu ref="menustartdate" v-model="menustartdate" :close-on-content-click="false" :nudge-right="0" lazy transition="scale-transition"
offset-y full-width max-width="290px" min-width="290px">
<template v-slot:activator="{ on }">
<v-text-field v-model="startComputedDateFormatted" label="Tgl. Mulai" readonly v-on="on" @blur="date = deFormatedDate(startComputedDateFormatted)"></v-text-field>
</template>
<v-date-picker v-model="xstartdate" no-title @input="menustartdate = false"></v-date-picker>
</v-flex>
<v-flex xs6 pa-1>
<v-menu ref="menuenddate" v-model="menuenddate" :close-on-content-click="false" :nudge-right="0" lazy transition="scale-transition"
offset-y full-width max-width="290px" min-width="290px">
<template v-slot:activator="{ on }">
<v-text-field v-model="endComputedDateFormatted" label="Tgl. Selesai" readonly v-on="on" @blur="date = deFormatedDate(endComputedDateFormatted)"></v-text-field>
</template>
<v-date-picker v-model="xenddate" no-title @input="menuenddate = false"></v-date-picker>
</v-flex>
</v-layout>
<v-flex xs12>
<v-select item-text="basename" return-object :items="xbases" v-model="xbase" label="Dasar Agreement"></v-select>
<p v-if="checkError('requirebase')" class="error pl-2 pr-2" style="color:#fff">Dasar Agreement harus diisi dong</p>
</v-flex>
<v-flex xs12>
<v-select item-text="M_OmzetTypeName" return-object :items="xomzettypes" v-model="xomzettype" label="Klasifikasi Omset"></v-select>
<p v-if="checkError('requireomzet')" class="error pl-2 pr-2" style="color:#fff">Klasifikasi Omset harus diisi dong</p>
</v-flex>
<v-flex xs12>
<v-select item-text="M_MouTypeName" return-object :items="xmoutypes" v-model="xmoutype" label="Tipe Agreement"></v-select>
<p v-if="checkError('requiremoutypr')" class="error pl-2 pr-2" style="color:#fff">Tipe Agreement harus diisi dong</p>
</v-flex>
<v-flex xs12>
<v-select item-text="M_AgingTypeName" return-object :items="xagingtypes" v-model="xagingtype" label="Tipe Aging"></v-select>
</v-flex>
<v-flex xs12>
<v-textarea v-model="xnote" label="Catatan"></v-textarea>
</v-flex>
<v-flex xs12>
<v-layout>
<v-flex xs6 pa-1>
<v-checkbox v-model="isbill" label="Bill ?"></v-checkbox>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field v-if="this.isbill === false" label="Min DP (Persen)" v-model="mindp"></v-text-field>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12>
<v-layout>
<v-flex xs6 pa-1>
<v-checkbox v-model="isaging" label="Aging on Hold ?"></v-checkbox>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field v-if="this.isaging === true" label="Keterangan Aging on Hold" v-model="agingnote"></v-text-field>
<p v-if="checkError('requireaging')" class="error pl-2 pr-2" style="color:#fff">Keterangan Aging harus diisi dong</p>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12>
<v-layout>
<v-flex xs6 pa-1>
<v-checkbox v-model="isemail" label="Otomatis Kirim Email?"></v-checkbox>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field v-if="this.isemail === true" label="Email" v-model="mouemail"></v-text-field>
<p v-if="checkError('requireemail')" class="error pl-2 pr-2" style="color:#fff">Alamat Email harus diisi dong</p>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12>
<v-checkbox v-model="isdefault" label="Default ?"></v-checkbox>
</v-flex>
<v-flex xs12>
<v-checkbox v-model="isfavorit" label="Favorite ?"></v-checkbox>
</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-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" flat @click="updateDialogFormMou()">Tutup</v-btn>
<v-btn color="blue darken-1" flat @click="saveFormMou()">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 = {
components: {
'one-date-picker': httpVueLoader('../../common/oneDatePicker.vue')
},
data() {
return {
query: "",
items: [],
emailRules: [
v => !!v || 'Alamat email harus diisi'
],
headers: [{
text: "NAME",
align: "Center",
sortable: false,
value: "lab",
width: "30%",
class: "blue lighten-4"
},
{
text: "STARTDATE",
align: "Center",
sortable: false,
value: "name",
width: "30%",
class: "blue lighten-4"
},
{
text: "ENDDATE",
align: "Center",
sortable: false,
value: "name",
width: "30%",
class: "blue lighten-4"
},
{
text: "ISBILL",
align: "Center",
sortable: false,
value: "name",
width: "30%",
class: "blue lighten-4"
},
{
text: "Action",
align: "Center",
sortable: false,
value: "status",
width: "15%",
class: "blue lighten-4"
}
],
isLoading: false,
color: "success",
validmou: false,
xid: 0,
name: "",
number: "",
refnumber: "",
mindp: "",
agingnote: "",
xnote: "",
mouemail: "",
startdate: "",
enddate: "",
isbill: "",
isdefault: "",
isfavorit: "",
isaging: "",
isemail: "",
menustartdate: false,
menuenddate: false,
date: new Date().toISOString().substr(0, 10),
dialogdeletealertmou: false,
dialogverifyalertmou: false,
dialogreleasealertmou: false,
dialogunreleasealertmou: false,
dialogunverifyalertmou: false,
msgalertmou: ""
};
},
mounted() {
this.$store.dispatch("mou/selectbase")
this.$store.dispatch("mou/selectomzettype")
this.$store.dispatch("mou/selectmoutype")
this.$store.dispatch("mou/selectagingtype")
},
computed: {
mous() {
return this.$store.state.mou.mous
},
xcompany() {
return this.$store.state.company.selected_company
},
dialogmou() {
return this.$store.state.mou.dialog_form_mou
},
xerrors() {
return this.$store.state.mou.errors
},
startComputedDateFormatted() {
return this.formatDate(this.xstartdate)
},
xstartdate: {
get() {
return this.$store.state.mou.startdate
},
set(val) {
this.$store.commit("mou/update_startdate", val)
}
},
endComputedDateFormatted() {
return this.formatDate(this.xenddate)
},
xenddate: {
get() {
return this.$store.state.mou.enddate
},
set(val) {
this.$store.commit("mou/update_enddate", val)
}
},
xbases() {
return this.$store.state.mou.bases
},
xbase: {
get() {
return this.$store.state.mou.base
},
set(val) {
this.$store.commit("mou/update_base", val)
}
},
xomzettypes() {
return this.$store.state.mou.omzettypes
},
xomzettype: {
get() {
return this.$store.state.mou.omzettype
},
set(val) {
this.$store.commit("mou/update_omzettype", val)
}
},
xmoutypes() {
return this.$store.state.mou.moutypes
},
xmoutype: {
get() {
return this.$store.state.mou.moutype
},
set(val) {
this.$store.commit("mou/update_moutype", val)
}
},
xagingtypes() {
return this.$store.state.mou.agingtypes
},
xagingtype: {
get() {
return this.$store.state.mou.agingtype
},
set(val) {
this.$store.commit("mou/update_agingtype", val)
}
}
},
methods: {
updateDialogFormMou() {
this.$store.commit("mou/update_dialog_form_mou", false)
},
openFormMou(val) {
this.xid = val
this.name = ''
this.number = ''
this.refnumber = ''
this.xstartdate = moment(new Date()).format('YYYY-MM-DD')
this.xenddate = moment(new Date()).format('YYYY-MM-DD')
this.isbill = ''
this.isdefault = ''
this.favorite = ''
this.isaging = ''
this.isemail = ''
this.mindp = ''
this.agingnote = ''
this.xnote = ''
this.mouemail = ''
this.$store.commit("mou/update_moutype", {})
this.$store.commit("mou/update_agingtype", {})
this.$store.commit("mou/update_omzettype", {})
this.$store.commit("mou/update_base", {})
this.$store.commit("mou/update_dialog_form_mou", true)
},
editFormMou(val) {
// this.$store.commit("mou/update_error_name", false)
this.xid = val.id
this.name = val.name
this.number = val.number
this.refnumber = val.refnumber
this.startdate = val.xstartdate
this.enddate = val.xenddate
this.isbill = val.isbill === 'N' ? false : true
this.isdefault = val.isdefault === 'N' ? false : true
this.isfavorit = val.isfavorit === 'N' ? false : true
this.isaging = val.isaging === 'N' ? false : true
this.isemail = val.isemail === 'N' ? false : true
this.mindp = val.mindp
this.agingnote = val.agingnote
this.xnote = val.xnote
this.mouemail = val.mouemail
var bases = this.$store.state.mou.bases
var idx_base = _.findIndex(bases, function (o) {
return o.baseid == val.baseid
})
var base = bases[idx_base]
this.$store.commit("mou/update_base", base)
var omzettypes = this.$store.state.mou.omzettypes
var idx_omzettype = _.findIndex(omzettypes, function (o) {
return o.M_OmzetTypeID == val.M_OmzetTypeID
})
var omzettype = omzettypes[idx_omzettype]
this.$store.commit("mou/update_omzettype", omzettype)
var moutypes = this.$store.state.mou.moutypes
var idx_moutype = _.findIndex(moutypes, function (o) {
return o.M_MouTypeID == val.M_MouTypeID
})
var moutype = moutypes[idx_moutype]
this.$store.commit("mou/update_moutype", moutype)
var agingtypes = this.$store.state.mou.agingtypes
var idx_agingtype = _.findIndex(agingtypes, function (o) {
return o.M_AgingTypeID == val.M_AgingTypeID
})
var agingtype = agingtypes[idx_agingtype]
this.$store.commit("mou/update_agingtype", agingtype)
this.$store.commit("mou/update_dialog_form_mou", true)
this.$store.commit("mou/update_startdate", val.M_MouStartDate)
this.$store.commit("mou/update_enddate", val.M_MouEndDate)
},
checkError(value) {
var errors = this.$store.state.mou.errors
if (errors.includes(value)) {
return true
} else {
return false
}
},
saveFormMou() {
this.$store.commit("mou/update_errors", [])
var errors = this.$store.state.mou.errors
if (this.name === '') {
errors.push("requirename")
}
if (_.isEmpty(this.xbase)) {
errors.push("requirebase")
}
if (_.isEmpty(this.xomzettype)) {
errors.push("requireomzet")
}
if (_.isEmpty(this.xmoutype)) {
errors.push("requiremoutypr")
}
if (this.isemail === true && this.mouemail === '') {
errors.push("requireemail")
}
if (this.isaging === true && this.agingnote === '') {
errors.push("requireaging")
}
if (errors.length === 0) {
this.$store.dispatch("mou/save", {
xid: this.xid,
companyid: this.$store.state.company.selected_company.id,
companyname: this.$store.state.company.selected_company.name,
name: this.name,
startdate: this.xstartdate,
enddate: this.xenddate,
isbill: this.isbill === true ? "Y" : "N",
isdefault: this.isdefault === true ? "Y" : "N",
isfavorit: this.isfavorit === true ? "Y" : "N",
isaging: this.isaging === true ? "Y" : "N",
isemail: this.isemail === true ? "Y" : "N",
number: this.number,
refnumber: this.refnumber,
mindp: this.mindp,
agingnote: this.isaging === true ? this.agingnote : "",
xnote: this.xnote,
mouemail: this.isemail === true ? this.mouemail : "",
base: this.xbase.baseid,
omzettype: this.xomzettype.M_OmzetTypeID,
moutype: this.xmoutype.M_MouTypeID,
agingtype: this.xagingtype.M_AgingTypeID
})
}
},
set_date2(x) {
this.startdate = x.new_date
},
set_date3(x) {
this.enddate = x.new_date
},
formatDate(date) {
if (!date) return null
const [year, month, day] = date.split('-')
return `${day}-${month}-${year}`
},
deFormatedDate(date) {
if (!date) return null
const [day, month, year] = date.split('-')
return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`
},
updateAlert_success(val) {
this.$store.commit("company/update_alert_success", val)
},
deleteMou(data) {
this.xid = data.id
this.msgalertmou = "Yakin, mau hapus agreement ini?"
this.dialogdeletealertmou = true
},
closeDeleteAlertMou() {
this.$store.dispatch("mou/delete", {
xid: this.xid,
companyid: this.$store.state.company.selected_company.id,
companyname: this.$store.state.company.selected_company.name,
name: this.name
})
this.dialogdeletealertmou = false
},
verifyMou(data) {
this.xid = data.id
this.msgalertmou = "Apakah Anda yakin akan mem-verifikasi agreement ini?"
this.dialogverifyalertmou = true
},
closeVerifyAlertMou() {
this.$store.dispatch("mou/verify", {
xid: this.xid,
companyid: this.$store.state.company.selected_company.id,
companyname: this.$store.state.company.selected_company.name,
name: this.name
})
this.dialogverifyalertmou = false
},
releaseMou(data) {
this.xid = data.id
this.msgalertmou = "Apakah Anda yakin akan merilis agreement ini?"
this.dialogreleasealertmou = true
},
closeReleaseAlertMou() {
this.$store.dispatch("mou/release", {
xid: this.xid,
companyid: this.$store.state.company.selected_company.id,
companyname: this.$store.state.company.selected_company.name,
name: this.name
})
this.dialogreleasealertmou = false
},
unreleaseMou(data) {
this.xid = data.id
this.msgalertmou = "Apakah Anda yakin akan membatalkan rilis agreement ini?"
this.dialogunreleasealertmou = true
},
closeUnReleaseAlertMou() {
this.$store.dispatch("mou/unrelease", {
xid: this.xid,
companyid: this.$store.state.company.selected_company.id,
companyname: this.$store.state.company.selected_company.name,
name: this.name
})
this.dialogunreleasealertmou = false
},
unverifyMou(data) {
this.xid = data.id
this.msgalertmou = "Apakah Anda yakin akan membatalkan verifikasi agreement ini?"
this.dialogunverifyalertmou = true
},
closeUnVerifyAlertMou() {
this.$store.dispatch("mou/unverify", {
xid: this.xid,
companyid: this.$store.state.company.selected_company.id,
companyname: this.$store.state.company.selected_company.name,
name: this.name
})
this.dialogunverifyalertmou = false
}
}
}
</script>