@dssp/dkpi 1.0.0-alpha.68 → 1.0.0-alpha.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-client/components/kpi-2d-lookup-chart.js +2 -7
- package/dist-client/components/kpi-2d-lookup-chart.js.map +1 -1
- package/dist-client/components/kpi-boxplot-chart.js +0 -4
- package/dist-client/components/kpi-boxplot-chart.js.map +1 -1
- package/dist-client/components/kpi-lookup-chart.d.ts +14 -1
- package/dist-client/components/kpi-lookup-chart.js +101 -36
- package/dist-client/components/kpi-lookup-chart.js.map +1 -1
- package/dist-client/pages/kpi-admin/dssp-kpi-overview.d.ts +46 -0
- package/dist-client/pages/kpi-admin/dssp-kpi-overview.js +378 -0
- package/dist-client/pages/kpi-admin/dssp-kpi-overview.js.map +1 -0
- package/dist-client/pages/kpi-dashboard/components/kpi-left-panel.js +0 -9
- package/dist-client/pages/kpi-dashboard/components/kpi-left-panel.js.map +1 -1
- package/dist-client/pages/kpi-dashboard/components/kpi-region-popup.js +0 -1
- package/dist-client/pages/kpi-dashboard/components/kpi-region-popup.js.map +1 -1
- package/dist-client/pages/kpi-dashboard/kpi-dashboard-map.js +0 -4
- package/dist-client/pages/kpi-dashboard/kpi-dashboard-map.js.map +1 -1
- package/dist-client/pages/kpi-metric-value/kpi-metric-value-editor-page.js +0 -11
- package/dist-client/pages/kpi-metric-value/kpi-metric-value-editor-page.js.map +1 -1
- package/dist-client/pages/sv-project-completed-list.js +0 -1
- package/dist-client/pages/sv-project-completed-list.js.map +1 -1
- package/dist-client/pages/sv-project-detail.d.ts +10 -0
- package/dist-client/pages/sv-project-detail.js +136 -24
- package/dist-client/pages/sv-project-detail.js.map +1 -1
- package/dist-client/pages/sv-project-list.js +0 -1
- package/dist-client/pages/sv-project-list.js.map +1 -1
- package/dist-client/route.d.ts +1 -1
- package/dist-client/route.js +3 -0
- package/dist-client/route.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/schema.graphql +26 -5
- package/things-factory.config.js +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kpi-lookup-chart.js","sourceRoot":"","sources":["../../client/components/kpi-lookup-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n/**\n * KPI 성과 분포 차트 컴포넌트\n *\n * - 0~1 스케일 KPI: 성과 분포 곡선 (grade table 기반 value→score 매핑 커브)\n * 현재 프로젝트 위치를 곡선 위에 강조 표시\n * - 1~5 평가형 KPI: 5단계 세그먼트 게이지 (배점 기준 디지털화)\n */\n\ninterface Grade {\n name: string\n minValue: number\n maxValue: number\n score?: number\n color?: string\n description?: string\n}\n\n@customElement('kpi-lookup-chart')\nexport class KpiLookupChart extends LitElement {\n @property({ type: Array }) grades: Grade[] = []\n @property({ type: Number }) value: number | null = null\n @property({ type: String }) unit: string = ''\n @property({ type: String }) kpiName: string = ''\n\n static styles = css`\n :host {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 200px;\n }\n svg {\n width: 100%;\n height: 100%;\n display: block;\n }\n `\n\n private chartWidth = 0\n private chartHeight = 0\n private resizeObserver?: ResizeObserver\n\n render() {\n return html`\n <svg\n id=\"lookup-chart\"\n width=${this.chartWidth}\n height=${this.chartHeight}\n viewBox=\"0 0 ${this.chartWidth} ${this.chartHeight}\"\n preserveAspectRatio=\"xMidYMid meet\"\n ></svg>\n `\n }\n\n connectedCallback() {\n super.connectedCallback()\n this.resizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n const rect = entry.contentRect\n this.chartWidth = rect.width\n this.chartHeight = rect.height\n this.requestUpdate()\n }\n })\n this.resizeObserver.observe(this)\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect()\n super.disconnectedCallback()\n }\n\n updated() {\n this.renderChart()\n }\n\n /** 1~5 평가형 KPI인지 판별 (grades 없거나, value가 1~5 정수) */\n private isAssessmentKpi(): boolean {\n if (!this.grades || !Array.isArray(this.grades) || this.grades.length === 0) return true\n const scores = this.grades.map(g => g.score).filter(s => s !== undefined && s !== null) as number[]\n return scores.length <= 5 && scores.every(s => s >= 1 && s <= 5 && s === Math.floor(s))\n }\n\n private renderChart() {\n const svg = d3.select(this.renderRoot.querySelector('#lookup-chart'))\n svg.selectAll('*').remove()\n\n // 1~5 평가형 KPI → 세그먼트 바\n if (this.isAssessmentKpi()) {\n this.renderAssessmentGauge(svg)\n return\n }\n\n const w = this.chartWidth || 400\n const h = this.chartHeight || 200\n const margin = { top: 50, right: 30, bottom: 45, left: 55 }\n const plotW = w - margin.left - margin.right\n const plotH = h - margin.top - margin.bottom\n\n if (plotW <= 0 || plotH <= 0) return\n\n const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n const sortedGrades = [...this.grades].sort((a, b) => a.minValue - b.minValue)\n\n // 중간값 포인트 생성 (maxValue >= 99999인 마지막 구간 제외)\n const points = this.buildMidpoints(sortedGrades)\n if (points.length === 0) return\n\n // 스케일 — grade의 minValue~maxValue 범위, 마지막 grade의 큰 maxValue(999, 99999 등) 제외\n const allMaxValues = sortedGrades.map(g => g.maxValue).sort((a, b) => a - b)\n const secondLargestMax = allMaxValues.length > 1 ? allMaxValues[allMaxValues.length - 2] : allMaxValues[0]\n const lastGradeMin = sortedGrades[sortedGrades.length - 1].minValue\n\n let xMin = sortedGrades[0].minValue\n let xMax = Math.max(secondLargestMax, lastGradeMin)\n if (this.value !== null && this.value !== undefined) {\n xMax = Math.max(xMax, this.value)\n }\n const xPad = (xMax - xMin) * 0.15 || 0.5\n const xScale = d3.scaleLinear().domain([xMin - xPad, xMax + xPad]).range([0, plotW]).nice()\n\n const yExtent = d3.extent(points, d => d.score) as [number, number]\n const [yMin, yMax] = yExtent\n const yPad = (yMax - yMin) * 0.08 || 0.1\n const yScale = d3.scaleLinear().domain([yMin - yPad, yMax + yPad]).range([plotH, 0]).nice()\n\n // 스코어 구간 배경 (연한 색상)\n const scoreColors = ['#e8f5e9', '#f1f8e9', '#fff9c4', '#fff3e0', '#fce4ec']\n const uniqueScores = [...new Set(points.map(p => p.score))].sort((a, b) => b - a)\n uniqueScores.forEach((score, i) => {\n const yPos = yScale(score)\n const nextScore = i < uniqueScores.length - 1 ? uniqueScores[i + 1] : yMin - yPad\n const yNext = yScale(nextScore)\n g.append('rect')\n .attr('x', 0)\n .attr('y', Math.min(yPos, yNext))\n .attr('width', plotW)\n .attr('height', Math.abs(yNext - yPos))\n .attr('fill', scoreColors[i % scoreColors.length])\n .attr('opacity', 0.5)\n })\n\n // X축 범위 내 포인트만 사용\n const xDomainMax = xMax + xPad\n const visiblePoints = points.filter(p => p.x <= xDomainMax)\n\n // 스코어 커브 (중간값 연결)\n const line = d3\n .line<{ x: number; score: number }>()\n .x(d => xScale(d.x))\n .y(d => yScale(d.score))\n .curve(d3.curveMonotoneX)\n\n g.append('path')\n .datum(visiblePoints)\n .attr('d', line)\n .attr('fill', 'none')\n .attr('stroke', '#1976d2')\n .attr('stroke-width', 2.5)\n\n // 축\n g.append('g')\n .attr('transform', `translate(0,${plotH})`)\n .call(d3.axisBottom(xScale).ticks(Math.min(points.length, 8)))\n .selectAll('text')\n .attr('font-size', '10px')\n\n g.append('g').call(d3.axisLeft(yScale).ticks(5)).selectAll('text').attr('font-size', '10px')\n\n // 축 라벨\n g.append('text')\n .attr('x', plotW / 2)\n .attr('y', plotH + 35)\n .attr('text-anchor', 'middle')\n .attr('font-size', '11px')\n .attr('fill', '#666')\n .text(`측정값${this.unit ? ` (${this.unit})` : ''}`)\n\n g.append('text')\n .attr('transform', 'rotate(-90)')\n .attr('x', -plotH / 2)\n .attr('y', -40)\n .attr('text-anchor', 'middle')\n .attr('font-size', '11px')\n .attr('fill', '#666')\n .text('성과 점수')\n\n // 현재 값 표시\n if (this.value !== null && this.value !== undefined) {\n const currentScore = this.interpolateScore(points, this.value)\n if (currentScore !== null) {\n const cx = xScale(this.value)\n const cy = yScale(currentScore)\n\n // 가이드 라인\n g.append('line')\n .attr('x1', cx).attr('x2', cx)\n .attr('y1', cy).attr('y2', plotH)\n .attr('stroke', '#e53935').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n\n g.append('line')\n .attr('x1', 0).attr('x2', cx)\n .attr('y1', cy).attr('y2', cy)\n .attr('stroke', '#e53935').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n\n // 현재 값 포인트 + 툴팁\n const tooltip = svg.append('g')\n .attr('class', 'tooltip-group')\n .attr('visibility', 'hidden')\n\n const tipRect = tooltip.append('rect')\n .attr('rx', 4).attr('ry', 4)\n .attr('fill', 'rgba(33,33,33,0.9)')\n .attr('stroke', '#e53935').attr('stroke-width', 1)\n\n const tipText1 = tooltip.append('text')\n .attr('fill', '#fff').attr('font-size', '11px').attr('font-weight', '600')\n const tipText2 = tooltip.append('text')\n .attr('fill', '#ccc').attr('font-size', '10px')\n\n const tipContent1 = `${this.kpiName || 'KPI'}`\n const tipContent2 = `측정값: ${this.value!.toFixed(4)}${this.unit} | 성과 점수: ${currentScore.toFixed(4)}`\n\n tipText1.text(tipContent1)\n tipText2.text(tipContent2)\n\n const tipW = Math.max(tipContent1.length, tipContent2.length) * 6.5 + 20\n const tipH = 40\n const tipX = Math.min(cx + margin.left + 12, w - tipW - 5)\n const tipY = Math.max(cy + margin.top - tipH - 10, 5)\n\n tipRect.attr('x', tipX).attr('y', tipY).attr('width', tipW).attr('height', tipH)\n tipText1.attr('x', tipX + 8).attr('y', tipY + 15)\n tipText2.attr('x', tipX + 8).attr('y', tipY + 30)\n\n g.append('circle')\n .attr('cx', cx).attr('cy', cy)\n .attr('r', 7)\n .attr('fill', '#e53935').attr('stroke', '#fff').attr('stroke-width', 2)\n .style('cursor', 'pointer')\n .on('mouseenter', () => tooltip.attr('visibility', 'visible'))\n .on('mouseleave', () => tooltip.attr('visibility', 'hidden'))\n\n // 헤더: 현재 값 + 스코어\n svg\n .append('text')\n .attr('x', margin.left)\n .attr('y', 18)\n .attr('font-size', '12px')\n .attr('font-weight', 'bold')\n .attr('fill', '#e53935')\n .text(`측정값: ${this.value.toFixed(3)}${this.unit}`)\n\n svg\n .append('text')\n .attr('x', margin.left + plotW / 2)\n .attr('y', 18)\n .attr('font-size', '12px')\n .attr('font-weight', 'bold')\n .attr('fill', '#e53935')\n .text(`성과 점수: ${currentScore.toFixed(4)}`)\n }\n }\n\n // 제목\n if (this.kpiName) {\n svg\n .append('text')\n .attr('x', w / 2)\n .attr('y', 35)\n .attr('text-anchor', 'middle')\n .attr('font-size', '13px')\n .attr('font-weight', '600')\n .attr('fill', '#333')\n .text(this.kpiName)\n }\n }\n\n /** 1~5 평가형 KPI: 5단계 세그먼트 바 */\n private renderAssessmentGauge(svg: any) {\n const w = this.chartWidth || 400\n const h = this.chartHeight || 200\n const currentScore = this.value !== null && this.value !== undefined ? Math.round(this.value) : 0\n\n // 제목\n if (this.kpiName) {\n svg.append('text')\n .attr('x', w / 2).attr('y', 28)\n .attr('text-anchor', 'middle')\n .attr('font-size', '13px').attr('font-weight', '600').attr('fill', '#333')\n .text(this.kpiName)\n }\n\n const barY = h * 0.4\n const barH = 36\n const barMargin = 40\n const barW = w - barMargin * 2\n const segW = barW / 5\n const colors = ['#ef5350', '#ff9800', '#ffca28', '#66bb6a', '#2e7d32']\n const labels = ['1', '2', '3', '4', '5']\n\n // 5개 세그먼트\n for (let i = 0; i < 5; i++) {\n const x = barMargin + i * segW\n const isActive = currentScore === i + 1\n\n // 배경\n svg.append('rect')\n .attr('x', x + 2).attr('y', barY)\n .attr('width', segW - 4).attr('height', barH)\n .attr('rx', 6)\n .attr('fill', isActive ? colors[i] : '#e0e0e0')\n .attr('opacity', isActive ? 1 : 0.4)\n\n // 숫자 라벨\n svg.append('text')\n .attr('x', x + segW / 2).attr('y', barY + barH / 2 + 5)\n .attr('text-anchor', 'middle')\n .attr('font-size', isActive ? '16px' : '13px')\n .attr('font-weight', isActive ? 'bold' : 'normal')\n .attr('fill', isActive ? '#fff' : '#999')\n .text(labels[i])\n\n // 설명 라벨 (아래)\n const descLabels = ['매우 미흡', '미흡', '보통', '양호', '우수']\n svg.append('text')\n .attr('x', x + segW / 2).attr('y', barY + barH + 18)\n .attr('text-anchor', 'middle')\n .attr('font-size', '10px')\n .attr('fill', isActive ? colors[i] : '#bbb')\n .text(descLabels[i])\n }\n\n // 현재 점수 강조\n if (currentScore >= 1 && currentScore <= 5) {\n const activeX = barMargin + (currentScore - 1) * segW\n\n // 위쪽 화살표\n svg.append('text')\n .attr('x', activeX + segW / 2).attr('y', barY - 8)\n .attr('text-anchor', 'middle')\n .attr('font-size', '14px').attr('font-weight', 'bold')\n .attr('fill', colors[currentScore - 1])\n .text(`${currentScore}점`)\n } else if (this.value !== null) {\n svg.append('text')\n .attr('x', w / 2).attr('y', barY - 8)\n .attr('text-anchor', 'middle')\n .attr('font-size', '13px').attr('fill', '#e53935')\n .text(`Value: ${this.value}`)\n }\n }\n\n /** grades에서 중간값(x) → score 포인트 배열 생성 */\n private buildMidpoints(grades: Grade[]): { x: number; score: number }[] {\n const points: { x: number; score: number }[] = []\n\n // 마지막 유효 grade의 maxValue (99999 제외)\n const validGrades = grades.filter(g => g.maxValue < 99999)\n const lastValidMax = validGrades.length > 0 ? validGrades[validGrades.length - 1].maxValue : 1\n\n for (let i = 0; i < grades.length; i++) {\n const g = grades[i]\n const score = g.score ?? 0\n\n if (g.minValue === g.maxValue) {\n // point value\n const prevMax = i > 0 ? grades[i - 1].maxValue : 0\n points.push({ x: (prevMax + g.maxValue) / 2, score })\n } else if (g.maxValue >= 99999) {\n // 마지막 \"이상\" 구간 — minValue 사용 (99999는 무시)\n points.push({ x: g.minValue, score })\n } else {\n points.push({ x: (g.minValue + g.maxValue) / 2, score })\n }\n }\n\n return points\n }\n\n /** 포인트 배열에서 value에 대한 score를 선형 보간 */\n private interpolateScore(points: { x: number; score: number }[], value: number): number | null {\n if (points.length === 0) return null\n if (points.length === 1) return points[0].score\n\n // value가 범위 밖인 경우\n if (value <= points[0].x) return points[0].score\n if (value >= points[points.length - 1].x) return points[points.length - 1].score\n\n // 두 포인트 사이에서 보간\n for (let i = 0; i < points.length - 1; i++) {\n if (value >= points[i].x && value <= points[i + 1].x) {\n const t = (value - points[i].x) / (points[i + 1].x - points[i].x)\n return points[i].score + t * (points[i + 1].score - points[i].score)\n }\n }\n\n return points[points.length - 1].score\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"kpi-lookup-chart.js","sourceRoot":"","sources":["../../client/components/kpi-lookup-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n/**\n * KPI 성과 분포 차트 컴포넌트\n *\n * - 0~1 스케일 KPI: 성과 분포 곡선 (grade table 기반 value→score 매핑 커브)\n * 현재 프로젝트 위치를 곡선 위에 강조 표시\n * - 1~5 평가형 KPI: 5단계 세그먼트 게이지 (배점 기준 디지털화)\n */\n\ninterface Grade {\n name: string\n minValue: number\n maxValue: number\n score?: number\n color?: string\n description?: string\n}\n\n@customElement('kpi-lookup-chart')\nexport class KpiLookupChart extends LitElement {\n @property({ type: Array }) grades: Grade[] = []\n @property({ type: Number }) value: number | null = null\n @property({ type: String }) unit: string = ''\n @property({ type: String }) kpiName: string = ''\n @property({ type: Boolean }) showDots: boolean = false\n /** KPI scoreType: 'DIRECT' | 'FORMULA' | 'LOOKUP' | 'CUSTOM' | '' */\n @property({ type: String }) scoreType: string = ''\n /** KPI valueType: 'MEASURED' | 'ASSESSED' | 'CALCULATED' | 'COMPOSITE' | '' */\n @property({ type: String }) valueType: string = ''\n\n static styles = css`\n :host {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 200px;\n }\n svg {\n width: 100%;\n height: 100%;\n display: block;\n }\n `\n\n private chartWidth = 0\n private chartHeight = 0\n private resizeObserver?: ResizeObserver\n\n render() {\n return html`\n <svg\n id=\"lookup-chart\"\n width=${this.chartWidth}\n height=${this.chartHeight}\n viewBox=\"0 0 ${this.chartWidth} ${this.chartHeight}\"\n preserveAspectRatio=\"xMidYMid meet\"\n ></svg>\n `\n }\n\n connectedCallback() {\n super.connectedCallback()\n this.resizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n const rect = entry.contentRect\n this.chartWidth = rect.width\n this.chartHeight = rect.height\n this.requestUpdate()\n }\n })\n this.resizeObserver.observe(this)\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect()\n super.disconnectedCallback()\n }\n\n updated() {\n this.renderChart()\n }\n\n /**\n * 1~5 평가형 KPI인지 판별 — 게이지로 표시할지 결정\n *\n * valueType/scoreType 기반 판별 (우선):\n * valueType='ASSESSED' → 평가형 (감리자 직접 입력, 게이지)\n * scoreType='LOOKUP'/'CUSTOM' → 분포 차트\n *\n * 미설정 시 폴백: grades 구조로 판별\n */\n private isAssessmentKpi(): boolean {\n if (this.valueType === 'ASSESSED') return true\n if (this.scoreType === 'LOOKUP' || this.scoreType === 'CUSTOM') return false\n\n // 폴백: grades 구조로 판별\n if (!this.grades || !Array.isArray(this.grades) || this.grades.length === 0) return true\n return (\n this.grades.length <= 5 &&\n this.grades.every(\n (g: any) => g.score >= 1 && g.score <= 5 && g.score === Math.floor(g.score) && g.minValue === g.score\n )\n )\n }\n\n private renderChart() {\n const svg = d3.select(this.renderRoot.querySelector('#lookup-chart'))\n svg.selectAll('*').remove()\n\n // grades가 배열이 아닌 경우 (2D lookup 객체 등) 또는 1~5 평가형 → 세그먼트 바\n if (!Array.isArray(this.grades) || this.isAssessmentKpi()) {\n this.renderAssessmentGauge(svg)\n return\n }\n\n const w = this.chartWidth || 400\n const h = this.chartHeight || 200\n const margin = { top: 20, right: 30, bottom: 45, left: 55 }\n const plotW = w - margin.left - margin.right\n const plotH = h - margin.top - margin.bottom\n\n if (plotW <= 0 || plotH <= 0) return\n\n const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n const sortedGrades = [...this.grades].sort((a, b) => a.minValue - b.minValue)\n\n // 중간값 포인트 생성 (maxValue >= 99999인 마지막 구간 제외)\n const points = this.buildMidpoints(sortedGrades)\n if (points.length === 0) return\n\n // 스케일 — grade의 minValue~maxValue 범위, 마지막 grade의 큰 maxValue(999, 99999 등) 제외\n const allMaxValues = sortedGrades.map(g => g.maxValue).sort((a, b) => a - b)\n const secondLargestMax = allMaxValues.length > 1 ? allMaxValues[allMaxValues.length - 2] : allMaxValues[0]\n const lastGradeMin = sortedGrades[sortedGrades.length - 1].minValue\n\n let xMin = sortedGrades[0].minValue\n let xMax = Math.max(secondLargestMax, lastGradeMin)\n if (this.value !== null && this.value !== undefined) {\n xMax = Math.max(xMax, this.value)\n }\n const xPad = (xMax - xMin) * 0.15 || 0.5\n const xScale = d3.scaleLinear().domain([xMin - xPad, xMax + xPad]).range([0, plotW]).nice()\n\n const yExtent = d3.extent(points, d => d.score) as [number, number]\n const [yMin, yMax] = yExtent\n const yPad = (yMax - yMin) * 0.08 || 0.1\n const yScale = d3.scaleLinear().domain([yMin - yPad, yMax + yPad]).range([plotH, 0]).nice()\n\n // 스코어 구간 배경 (연한 색상)\n const scoreColors = ['#e8f5e9', '#f1f8e9', '#fff9c4', '#fff3e0', '#fce4ec']\n const uniqueScores = [...new Set(points.map(p => p.score))].sort((a, b) => b - a)\n uniqueScores.forEach((score, i) => {\n const yPos = yScale(score)\n const nextScore = i < uniqueScores.length - 1 ? uniqueScores[i + 1] : yMin - yPad\n const yNext = yScale(nextScore)\n g.append('rect')\n .attr('x', 0)\n .attr('y', Math.min(yPos, yNext))\n .attr('width', plotW)\n .attr('height', Math.abs(yNext - yPos))\n .attr('fill', scoreColors[i % scoreColors.length])\n .attr('opacity', 0.5)\n })\n\n // X축 범위 내 포인트만 사용\n const xDomainMax = xMax + xPad\n const visiblePoints = points.filter(p => p.x <= xDomainMax)\n\n // 스코어 커브 (중간값 연결)\n const line = d3\n .line<{ x: number; score: number }>()\n .x(d => xScale(d.x))\n .y(d => yScale(d.score))\n .curve(d3.curveMonotoneX)\n\n g.append('path')\n .datum(visiblePoints)\n .attr('d', line)\n .attr('fill', 'none')\n .attr('stroke', '#1976d2')\n .attr('stroke-width', 2.5)\n\n // 도트 + 툴팁 (showDots 모드)\n if (this.showDots && visiblePoints.length > 0) {\n const dotTooltip = svg.append('g').attr('class', 'dot-tooltip').attr('visibility', 'hidden')\n dotTooltip.append('rect').attr('rx', 4).attr('ry', 4).attr('fill', 'rgba(33,33,33,0.9)')\n dotTooltip.append('text').attr('fill', '#fff').attr('font-size', '10px')\n\n const showDotTip = (evt: MouseEvent, lines: string[]) => {\n const tipText = dotTooltip.select('text')\n tipText.selectAll('tspan').remove()\n lines.forEach((ln, i) => {\n tipText.append('tspan').attr('x', 8).attr('dy', i === 0 ? 14 : 13).text(ln)\n })\n const tipW = Math.max(...lines.map(l => l.length)) * 8 + 24\n const tipH = lines.length * 13 + 10\n const [mx, my] = d3.pointer(evt, svg.node())\n const tx = Math.min(mx + 12, w - tipW - 5)\n const ty = Math.max(my - tipH - 8, 5)\n dotTooltip.select('rect').attr('x', tx).attr('y', ty).attr('width', tipW).attr('height', tipH)\n tipText.attr('transform', `translate(${tx},${ty})`)\n dotTooltip.attr('visibility', 'visible').raise()\n }\n const hideDotTip = () => dotTooltip.attr('visibility', 'hidden')\n\n // 가이드 라인 (hover 시 표시/숨김)\n const guideLineX = g.append('line')\n .attr('stroke', '#1976d2').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n .attr('opacity', 0.5).attr('visibility', 'hidden')\n const guideLineY = g.append('line')\n .attr('stroke', '#1976d2').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n .attr('opacity', 0.5).attr('visibility', 'hidden')\n\n visiblePoints.forEach(pt => {\n const cx = xScale(pt.x)\n const cy = yScale(pt.score)\n\n g.append('circle')\n .attr('cx', cx)\n .attr('cy', cy)\n .attr('r', 4)\n .attr('fill', '#1976d2')\n .attr('stroke', '#fff')\n .attr('stroke-width', 1.5)\n .style('cursor', 'pointer')\n .on('mouseenter', (evt: MouseEvent) => {\n guideLineX.attr('x1', cx).attr('x2', cx).attr('y1', cy).attr('y2', plotH).attr('visibility', 'visible')\n guideLineY.attr('x1', 0).attr('x2', cx).attr('y1', cy).attr('y2', cy).attr('visibility', 'visible')\n const rangeText = pt.isLast\n ? `구간: ${pt.rangeMin.toFixed(4)}${this.unit} 이상`\n : `구간: ${pt.rangeMin.toFixed(4)} ~ ${pt.rangeMax.toFixed(4)}${this.unit}`\n showDotTip(evt, [\n rangeText,\n `성과 점수: ${pt.score.toFixed(4)}`\n ])\n })\n .on('mouseleave', () => {\n guideLineX.attr('visibility', 'hidden')\n guideLineY.attr('visibility', 'hidden')\n hideDotTip()\n })\n })\n }\n\n // 축\n g.append('g')\n .attr('transform', `translate(0,${plotH})`)\n .call(d3.axisBottom(xScale).ticks(Math.min(points.length, 8)))\n .selectAll('text')\n .attr('font-size', '10px')\n\n g.append('g').call(d3.axisLeft(yScale).ticks(5)).selectAll('text').attr('font-size', '10px')\n\n // 축 라벨\n g.append('text')\n .attr('x', plotW / 2)\n .attr('y', plotH + 35)\n .attr('text-anchor', 'middle')\n .attr('font-size', '11px')\n .attr('fill', '#666')\n .text(`측정값${this.unit ? ` (${this.unit})` : ''}`)\n\n g.append('text')\n .attr('transform', 'rotate(-90)')\n .attr('x', -plotH / 2)\n .attr('y', -40)\n .attr('text-anchor', 'middle')\n .attr('font-size', '11px')\n .attr('fill', '#666')\n .text('성과 점수')\n\n // 현재 값 표시\n if (this.value !== null && this.value !== undefined) {\n const currentScore = this.interpolateScore(points, this.value)\n if (currentScore !== null) {\n const cx = xScale(this.value)\n const cy = yScale(currentScore)\n\n // 가이드 라인\n g.append('line')\n .attr('x1', cx).attr('x2', cx)\n .attr('y1', cy).attr('y2', plotH)\n .attr('stroke', '#e53935').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n\n g.append('line')\n .attr('x1', 0).attr('x2', cx)\n .attr('y1', cy).attr('y2', cy)\n .attr('stroke', '#e53935').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n\n // 현재 값 포인트 + 툴팁\n const tooltip = svg.append('g')\n .attr('class', 'tooltip-group')\n .attr('visibility', 'hidden')\n\n const tipRect = tooltip.append('rect')\n .attr('rx', 4).attr('ry', 4)\n .attr('fill', 'rgba(33,33,33,0.9)')\n .attr('stroke', '#e53935').attr('stroke-width', 1)\n\n const tipText1 = tooltip.append('text')\n .attr('fill', '#fff').attr('font-size', '11px').attr('font-weight', '600')\n const tipText2 = tooltip.append('text')\n .attr('fill', '#ccc').attr('font-size', '10px')\n\n const tipContent1 = `현재 프로젝트`\n const tipContent2 = `측정값: ${this.value!.toFixed(4)}${this.unit} | 성과 점수: ${currentScore.toFixed(4)}`\n\n tipText1.text(tipContent1)\n tipText2.text(tipContent2)\n\n const tipW = Math.max(tipContent1.length, tipContent2.length) * 6.5 + 20\n const tipH = 40\n const tipX = Math.min(cx + margin.left + 12, w - tipW - 5)\n const tipY = Math.max(cy + margin.top - tipH - 10, 5)\n\n tipRect.attr('x', tipX).attr('y', tipY).attr('width', tipW).attr('height', tipH)\n tipText1.attr('x', tipX + 8).attr('y', tipY + 15)\n tipText2.attr('x', tipX + 8).attr('y', tipY + 30)\n\n g.append('circle')\n .attr('cx', cx).attr('cy', cy)\n .attr('r', 7)\n .attr('fill', '#e53935').attr('stroke', '#fff').attr('stroke-width', 2)\n .style('cursor', 'pointer')\n .on('mouseenter', () => tooltip.attr('visibility', 'visible'))\n .on('mouseleave', () => tooltip.attr('visibility', 'hidden'))\n\n // 헤더: 현재 값 + 스코어\n svg\n .append('text')\n .attr('x', margin.left)\n .attr('y', 18)\n .attr('font-size', '12px')\n .attr('font-weight', 'bold')\n .attr('fill', '#e53935')\n .text(`측정값: ${this.value.toFixed(3)}${this.unit}`)\n\n svg\n .append('text')\n .attr('x', margin.left + plotW / 2)\n .attr('y', 18)\n .attr('font-size', '12px')\n .attr('font-weight', 'bold')\n .attr('fill', '#e53935')\n .text(`성과 점수: ${currentScore.toFixed(4)}`)\n }\n }\n\n // 제목은 차트 외부에서 표시하므로 차트 내부에는 미표시\n }\n\n /** 1~5 평가형 KPI: 5단계 세그먼트 바 */\n private renderAssessmentGauge(svg: any) {\n const w = this.chartWidth || 400\n const h = this.chartHeight || 200\n const currentScore = this.value !== null && this.value !== undefined ? Math.round(this.value) : 0\n\n // 제목은 차트 외부에서 표시하므로 차트 내부에는 미표시\n\n const barY = h * 0.4\n const barH = 36\n const barMargin = 40\n const barW = w - barMargin * 2\n const segW = barW / 5\n const colors = ['#ef5350', '#ff9800', '#ffca28', '#66bb6a', '#2e7d32']\n const labels = ['1', '2', '3', '4', '5']\n\n // 5개 세그먼트\n for (let i = 0; i < 5; i++) {\n const x = barMargin + i * segW\n const isActive = currentScore === i + 1\n\n // 배경\n svg.append('rect')\n .attr('x', x + 2).attr('y', barY)\n .attr('width', segW - 4).attr('height', barH)\n .attr('rx', 6)\n .attr('fill', isActive ? colors[i] : '#e0e0e0')\n .attr('opacity', isActive ? 1 : 0.4)\n\n // 숫자 라벨\n svg.append('text')\n .attr('x', x + segW / 2).attr('y', barY + barH / 2 + 5)\n .attr('text-anchor', 'middle')\n .attr('font-size', isActive ? '16px' : '13px')\n .attr('font-weight', isActive ? 'bold' : 'normal')\n .attr('fill', isActive ? '#fff' : '#999')\n .text(labels[i])\n\n // 설명 라벨 (아래)\n const descLabels = ['매우 미흡', '미흡', '보통', '양호', '우수']\n svg.append('text')\n .attr('x', x + segW / 2).attr('y', barY + barH + 18)\n .attr('text-anchor', 'middle')\n .attr('font-size', '10px')\n .attr('fill', isActive ? colors[i] : '#bbb')\n .text(descLabels[i])\n }\n\n // 현재 점수 강조\n if (currentScore >= 1 && currentScore <= 5) {\n const activeX = barMargin + (currentScore - 1) * segW\n\n // 위쪽 화살표\n svg.append('text')\n .attr('x', activeX + segW / 2).attr('y', barY - 8)\n .attr('text-anchor', 'middle')\n .attr('font-size', '14px').attr('font-weight', 'bold')\n .attr('fill', colors[currentScore - 1])\n .text(`${currentScore}점`)\n } else if (this.value !== null) {\n svg.append('text')\n .attr('x', w / 2).attr('y', barY - 8)\n .attr('text-anchor', 'middle')\n .attr('font-size', '13px').attr('fill', '#e53935')\n .text(`Value: ${this.value}`)\n }\n }\n\n /** grades에서 중간값(x) → score 포인트 배열 생성 */\n private buildMidpoints(grades: Grade[]): { x: number; score: number; rangeMin: number; rangeMax: number; isLast: boolean }[] {\n const points: { x: number; score: number; rangeMin: number; rangeMax: number; isLast: boolean }[] = []\n\n for (let i = 0; i < grades.length; i++) {\n const g = grades[i]\n const score = g.score ?? 0\n const isLast = g.maxValue >= 99999\n\n if (g.minValue === g.maxValue) {\n const prevMax = i > 0 ? grades[i - 1].maxValue : 0\n points.push({ x: (prevMax + g.maxValue) / 2, score, rangeMin: prevMax, rangeMax: g.maxValue, isLast: false })\n } else if (isLast) {\n points.push({ x: g.minValue, score, rangeMin: g.minValue, rangeMax: g.minValue, isLast: true })\n } else {\n points.push({ x: (g.minValue + g.maxValue) / 2, score, rangeMin: g.minValue, rangeMax: g.maxValue, isLast: false })\n }\n }\n\n return points\n }\n\n /** 포인트 배열에서 value에 대한 score를 선형 보간 */\n private interpolateScore(points: { x: number; score: number }[], value: number): number | null {\n if (points.length === 0) return null\n if (points.length === 1) return points[0].score\n\n // value가 범위 밖인 경우\n if (value <= points[0].x) return points[0].score\n if (value >= points[points.length - 1].x) return points[points.length - 1].score\n\n // 두 포인트 사이에서 보간\n for (let i = 0; i < points.length - 1; i++) {\n if (value >= points[i].x && value <= points[i + 1].x) {\n const t = (value - points[i].x) / (points[i + 1].x - points[i].x)\n return points[i].score + t * (points[i + 1].score - points[i].score)\n }\n }\n\n return points[points.length - 1].score\n }\n}\n"]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { KpiOverview } from '@things-factory/kpi/dist-client/pages/kpi/kpi-overview.js';
|
|
2
|
+
import '../../components/kpi-lookup-chart';
|
|
3
|
+
import '../../components/kpi-2d-lookup-chart';
|
|
4
|
+
/**
|
|
5
|
+
* KPI scoreType 정의 — value → score 변환 방식
|
|
6
|
+
*
|
|
7
|
+
* NONE — 미설정 (부모 KPI 등)
|
|
8
|
+
* DIRECT — value = score, 별도 변환 없음 (Y/Z: formula 결과가 곧 score)
|
|
9
|
+
* FORMULA — scoreFormula로 value → score 변환
|
|
10
|
+
* LOOKUP — grade table(1D)로 raw value → 0~1 score 변환 (연속값 KPI)
|
|
11
|
+
* 예: X11(연면적 대비 공사기간), X33(검측 불합격률), X34(SL-PA)
|
|
12
|
+
* → 성과 분포 커브 차트로 표시
|
|
13
|
+
* CUSTOM — 2D 룩업 등 특수 구조의 grade (다차원 입력 → 점수)
|
|
14
|
+
* 예: X13(일정 이탈 수준) = 공정률 × 편차율 → 1~5점
|
|
15
|
+
* → 히트맵 차트로 표시
|
|
16
|
+
* ASSESSMENT — 감리자 직접 평가, value(1~5) = score (grade table 불필요)
|
|
17
|
+
* 예: X14(일정성과 수준 평가), X23(비용성과), X35(품질성과) 등
|
|
18
|
+
* → 등급 기준 설명만 표시 (차트 없음)
|
|
19
|
+
*
|
|
20
|
+
* Note: DIRECT와 ASSESSMENT는 모두 value=score이지만,
|
|
21
|
+
* ASSESSMENT는 감리자가 1~5점을 직접 입력하는 정성 평가를 의미하고,
|
|
22
|
+
* DIRECT는 산식 등으로 자동 계산된 value가 변환 없이 score가 되는 것을 의미한다.
|
|
23
|
+
*/
|
|
24
|
+
/**
|
|
25
|
+
* KPI 개요 페이지 — 등급 구간을 성과 분포 차트로 표현
|
|
26
|
+
*
|
|
27
|
+
* - 0~1 스케일 KPI: 성과 분포 커브 (kpi-lookup-chart)
|
|
28
|
+
* - 1~5 평가형 KPI: 5단계 세그먼트 게이지 (kpi-lookup-chart 자동 감지)
|
|
29
|
+
* - X13 2D 룩업: 공정률×편차율 히트맵 (kpi-2d-lookup-chart)
|
|
30
|
+
*/
|
|
31
|
+
export declare class DsspKpiOverview extends KpiOverview {
|
|
32
|
+
static styles: import("lit").CSSResult[];
|
|
33
|
+
firstUpdated(): Promise<void>;
|
|
34
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
35
|
+
/**
|
|
36
|
+
* 성과분포/등급 콘텐츠 렌더링 — scoreType + valueType 기반 분기
|
|
37
|
+
*
|
|
38
|
+
* valueType=ASSESSED → 등급 기준 설명만 (감리자 직접 평가, 차트 없음)
|
|
39
|
+
* scoreType=CUSTOM → 2D 히트맵 (공정률×편차율)
|
|
40
|
+
* scoreType=LOOKUP → 성과 분포 커브 (value→score 매핑)
|
|
41
|
+
* scoreType=DIRECT → 등급 데이터 없음 (Y/Z 등)
|
|
42
|
+
*/
|
|
43
|
+
private _renderGradesContent;
|
|
44
|
+
private _renderTypeInfo;
|
|
45
|
+
private _renderAssessmentDescriptions;
|
|
46
|
+
}
|
|
@@ -0,0 +1,378 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { html, css, nothing } from 'lit';
|
|
3
|
+
import { customElement } from 'lit/decorators.js';
|
|
4
|
+
import { client } from '@operato/graphql';
|
|
5
|
+
import gql from 'graphql-tag';
|
|
6
|
+
import { KpiOverview } from '@things-factory/kpi/dist-client/pages/kpi/kpi-overview.js';
|
|
7
|
+
import '../../components/kpi-lookup-chart';
|
|
8
|
+
import '../../components/kpi-2d-lookup-chart';
|
|
9
|
+
const GET_KPI_OVERVIEW_EXT = gql `
|
|
10
|
+
query {
|
|
11
|
+
kpiCategories: kpisLevel1 {
|
|
12
|
+
id
|
|
13
|
+
name
|
|
14
|
+
description
|
|
15
|
+
formula
|
|
16
|
+
active
|
|
17
|
+
kpis: children {
|
|
18
|
+
id
|
|
19
|
+
name
|
|
20
|
+
description
|
|
21
|
+
formula
|
|
22
|
+
active
|
|
23
|
+
grades
|
|
24
|
+
scoreType
|
|
25
|
+
valueType
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
`;
|
|
30
|
+
/**
|
|
31
|
+
* KPI scoreType 정의 — value → score 변환 방식
|
|
32
|
+
*
|
|
33
|
+
* NONE — 미설정 (부모 KPI 등)
|
|
34
|
+
* DIRECT — value = score, 별도 변환 없음 (Y/Z: formula 결과가 곧 score)
|
|
35
|
+
* FORMULA — scoreFormula로 value → score 변환
|
|
36
|
+
* LOOKUP — grade table(1D)로 raw value → 0~1 score 변환 (연속값 KPI)
|
|
37
|
+
* 예: X11(연면적 대비 공사기간), X33(검측 불합격률), X34(SL-PA)
|
|
38
|
+
* → 성과 분포 커브 차트로 표시
|
|
39
|
+
* CUSTOM — 2D 룩업 등 특수 구조의 grade (다차원 입력 → 점수)
|
|
40
|
+
* 예: X13(일정 이탈 수준) = 공정률 × 편차율 → 1~5점
|
|
41
|
+
* → 히트맵 차트로 표시
|
|
42
|
+
* ASSESSMENT — 감리자 직접 평가, value(1~5) = score (grade table 불필요)
|
|
43
|
+
* 예: X14(일정성과 수준 평가), X23(비용성과), X35(품질성과) 등
|
|
44
|
+
* → 등급 기준 설명만 표시 (차트 없음)
|
|
45
|
+
*
|
|
46
|
+
* Note: DIRECT와 ASSESSMENT는 모두 value=score이지만,
|
|
47
|
+
* ASSESSMENT는 감리자가 1~5점을 직접 입력하는 정성 평가를 의미하고,
|
|
48
|
+
* DIRECT는 산식 등으로 자동 계산된 value가 변환 없이 score가 되는 것을 의미한다.
|
|
49
|
+
*/
|
|
50
|
+
/**
|
|
51
|
+
* KPI 개요 페이지 — 등급 구간을 성과 분포 차트로 표현
|
|
52
|
+
*
|
|
53
|
+
* - 0~1 스케일 KPI: 성과 분포 커브 (kpi-lookup-chart)
|
|
54
|
+
* - 1~5 평가형 KPI: 5단계 세그먼트 게이지 (kpi-lookup-chart 자동 감지)
|
|
55
|
+
* - X13 2D 룩업: 공정률×편차율 히트맵 (kpi-2d-lookup-chart)
|
|
56
|
+
*/
|
|
57
|
+
let DsspKpiOverview = class DsspKpiOverview extends KpiOverview {
|
|
58
|
+
async firstUpdated() {
|
|
59
|
+
try {
|
|
60
|
+
const { data } = await client.query({ query: GET_KPI_OVERVIEW_EXT });
|
|
61
|
+
this.kpiCategories = data.kpiCategories;
|
|
62
|
+
this.loading = false;
|
|
63
|
+
}
|
|
64
|
+
catch (e) {
|
|
65
|
+
this.error = e instanceof Error ? e : new Error(String(e));
|
|
66
|
+
this.loading = false;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
render() {
|
|
70
|
+
var _a, _b, _c, _d, _e;
|
|
71
|
+
if (this.error)
|
|
72
|
+
return html `<div>에러: ${(_a = this.error) === null || _a === void 0 ? void 0 : _a.message}</div>`;
|
|
73
|
+
if (!this.kpiCategories.length)
|
|
74
|
+
return html `<div>KPI 카테고리가 없습니다.</div>`;
|
|
75
|
+
const selctedY = ((_b = this.kpiCategories) === null || _b === void 0 ? void 0 : _b[this.selectedGroup]) || '';
|
|
76
|
+
const groupRaw = this.kpiCategories[this.selectedGroup];
|
|
77
|
+
// active가 false인 KPI 제외 (X31, X32 등 삭제된 지표)
|
|
78
|
+
const activeKpis = ((_c = groupRaw === null || groupRaw === void 0 ? void 0 : groupRaw.kpis) === null || _c === void 0 ? void 0 : _c.filter((k) => k.active !== false)) || [];
|
|
79
|
+
const group = Object.assign(Object.assign({}, groupRaw), { kpis: activeKpis });
|
|
80
|
+
const kpi = (_d = group === null || group === void 0 ? void 0 : group.kpis) === null || _d === void 0 ? void 0 : _d[this.selectedKpi];
|
|
81
|
+
return html `
|
|
82
|
+
<div class="overview-container">
|
|
83
|
+
<div class="overview-left">
|
|
84
|
+
<div class="overview-title">KPI개요</div>
|
|
85
|
+
<div class="overview-desc">
|
|
86
|
+
건설현장 KPI관리 시스템은 프로젝트 성과를 측정하고, 모니터링하여 효율적인 공정 관리를 지원합니다. 주요 지표를
|
|
87
|
+
통해 현장 생산성, 품질, 안전 등을 실시간으로 파악할 수 있습니다.
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
<div class="group-tabs">
|
|
92
|
+
${this.kpiCategories.map((g, i) => html `
|
|
93
|
+
<button
|
|
94
|
+
class="group-tab"
|
|
95
|
+
?selected=${i === this.selectedGroup}
|
|
96
|
+
@click=${() => {
|
|
97
|
+
this.selectedGroup = i;
|
|
98
|
+
this.selectedKpi = 0;
|
|
99
|
+
}}
|
|
100
|
+
>
|
|
101
|
+
${g.name}
|
|
102
|
+
</button>
|
|
103
|
+
`)}
|
|
104
|
+
</div>
|
|
105
|
+
<!-- Y 섹션: 좌=Y 설명+산식 | 우=X-KPI 목록 -->
|
|
106
|
+
<div class="main-content">
|
|
107
|
+
<div class="markdown">
|
|
108
|
+
<div class="kpi-title">${group.name}</div>
|
|
109
|
+
${group.description ? html `<div style="line-height:1.7;margin-bottom:12px;">${group.description}</div>` : ''}
|
|
110
|
+
${group.formula
|
|
111
|
+
? html `
|
|
112
|
+
<div class="subtitle"><span class="subtitle-icon"></span> 산식</div>
|
|
113
|
+
<div class="kpi-formula">${group.formula}</div>
|
|
114
|
+
`
|
|
115
|
+
: ''}
|
|
116
|
+
</div>
|
|
117
|
+
<div class="toc">
|
|
118
|
+
<div class="submenu-header">
|
|
119
|
+
<span class="submenu-icon"></span>
|
|
120
|
+
<span class="toc-title">${selctedY.name} 지표</span>
|
|
121
|
+
</div>
|
|
122
|
+
<ul class="toc-list">
|
|
123
|
+
${(_e = group === null || group === void 0 ? void 0 : group.kpis) === null || _e === void 0 ? void 0 : _e.map((k, i) => html `
|
|
124
|
+
<li>
|
|
125
|
+
<button class="toc-btn" ?selected=${i === this.selectedKpi} @click=${() => (this.selectedKpi = i)}>
|
|
126
|
+
${k.name}
|
|
127
|
+
</button>
|
|
128
|
+
</li>
|
|
129
|
+
`)}
|
|
130
|
+
</ul>
|
|
131
|
+
</div>
|
|
132
|
+
</div>
|
|
133
|
+
|
|
134
|
+
<!-- X 섹션: 좌=X 설명+산식 | 우=성과분포/등급 -->
|
|
135
|
+
<div class="x-section">
|
|
136
|
+
<div class="x-detail">
|
|
137
|
+
<div class="kpi-title">${(kpi === null || kpi === void 0 ? void 0 : kpi.name) || ''}</div>
|
|
138
|
+
<div style="line-height:1.7;margin-bottom:12px;">${(kpi === null || kpi === void 0 ? void 0 : kpi.description) || ''}</div>
|
|
139
|
+
${(kpi === null || kpi === void 0 ? void 0 : kpi.formula)
|
|
140
|
+
? html `
|
|
141
|
+
<div class="subtitle"><span class="subtitle-icon"></span> 주요산식</div>
|
|
142
|
+
<div class="kpi-formula">${kpi === null || kpi === void 0 ? void 0 : kpi.formula}</div>
|
|
143
|
+
`
|
|
144
|
+
: ''}
|
|
145
|
+
${this._renderTypeInfo(kpi)}
|
|
146
|
+
</div>
|
|
147
|
+
<div class="x-chart">
|
|
148
|
+
${this._renderGradesContent(kpi)}
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
`;
|
|
152
|
+
}
|
|
153
|
+
/**
|
|
154
|
+
* 성과분포/등급 콘텐츠 렌더링 — scoreType + valueType 기반 분기
|
|
155
|
+
*
|
|
156
|
+
* valueType=ASSESSED → 등급 기준 설명만 (감리자 직접 평가, 차트 없음)
|
|
157
|
+
* scoreType=CUSTOM → 2D 히트맵 (공정률×편차율)
|
|
158
|
+
* scoreType=LOOKUP → 성과 분포 커브 (value→score 매핑)
|
|
159
|
+
* scoreType=DIRECT → 등급 데이터 없음 (Y/Z 등)
|
|
160
|
+
*/
|
|
161
|
+
_renderGradesContent(kpi) {
|
|
162
|
+
if (!(kpi === null || kpi === void 0 ? void 0 : kpi.grades))
|
|
163
|
+
return html `<div style="color:#999;padding:20px;">등급 데이터 없음</div>`;
|
|
164
|
+
const scoreType = kpi.scoreType;
|
|
165
|
+
const valueType = kpi.valueType;
|
|
166
|
+
const is2D = scoreType === 'CUSTOM' ||
|
|
167
|
+
(kpi.grades && typeof kpi.grades === 'object' && !Array.isArray(kpi.grades) && kpi.grades.type === 'PROGRESS_DEVIATION_LOOKUP');
|
|
168
|
+
const isArray = Array.isArray(kpi.grades) && kpi.grades.length > 0;
|
|
169
|
+
const isAssessment = valueType === 'ASSESSED' ||
|
|
170
|
+
(!scoreType && !valueType && isArray && kpi.grades.length <= 5 &&
|
|
171
|
+
kpi.grades.every((g) => g.score >= 1 && g.score <= 5 && g.score === Math.floor(g.score) && g.minValue === g.score));
|
|
172
|
+
if (isAssessment) {
|
|
173
|
+
return html `
|
|
174
|
+
<div class="grades-title">등급 기준</div>
|
|
175
|
+
${isArray ? this._renderAssessmentDescriptions(kpi.grades) : nothing}
|
|
176
|
+
`;
|
|
177
|
+
}
|
|
178
|
+
if (is2D) {
|
|
179
|
+
return html `
|
|
180
|
+
<div class="grades-title">성과 분포</div>
|
|
181
|
+
<div class="grades-chart">
|
|
182
|
+
<kpi-2d-lookup-chart .grades=${kpi.grades} .progressRate=${50}></kpi-2d-lookup-chart>
|
|
183
|
+
</div>
|
|
184
|
+
`;
|
|
185
|
+
}
|
|
186
|
+
if (isArray) {
|
|
187
|
+
return html `
|
|
188
|
+
<div class="grades-title">성과 분포</div>
|
|
189
|
+
<div class="grades-chart">
|
|
190
|
+
<kpi-lookup-chart .grades=${kpi.grades} .showDots=${true} .scoreType=${kpi.scoreType || ''}></kpi-lookup-chart>
|
|
191
|
+
</div>
|
|
192
|
+
`;
|
|
193
|
+
}
|
|
194
|
+
return html `<div style="color:#999;padding:20px;">등급 데이터 없음</div>`;
|
|
195
|
+
}
|
|
196
|
+
_renderTypeInfo(kpi) {
|
|
197
|
+
const valueLabels = {
|
|
198
|
+
MEASURED: '외부 시스템 수집',
|
|
199
|
+
ASSESSED: '감리자 직접 평가 (1~5)',
|
|
200
|
+
CALCULATED: '산식 자동 계산',
|
|
201
|
+
COMPOSITE: '다차원 복합 입력'
|
|
202
|
+
};
|
|
203
|
+
const scoreLabels = {
|
|
204
|
+
DIRECT: 'value = score (변환 없음)',
|
|
205
|
+
FORMULA: 'scoreFormula 수식 변환',
|
|
206
|
+
LOOKUP: 'Grade Table 룩업',
|
|
207
|
+
CUSTOM: '2D 룩업 (특수 변환)'
|
|
208
|
+
};
|
|
209
|
+
const vLabel = (kpi === null || kpi === void 0 ? void 0 : kpi.valueType) ? valueLabels[kpi.valueType] || kpi.valueType : null;
|
|
210
|
+
const sLabel = (kpi === null || kpi === void 0 ? void 0 : kpi.scoreType) ? scoreLabels[kpi.scoreType] || kpi.scoreType : null;
|
|
211
|
+
if (!vLabel && !sLabel)
|
|
212
|
+
return nothing;
|
|
213
|
+
return html `
|
|
214
|
+
<div class="type-info">
|
|
215
|
+
${vLabel
|
|
216
|
+
? html `<span class="type-badge"><span class="label">Value 산정</span><span class="value">${vLabel}</span></span>`
|
|
217
|
+
: ''}
|
|
218
|
+
${sLabel
|
|
219
|
+
? html `<span class="type-badge"><span class="label">Score 산정</span><span class="value">${sLabel}</span></span>`
|
|
220
|
+
: ''}
|
|
221
|
+
</div>
|
|
222
|
+
`;
|
|
223
|
+
}
|
|
224
|
+
_renderAssessmentDescriptions(grades) {
|
|
225
|
+
const colors = ['#e53935', '#ff9800', '#ffca28', '#66bb6a', '#2e7d32'];
|
|
226
|
+
const sorted = [...grades].sort((a, b) => a.score - b.score);
|
|
227
|
+
return html `
|
|
228
|
+
<div class="grade-descriptions">
|
|
229
|
+
${sorted.map((g) => html `
|
|
230
|
+
<div class="grade-chip">
|
|
231
|
+
<span class="dot" style="background: ${colors[(g.score || 1) - 1]}"></span>
|
|
232
|
+
<span class="score">${g.score}점</span>
|
|
233
|
+
<span class="desc">${g.description || g.name || ''}</span>
|
|
234
|
+
</div>
|
|
235
|
+
`)}
|
|
236
|
+
</div>
|
|
237
|
+
`;
|
|
238
|
+
}
|
|
239
|
+
};
|
|
240
|
+
DsspKpiOverview.styles = [
|
|
241
|
+
KpiOverview.styles,
|
|
242
|
+
css `
|
|
243
|
+
:host {
|
|
244
|
+
overflow-y: auto;
|
|
245
|
+
}
|
|
246
|
+
.grades-section {
|
|
247
|
+
margin-top: 16px;
|
|
248
|
+
background: #fff;
|
|
249
|
+
border-radius: 8px;
|
|
250
|
+
padding: 20px;
|
|
251
|
+
border: 2px solid #0c4da2;
|
|
252
|
+
}
|
|
253
|
+
.grades-title {
|
|
254
|
+
font-size: 1rem;
|
|
255
|
+
font-weight: 700;
|
|
256
|
+
color: #333;
|
|
257
|
+
margin-bottom: 12px;
|
|
258
|
+
}
|
|
259
|
+
.grades-chart {
|
|
260
|
+
width: 100%;
|
|
261
|
+
height: 320px;
|
|
262
|
+
}
|
|
263
|
+
.grade-descriptions {
|
|
264
|
+
display: flex;
|
|
265
|
+
flex-direction: column;
|
|
266
|
+
gap: 6px;
|
|
267
|
+
margin-top: 12px;
|
|
268
|
+
}
|
|
269
|
+
.grade-chip {
|
|
270
|
+
display: flex;
|
|
271
|
+
align-items: center;
|
|
272
|
+
gap: 6px;
|
|
273
|
+
padding: 6px 12px;
|
|
274
|
+
border-radius: 20px;
|
|
275
|
+
font-size: 0.8rem;
|
|
276
|
+
font-weight: 500;
|
|
277
|
+
background: #f5f5f5;
|
|
278
|
+
border: 1px solid #e0e0e0;
|
|
279
|
+
}
|
|
280
|
+
.grade-chip .dot {
|
|
281
|
+
width: 10px;
|
|
282
|
+
height: 10px;
|
|
283
|
+
border-radius: 50%;
|
|
284
|
+
flex-shrink: 0;
|
|
285
|
+
}
|
|
286
|
+
.grade-chip .score {
|
|
287
|
+
font-weight: 700;
|
|
288
|
+
min-width: 24px;
|
|
289
|
+
}
|
|
290
|
+
.grade-chip .desc {
|
|
291
|
+
color: #555;
|
|
292
|
+
}
|
|
293
|
+
.type-info {
|
|
294
|
+
margin-top: 16px;
|
|
295
|
+
display: flex;
|
|
296
|
+
gap: 8px;
|
|
297
|
+
flex-wrap: wrap;
|
|
298
|
+
}
|
|
299
|
+
.type-badge {
|
|
300
|
+
display: inline-flex;
|
|
301
|
+
align-items: center;
|
|
302
|
+
gap: 5px;
|
|
303
|
+
padding: 5px 10px;
|
|
304
|
+
border-radius: 6px;
|
|
305
|
+
font-size: 0.75rem;
|
|
306
|
+
border: 1px solid #e0e0e0;
|
|
307
|
+
background: #fafafa;
|
|
308
|
+
}
|
|
309
|
+
.type-badge .label {
|
|
310
|
+
color: #888;
|
|
311
|
+
font-weight: 400;
|
|
312
|
+
}
|
|
313
|
+
.type-badge .value {
|
|
314
|
+
font-weight: 600;
|
|
315
|
+
color: #333;
|
|
316
|
+
}
|
|
317
|
+
.x-section {
|
|
318
|
+
display: flex;
|
|
319
|
+
gap: 0;
|
|
320
|
+
margin-top: 12px;
|
|
321
|
+
background: #fff;
|
|
322
|
+
border: 2px solid #0c4da2;
|
|
323
|
+
border-top: none;
|
|
324
|
+
overflow: hidden;
|
|
325
|
+
}
|
|
326
|
+
.x-detail {
|
|
327
|
+
flex: 0 0 320px;
|
|
328
|
+
padding: 20px 25px;
|
|
329
|
+
border-right: 1px solid rgba(46, 164, 223, 0.1);
|
|
330
|
+
font-size: 0.875rem;
|
|
331
|
+
color: #212529;
|
|
332
|
+
}
|
|
333
|
+
.x-chart {
|
|
334
|
+
flex: 1;
|
|
335
|
+
padding: 16px;
|
|
336
|
+
min-height: 280px;
|
|
337
|
+
}
|
|
338
|
+
.y-info {
|
|
339
|
+
background: linear-gradient(135deg, #f0f7ff 0%, #e8f4f8 100%);
|
|
340
|
+
border-radius: 8px;
|
|
341
|
+
padding: 16px 20px;
|
|
342
|
+
margin-bottom: 16px;
|
|
343
|
+
border-left: 4px solid #0c4da2;
|
|
344
|
+
}
|
|
345
|
+
.y-name {
|
|
346
|
+
font-size: 1rem;
|
|
347
|
+
font-weight: 700;
|
|
348
|
+
color: #0c4da2;
|
|
349
|
+
margin-bottom: 6px;
|
|
350
|
+
}
|
|
351
|
+
.y-desc {
|
|
352
|
+
font-size: 0.875rem;
|
|
353
|
+
color: #444;
|
|
354
|
+
line-height: 1.6;
|
|
355
|
+
margin-bottom: 8px;
|
|
356
|
+
}
|
|
357
|
+
.y-formula {
|
|
358
|
+
font-size: 0.85rem;
|
|
359
|
+
font-weight: 600;
|
|
360
|
+
color: #333;
|
|
361
|
+
background: rgba(255,255,255,0.7);
|
|
362
|
+
padding: 8px 12px;
|
|
363
|
+
border-radius: 4px;
|
|
364
|
+
font-family: monospace;
|
|
365
|
+
}
|
|
366
|
+
.y-formula-label {
|
|
367
|
+
font-size: 0.75rem;
|
|
368
|
+
color: #888;
|
|
369
|
+
margin-bottom: 4px;
|
|
370
|
+
}
|
|
371
|
+
`
|
|
372
|
+
];
|
|
373
|
+
DsspKpiOverview = __decorate([
|
|
374
|
+
customElement('dssp-kpi-overview')
|
|
375
|
+
// @ts-ignore styles type override
|
|
376
|
+
], DsspKpiOverview);
|
|
377
|
+
export { DsspKpiOverview };
|
|
378
|
+
//# sourceMappingURL=dssp-kpi-overview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dssp-kpi-overview.js","sourceRoot":"","sources":["../../../client/pages/kpi-admin/dssp-kpi-overview.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css, nothing, CSSResultGroup } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport { KpiOverview } from '@things-factory/kpi/dist-client/pages/kpi/kpi-overview.js'\n\nimport '../../components/kpi-lookup-chart'\nimport '../../components/kpi-2d-lookup-chart'\n\nconst GET_KPI_OVERVIEW_EXT = gql`\n query {\n kpiCategories: kpisLevel1 {\n id\n name\n description\n formula\n active\n kpis: children {\n id\n name\n description\n formula\n active\n grades\n scoreType\n valueType\n }\n }\n }\n`\n\n/**\n * KPI scoreType 정의 — value → score 변환 방식\n *\n * NONE — 미설정 (부모 KPI 등)\n * DIRECT — value = score, 별도 변환 없음 (Y/Z: formula 결과가 곧 score)\n * FORMULA — scoreFormula로 value → score 변환\n * LOOKUP — grade table(1D)로 raw value → 0~1 score 변환 (연속값 KPI)\n * 예: X11(연면적 대비 공사기간), X33(검측 불합격률), X34(SL-PA)\n * → 성과 분포 커브 차트로 표시\n * CUSTOM — 2D 룩업 등 특수 구조의 grade (다차원 입력 → 점수)\n * 예: X13(일정 이탈 수준) = 공정률 × 편차율 → 1~5점\n * → 히트맵 차트로 표시\n * ASSESSMENT — 감리자 직접 평가, value(1~5) = score (grade table 불필요)\n * 예: X14(일정성과 수준 평가), X23(비용성과), X35(품질성과) 등\n * → 등급 기준 설명만 표시 (차트 없음)\n *\n * Note: DIRECT와 ASSESSMENT는 모두 value=score이지만,\n * ASSESSMENT는 감리자가 1~5점을 직접 입력하는 정성 평가를 의미하고,\n * DIRECT는 산식 등으로 자동 계산된 value가 변환 없이 score가 되는 것을 의미한다.\n */\n\n/**\n * KPI 개요 페이지 — 등급 구간을 성과 분포 차트로 표현\n *\n * - 0~1 스케일 KPI: 성과 분포 커브 (kpi-lookup-chart)\n * - 1~5 평가형 KPI: 5단계 세그먼트 게이지 (kpi-lookup-chart 자동 감지)\n * - X13 2D 룩업: 공정률×편차율 히트맵 (kpi-2d-lookup-chart)\n */\n@customElement('dssp-kpi-overview')\n// @ts-ignore styles type override\nexport class DsspKpiOverview extends KpiOverview {\n static styles = [\n KpiOverview.styles,\n css`\n :host {\n overflow-y: auto;\n }\n .grades-section {\n margin-top: 16px;\n background: #fff;\n border-radius: 8px;\n padding: 20px;\n border: 2px solid #0c4da2;\n }\n .grades-title {\n font-size: 1rem;\n font-weight: 700;\n color: #333;\n margin-bottom: 12px;\n }\n .grades-chart {\n width: 100%;\n height: 320px;\n }\n .grade-descriptions {\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-top: 12px;\n }\n .grade-chip {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 500;\n background: #f5f5f5;\n border: 1px solid #e0e0e0;\n }\n .grade-chip .dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .grade-chip .score {\n font-weight: 700;\n min-width: 24px;\n }\n .grade-chip .desc {\n color: #555;\n }\n .type-info {\n margin-top: 16px;\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n }\n .type-badge {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 5px 10px;\n border-radius: 6px;\n font-size: 0.75rem;\n border: 1px solid #e0e0e0;\n background: #fafafa;\n }\n .type-badge .label {\n color: #888;\n font-weight: 400;\n }\n .type-badge .value {\n font-weight: 600;\n color: #333;\n }\n .x-section {\n display: flex;\n gap: 0;\n margin-top: 12px;\n background: #fff;\n border: 2px solid #0c4da2;\n border-top: none;\n overflow: hidden;\n }\n .x-detail {\n flex: 0 0 320px;\n padding: 20px 25px;\n border-right: 1px solid rgba(46, 164, 223, 0.1);\n font-size: 0.875rem;\n color: #212529;\n }\n .x-chart {\n flex: 1;\n padding: 16px;\n min-height: 280px;\n }\n .y-info {\n background: linear-gradient(135deg, #f0f7ff 0%, #e8f4f8 100%);\n border-radius: 8px;\n padding: 16px 20px;\n margin-bottom: 16px;\n border-left: 4px solid #0c4da2;\n }\n .y-name {\n font-size: 1rem;\n font-weight: 700;\n color: #0c4da2;\n margin-bottom: 6px;\n }\n .y-desc {\n font-size: 0.875rem;\n color: #444;\n line-height: 1.6;\n margin-bottom: 8px;\n }\n .y-formula {\n font-size: 0.85rem;\n font-weight: 600;\n color: #333;\n background: rgba(255,255,255,0.7);\n padding: 8px 12px;\n border-radius: 4px;\n font-family: monospace;\n }\n .y-formula-label {\n font-size: 0.75rem;\n color: #888;\n margin-bottom: 4px;\n }\n `\n ]\n\n override async firstUpdated() {\n try {\n const { data } = await client.query({ query: GET_KPI_OVERVIEW_EXT })\n this.kpiCategories = data.kpiCategories\n this.loading = false\n } catch (e) {\n this.error = e instanceof Error ? e : new Error(String(e))\n this.loading = false\n }\n }\n\n override render() {\n if (this.error) return html`<div>에러: ${this.error?.message}</div>`\n if (!this.kpiCategories.length) return html`<div>KPI 카테고리가 없습니다.</div>`\n\n const selctedY = this.kpiCategories?.[this.selectedGroup] || ''\n const groupRaw = this.kpiCategories[this.selectedGroup] as any\n // active가 false인 KPI 제외 (X31, X32 등 삭제된 지표)\n const activeKpis = groupRaw?.kpis?.filter((k: any) => k.active !== false) || []\n const group = { ...groupRaw, kpis: activeKpis }\n const kpi = group?.kpis?.[this.selectedKpi] as any\n\n return html`\n <div class=\"overview-container\">\n <div class=\"overview-left\">\n <div class=\"overview-title\">KPI개요</div>\n <div class=\"overview-desc\">\n 건설현장 KPI관리 시스템은 프로젝트 성과를 측정하고, 모니터링하여 효율적인 공정 관리를 지원합니다. 주요 지표를\n 통해 현장 생산성, 품질, 안전 등을 실시간으로 파악할 수 있습니다.\n </div>\n </div>\n </div>\n <div class=\"group-tabs\">\n ${this.kpiCategories.map(\n (g: any, i: number) => html`\n <button\n class=\"group-tab\"\n ?selected=${i === this.selectedGroup}\n @click=${() => {\n this.selectedGroup = i\n this.selectedKpi = 0\n }}\n >\n ${g.name}\n </button>\n `\n )}\n </div>\n <!-- Y 섹션: 좌=Y 설명+산식 | 우=X-KPI 목록 -->\n <div class=\"main-content\">\n <div class=\"markdown\">\n <div class=\"kpi-title\">${group.name}</div>\n ${group.description ? html`<div style=\"line-height:1.7;margin-bottom:12px;\">${group.description}</div>` : ''}\n ${group.formula\n ? html`\n <div class=\"subtitle\"><span class=\"subtitle-icon\"></span> 산식</div>\n <div class=\"kpi-formula\">${group.formula}</div>\n `\n : ''}\n </div>\n <div class=\"toc\">\n <div class=\"submenu-header\">\n <span class=\"submenu-icon\"></span>\n <span class=\"toc-title\">${selctedY.name} 지표</span>\n </div>\n <ul class=\"toc-list\">\n ${group?.kpis?.map(\n (k: any, i: number) => html`\n <li>\n <button class=\"toc-btn\" ?selected=${i === this.selectedKpi} @click=${() => (this.selectedKpi = i)}>\n ${k.name}\n </button>\n </li>\n `\n )}\n </ul>\n </div>\n </div>\n\n <!-- X 섹션: 좌=X 설명+산식 | 우=성과분포/등급 -->\n <div class=\"x-section\">\n <div class=\"x-detail\">\n <div class=\"kpi-title\">${kpi?.name || ''}</div>\n <div style=\"line-height:1.7;margin-bottom:12px;\">${kpi?.description || ''}</div>\n ${kpi?.formula\n ? html`\n <div class=\"subtitle\"><span class=\"subtitle-icon\"></span> 주요산식</div>\n <div class=\"kpi-formula\">${kpi?.formula}</div>\n `\n : ''}\n ${this._renderTypeInfo(kpi)}\n </div>\n <div class=\"x-chart\">\n ${this._renderGradesContent(kpi)}\n </div>\n </div>\n `\n }\n\n /**\n * 성과분포/등급 콘텐츠 렌더링 — scoreType + valueType 기반 분기\n *\n * valueType=ASSESSED → 등급 기준 설명만 (감리자 직접 평가, 차트 없음)\n * scoreType=CUSTOM → 2D 히트맵 (공정률×편차율)\n * scoreType=LOOKUP → 성과 분포 커브 (value→score 매핑)\n * scoreType=DIRECT → 등급 데이터 없음 (Y/Z 등)\n */\n private _renderGradesContent(kpi: any) {\n if (!kpi?.grades) return html`<div style=\"color:#999;padding:20px;\">등급 데이터 없음</div>`\n\n const scoreType = kpi.scoreType\n const valueType = kpi.valueType\n const is2D = scoreType === 'CUSTOM' ||\n (kpi.grades && typeof kpi.grades === 'object' && !Array.isArray(kpi.grades) && kpi.grades.type === 'PROGRESS_DEVIATION_LOOKUP')\n const isArray = Array.isArray(kpi.grades) && kpi.grades.length > 0\n const isAssessment = valueType === 'ASSESSED' ||\n (!scoreType && !valueType && isArray && kpi.grades.length <= 5 &&\n kpi.grades.every((g: any) => g.score >= 1 && g.score <= 5 && g.score === Math.floor(g.score) && g.minValue === g.score))\n\n if (isAssessment) {\n return html`\n <div class=\"grades-title\">등급 기준</div>\n ${isArray ? this._renderAssessmentDescriptions(kpi.grades) : nothing}\n `\n }\n\n if (is2D) {\n return html`\n <div class=\"grades-title\">성과 분포</div>\n <div class=\"grades-chart\">\n <kpi-2d-lookup-chart .grades=${kpi.grades} .progressRate=${50}></kpi-2d-lookup-chart>\n </div>\n `\n }\n\n if (isArray) {\n return html`\n <div class=\"grades-title\">성과 분포</div>\n <div class=\"grades-chart\">\n <kpi-lookup-chart .grades=${kpi.grades} .showDots=${true} .scoreType=${kpi.scoreType || ''}></kpi-lookup-chart>\n </div>\n `\n }\n\n return html`<div style=\"color:#999;padding:20px;\">등급 데이터 없음</div>`\n }\n\n private _renderTypeInfo(kpi: any) {\n const valueLabels: Record<string, string> = {\n MEASURED: '외부 시스템 수집',\n ASSESSED: '감리자 직접 평가 (1~5)',\n CALCULATED: '산식 자동 계산',\n COMPOSITE: '다차원 복합 입력'\n }\n const scoreLabels: Record<string, string> = {\n DIRECT: 'value = score (변환 없음)',\n FORMULA: 'scoreFormula 수식 변환',\n LOOKUP: 'Grade Table 룩업',\n CUSTOM: '2D 룩업 (특수 변환)'\n }\n\n const vLabel = kpi?.valueType ? valueLabels[kpi.valueType] || kpi.valueType : null\n const sLabel = kpi?.scoreType ? scoreLabels[kpi.scoreType] || kpi.scoreType : null\n\n if (!vLabel && !sLabel) return nothing\n\n return html`\n <div class=\"type-info\">\n ${vLabel\n ? html`<span class=\"type-badge\"><span class=\"label\">Value 산정</span><span class=\"value\">${vLabel}</span></span>`\n : ''}\n ${sLabel\n ? html`<span class=\"type-badge\"><span class=\"label\">Score 산정</span><span class=\"value\">${sLabel}</span></span>`\n : ''}\n </div>\n `\n }\n\n private _renderAssessmentDescriptions(grades: any[]) {\n const colors = ['#e53935', '#ff9800', '#ffca28', '#66bb6a', '#2e7d32']\n const sorted = [...grades].sort((a, b) => a.score - b.score)\n\n return html`\n <div class=\"grade-descriptions\">\n ${sorted.map(\n (g: any) => html`\n <div class=\"grade-chip\">\n <span class=\"dot\" style=\"background: ${colors[(g.score || 1) - 1]}\"></span>\n <span class=\"score\">${g.score}점</span>\n <span class=\"desc\">${g.description || g.name || ''}</span>\n </div>\n `\n )}\n </div>\n `\n }\n}\n"]}
|