diff --git a/app/Controllers/Kewilayahan/Kytp.php b/app/Controllers/Kewilayahan/Kytp.php index 1b89ad61..4004f375 100644 --- a/app/Controllers/Kewilayahan/Kytp.php +++ b/app/Controllers/Kewilayahan/Kytp.php @@ -2,11 +2,14 @@ namespace App\Controllers\Kewilayahan; use App\Controllers\Kewilayahan\Sebaran\Identifikasi; +use App\Controllers\Kewilayahan\Sebaran\IdentifikasiLapangan; use App\Controllers\Kewilayahan\Sebaran\JenisStatus; +use App\Controllers\Kewilayahan\Sebaran\KLU; use App\Controllers\Kewilayahan\Sebaran\PayComp; use App\Controllers\Kewilayahan\Sebaran\Pembayaran; use App\Controllers\Kewilayahan\Sebaran\Pengampu; use App\Controllers\Kewilayahan\Sebaran\Sof; +use App\Controllers\Kewilayahan\Sebaran\SPTTAhunan; use CodeIgniter\API\ResponseTrait; use CodeIgniter\Controller; @@ -108,6 +111,40 @@ class Kytp extends Controller return $this->respond($dataReturn, 200); } + public function sebaranSPTTahunan() + { + + $sebaran = new SPTTAhunan; + $tahun = $this->request->getGet('tahun') ?? date('Y'); + $dataReturn['data'] = $sebaran->data($this->request, $tahun); + + return $this->respond($dataReturn, 200); + } + + public function sebaranKLU() + { + + $sebaran = new KLU; + $tahun = $this->request->getGet('tahun') ?? date('Y'); + $dataReturn['dataKluTerdaftar'] = $sebaran->data($this->request, 'dataKluTerdaftar'); + $dataReturn['dataKluYgBayar'] = $sebaran->data($this->request, 'dataKluYgBayar'); + $dataReturn['dataRupiahBayar'] = $sebaran->data($this->request, 'dataRupiahBayar'); + + return $this->respond($dataReturn, 200); + } + + public function identifikasiLapangan() + { + + $sebaran = new IdentifikasiLapangan; + $bulan = $this->request->getGet('bulan') ?? 'semua'; + $dataReturn['akum'] = $sebaran->dataAgg($this->request, $bulan); + $dataReturn['kpdl'] = $sebaran->dataKpdl($this->request, $bulan); + $dataReturn['categories'] = ["Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agu", "Sep", "Okt", "Nov", "Des"]; + + return $this->respond($dataReturn, 200); + } + private function get_poi_agg() { ini_set('max_input_vars', 3000); diff --git a/app/Controllers/Kewilayahan/Sebaran/IdentifikasiLapangan.php b/app/Controllers/Kewilayahan/Sebaran/IdentifikasiLapangan.php new file mode 100644 index 00000000..e1cc2f0f --- /dev/null +++ b/app/Controllers/Kewilayahan/Sebaran/IdentifikasiLapangan.php @@ -0,0 +1,82 @@ +getPost('opsiWilZona'); + $adm4_pcode = $request->getPost('adm4_pcode') ?? []; + $id_poly_zona = $request->getPost('id_poly_zona') ?? []; + + $db = \Config\Database::connect(); + if ($bulan == 'semua') { + + $npwp = $db->table('KPDL_MV_JML_KPDL_AGG A') + ->select('BULAN, SUM(JML) JML') + ->where("TAHUN =" . date('Y')) + ->where('BULAN <=', date('m')) + ->groupBy('BULAN'); + + if ($opsiWilZona == 'wilayah') { + $npwp = $npwp->whereIn('ADM4_PCODE', $adm4_pcode); + } + + if ($opsiWilZona == 'zona') { + $npwp = $npwp->whereIn('ID_POLY_ZONA', $id_poly_zona); + } + + $npwp = $npwp->getCompiledSelect(); + + $data = $db->table('BULAN A') + ->select("A.KODE AS BULAN, C.JML") + ->join("(" . $npwp . ") C", 'A.KODE = C.BULAN', 'left') + ->orderBy('BULAN'); + + $KpdlLibrary = new KpdlLibrary; + + return $KpdlLibrary->single_array($data->get()->getResult(), 'JML'); + + } + } + + protected function dataKpdl($request, $bulan) + { + $opsiWilZona = $request->getPost('opsiWilZona'); + $adm4_pcode = $request->getPost('adm4_pcode') ?? []; + $id_poly_zona = $request->getPost('id_poly_zona') ?? []; + + $db = \Config\Database::connect(); + if ($bulan == 'semua') { + + $npwp = $db->table('KPDL_MV_JML_KPDL A') + ->select('BULAN, SUM(JML) JML') + ->where("TAHUN =" . date('Y')) + ->where('BULAN <=', date('m')) + ->groupBy('BULAN'); + + if ($opsiWilZona == 'wilayah') { + $npwp = $npwp->whereIn('ADM4_PCODE', $adm4_pcode); + } + + if ($opsiWilZona == 'zona') { + $npwp = $npwp->whereIn('ID_POLY_ZONA', $id_poly_zona); + } + + $npwp = $npwp->getCompiledSelect(); + + $data = $db->table('BULAN A') + ->select("A.KODE as BULAN, C.JML") + ->join("(" . $npwp . ") C", 'A.KODE = C.BULAN', 'left') + ->orderBy('BULAN'); + + $KpdlLibrary = new KpdlLibrary; + + return $KpdlLibrary->single_array($data->get()->getResult(), 'JML'); + + } + } +} diff --git a/app/Controllers/Kewilayahan/Sebaran/KLU.php b/app/Controllers/Kewilayahan/Sebaran/KLU.php new file mode 100644 index 00000000..b37e326f --- /dev/null +++ b/app/Controllers/Kewilayahan/Sebaran/KLU.php @@ -0,0 +1,55 @@ +getPost('opsiWilZona'); + $adm4_pcode = $request->getPost('adm4_pcode') ?? []; + $id_poly_zona = $request->getPost('id_poly_zona') ?? []; + + $db = \Config\Database::connect(); + $npwp = $db->table('KPDL_MV_LOKASI_SUBJEK A')->select('NPWP, KD_GOLPOK, NM_GOLPOK, JUMLAH_PEMBAYARAN_THN_TERAKHIR')->distinct() + ->where('NPWP IS NOT NULL'); + + if ($jenischart == 'dataKluYgBayar') { + $npwp = $npwp->where("JUMLAH_PEMBAYARAN_THN_TERAKHIR >", 0); + } + + if ($opsiWilZona == 'wilayah') { + $npwp = $npwp->whereIn('ADM4_PCODE', $adm4_pcode); + } + + if ($opsiWilZona == 'zona') { + $npwp = $npwp->whereIn('ID_POLY_ZONA', $id_poly_zona); + } + + $agg = "count(1) as JML"; + if ($jenischart == 'dataRupiahBayar') { + $agg = "SUM(JUMLAH_PEMBAYARAN_THN_TERAKHIR) as JML"; + } + $data = $db->newQuery() + ->fromSubquery($npwp, "A") + ->select("KD_GOLPOK, NM_GOLPOK," . $agg) + ->groupBy("KD_GOLPOK, NM_GOLPOK")->orderBy("JML", "desc")->limit(5); + + $data = $data->get()->getResult(); + + $ret = []; + + foreach ($data as $b) { + + array_push($ret, + [ + 'name' => $b->NM_GOLPOK, + 'id' => $b->KD_GOLPOK, + 'y' => floatval($b->JML), + ] + ); + } + + return $ret; + } +} diff --git a/app/Controllers/Kewilayahan/Sebaran/SPTTAhunan.php b/app/Controllers/Kewilayahan/Sebaran/SPTTAhunan.php new file mode 100644 index 00000000..654cc096 --- /dev/null +++ b/app/Controllers/Kewilayahan/Sebaran/SPTTAhunan.php @@ -0,0 +1,46 @@ +getPost('opsiWilZona'); + $adm4_pcode = $request->getPost('adm4_pcode') ?? []; + $id_poly_zona = $request->getPost('id_poly_zona') ?? []; + + $db = \Config\Database::connect(); + $npwp = $db->table('KPDL_MV_LOKASI_SUBJEK A')->select('NPWP, B.KETERANGAN')->distinct() + ->join('KPDL_REF_STATUS_SPT B', "A.STATUS_SPT_TAHUNAN_TERAKHIR = B.ID_STATUS_SPT", "left") + ->where('NPWP IS NOT NULL'); + + if ($opsiWilZona == 'wilayah') { + $npwp->whereIn('ADM4_PCODE', $adm4_pcode); + } + + if ($opsiWilZona == 'zona') { + $npwp->whereIn('ID_POLY_ZONA', $id_poly_zona); + } + + $data = $db->newQuery() + ->fromSubquery($npwp, "A") + ->select("KETERANGAN, count(1) as JML") + ->groupBy("A.KETERANGAN"); + + $data = $data->get()->getResult(); + + $ret = []; + + foreach ($data as $b) { + + array_push($ret, ['name' => $b->KETERANGAN, + // 'color' => $b->IDENTIFIKASI == 'NON NPWP' ? 'orange' : 'green', + 'y' => floatval($b->JML), + ] + ); + } + + return $ret; + } +} diff --git a/app/Libraries/KpdlLibrary.php b/app/Libraries/KpdlLibrary.php new file mode 100644 index 00000000..6f234aa6 --- /dev/null +++ b/app/Libraries/KpdlLibrary.php @@ -0,0 +1,23 @@ +$key)); + } + for ($i = 0; $i < 12; $i++) { + if (!isset($ret[$i])) { + array_push($ret, 0); + } + } + return $ret; + } + +} diff --git a/app/Views/kewilayahan/dist/kpdl.js b/app/Views/kewilayahan/dist/kpdl.js index eb682982..350df88b 100644 --- a/app/Views/kewilayahan/dist/kpdl.js +++ b/app/Views/kewilayahan/dist/kpdl.js @@ -61860,15 +61860,21 @@ const Pembayaran = ({ }] }; }; - return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(es_Row, null, /*#__PURE__*/react.createElement(es_Col, null, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(es_Row, null, /*#__PURE__*/react.createElement(es_Col, { + md: "4" + }, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { ref: refChart, highcharts: (highcharts_default()), options: optionsChart(dataC, "s.d. bulan ini", "C") - })), /*#__PURE__*/react.createElement(es_Col, null, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + })), /*#__PURE__*/react.createElement(es_Col, { + md: "4" + }, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { ref: refChart1, highcharts: (highcharts_default()), options: optionsChart(dataMin1, "s.d. bulan lalu", "Min1") - })), /*#__PURE__*/react.createElement(es_Col, null, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + })), /*#__PURE__*/react.createElement(es_Col, { + md: "4" + }, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { ref: refChart2, highcharts: (highcharts_default()), options: optionsChart(dataMin2, "s.d. 2 bulan yang lalu", "Min2") @@ -62036,15 +62042,21 @@ const PayComp = ({ }] }; }; - return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(es_Row, null, /*#__PURE__*/react.createElement(es_Col, null, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(es_Row, null, /*#__PURE__*/react.createElement(es_Col, { + md: "4" + }, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { ref: refChart, highcharts: (highcharts_default()), options: optionsChart(dataC, "s.d. bulan ini", "C") - })), /*#__PURE__*/react.createElement(es_Col, null, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + })), /*#__PURE__*/react.createElement(es_Col, { + md: "4" + }, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { ref: refChart1, highcharts: (highcharts_default()), options: optionsChart(dataMin1, "s.d. bulan lalu", "Min1") - })), /*#__PURE__*/react.createElement(es_Col, null, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + })), /*#__PURE__*/react.createElement(es_Col, { + md: "4" + }, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { ref: refChart2, highcharts: (highcharts_default()), options: optionsChart(dataMin2, "s.d. 2 bulan yang lalu", "Min2") @@ -62372,7 +62384,7 @@ const Pengampu = ({ } }, tooltip: { - pointFormat: "{point.percentage:.1f}%
: {point.y} dari " + format_angka(total_wp) + " total NPWP" + pointFormat: "{point.percentage:.1f}%
: {point.y} dari " + format_angka(total_wp) + " total lokasi KPDL" }, accessibility: { point: { @@ -62414,6 +62426,182 @@ const Pengampu = ({ })))); }; /* harmony default export */ const componentProgresifitas_Pengampu = (Pengampu); +;// CONCATENATED MODULE: ./app/Views/kewilayahan/kytp/componentProgresifitas/SPTTahunan.js + + + + + + +const SPTTahunan = ({ + dataSend +}) => { + const base_url = ""; + const refChart = (0,react.useRef)(null); + const [data, setData] = (0,react.useState)(null); + (0,react.useEffect)(() => { + jQuery.get({ + url: base_url + "kewilayahan/kytp/sebaranSPTTahunan", + dataType: "json", + type: "POST", + data: { + ...dataSend + }, + success: data => { + setData(data.data); + } + }); + }, [dataSend]); + const optionsChart = (data, title) => { + const total_wp = dist_default()(data).sum("y"); + return { + chart: { + plotBackgroundColor: null, + plotBorderWidth: null, + plotShadow: false, + type: "pie", + zoomType: "xy", + height: "300" + }, + title: { + text: title, + style: { + fontSize: "10px" + } + }, + tooltip: { + pointFormat: "{point.percentage:.1f}%
: {point.y} dari " + format_angka(total_wp) + " total NPWP yang ada" + }, + accessibility: { + point: { + valueSuffix: "%" + } + }, + plotOptions: { + pie: { + allowPointSelect: true, + cursor: "pointer", + dataLabels: { + enabled: true, + style: { + fontSize: "10px" + }, + format: "{point.name}:
{point.percentage:.1f} %" + } + } + // series: pie_click + }, + series: [{ + name: "", + data + }] + }; + }; + return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(es_Row, null, /*#__PURE__*/react.createElement(es_Col, null, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + ref: refChart, + highcharts: (highcharts_default()), + options: optionsChart(data, "SPT Tahunan") + })))); +}; +/* harmony default export */ const componentProgresifitas_SPTTahunan = (SPTTahunan); +;// CONCATENATED MODULE: ./app/Views/kewilayahan/kytp/componentProgresifitas/KLU.js + + + + + + +const KLU = ({ + dataSend +}) => { + const base_url = ""; + const refChart = (0,react.useRef)(null); + const refChart1 = (0,react.useRef)(null); + const refChart2 = (0,react.useRef)(null); + const [dataKluTerdaftar, setDataKluTerdaftar] = (0,react.useState)(null); + const [dataKluYgBayar, setDataKluYgbayar] = (0,react.useState)(null); + const [dataRupiahBayar, setDataRupiahBayar] = (0,react.useState)(null); + (0,react.useEffect)(() => { + jQuery.get({ + url: base_url + "kewilayahan/kytp/sebaranKLU", + dataType: "json", + type: "POST", + data: { + ...dataSend + }, + success: resp => { + setDataKluTerdaftar(resp.dataKluTerdaftar); + setDataKluYgbayar(resp.dataKluYgBayar); + setDataRupiahBayar(resp.dataRupiahBayar); + } + }); + }, [dataSend]); + const optionsChart = (data, title, attribute1) => { + const total_wp = dist_default()(data).sum("y"); + return { + chart: { + plotBackgroundColor: null, + plotBorderWidth: null, + plotShadow: false, + type: "pie", + zoomType: "xy", + height: "300" + }, + title: { + text: title, + style: { + fontSize: "10px" + } + }, + tooltip: { + pointFormat: "{point.percentage:.1f}%
: {point.y} dari " + format_angka(total_wp) + " total " + attribute1 + }, + accessibility: { + point: { + valueSuffix: "%" + } + }, + plotOptions: { + pie: { + allowPointSelect: true, + cursor: "pointer", + dataLabels: { + enabled: true, + style: { + fontSize: "10px" + }, + format: "{point.name}:
{point.percentage:.1f} %" + } + } + // series: pie_click + }, + series: [{ + name: "", + data + }] + }; + }; + return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(es_Row, null, /*#__PURE__*/react.createElement(es_Col, { + md: "6" + }, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + ref: refChart, + highcharts: (highcharts_default()), + options: optionsChart(dataKluTerdaftar, "KLU Terdaftar", "NPWP") + })), /*#__PURE__*/react.createElement(es_Col, { + md: "6" + }, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + ref: refChart1, + highcharts: (highcharts_default()), + options: optionsChart(dataKluYgBayar, "KLU Yang Bayar", "NPWP") + })), /*#__PURE__*/react.createElement(es_Col, { + md: "12" + }, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + ref: refChart2, + highcharts: (highcharts_default()), + options: optionsChart(dataRupiahBayar, "Dominasi KLU berdarkan Jumlah Bayar", "Keseluruhan Pembayaran") + })))); +}; +/* harmony default export */ const componentProgresifitas_KLU = (KLU); ;// CONCATENATED MODULE: ./app/Views/kewilayahan/kytp/TabProgresifitas.js @@ -62424,6 +62612,8 @@ const Pengampu = ({ + + function TabProgresifitas({ dataSend }) { @@ -62462,32 +62652,314 @@ function TabProgresifitas({ })), /*#__PURE__*/react.createElement(TabPanel, { id: "tab_5", header: "SPT Tahunan" - }, /*#__PURE__*/react.createElement(componentProgresifitas_Pengampu, { + }, /*#__PURE__*/react.createElement(componentProgresifitas_SPTTahunan, { dataSend: dataSend })), /*#__PURE__*/react.createElement(TabPanel, { id: "tab_6", header: "KLU" - }))); + }, /*#__PURE__*/react.createElement(componentProgresifitas_KLU, { + dataSend: dataSend + })))); +} +;// CONCATENATED MODULE: ./node_modules/primereact/badge/badge.esm.js +'use client'; + + + + + + +function badge_esm_typeof(o) { + "@babel/helpers - typeof"; + + return badge_esm_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { + return typeof o; + } : function (o) { + return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; + }, badge_esm_typeof(o); +} + +function badge_esm_toPrimitive(input, hint) { + if (badge_esm_typeof(input) !== "object" || input === null) return input; + var prim = input[Symbol.toPrimitive]; + if (prim !== undefined) { + var res = prim.call(input, hint || "default"); + if (badge_esm_typeof(res) !== "object") return res; + throw new TypeError("@@toPrimitive must return a primitive value."); + } + return (hint === "string" ? String : Number)(input); +} + +function badge_esm_toPropertyKey(arg) { + var key = badge_esm_toPrimitive(arg, "string"); + return badge_esm_typeof(key) === "symbol" ? key : String(key); +} + +function badge_esm_defineProperty(obj, key, value) { + key = badge_esm_toPropertyKey(key); + if (key in obj) { + Object.defineProperty(obj, key, { + value: value, + enumerable: true, + configurable: true, + writable: true + }); + } else { + obj[key] = value; + } + return obj; } + +var badge_esm_classes = { + root: function root(_ref) { + var props = _ref.props; + return utils_esm_classNames('p-badge p-component', badge_esm_defineProperty({ + 'p-badge-no-gutter': utils_esm_ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1, + 'p-badge-dot': utils_esm_ObjectUtils.isEmpty(props.value), + 'p-badge-lg': props.size === 'large', + 'p-badge-xl': props.size === 'xlarge' + }, "p-badge-".concat(props.severity), props.severity !== null)); + } +}; +var badge_esm_styles = "\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"; +var badge_esm_BadgeBase = ComponentBase.extend({ + defaultProps: { + __TYPE: 'Badge', + __parentMetadata: null, + value: null, + severity: null, + size: null, + style: null, + className: null, + children: undefined + }, + css: { + classes: badge_esm_classes, + styles: badge_esm_styles + } +}); + +function badge_esm_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } +function badge_esm_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? badge_esm_ownKeys(Object(t), !0).forEach(function (r) { badge_esm_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : badge_esm_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } +var badge_esm_Badge = /*#__PURE__*/react.memo( /*#__PURE__*/react.forwardRef(function (inProps, ref) { + var mergeProps = useMergeProps(); + var context = react.useContext(PrimeReactContext); + var props = badge_esm_BadgeBase.getProps(inProps, context); + var _BadgeBase$setMetaDat = badge_esm_BadgeBase.setMetaData(badge_esm_objectSpread({ + props: props + }, props.__parentMetadata)), + ptm = _BadgeBase$setMetaDat.ptm, + cx = _BadgeBase$setMetaDat.cx, + isUnstyled = _BadgeBase$setMetaDat.isUnstyled; + useHandleStyle(badge_esm_BadgeBase.css.styles, isUnstyled, { + name: 'badge' + }); + var elementRef = react.useRef(null); + react.useImperativeHandle(ref, function () { + return { + props: props, + getElement: function getElement() { + return elementRef.current; + } + }; + }); + var rootProps = mergeProps({ + ref: elementRef, + style: props.style, + className: utils_esm_classNames(props.className, cx('root')) + }, badge_esm_BadgeBase.getOtherProps(props), ptm('root')); + return /*#__PURE__*/react.createElement("span", rootProps, props.value); +})); +badge_esm_Badge.displayName = 'Badge'; + + + +;// CONCATENATED MODULE: ./app/Views/kewilayahan/kytp/componentProgresifitas/ChartKPDL.js + + + + + + + + + + + +const ChartKpdl = ({ + dataSend +}) => { + const base_url = ""; + const refChart = (0,react.useRef)(null); + const [data, setData] = (0,react.useState)({ + kpdl: [], + akum: [], + categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] + }); + const [selectedBulan, setSelectedBulan] = (0,react.useState)("semua"); + (0,react.useEffect)(() => { + jquery_default().get({ + url: base_url + "kewilayahan/kytp/identifikasiLapangan", + dataType: "json", + type: "POST", + data: { + ...dataSend, + bulan: selectedBulan + }, + success: data => { + setData(data); + } + }); + }, [dataSend, selectedBulan]); + const optionsChart1 = () => { + return { + chart: { + zoomType: "xy", + height: "320pt" + }, + title: { + text: "", + align: "left" + }, + subtitle: { + align: "left" + }, + xAxis: [{ + categories: data.categories, + crosshair: true + }], + yAxis: [{ + labels: { + style: { + color: highcharts_default().getOptions().colors[2] + } + }, + title: { + text: "Lokasi KPDL", + style: { + color: highcharts_default().getOptions().colors[2] + } + }, + opposite: true + }, { + title: { + text: "Lokasi KPDL s.d.", + style: { + color: highcharts_default().getOptions().colors[0] + } + }, + labels: { + style: { + color: highcharts_default().getOptions().colors[0] + } + }, + opposite: true + }], + tooltip: { + shared: true + }, + legend: { + layout: "horizontal", + align: "center", + verticalAlign: "top", + backgroundColor: (highcharts_default()).defaultOptions.legend.backgroundColor || + // theme + "rgba(255,255,255,0.25)" + }, + // plotOptions: { + // // series: hijau_klik_series + // }, + series: [{ + name: "Lokasi KPDL", + type: "column", + yAxis: 0, + color: highcharts_default().getOptions().colors[2], + data: data.kpdl, + marker: { + enabled: true + }, + tooltip: { + valueSuffix: " Kpdl" + } + }, { + name: "Lokasi KPDL akumulasi", + type: "spline", + yAxis: 1, + data: data.akum, + marker: { + enabled: true + }, + tooltip: { + valueSuffix: " data" + }, + visible: false + }] + }; + }; + const refBulanOnClick = e => { + const kodeBulan = e.target.dataset.value; + console.log(kodeBulan); + }; + return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(es_Row, null, /*#__PURE__*/react.createElement(es_Col, { + md: "12" + }, /*#__PURE__*/react.createElement("div", { + className: "d-flex justify-content-start " + }, /*#__PURE__*/react.createElement("span", { + className: "mr-2" + }, "Bulan :"), /*#__PURE__*/react.createElement(badge_esm_Badge, { + value: "semua", + id: "semua", + severity: "warning", + className: "ref_bulan_a cursor-pointer mr-10", + onClick: e => refBulanOnClick(e) + }), [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((val, idx) => { + return /*#__PURE__*/react.createElement(badge_esm_Badge, { + id: idx, + "data-value": val, + severity: "warning", + value: val, + className: "ref_bulan_a cursor-pointer mr-10", + onClick: e => refBulanOnClick(e) + }); + })))), /*#__PURE__*/react.createElement(es_Row, null, /*#__PURE__*/react.createElement(es_Col, null, /*#__PURE__*/react.createElement((highcharts_react_min_default()), { + ref: refChart, + highcharts: (highcharts_default()), + options: optionsChart1() + })))); +}; +/* harmony default export */ const ChartKPDL = (ChartKpdl); ;// CONCATENATED MODULE: ./app/Views/kewilayahan/kytp/TabPenugasan.js -function TabPenugasan({ + + +const TabPenugasan = ({ dataSend -}) { - return /*#__PURE__*/react.createElement("div", { - className: "card" - }, /*#__PURE__*/react.createElement(TabView, null, /*#__PURE__*/react.createElement(TabPanel, { +}) => { + return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(es_Card, null, /*#__PURE__*/react.createElement(es_CardBody, { + className: "" + }, /*#__PURE__*/react.createElement(TabView, { + className: "p-1", + pt: { + panelContainer: { + className: "p-1" + } + } + }, /*#__PURE__*/react.createElement(TabPanel, { + className: "p-", id: "tab_1", - header: "Identifikasi Lapangan (KPDL)" - }), /*#__PURE__*/react.createElement(TabPanel, { + header: "Identifikasi Lapangan (KPDL/MATOA)" + }, /*#__PURE__*/react.createElement(ChartKPDL, { + dataSend: dataSend + })), /*#__PURE__*/react.createElement(TabPanel, { id: "tab_2", header: "Aktifitas pasca identifikasi" }), /*#__PURE__*/react.createElement(TabPanel, { id: "tab_3", header: "Hasil" - }))); -} + }))))); +}; +/* harmony default export */ const kytp_TabPenugasan = (TabPenugasan); ;// CONCATENATED MODULE: ./app/Views/kewilayahan/kytp/kpdl.js @@ -63135,9 +63607,9 @@ const Root = () => { dataSend: dataSend }))))), /*#__PURE__*/react.createElement(es_Row, null, /*#__PURE__*/react.createElement(es_Col, { sm: "12" - }, /*#__PURE__*/react.createElement(es_Card, null, /*#__PURE__*/react.createElement(es_CardBody, null, /*#__PURE__*/react.createElement(TabPenugasan, { + }, /*#__PURE__*/react.createElement(kytp_TabPenugasan, { dataSend: dataSend - }))))), /*#__PURE__*/react.createElement(Toast, { + }))), /*#__PURE__*/react.createElement(Toast, { ref: toast })); }; diff --git a/app/Views/kewilayahan/kytp/TabPenugasan.js b/app/Views/kewilayahan/kytp/TabPenugasan.js index 88b0349a..dbff21a8 100644 --- a/app/Views/kewilayahan/kytp/TabPenugasan.js +++ b/app/Views/kewilayahan/kytp/TabPenugasan.js @@ -1,14 +1,24 @@ import React, { useState } from "react" import { TabView, TabPanel } from "primereact/tabview" +import { Card, CardBody } from "reactstrap" +import ChartKpdl from "./componentProgresifitas/ChartKPDL" -export default function TabPenugasan({ dataSend }) { +const TabPenugasan = ({ dataSend }) => { return ( -
- - - - - -
+ <> + + + + + + + + + + + + ) } + +export default TabPenugasan diff --git a/app/Views/kewilayahan/kytp/TabProgresifitas.js b/app/Views/kewilayahan/kytp/TabProgresifitas.js index 2e7cb0a4..1a98433a 100644 --- a/app/Views/kewilayahan/kytp/TabProgresifitas.js +++ b/app/Views/kewilayahan/kytp/TabProgresifitas.js @@ -7,6 +7,8 @@ import PayComp from "./componentProgresifitas/PayComp" import Sof from "./componentProgresifitas/Sof" import JenisStatusWp from "./componentProgresifitas/JenisStatusWp" import Pengampu from "./componentProgresifitas/Pengampu" +import SPTTahunan from "./componentProgresifitas/SPTTahunan" +import KLU from "./componentProgresifitas/KLU" export default function TabProgresifitas({ dataSend }) { return ( @@ -38,9 +40,11 @@ export default function TabProgresifitas({ dataSend }) { - + + + + - ) diff --git a/app/Views/kewilayahan/kytp/componentProgresifitas/ChartKPDL.js b/app/Views/kewilayahan/kytp/componentProgresifitas/ChartKPDL.js new file mode 100644 index 00000000..ccf655c9 --- /dev/null +++ b/app/Views/kewilayahan/kytp/componentProgresifitas/ChartKPDL.js @@ -0,0 +1,173 @@ +import React, { useEffect, useRef, useState } from "react" +import Highcharts from "highcharts" +import HighchartsReact from "highcharts-react-official" +import { Col, Row } from "reactstrap" +import { Badge } from "primereact/badge" +import { Button as ButtonP } from "primereact/button" +import { format_angka } from "../util" +import collect from "collect.js" +import jQuery from "jquery" +import "primereact/resources/themes/bootstrap4-light-blue/theme.css" +import "primeflex/primeflex.css" + +const ChartKpdl = ({ dataSend }) => { + const base_url = "" + + const refChart = useRef(null) + const [data, setData] = useState({ + kpdl: [], + akum: [], + categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] + }) + + const [selectedBulan, setSelectedBulan] = useState("semua") + + useEffect(() => { + jQuery.get({ + url: base_url + "kewilayahan/kytp/identifikasiLapangan", + dataType: "json", + type: "POST", + data: { + ...dataSend, + bulan: selectedBulan + }, + success: (data) => { + setData(data) + } + }) + }, [dataSend, selectedBulan]) + + const optionsChart1 = () => { + return { + chart: { + zoomType: "xy", + height: "320pt" + }, + title: { + text: "", + align: "left" + }, + subtitle: { + align: "left" + }, + xAxis: [ + { + categories: data.categories, + crosshair: true + } + ], + + yAxis: [ + { + labels: { + style: { + color: Highcharts.getOptions().colors[2] + } + }, + title: { + text: "Lokasi KPDL", + style: { + color: Highcharts.getOptions().colors[2] + } + }, + opposite: true + }, + { + title: { + text: "Lokasi KPDL s.d.", + style: { + color: Highcharts.getOptions().colors[0] + } + }, + labels: { + style: { + color: Highcharts.getOptions().colors[0] + } + }, + opposite: true + } + ], + + tooltip: { + shared: true + }, + legend: { + layout: "horizontal", + align: "center", + + verticalAlign: "top", + backgroundColor: + Highcharts.defaultOptions.legend.backgroundColor || // theme + "rgba(255,255,255,0.25)" + }, + // plotOptions: { + // // series: hijau_klik_series + // }, + series: [ + { + name: "Lokasi KPDL", + type: "column", + yAxis: 0, + color: Highcharts.getOptions().colors[2], + data: data.kpdl, + marker: { + enabled: true + }, + tooltip: { + valueSuffix: " Kpdl" + } + }, + + { + name: "Lokasi KPDL akumulasi", + type: "spline", + yAxis: 1, + data: data.akum, + marker: { + enabled: true + }, + tooltip: { + valueSuffix: " data" + }, + visible: false + } + ] + } + } + + const refBulanOnClick = (e) => { + const kodeBulan = e.target.dataset.value + console.log(kodeBulan) + } + return ( + <> + + +
+ Bulan : + refBulanOnClick(e)}> + {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((val, idx) => { + return ( + refBulanOnClick(e)} + > + ) + })} +
+ + + + + + + + + ) +} + +export default ChartKpdl diff --git a/app/Views/kewilayahan/kytp/componentProgresifitas/KLU.js b/app/Views/kewilayahan/kytp/componentProgresifitas/KLU.js new file mode 100644 index 00000000..7f5a4125 --- /dev/null +++ b/app/Views/kewilayahan/kytp/componentProgresifitas/KLU.js @@ -0,0 +1,98 @@ +import React, { useEffect, useRef, useState } from "react" +import Highcharts from "highcharts" +import HighchartsReact from "highcharts-react-official" +import { Col, Row } from "reactstrap" +import { format_angka } from "../util" +import collect from "collect.js" + +const KLU = ({ dataSend }) => { + const base_url = "" + + const refChart = useRef(null) + const refChart1 = useRef(null) + const refChart2 = useRef(null) + const [dataKluTerdaftar, setDataKluTerdaftar] = useState(null) + const [dataKluYgBayar, setDataKluYgbayar] = useState(null) + const [dataRupiahBayar, setDataRupiahBayar] = useState(null) + + useEffect(() => { + jQuery.get({ + url: base_url + "kewilayahan/kytp/sebaranKLU", + dataType: "json", + type: "POST", + data: { + ...dataSend + }, + success: (resp) => { + setDataKluTerdaftar(resp.dataKluTerdaftar) + setDataKluYgbayar(resp.dataKluYgBayar) + setDataRupiahBayar(resp.dataRupiahBayar) + } + }) + }, [dataSend]) + + const optionsChart = (data, title, attribute1) => { + const total_wp = collect(data).sum("y") + return { + chart: { + plotBackgroundColor: null, + plotBorderWidth: null, + plotShadow: false, + type: "pie", + zoomType: "xy", + height: "300" + }, + title: { + text: title, + style: { fontSize: "10px" } + }, + tooltip: { + pointFormat: "{point.percentage:.1f}%
: {point.y} dari " + format_angka(total_wp) + " total " + attribute1 + }, + accessibility: { + point: { + valueSuffix: "%" + } + }, + plotOptions: { + pie: { + allowPointSelect: true, + cursor: "pointer", + dataLabels: { + enabled: true, + style: { fontSize: "10px" }, + format: "{point.name}:
{point.percentage:.1f} %" + } + } + // series: pie_click + }, + series: [ + { + name: "", + data + } + ] + } + } + return ( + <> + + + + + + + + + + + + + ) +} + +export default KLU diff --git a/app/Views/kewilayahan/kytp/componentProgresifitas/PayComp.js b/app/Views/kewilayahan/kytp/componentProgresifitas/PayComp.js index b14a541f..4edf9267 100644 --- a/app/Views/kewilayahan/kytp/componentProgresifitas/PayComp.js +++ b/app/Views/kewilayahan/kytp/componentProgresifitas/PayComp.js @@ -82,13 +82,13 @@ const PayComp = ({ dataSend }) => { return ( <> - + - + - + diff --git a/app/Views/kewilayahan/kytp/componentProgresifitas/Pembayaran.js b/app/Views/kewilayahan/kytp/componentProgresifitas/Pembayaran.js index 7480e6d1..5f309d95 100644 --- a/app/Views/kewilayahan/kytp/componentProgresifitas/Pembayaran.js +++ b/app/Views/kewilayahan/kytp/componentProgresifitas/Pembayaran.js @@ -82,13 +82,13 @@ const Pembayaran = ({ dataSend }) => { return ( <> - + - + - + diff --git a/app/Views/kewilayahan/kytp/componentProgresifitas/Pengampu.js b/app/Views/kewilayahan/kytp/componentProgresifitas/Pengampu.js index 63574d91..5dd6abc2 100644 --- a/app/Views/kewilayahan/kytp/componentProgresifitas/Pengampu.js +++ b/app/Views/kewilayahan/kytp/componentProgresifitas/Pengampu.js @@ -44,7 +44,7 @@ const Pengampu = ({ dataSend }) => { style: { fontSize: "10px" } }, tooltip: { - pointFormat: "{point.percentage:.1f}%
: {point.y} dari " + format_angka(total_wp) + " total NPWP" + pointFormat: "{point.percentage:.1f}%
: {point.y} dari " + format_angka(total_wp) + " total lokasi KPDL" }, accessibility: { point: { diff --git a/app/Views/kewilayahan/kytp/componentProgresifitas/SPTTahunan.js b/app/Views/kewilayahan/kytp/componentProgresifitas/SPTTahunan.js new file mode 100644 index 00000000..fc5c285a --- /dev/null +++ b/app/Views/kewilayahan/kytp/componentProgresifitas/SPTTahunan.js @@ -0,0 +1,82 @@ +import React, { useEffect, useRef, useState } from "react" +import Highcharts from "highcharts" +import HighchartsReact from "highcharts-react-official" +import { Col, Row } from "reactstrap" +import { format_angka } from "../util" +import collect from "collect.js" + +const SPTTahunan = ({ dataSend }) => { + const base_url = "" + + const refChart = useRef(null) + const [data, setData] = useState(null) + + useEffect(() => { + jQuery.get({ + url: base_url + "kewilayahan/kytp/sebaranSPTTahunan", + dataType: "json", + type: "POST", + data: { + ...dataSend + }, + success: (data) => { + setData(data.data) + } + }) + }, [dataSend]) + + const optionsChart = (data, title) => { + const total_wp = collect(data).sum("y") + return { + chart: { + plotBackgroundColor: null, + plotBorderWidth: null, + plotShadow: false, + type: "pie", + zoomType: "xy", + height: "300" + }, + title: { + text: title, + style: { fontSize: "10px" } + }, + tooltip: { + pointFormat: "{point.percentage:.1f}%
: {point.y} dari " + format_angka(total_wp) + " total NPWP yang ada" + }, + accessibility: { + point: { + valueSuffix: "%" + } + }, + plotOptions: { + pie: { + allowPointSelect: true, + cursor: "pointer", + dataLabels: { + enabled: true, + style: { fontSize: "10px" }, + format: "{point.name}:
{point.percentage:.1f} %" + } + } + // series: pie_click + }, + series: [ + { + name: "", + data + } + ] + } + } + return ( + <> + + + + + + + ) +} + +export default SPTTahunan diff --git a/app/Views/kewilayahan/kytp/kpdl.js b/app/Views/kewilayahan/kytp/kpdl.js index 6cea7e21..663f24d5 100644 --- a/app/Views/kewilayahan/kytp/kpdl.js +++ b/app/Views/kewilayahan/kytp/kpdl.js @@ -662,11 +662,7 @@ const Root = () => { - - - - - + diff --git a/app/Views/kewilayahan/kytp/kpdl.php b/app/Views/kewilayahan/kytp/kpdl.php index 699c620a..08c86ef8 100644 --- a/app/Views/kewilayahan/kytp/kpdl.php +++ b/app/Views/kewilayahan/kytp/kpdl.php @@ -1,5 +1,9 @@ - +