Initial import

This commit is contained in:
sas.fajri
2026-05-25 20:01:37 +07:00
commit 710d7c1b97
10371 changed files with 2381698 additions and 0 deletions

View File

@@ -0,0 +1,362 @@
<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>Station : {{xstation.name}}</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn @click="openFormBahan(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="15%" class="text-md-center pt-2 pb-2">KODE</th>
<th width="60%" class="text-md-center pt-2 pb-2">BAHAN</th>
<th class="text-md-center pt-2 pb-2">AKSI</th>
</tr>
<tr v-if="bahans.length > 0 " v-for="(bahan,idx) in bahans">
<td class="text-md-center">{{bahan.code}}</td>
<td class="text-md-left pl-3">{{bahan.name}}</td>
<td align="center" class="text-md-center">
<v-btn @click="editFormBahan(bahan)" fab dark small color="primary"><v-icon>edit</v-icon></v-btn>
<v-btn @click="deleteBahan(bahan)" fab dark small color="error"><v-icon>delete</v-icon></v-btn>
</td>
</tr>
<tr v-if="bahans.length === 0"><td align="center" style="height:50px;text-align:center" colspan="8">Belum ada data</td> </tr>
</table>
</v-flex>
</v-layout>
<template>
<v-dialog
v-model="dialogdeletealertbahan"
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>
{{msgalertbahan}}
</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="dialogdeletealertbahan = false"
>
Tutup
</v-btn>
<v-btn
color="primary"
flat
@click="closeDeleteAlertBahan()"
>
Yakin lah
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<template>
<v-layout row justify-center>
<v-dialog v-model="dialogbahan" persistent max-width="600px">
<v-card>
<v-card-title>
<span class="headline">Form Bahan</span>
</v-card-title>
<v-card-text class="pt-0 pb-0">
<v-form
ref="formstationbahan"
v-model="validbahan"
lazy-validation
>
<v-layout wrap>
<v-flex xs12>
STATION : {{xstation.name}}
</v-flex>
<v-flex xs12>
<v-text-field label="Kode" v-model="code" ></v-text-field>
</v-flex>
<v-flex xs12>
<v-text-field label="Nama" v-model="name" ></v-text-field>
</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="updateDialogFormBahan()">Tutup</v-btn>
<v-btn color="blue darken-1" flat @click="saveFormBahan()">Simpan</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</v-layout>
</template>
<template>
<v-layout row justify-center>
<v-dialog v-model="dialogbahanedit" persistent max-width="600px">
<v-card>
<v-card-title>
<span class="headline">Form Bahan</span>
</v-card-title>
<v-card-text class="pt-0 pb-0">
<v-form
ref="formstationbahan"
v-model="validbahan"
lazy-validation
>
<v-layout wrap>
<v-flex xs12>
<v-select item-text= "name" return-object :items="xstationnames"
item-value= "id"
v-model="xstationname" label="Station" ></v-select>
</v-flex>
<v-flex xs12>
<v-text-field readonly label="Kode" v-model="code" ></v-text-field>
</v-flex>
<v-flex xs12>
<v-text-field readonly label="Nama" v-model="name" ></v-text-field>
</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="closeDialogEditBahan()">Tutup</v-btn>
<v-btn color="blue darken-1" flat @click="saveEditBahan()">Simpan</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</v-layout>
</template>
</v-card>
</v-flex>
</v-layout>
</template>
<style scoped>
.searchbox .v-input.v-text-field .v-input__slot{
min-height:60px;
}
.searchbox .v-btn {
min-height:60px;
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
background:white;
border: 0px;
}
th, td {
border: 1px solid black;
border-collapse: collapse;
padding-top: 2px;
padding-bottom: 2px;
}
table>tr>td {
padding: 8px;
}
table>tr>td:first {
padding-left:15px!important;
}
</style>
<script>
module.exports = {
data() {
return {
query: "",
items: [],
headers: [
{
text: "KODE",
align: "Left",
sortable: false,
value: "code",
width: "30%",
class: " blue lighten-4"
},
{
text: "NAMA",
align: "Left",
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",
validbahan:false,
xid:0,
code:"",
name:"",
dialogdeletealertbahan:false,
msgalertbahan:""
};
},
computed: {
dialogbahanedit() {
return this.$store.state.bahan.dialog_form_bahan_edit
},
bahans() {
return this.$store.state.bahan.bahans
},
xstation(){
return this.$store.state.station.selected_station
},
dialogbahan(){
return this.$store.state.bahan.dialog_form_bahan
},
xerrors() {
return this.$store.state.bahan.errors
},
xstationnames() {
return this.$store.state.station.stations
},
xstationname: {
get() {
return this.$store.state.station.selected_station
},
set(val) {
var xval = val
console.log('set',xval)
if ( val == undefined ) {
for(var i=0; i< this.xstationnames.length ; i++ ) {
var xs = this.xstationnames[i]
console.log('xs',xs);
//if (xs.id == val ) {
// xval = xs
//}
}
}
this.$store.commit("bahan/update_selected_stationname",xval)
}
}
},
methods : {
updateDialogFormBahan(){
this.$store.commit("bahan/update_dialog_form_bahan",false)
},
openFormBahan(val){
this.xid = val
this.code = ''
this.name = ''
this.$store.commit("bahan/update_dialog_form_bahan",true)
},
editFormBahan(val){
this.$store.commit("bahan/update_error_code",false)
this.$store.commit("bahan/update_error_name",false)
this.$store.commit("bahan/update_error_xstationname",false)
console.log('edit ',val)
this.xid = val.id
this.code = val.code
this.name = val.name
this.xstationname = val.stationid
this.$store.commit("bahan/update_dialog_form_bahan_edit",true)
},
closeDialogEditBahan() {
this.$store.commit("bahan/update_dialog_form_bahan_edit",false)
},
saveEditBahan() {
this.$store.dispatch("bahan/save_edit",{
xid:this.xid,
stationid:this.$store.state.station.selected_station.id,
stationname:this.$store.state.station.selected_station.name,
code:this.code,
name:this.name,
xstationname:this.xstationname
})
},
saveFormBahan(){
this.$store.dispatch("bahan/save",{
xid:this.xid,
stationid:this.$store.state.station.selected_station.id,
stationname:this.$store.state.station.selected_station.name,
code:this.code,
name:this.name
})
},
updateAlert_success(val){
this.$store.commit("station/update_alert_success",val)
},
deleteBahan(data){
this.xid = data.id
this.msgalertbahan = "Yakin, mau hapus ?"
this.dialogdeletealertbahan = true
},
closeDeleteAlertBahan(){
this.$store.dispatch("bahan/delete",{
xid:this.xid,
stationid:this.$store.state.station.selected_station.id,
stationname:this.$store.state.station.selected_station.name,
name:this.name
})
this.dialogdeletealertbahan = false
}
}
}
</script>

View File

@@ -0,0 +1,321 @@
<template>
<v-layout>
<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>HARI</v-toolbar-title>
<v-spacer></v-spacer>
</v-toolbar>
<v-layout row style="background:#bbdefb;padding-top:5px;" justify-left>
</v-layout>
<v-divider></v-divider>
<div v-for="(vs,index) in vdays" >
<v-layout pa-2 v-if="isSelected(vs)" row>
<v-flex xs12 @click="selectMe(vs)" >
<v-layout row>
<v-flex class="boxsolid" xs12>
<v-tooltip right>
<template v-slot:activator="{ on }">
<span v-html="subname(vs.description)" v-on="on"></span>
</template>
<span>{{vs.name}}</span>
</v-tooltip>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
<v-layout pa-2 v-if="!isSelected(vs)" row>
<v-flex xs12 @click="selectMe(vs)" >
<v-layout row>
<v-flex class="boxoutline" xs12>
<v-tooltip right>
<template v-slot:activator="{ on }">
<span v-html="subname(vs.description)" v-on="on"></span>
</template>
<span>{{vs.name}}</span>
</v-tooltip>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
<v-divider></v-divider>
</div>
<template>
<v-layout row justify-center>
<v-dialog v-model="dialogday" persistent max-width="600px">
<v-card>
<v-card-title>
<span class="headline">Form day</span>
</v-card-title>
<v-card-text class="pt-0 pb-0">
<v-form
ref="formday"
v-model="valid"
lazy-validation
>
<v-layout wrap>
<v-flex xs12>
<v-text-field v-model="daycode" label="Kode" :rules="codeRules" required></v-text-field>
</v-flex>
<v-flex xs12>
<v-text-field v-model="dayname" label="Nama" :rules="nameRules" required></v-text-field>
</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="updateDialogFormDay()">Tutup</v-btn>
<v-btn v-if="xact === 'new'" color="blue darken-1" flat @click="saveFormDay()">Simpan</v-btn>
<v-btn v-if="xact === 'edit'" color="blue darken-1" flat @click="updateFormDay()">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,
dayname:'',
daycode:'',
nameRules: [
v => !!v || 'Nama harus diisi'
],
codeRules: [
v => !!v || 'Code harus diisi'
],
dialogdeletealert:false,
msgalert:"",
xid:0,
xsearch:""
}),
mounted() {
this.$store.dispatch("day/lookup",{search:this.xsearch,all:this.xshowall})
},
computed: {
xact() {
return this.$store.state.day.act
},
xerrors() {
return this.$store.state.day.errors
},
xshowall() {
return this.$store.state.day.show_all
},
vdays() {
return this.$store.state.day.sdays
},
xtotaldays(){
return this.$store.state.day.total_days
},
xtotalfilterdays(){
return this.$store.state.day.total_filter_days
},
dialogday(){
return this.$store.state.day.dialog_form_day
},
snackbar: {
get() {
return this.$store.state.day.alert_success
},
set(val) {
this.$store.commit("day/update_alert_success",val)
}
},
msgsnackbar(){
return this.$store.state.day.msg_success
},
lookupstatus(){
return this.$store.state.day.lookup_day
}
},
methods : {
updateShowAll(val){
this.$store.commit("day/update_show_all",val)
this.$store.dispatch("day/lookup",{search:this.xsearch,all:this.xshowall})
},
isSelected(p) {
return p.id == this.$store.state.day.selected_day.id
},
subname(name){
var xname = name
if(xname.length > 40){
xname = xname.substring(0, 40)+'...'
}
return xname
},
selectMe(sc) {
this.$store.commit("day/update_selected_day",sc)
this.$store.dispatch("bahan/lookup",{
id:this.$store.state.day.selected_day.id
})
},
updateDialogFormDay(){
this.$store.commit("day/update_dialog_form_day",false)
},
openFormDay(){
this.$refs.formday.reset()
this.$refs.formday.resetValidation()
this.$store.commit("day/update_act",'new')
this.$store.commit("day/update_error_code",false)
this.$store.commit("day/update_error_name",false)
this.$store.commit("day/update_dialog_form_day",true)
},
saveFormDay(){
if (this.$refs.formday.validate()) {
this.$store.dispatch("day/save",{
name:this.dayname,
code:this.daycode,
})
}
},
updateFormDay(){
if (this.$refs.formday.validate()) {
this.$store.dispatch("day/update",{
id:this.xid,
name:this.dayname,
code:this.daycode,
})
}
},
updateAlert_success(val){
this.$store.commit("day/update_alert_success",val)
},
editDay(data){
this.xid = data.id
this.dayname = data.name
this.daycode = data.code
this.$store.commit("day/update_act",'edit')
this.$store.commit("day/update_error_name",false)
this.$store.commit("day/update_error_code",false)
this.$store.commit("day/update_dialog_form_day",true)
},
deleteDay(data){
this.xid = data.id
var xdata = {id:data.id,name:data.name,users:'xxx'}
this.$store.commit("day/update_selected_day",xdata)
this.msgalert = "Yakin, mau hapus day "+data.name+" ?"
this.dialogdeletealert = true
},
closeDeleteAlert(){
this.$store.dispatch("day/delete",{
dayid:this.$store.state.day.selected_day.id,
dayname:this.$store.state.day.selected_day.name
})
this.dialogdeletealert = false
},
thr_search: _.debounce( function () {
this.$store.dispatch("day/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()
}
}
}
}
</script>