dm_new: 기타 수정

apps/dm_new/app/(with-layout)/example/sewage/guri/page.tsx

@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (

apps/dm_new/app/(with-layout)/layout.tsx

@@ -1,13 +1,13 @@
 // app/(with-layout)/layout.tsx
 import "../reuse.module.css";
-import type { ReactNode } from "react";
+import { StoreProvider } from "../store";
 import TopNav from "@/components/TopNav";
 
 export default function ReuseLandingLayout({ children }: { children: React.ReactNode }) {
   return (
-    <>
+    <StoreProvider>
       <TopNav />
       <div className="pt-[83px]">{children}</div> {/* TopNav 높이만큼 */}
-    </>
+    </StoreProvider>
   );
 }

apps/dm_new/app/common/comFunction.ts

@@ -0,0 +1,65 @@
+import type {  RegionData,  } from "../store/wrStatus/type";
+
+
+
+export  const regionData:RegionData[] = [
+    { name: '서울', x: 170, y: 140, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '인천', x: 120, y: 150, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '경기', x: 210, y: 210, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '강원', x: 330, y: 120, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '충북', x: 260, y: 280, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '충남', x: 100, y: 320, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '세종', x: 180, y: 305, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '대전', x: 195, y: 360, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '전북', x: 170, y: 450, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '전남', x: 160, y: 600, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '광주', x: 120, y: 530, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '경북', x: 400, y: 320, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '경남', x: 310, y: 530, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '대구', x: 350, y: 450, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '울산', x: 450, y: 500, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '부산', x: 420, y: 550, values: [0.3, 0.3, 0.2, 0.2] },
+    { name: '제주', x: 60, y: 750, values: [0.3, 0.3, 0.2, 0.2] },
+  ]
+
+export const regionIdMap: Record<string, string> = {
+    서울: '서울특별시',
+    부산: '부산광역시',
+    대구: '대구광역시',
+    인천: '인천광역시',
+    광주: '광주광역시',
+    대전: '대전광역시',
+    울산: '울산광역시',
+    세종: '세종특별자치시',
+    경기: '경기도',
+    강원: '강원특별자치도',
+    충북: '충청북도',
+    충남: '충청남도',
+    전북: '전라북도',
+    전남: '전라남도',
+    경북: '경상북도',
+    경남: '경상남도',
+    제주: '제주특별자치도'
+  };
+
+
+export const makeRegion = (region: string) => {
+  if (region === '서울특별시') return '서울'
+  if (region === '부산광역시') return '부산'
+  if (region === '대구광역시') return   '대구'
+  if (region === '인천광역시') return  '인천'
+  if (region === '광주광역시') return  '광주'
+  if (region === '대전광역시') return  '대전'
+  if (region === '울산광역시') return  '울산'
+  if (region === '세종특별자치시') return  '세종'
+  if (region === '경기도') return  '경기'
+  if (region === '강원특별자치도') return  '강원'
+  if (region === '충청북도') return  '충북'
+  if (region === '충청남도') return  '충남'
+  if (region === '전북특별자치도') return  '전북'
+  if (region === '전라남도') return  '전남'
+  if (region === '경상북도') return  '경북'
+  if (region === '경상남도') return  '경남'
+  if (region === '제주특별자치도') return  '제주'
+    return region;
+}

apps/dm_new/app/common/transValueFormat.tsx

@@ -0,0 +1,26 @@
+import React from 'react'
+
+type CommonProps = {
+  value: string | number | '';
+  format: string;
+}
+
+export default function TransValueFormat({value='', format=''}: CommonProps) {
+  return (
+    format === 'yyyyMMdd' ? 
+      <>{value.toString().substring(0,4)+'-'+value.toString().substring(4,6)+'-'+value.toString().substring(6,8)}</>
+    : format === 'number' ?
+      <>{String(value ?? '').includes('.') 
+        ? String(value).split('.').map((part, index) => 
+            index === 0 ? part.replace(/\B(?=(\d{3})+(?!\d))/g, ",") : part
+          ).join('.')
+        : String(value ?? '').replace(/\B(?=(\d{3})+(?!\d))/g, ",")}</>
+    : format === 'float1' ?
+      <>{String(value ?? '').includes('.') 
+        ? String(value).split('.').map((part, index) =>
+            index === 0 ? part.replace(/\B(?=(\d{3})+(?!\d))/g, ",") : part
+          ).join('.')
+        : String(value ?? '').replace(/\B(?=(\d{3})+(?!\d))/g, ",")}</>
+    : <>{value}</>
+  )
+}