951 lines
40 KiB
PHP
951 lines
40 KiB
PHP
<!doctype html>
|
|
<html class="fixed sidebar-left-collapsed">
|
|
|
|
<head>
|
|
|
|
<!-- Basic -->
|
|
<meta charset="UTF-8">
|
|
|
|
<title>SERVICE</title>
|
|
<meta name="keywords" content="HTML5 Admin Template" />
|
|
<meta name="description" content="Porto Admin - Responsive HTML5 Template">
|
|
<meta name="author" content="okler.net">
|
|
|
|
<!-- Mobile Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
|
|
<!-- Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap/css/bootstrap.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/font-awesome/css/font-awesome.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/magnific-popup/magnific-popup.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-datepicker/css/datepicker3.css" />
|
|
|
|
<!-- Specific Page Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/select2/select2.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/jquery-datatables-bs3/assets/css/datatables.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/pnotify/pnotify.custom.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/base/jquery-ui.css" />
|
|
|
|
<!-- Theme CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme.css" />
|
|
|
|
<!-- Skin CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/skins/default.css" />
|
|
|
|
<!-- Theme Custom CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme-custom.css">
|
|
|
|
<!-- Head Libs -->
|
|
<script src="<?php echo base_url('') ?>assets/vendor/modernizr/modernizr.js"></script>
|
|
|
|
</head>
|
|
<script src="<?= base_url() ?>assets/bower_components/jquery/jquery-3.3.1.min.js"></script>
|
|
<script src="<?= base_url() ?>assets/bower_components/sweetalert2/sweetalert2.all.min.js"></script>
|
|
|
|
<style>
|
|
.ui-front {
|
|
z-index: 9999;
|
|
}
|
|
|
|
.solid {
|
|
border-bottom-style: solid;
|
|
border-width: 5px;
|
|
border-color: teal;
|
|
}
|
|
|
|
.f18 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.bordergoldall {
|
|
border-left-style: solid;
|
|
border-right-style: solid;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-width: 5px;
|
|
border-color: gold;
|
|
}
|
|
|
|
.borderorangeall {
|
|
border-left-style: solid;
|
|
border-right-style: solid;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-width: 5px;
|
|
border-color: orange;
|
|
}
|
|
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
let base_url = '<?= base_url() ?>';
|
|
</script>
|
|
|
|
<body>
|
|
<section class="body">
|
|
|
|
<!-- start: header -->
|
|
<?php $this->load->view('template/header'); ?>
|
|
<!-- end: header -->
|
|
|
|
<div class="inner-wrapper">
|
|
<!-- start: sidebar -->
|
|
<?php $this->load->view('template/sidebar'); ?>
|
|
<!-- end: sidebar -->
|
|
|
|
<section role="main" class="content-body">
|
|
|
|
<?php
|
|
$id_karyawan = $this->session->userdata('id_karyawan');
|
|
$nama_panggilan = $this->session->userdata('nama_panggilan');
|
|
$username = $this->session->userdata('username');
|
|
$tgl_now = date('d/m/Y');
|
|
?>
|
|
|
|
<header class="page-header">
|
|
<h2><b>Data Service Eksternal | </b><b style="color:LightGreen">[<?=$tampil?>]</b></h2>
|
|
<div class="right-wrapper pull-right">
|
|
<ol class="breadcrumbs">
|
|
<li><span><b style="color:Gold">Master Data </span></b></li>
|
|
</ol>
|
|
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- start: page -->
|
|
<section class="panel panel-featured panel-featured-warning">
|
|
<header class="panel-heading">
|
|
<div class="panel-actions">
|
|
<a data-toggle="modal" data-target="#modalFitur" style="color:Coral"><b>Fitur </b><i class="fa fa-question-circle"></i></a>  
|
|
<a href="<?php echo base_url('') ?>index.php" class="text-dark"><b>Dashboard </b><i class="fa fa-home"></i></a>
|
|
</div>
|
|
<h2 class="panel-title"><b style="color:DarkOrange">TERIMA SERVICE</b></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="panel-group" id="accordion">
|
|
<div class="panel panel-accordion">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title">
|
|
<a class="accordion-toggle" data-toggle="collapse" onclick="setBersih()" data-parent="#accordion" <?php if ($hak>=2) { ?>href="#collapseOne"<?php } ?>>
|
|
<b class="f18" style="color:Green"><b style="color:Black">[1]</b> DATA BARU <?php if ($hak<=1) { ?><i class="fa fa-ban text-danger"></i><?php } ?></b>
|
|
</a>
|
|
</h2>
|
|
</header>
|
|
<div id="collapseOne" class="accordion-body collapse in">
|
|
<div class="panel-body">
|
|
<div class="form-group bordergoldall">
|
|
<h4><div class="col-md-12">
|
|
<b style="color:DarkBlue"><i>Note : [Warna Merah harus diisi.]</i></b>
|
|
</div></h4>
|
|
<br><br>
|
|
<h4><div class="col-md-2"><b style="color:Red">Pelanggan</b></div></h4>
|
|
<input type="hidden" id="id_pelanggannew" class="form-control">
|
|
<div class="col-md-4">
|
|
<div class="input-group">
|
|
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_pelanggannew" class="form-control" placeholder="Klik pada Icon" required>
|
|
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilPelanggan" onclick="isiMasterPelanggan(1)"><i class="fa fa-male text-danger"></i></span>
|
|
</div>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">SN/Stag</b></div></h4>
|
|
<div class="col-md-4">
|
|
<input autocomplete="off" type="text" id="nama_snsnew" class="form-control" style="text-transform:uppercase" data-plugin-maxlength maxlength="50" placeholder="Serial Number/Service Tag" required>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">UnitService</b></div></h4>
|
|
<input type="hidden" id="id_unitservicenew" class="form-control">
|
|
<div class="col-md-4">
|
|
<div class="input-group">
|
|
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_unitservicenew" class="form-control" placeholder="Klik pada Icon" required>
|
|
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilUnitService" onclick="isiMasterUnitService(1)"><i class="fa fa-desktop text-danger"></i></span>
|
|
</div>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">Status</b></div></h4>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<select data-plugin-selectTwo id="garansi_snsnew" class="form-control populate" required>
|
|
<option value="1">[1] Garansi Barang</option>
|
|
<option value="2">[2] Garansi Service</option>
|
|
<option value="3" selected>[3] Tidak Garansi</option>
|
|
</select>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Telepon</b></div></h4>
|
|
<div class="col-md-4">
|
|
<input type="text" id="telp_servicenew" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="50" placeholder="Telepon Pelanggan">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">Paket</b></div></h4>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<select data-plugin-selectTwo id="paket_servicenew" class="form-control populate" required>
|
|
<?php if (is_array($biaya_service) || is_object($biaya_service)) {
|
|
foreach ($biaya_service as $key) { ?>
|
|
<?php if ($key['ID_BS']==1) { ?>
|
|
<option value="<?= $key['ID_BS'] ?>" selected><?= $key['HARGA'] ?> | <?= $key['NAMA_BS'] ?></option>
|
|
<?php } else { ?>
|
|
<option value="<?= $key['ID_BS'] ?>"><?= $key['HARGA'] ?> | <?= $key['NAMA_BS'] ?></option>
|
|
<?php } ?>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">Keluhan</b></div></h4>
|
|
<div class="col-md-4">
|
|
<textarea type="text" id="kel_snsnew" rows="3" cols="3" class="form-control" style="text-transform:uppercase" autocomplete="off" data-plugin-maxlength maxlength="70" placeholder="Keluhan/Kerusakan"></textarea>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">Keterangan</b></div></h4>
|
|
<div class="col-md-4">
|
|
<textarea autocomplete="off" type="text" id="part_snsnew" rows="3" cols="3" style="text-transform:uppercase" class="form-control" data-plugin-maxlength maxlength="70" placeholder="Informasi Lainnya"></textarea>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<div class="col-md-12 text-right">
|
|
<button type="button" class="btn btn-dark" onclick="terimaData()"><b>Terima Service</b> <i class="fa fa-arrow-down"></i></button>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-accordion">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title">
|
|
<a class="accordion-toggle" data-toggle="collapse" onclick="setBersih()" data-parent="#accordion" <?php if ($hak>0) { ?>href="#collapseTwo"<?php } ?>>
|
|
<b class="f18" style="color:Green"><b style="color:Black">[2]</b> UBAH DATA | <b style="color:Tomato">HANYA SAMPAI 3 HARI KEBELAKANG</b> <?php if ($hak==0) { ?><i class="fa fa-ban text-danger"></i><?php } ?></b>
|
|
</a>
|
|
</h2>
|
|
</header>
|
|
<div id="collapseTwo" class="accordion-body collapse">
|
|
<div class="panel-body">
|
|
<div class="form-group">
|
|
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Pilih Data</b></div></h4>
|
|
<div class="col-md-10">
|
|
<select data-plugin-selectTwo name="id_serviceLihat" id="id_serviceLihat" onchange="lihatData(value);" class="form-control populate">
|
|
<option value="" selected>Pilih Service/Reset</option>
|
|
<?php if (is_array($service) || is_object($service)) {
|
|
foreach ($service as $key) { ?>
|
|
<option value="<?= $key['ID_SERVICE'] ?>"><?= $key['KODE_SERVICE'] ?> | <?= $key['TANGGAL'] ?> | <?= $key['NAMA_PELANGGAN'] ?> | <?= $key['NAMA_SNS'] ?></option>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group borderorangeall" id="detailData" hidden="hidden">
|
|
<h4><div class="col-md-12">
|
|
<b style="color:DarkOrchid"><i>Note : [Semua Perubahan akan Otomatis tersimpan.]</i></b><br>
|
|
<b style="color:DarkCyan"><i>Note : [Warna Merah harus diisi.]</i></b>
|
|
</div></h4>
|
|
<br><br>
|
|
<input type="hidden" id="paket_serviceTemp" class="form-control">
|
|
<input type="hidden" id="kel_snsTemp" class="form-control">
|
|
<input type="hidden" id="part_snsTemp" class="form-control">
|
|
<input type="hidden" id="nama_snsTemp" class="form-control">
|
|
<h4><div class="col-md-2"><b style="color:Red">Pelanggan</b></div></h4>
|
|
<input type="hidden" id="id_pelangganed" class="form-control">
|
|
<div class="col-md-4">
|
|
<div class="input-group">
|
|
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_pelangganed" class="form-control" placeholder="Klik pada Icon" required>
|
|
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilPelanggan" onclick="isiMasterPelanggan(2)"><i class="fa fa-male"></i></span>
|
|
</div>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">SN/Stag</b></div></h4>
|
|
<div class="col-md-4">
|
|
<input autocomplete="off" type="text" id="nama_snsed" <?php if ($hak>=1) { ?>onchange="ubahData(2)"<?php } ?> class="form-control" style="text-transform:uppercase" data-plugin-maxlength maxlength="50" placeholder="Serial Number/Service Tag" required>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">UnitService</b></div></h4>
|
|
<input type="hidden" id="id_unitserviceed" class="form-control">
|
|
<div class="col-md-4">
|
|
<div class="input-group">
|
|
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_unitserviceed" class="form-control" placeholder="Klik pada Icon" required>
|
|
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilUnitService" onclick="isiMasterUnitService(2)"><i class="fa fa-desktop"></i></span>
|
|
</div>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">Status</b></div></h4>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<select data-plugin-selectTwo id="garansi_snsed" <?php if ($hak>=1) { ?>onchange="ubahData(4)"<?php } ?> class="form-control populate" required>
|
|
<option value="1">[1] Garansi Barang</option>
|
|
<option value="2">[2] Garansi Service</option>
|
|
<option value="3">[3] Tidak Garansi</option>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Telepon</b></div></h4>
|
|
<div class="col-md-4">
|
|
<input type="text" id="telp_serviceed" class="form-control" <?php if ($hak>=1) { ?>onchange="ubahData(7)"<?php } ?> autocomplete="off" data-plugin-maxlength maxlength="50" placeholder="Telepon Pelanggan">
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">Paket</b></div></h4>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<select data-plugin-selectTwo id="paket_serviceed" <?php if ($hak>=1) { ?>onchange="ubahData(8)"<?php } ?> class="form-control populate" required>
|
|
<?php if (is_array($biaya_service) || is_object($biaya_service)) {
|
|
foreach ($biaya_service as $key) { ?>
|
|
<option value="<?= $key['ID_BS'] ?>"><?= $key['HARGA'] ?> | <?= $key['NAMA_BS'] ?></option>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">Keluhan</b></div></h4>
|
|
<div class="col-md-4">
|
|
<textarea type="text" id="kel_snsed" rows="3" cols="3" <?php if ($hak>=1) { ?>onchange="ubahData(5)"<?php } ?> class="form-control" style="text-transform:uppercase" autocomplete="off" data-plugin-maxlength maxlength="70" placeholder="Keluhan/Kerusakan"></textarea>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">Keterangan</b></div></h4>
|
|
<div class="col-md-4">
|
|
<textarea autocomplete="off" type="text" id="part_snsed" <?php if ($hak>=1) { ?>onchange="ubahData(6)"<?php } ?> rows="3" cols="3" style="text-transform:uppercase" class="form-control" data-plugin-maxlength maxlength="70" placeholder="Informasi Lainnya"></textarea>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<div class="col-md-12 text-right" id="buttonDelete" hidden="hidden">
|
|
<button type="button" class="btn btn-default" data-toggle="modal" onclick="cetakUlang()"><b style="color:DarkGreen">Cetak Ulang <i class="fa fa-print"></i></b></button>
|
|
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#modalBatal" onclick="batalData()"><b>Batalkan Data</b> <i class="fa fa-times"></i></button>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end: page -->
|
|
</section>
|
|
</div>
|
|
</section>
|
|
|
|
<div id="modalFitur" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" style="width:50%">
|
|
<div class="modal-content">
|
|
<header class="panel-heading">
|
|
<h4 class="panel-title"><b>Fitur Teknis</b></h4>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<div class="form-group">
|
|
<h5>
|
|
<b style="color:DarkRed">Berikut ini adalah Daftar Menu yang dapat diakses sesuai dengan Hak Akses Anda.</b><br>
|
|
<br><b style="color:DarkGreen">AKSES PENUH/OPERATOR</b><br><b> Semua Fungsi (Tambah, Ubah, Hapus, Proses)</b><br>
|
|
<br><b style="color:DarkGreen">TERBATAS</b><br><b>Hanya dapat Membaca Data</b><br>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="panel-footer">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<button type="button" class="btn btn-default pull-right" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalAmbilPelanggan" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false">
|
|
<div class="modal-dialog modal-lg" style="width:60%">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Isi Data | <b style="color:FireBrick">[Pelanggan]</b></b></h2>
|
|
<div class="panel-actions">
|
|
<a class="text-dark" data-dismiss="modal"><b>Tutup </b><i class="fa fa-times"></i></a>
|
|
</div>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<div class="row form-bordered">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<div class="col-md-6"></div>
|
|
<div class="col-md-6">
|
|
<input type="hidden" id="pelangganVerse" class="form-control">
|
|
<input autocomplete="off" type="text" id="pelangganSearch" oninput="cariDataPelanggan()" class="form-control populate" placeholder="Cari Pelanggan Disini..."></input>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center default">Pilih</th>
|
|
<th class="default">Nama</th>
|
|
<th class="default">Alias</th>
|
|
<th class="default">Alamat</th>
|
|
<th class="default">Kota</th>
|
|
</thead>
|
|
<tbody id="isiTabelPelanggan"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalAmbilUnitService" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false">
|
|
<div class="modal-dialog modal-lg" style="width:60%">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Isi Data | <b style="color:FireBrick">[UnitService]</b></b></h2>
|
|
<div class="panel-actions">
|
|
<a class="text-dark" data-dismiss="modal"><b>Tutup </b><i class="fa fa-times"></i></a>
|
|
</div>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<div class="row form-bordered">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<div class="col-md-6"></div>
|
|
<div class="col-md-6">
|
|
<input type="hidden" id="unitserviceVerse" class="form-control">
|
|
<input autocomplete="off" type="text" id="unitserviceSearch" oninput="cariDataUnitService()" class="form-control populate" placeholder="Cari Model UnitService Disini..."></input>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center default">Pilih</th>
|
|
<th class="default">Nama</th>
|
|
<th class="default">Jenis</th>
|
|
</thead>
|
|
<tbody id="isiTabelUnitService"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalAmbilSnService" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false">
|
|
<div class="modal-dialog modal-lg" style="width:60%">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Isi Data | <b style="color:FireBrick">[SN Service]</b></b></h2>
|
|
<div class="panel-actions">
|
|
<a class="text-dark" data-dismiss="modal"><b>Tutup </b><i class="fa fa-times"></i></a>
|
|
</div>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<div class="row form-bordered">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<div class="col-md-6"></div>
|
|
<div class="col-md-6">
|
|
<input type="hidden" id="snsVerse" class="form-control">
|
|
<input autocomplete="off" type="text" id="snsSearch" oninput="cariDataSns()" class="form-control populate" placeholder="Cari SN Service..."></input>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center default">Pilih</th>
|
|
<th class="default">Kode</th>
|
|
<th class="default">Pelanggan</th>
|
|
<th class="default">Barang</th>
|
|
</thead>
|
|
<tbody id="isiTabelSns"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalIsiHsv" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false">
|
|
<div class="modal-dialog modal-lg" style="width:60%">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Isi Data | <b id="namaSns" style="color:Green"></b></b><br><a style="color:DarkOrchid" data-dismiss="modal"><u style="color:DarkOrchid"><b>Klik untuk Keluar dari Menu</b> <i class="fa fa-times"></i></u></a></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<div class="row form-bordered">
|
|
<div class="form-group">
|
|
<div class="col-md-12">
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center default">No</th>
|
|
<th class="default">Nama</th>
|
|
<th class="default">Keterangan</th>
|
|
<th class="default">Status</th>
|
|
</thead>
|
|
<tbody id="isiTabelHsv"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalBatal" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<?= form_open('Menu/SV_Batal_Sub1_B1_DataServiceEksternal', array('id' => 'formmaster'), array('method' => 'SV_Batal_Sub1_B1_DataServiceEksternal')); ?>
|
|
<div class="modal-content">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Batalkan Data</b></h2>
|
|
</header>
|
|
<div class="modal-body ">
|
|
<div class="form-group">
|
|
<input type="hidden" name="id_servicevoid" id="id_servicevoid" class="form-control">
|
|
<div class="col-md-2"><b class="text-danger">Keterangan</b></div>
|
|
<div class="col-md-10">
|
|
<textarea name="ket_batalvoid" id="ket_batalvoid" style="text-transform:uppercase" class="form-control" col="3" rows="3" data-plugin-maxlength minlength="4" maxlength="70" autocomplete="off" placeholder="Keterangan mengapa dibatalkan" required></textarea>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="panel-footer">
|
|
<div class="row">
|
|
<div class="col-md-12 text-right">
|
|
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
|
|
<button type="submit" name="SubmitButton" id="SubmitButton" class="btn btn-danger"><b>Batal</b> <i class="fa fa-times"></i></button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<?= form_close(); ?>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
$this->load->view('template/sidebar_right');
|
|
$this->load->view('template/script_vendor');
|
|
$this->load->view('template/script_flashdata');
|
|
$this->load->view('template/notification');
|
|
?>
|
|
|
|
<script>
|
|
function setBersih() {
|
|
document.getElementById('detailData').style.display = 'none';
|
|
document.getElementById("id_pelanggannew").value = null;
|
|
document.getElementById("id_pelangganed").value = null;
|
|
document.getElementById("nama_pelanggannew").value = null;
|
|
document.getElementById("nama_pelangganed").value = null;
|
|
document.getElementById("id_unitservicenew").value = null;
|
|
document.getElementById("id_unitserviceed").value = null;
|
|
document.getElementById("nama_unitservicenew").value = null;
|
|
document.getElementById("nama_unitserviceed").value = null;
|
|
document.getElementById("nama_snsnew").value = null;
|
|
document.getElementById("nama_snsed").value = null;
|
|
document.getElementById("kel_snsnew").value = null;
|
|
document.getElementById("kel_snsed").value = null;
|
|
document.getElementById("part_snsnew").value = null;
|
|
document.getElementById("part_snsed").value = null;
|
|
document.getElementById("telp_servicenew").value = null;
|
|
document.getElementById("telp_serviceed").value = null;
|
|
document.getElementById("garansi_snsnew").value = 3;
|
|
document.getElementById("garansi_snsed").value = 3;
|
|
document.getElementById("paket_servicenew").value = 1;
|
|
document.getElementById("paket_serviceed").value = null;
|
|
document.getElementById("id_serviceLihat").value = null;
|
|
$('#garansi_snsnew').select2().select2('val', 3);
|
|
$('#garansi_snsed').select2().select2('val', 3);
|
|
$('#paket_servicenew').select2().select2('val', 1);
|
|
$('#paket_serviceed').select2().select2('val', null);
|
|
$('#id_serviceLihat').select2().select2('val', null);
|
|
}
|
|
|
|
function isiMasterPelanggan(id) {
|
|
PNotify.removeAll();
|
|
document.getElementById("pelangganSearch").value = null;
|
|
document.getElementById("pelangganSearch").innerHTML = "";
|
|
document.getElementById("pelangganVerse").value = id;
|
|
tampilkanDataMasterPelanggan(id, null);
|
|
}
|
|
|
|
function isiMasterUnitService(id) {
|
|
PNotify.removeAll();
|
|
document.getElementById("unitserviceSearch").value = null;
|
|
document.getElementById("unitserviceSearch").innerHTML = "";
|
|
document.getElementById("unitserviceVerse").value = id;
|
|
tampilkanDataMasterUnitService(id, null);
|
|
}
|
|
|
|
function cariDataPelanggan() {
|
|
var search = document.getElementById("pelangganSearch").value;
|
|
var verse = document.getElementById("pelangganVerse").value;
|
|
tampilkanDataMasterPelanggan(verse, search);
|
|
}
|
|
|
|
function cariDataUnitService() {
|
|
var search = document.getElementById("unitserviceSearch").value;
|
|
var verse = document.getElementById("unitserviceVerse").value;
|
|
tampilkanDataMasterUnitService(verse, search);
|
|
}
|
|
|
|
function tampilkanDataMasterPelanggan(verse, textSearch) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
search : textSearch,
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/GE_AmbilData_MasterPelanggan',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
JUMLAH = response.data.length;
|
|
var baris = '';
|
|
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var id = response.data[i - 1]['ID_PELANGGAN'];
|
|
var nama = response.data[i - 1]['NAMA_PELANGGAN'];
|
|
var alias = response.data[i - 1]['ALIAS_PELANGGAN'];
|
|
var alamat = response.data[i - 1]['ALAMAT_PELANGGAN'];
|
|
var telp = response.data[i - 1]['TELP_PELANGGAN'];
|
|
var kota = response.data[i - 1]['NAMA_KOTA'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="center" style="vertical-align: middle;" ><button onclick="pilihPelanggan(' + id + ',' + verse + ')"><i class="fa fa-circle text-primary"></i></button></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkSlateGray">' + alias + '</b></td>';
|
|
if (telp=="") {
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkGreen">' + alamat + '</b></td>';
|
|
} else {
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkGreen">' + alamat + '</b> <b style="color:Chocolate">[' + telp + ']</b></td>';
|
|
}
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Tomato">' + kota + '</b></td>';
|
|
baris += '</tr>';
|
|
}
|
|
$('#isiTabelPelanggan').html(baris);
|
|
}
|
|
});
|
|
}
|
|
|
|
function tampilkanDataMasterUnitService(verse, textSearch) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
search : textSearch,
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/GE_AmbilData_MasterUnitService',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
JUMLAH = response.data.length;
|
|
var baris = '';
|
|
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var id = response.data[i - 1]['ID_UNITSERVICE'];
|
|
var nama = response.data[i - 1]['NAMA_UNITSERVICE'];
|
|
var jenis = response.data[i - 1]['NAMA_JENIS'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="center" style="vertical-align: middle;" ><button onclick="pilihUnitService(' + id + ',' + verse + ')"><i class="fa fa-circle text-primary"></i></button></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkGreen">' + jenis + '</b></td>';
|
|
baris += '</tr>';
|
|
}
|
|
$('#isiTabelUnitService').html(baris);
|
|
}
|
|
});
|
|
}
|
|
|
|
function pilihPelanggan(id, verse) {
|
|
PNotify.removeAll();
|
|
if (verse==1) {
|
|
document.getElementById("id_pelanggannew").value = id;
|
|
} else if (verse==2) {
|
|
document.getElementById("id_pelangganed").value = id;
|
|
}
|
|
$('#modalAmbilPelanggan').modal('hide');
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_AmbilData_PilihPelanggan",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_pelanggan : id
|
|
},
|
|
success: function(response) {
|
|
if (verse==1) {
|
|
document.getElementById("nama_pelanggannew").value = response.nama_pelanggan;
|
|
document.getElementById("telp_servicenew").value = response.telp_pelanggan;
|
|
} else if (verse==2) {
|
|
document.getElementById("nama_pelangganed").value = response.nama_pelanggan;
|
|
document.getElementById("telp_serviceed").value = response.telp_pelanggan;
|
|
ubahData(1);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function pilihUnitService(id, verse) {
|
|
PNotify.removeAll();
|
|
if (verse==1) {
|
|
document.getElementById("id_unitservicenew").value = id;
|
|
} else if (verse==2) {
|
|
document.getElementById("id_unitserviceed").value = id;
|
|
}
|
|
$('#modalAmbilUnitService').modal('hide');
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_AmbilData_PilihUnitService",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_unitservice : id
|
|
},
|
|
success: function(response) {
|
|
if (verse==1) {
|
|
document.getElementById("nama_unitservicenew").value = response.nama_unitservice;
|
|
} else if (verse==2) {
|
|
document.getElementById("nama_unitserviceed").value = response.nama_unitservice;
|
|
ubahData(3);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function terimaData() {
|
|
var status = 0;
|
|
var id_pelanggan = document.getElementById("id_pelanggannew").value;
|
|
var id_unitservice = document.getElementById("id_unitservicenew").value;
|
|
var garansi_sns = document.getElementById("garansi_snsnew").value;
|
|
var nama_sns = document.getElementById("nama_snsnew").value;
|
|
var kel_sns = document.getElementById("kel_snsnew").value;
|
|
var part_sns = document.getElementById("part_snsnew").value;
|
|
var telp_service = document.getElementById("telp_servicenew").value;
|
|
var paket_service = document.getElementById("paket_servicenew").value;
|
|
|
|
PNotify.removeAll();
|
|
|
|
if (id_pelanggan=="") {
|
|
notify("pelanggan_null");
|
|
status++;
|
|
}
|
|
|
|
if (id_unitservice=="") {
|
|
notify("unitservice_null");
|
|
status++;
|
|
}
|
|
|
|
if (garansi_sns=="") {
|
|
notify("garansi_null");
|
|
status++;
|
|
}
|
|
|
|
if (paket_service=="") {
|
|
notify("paket_null");
|
|
status++;
|
|
}
|
|
|
|
if (nama_sns=="") {
|
|
notify("sn_null");
|
|
status++;
|
|
}
|
|
|
|
if (kel_sns=="") {
|
|
notify("keluhan_null");
|
|
status++;
|
|
}
|
|
|
|
if (part_sns=="") {
|
|
notify("ket_null");
|
|
status++;
|
|
}
|
|
|
|
if (status==0) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/SV_Tambah_Sub1_B1_DataServiceEksternal",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_pelanggan : id_pelanggan,
|
|
id_unitservice : id_unitservice,
|
|
garansi_sns : garansi_sns,
|
|
nama_sns : nama_sns,
|
|
kel_sns : kel_sns,
|
|
part_sns : part_sns,
|
|
telp_service : telp_service,
|
|
paket_service : paket_service,
|
|
},
|
|
success: function(response) {
|
|
if (response.value==1) {
|
|
notify("success_add");
|
|
var id_sns = response.id_sns;
|
|
window.open('http://200.1.1.6/apps/index.php/Menu/SV_Cetak_Sub1_B1_DataTandaTerimaService/'+id_sns, '_blank');
|
|
delayReload(1000,"<?= base_url() ?>index.php/Menu/SV_Sub1_TerimaService_1");
|
|
} else if (response.value==2) {
|
|
notify("duplicate_data");
|
|
} else if (response.value==3 || response.value==4) {
|
|
notify("latest");
|
|
delayReload(1000,"<?= base_url() ?>index.php/Menu/SV_Sub1_TerimaService_1");
|
|
} else if (response.value==0) {
|
|
notify("failed");
|
|
}
|
|
setBersih();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function lihatData(id) {
|
|
document.getElementById('detailData').style.display = 'block';
|
|
var hak = <?=$hak?>;
|
|
|
|
if (id!="" && hak>0) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/SV_Ambil_Sub1_B1_DataService",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_service : id,
|
|
},
|
|
success: function(response) {
|
|
document.getElementById("id_pelangganed").value = response.id_pelanggan;
|
|
document.getElementById("id_unitserviceed").value = response.id_unitservice;
|
|
document.getElementById("nama_pelangganed").value = response.nama_pelanggan;
|
|
document.getElementById("nama_unitserviceed").value = response.nama_unitservice;
|
|
document.getElementById("garansi_snsed").value = response.garansi_sns;
|
|
document.getElementById("paket_serviceed").value = response.paket_service;
|
|
document.getElementById("nama_snsed").value = response.nama_sns;
|
|
document.getElementById("nama_snsTemp").value = response.nama_sns;
|
|
document.getElementById("kel_snsed").value = response.kel_sns;
|
|
document.getElementById("kel_snsTemp").value = response.kel_sns;
|
|
document.getElementById("part_snsed").value = response.part_sns;
|
|
document.getElementById("part_snsTemp").value = response.part_sns;
|
|
document.getElementById("telp_serviceed").value = response.telp_service;
|
|
$('#garansi_snsed').select2().select2('val', response.garansi_sns);
|
|
$('#paket_serviceed').select2().select2('val', response.paket_service);
|
|
if (hak==1) {
|
|
document.getElementById("nama_pelangganed").disabled = true;
|
|
document.getElementById("nama_unitserviceed").disabled = true;
|
|
document.getElementById("garansi_snsed").disabled = true;
|
|
document.getElementById("paket_serviceed").disabled = true;
|
|
document.getElementById("nama_snsed").disabled = true;
|
|
document.getElementById("kel_snsed").disabled = true;
|
|
document.getElementById("part_snsed").disabled = true;
|
|
document.getElementById("telp_serviceed").disabled = true;
|
|
} else {
|
|
document.getElementById('buttonDelete').style.display = 'block';
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
document.getElementById('detailData').style.display = 'none';
|
|
document.getElementById('buttonDelete').style.display = 'none';
|
|
}
|
|
}
|
|
|
|
function ubahData(menu) {
|
|
//1. Ganti Pelanggan
|
|
//2. Ganti Nama Sn Service
|
|
//3. Ganti UnitService
|
|
//4. Ganti Status Garansi
|
|
//5. Ganti Keluhan
|
|
//6. Ganti Keterangan
|
|
//7. Ganti Telepon
|
|
//8. Ganti Paket
|
|
|
|
var id_service = document.getElementById("id_serviceLihat").value;
|
|
var id_pelanggan = document.getElementById("id_pelangganed").value;
|
|
var id_unitservice = document.getElementById("id_unitserviceed").value;
|
|
var garansi_sns = document.getElementById("garansi_snsed").value;
|
|
var paket_service = document.getElementById("paket_serviceed").value;
|
|
var nama_sns = document.getElementById("nama_snsed").value;
|
|
var nama_snsTemp = document.getElementById("nama_snsTemp").value;
|
|
var kel_sns = document.getElementById("kel_snsed").value;
|
|
var kel_snsTemp = document.getElementById("kel_snsTemp").value;
|
|
var part_sns = document.getElementById("part_snsed").value;
|
|
var part_snsTemp = document.getElementById("part_snsTemp").value;
|
|
var telp_service = document.getElementById("telp_serviceed").value;
|
|
var status = 0;
|
|
|
|
PNotify.removeAll();
|
|
|
|
if (id_service!="") {
|
|
if (nama_sns.length==0 || kel_sns.length==0 || part_sns.length==0) {
|
|
notify("datainput_null");
|
|
document.getElementById("nama_snsed").value = nama_snsTemp;
|
|
document.getElementById("kel_snsed").value = kel_snsTemp;
|
|
document.getElementById("part_snsed").value = part_snsTemp;
|
|
status++;
|
|
}
|
|
}
|
|
|
|
if (id_pelanggan=="") {
|
|
status++;
|
|
}
|
|
|
|
if (id_unitservice=="") {
|
|
status++;
|
|
}
|
|
|
|
if (status==0) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/SV_Ubah_Sub1_B1_DataServiceEksternal",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_service : id_service,
|
|
id_pelanggan : id_pelanggan,
|
|
id_unitservice : id_unitservice,
|
|
garansi_sns : garansi_sns,
|
|
paket_service : paket_service,
|
|
nama_sns : nama_sns,
|
|
kel_sns : kel_sns,
|
|
part_sns : part_sns,
|
|
telp_service : telp_service,
|
|
menu : menu,
|
|
},
|
|
success: function(response) {
|
|
if (response.value==1) {
|
|
notify("success_ed");
|
|
} else if (response.value==2) {
|
|
notify("latest");
|
|
delayReload(1000,"<?= base_url() ?>index.php/Menu/SV_Sub1_TerimaService_1");
|
|
} else if (response.value==0) {
|
|
notify("failed");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function cetakUlang() {
|
|
var id_service = document.getElementById("id_serviceLihat").value;
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/SV_Ambil_Sub1_B1_DataService",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_service : id_service
|
|
},
|
|
success: function(response) {
|
|
var id_sns = response.id_sns;
|
|
window.open('http://200.1.1.6/apps/index.php/Menu/SV_Cetak_Sub1_B1_DataTandaTerimaService/'+id_sns, '_blank');
|
|
}
|
|
});
|
|
}
|
|
|
|
function batalData() {
|
|
PNotify.removeAll();
|
|
document.getElementById("id_servicevoid").value = document.getElementById("id_serviceLihat").value;
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|