chore: Update npm dependencies and bump version to 0.0.184-vm

package.json

@@ -1,85 +1 @@
-{
+{"name":"eis","version":"0.0.184-vm","private":true,"scripts":{"dev":"vite","host":"vite --host","tailwind":"tailwindcss -i ./src/assets/css/tailwind.css -o ./src/assets/css/style.css --watch","build":"run-p type-check build-only","preview":"vite preview --host","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","deploy":"node deploy.js","set-version":"node version.js","version":"echo $npm_package_version"},"dependencies":{"@apollo/client":"^3.8.10","@apollo/link-context":"^2.0.0-beta.3","@flavorly/vanilla-components":"^0.7.65","@headlessui/tailwindcss":"^0.2.0","@headlessui/vue":"^1.7.19","@heroicons/vue":"^2.0.18","@lottiefiles/lottie-player":"^2.0.4","@phosphor-icons/vue":"^2.1.6","@types/qs":"^6.9.12","@types/uuid":"^9.0.8","@types/vue-select":"^3.16.8","@vue/apollo-components":"^4.0.0","@vue/apollo-composable":"^4.0.1","@vue/apollo-option":"^4.0.0","axios":"^1.6.7","devextreme":"23.2.4","devextreme-vue":"23.2.4","docx":"^8.5.0","dotenv":"^16.3.1","encrypt-storage":"^2.12.22","exceljs":"^4.4.0","file-saver":"^2.0.5","graphql":"^16.8.1","graphql-tag":"^2.12.6","jspdf":"^2.5.1","jspdf-autotable":"^3.8.2","pinia":"^2.1.3","qs":"^6.11.2","uuid":"^9.0.1","vue":"^3.3.4","vue-html-to-paper":"^2.0.3","vue-router":"^4.2.2","vue-tailwind-datepicker":"^1.6.1","vue3-star-ratings":"^3.0.5"},"devDependencies":{"@rushstack/eslint-patch":"^1.5.1","@tailwindcss/aspect-ratio":"^0.4.2","@tailwindcss/container-queries":"^0.1.1","@tailwindcss/forms":"^0.5.7","@tailwindcss/typography":"^0.5.10","@tsconfig/node18":"^2.0.1","@types/file-saver":"^2.0.6","@types/jsdom":"^21.1.1","@types/node":"^18.16.17","@vitejs/plugin-vue":"^4.2.3","@vitejs/plugin-vue-jsx":"^3.0.1","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.3.2","@vue/tsconfig":"^0.4.0","autoprefixer":"^10.4.14","eslint":"^8.39.0","eslint-plugin-vue":"^9.11.0","jsdom":"^22.1.0","npm-run-all":"^4.1.5","postcss":"^8.4.24","prettier":"^3.0.3","tailwindcss":"^3.3.2","typescript":"~5.2.2","vite":"^4.3.9","vitest":"^1.3.1","vue-tsc":"^2.0.5"}}
-  "name": "eis",
-  "version": "0.0.182-vm",
-  "private": true,
-  "scripts": {
-    "dev": "vite",
-    "host": "vite --host",
-    "tailwind": "tailwindcss -i ./src/assets/css/tailwind.css -o ./src/assets/css/style.css --watch",
-    "build": "run-p type-check build-only",
-    "preview": "vite preview --host",
-    "test:unit": "vitest",
-    "build-only": "vite build",
-    "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "format": "prettier --write src/",
-    "deploy": "node deploy.js",
-    "set-version": "node version.js",
-    "version": "echo $npm_package_version"
-  },
-  "dependencies": {
-    "@apollo/client": "^3.8.10",
-    "@apollo/link-context": "^2.0.0-beta.3",
-    "@flavorly/vanilla-components": "^0.7.65",
-    "@headlessui/tailwindcss": "^0.2.0",
-    "@headlessui/vue": "^1.7.19",
-    "@heroicons/vue": "^2.0.18",
-    "@lottiefiles/lottie-player": "^2.0.4",
-    "@phosphor-icons/vue": "^2.1.6",
-    "@types/qs": "^6.9.12",
-    "@types/uuid": "^9.0.8",
-    "@types/vue-select": "^3.16.8",
-    "@vue/apollo-components": "^4.0.0",
-    "@vue/apollo-composable": "^4.0.1",
-    "@vue/apollo-option": "^4.0.0",
-    "axios": "^1.6.7",
-    "devextreme": "23.2.4",
-    "devextreme-vue": "23.2.4",
-    "docx": "^8.5.0",
-    "dotenv": "^16.3.1",
-    "encrypt-storage": "^2.12.22",
-    "exceljs": "^4.4.0",
-    "file-saver": "^2.0.5",
-    "graphql": "^16.8.1",
-    "graphql-tag": "^2.12.6",
-    "jspdf": "^2.5.1",
-    "jspdf-autotable": "^3.8.2",
-    "pinia": "^2.1.3",
-    "qs": "^6.11.2",
-    "uuid": "^9.0.1",
-    "vue": "^3.3.4",
-    "vue-html-to-paper": "^2.0.3",
-    "vue-router": "^4.2.2",
-    "vue-tailwind-datepicker": "^1.6.1",
-    "vue3-star-ratings": "^3.0.5"
-  },
-  "devDependencies": {
-    "@rushstack/eslint-patch": "^1.5.1",
-    "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/container-queries": "^0.1.1",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.10",
-    "@tsconfig/node18": "^2.0.1",
-    "@types/file-saver": "^2.0.6",
-    "@types/jsdom": "^21.1.1",
-    "@types/node": "^18.16.17",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "@vue/eslint-config-prettier": "^8.0.0",
-    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/test-utils": "^2.3.2",
-    "@vue/tsconfig": "^0.4.0",
-    "autoprefixer": "^10.4.14",
-    "eslint": "^8.39.0",
-    "eslint-plugin-vue": "^9.11.0",
-    "jsdom": "^22.1.0",
-    "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.24",
-    "prettier": "^3.0.3",
-    "tailwindcss": "^3.3.2",
-    "typescript": "~5.2.2",
-    "vite": "^4.3.9",
-    "vitest": "^1.3.1",
-    "vue-tsc": "^2.0.5"
-  }
-}

public/version.json

@@ -1 +1 @@
-{"version":"0.0.182-vm"}
+{"version":"0.0.184-vm"}

src/components/Pages/Material/Rekap/Material_RPM.vue

@@ -15,7 +15,6 @@
       :row-alternation-enabled="true"
       :hover-state-enabled="true"
       @selection-changed="onSelectionChanged"
-      :column-width="100"
       @exporting="onExporting"
       :allow-column-resizing="true"
       column-resizing-mode="widget"
@@ -56,7 +55,7 @@
       />
       <DxColumn
         css-class="custom-table-column"
-        :width="170"
+        :width="250"
         alignment="center"
         data-field="nama_material"
         caption="Nama Material"
@@ -81,7 +80,7 @@
       <DxColumn css-class="custom-table-column" alignment="center" caption="Tanggal">
         <DxColumn
           v-for="i in 31"
-          :width="150"
+          :width="50"
           alignment="center"
           :data-field="`tgl${i}`"
           data-type="number"
@@ -147,12 +146,20 @@
 
       <div class="flex flex-row items-center justify-between w-full" v-for="i in 31">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Tgl {{ i }}:</h3>
-        <InputText :readonly="true" :value="dataSelected[`tgl${i}`]" class-name="flex-1" />
+        <InputText
+          :readonly="true"
+          :value="formatNumber(dataSelected[`tgl${i}`])"
+          class-name="flex-1"
+        />
       </div>
 
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Jumlah:</h3>
-        <InputText :readonly="true" :value="dataSelected?.total" class-name="flex-1" />
+        <InputText
+          :readonly="true"
+          :value="formatNumber(dataSelected?.total)"
+          class-name="flex-1"
+        />
       </div>
     </div>
   </DetailDialog>
@@ -166,7 +173,6 @@ import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
   DxExport,
-  DxLoadPanel,
   DxPager,
   DxPaging,
   DxSearchPanel,
@@ -174,8 +180,6 @@ import {
 } from 'devextreme-vue/data-grid'
 import { Type14 } from '@/components/Form/FiltersType'
 import Filters from '@/components/Form/Filters.vue'
-import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { queries, requestGraphQl } from '@/utils/api/api.graphql'
 import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
 import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'

src/components/Pages/PencarianData/PencarianData.vue

@@ -89,6 +89,14 @@
         caption="No Tlp Pelapor"
         cell-template="formatText"
       />
+      <DxColumn
+        css-class="custom-table-column"
+        :width="250"
+        alignment="center"
+        data-field="keterangan_pelapor"
+        caption="Keterangan Pelapor"
+        cell-template="formatText"
+      />
       <DxColumn
         css-class="custom-table-column"
         :width="170"
@@ -139,14 +147,7 @@
         caption="Petugas"
         cell-template="formatText"
       />
-      <DxColumn
+      
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="keterangan_pelapor"
-        caption="Keterangan Pelapor"
-        cell-template="formatText"
-      />
 
       <template #formatTime="{ data }">
         <p class="cursor-pointer !text-right">