refactor: 작업자 진행상태(대기/진행중/완료) 라벨·색 SSOT 통합 (Phase 4)
StatusSelect 와 업무 상세에 각각 중복 정의되던 WORK_STATUS_META/ORDER 를 shared/constants/workStatus.ts 단일 소스로 추출(값 동일, 표시 변화 없음). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -2,17 +2,15 @@
|
||||
// 진행 상태(대기/진행 중/완료) 선택 드롭다운 — 상태색 테마. 메뉴는 body Teleport(스크롤 클리핑 방지).
|
||||
import { computed } from 'vue'
|
||||
import { useDropdownMenu } from '@/composables/useDropdownMenu'
|
||||
import {
|
||||
WORK_STATUS_META as META,
|
||||
WORK_STATUS_ORDER as ORDER,
|
||||
} from '@/shared/constants/workStatus'
|
||||
import type { ChecklistWorkStatus } from '@/mock/relay.mock'
|
||||
|
||||
const props = defineProps<{ modelValue: ChecklistWorkStatus }>()
|
||||
const emit = defineEmits<{ (e: 'update:modelValue', v: ChecklistWorkStatus): void }>()
|
||||
|
||||
const META: Record<ChecklistWorkStatus, { label: string; color: string; weak: string }> = {
|
||||
todo: { label: '대기', color: '#9298a3', weak: '#eef0f2' },
|
||||
doing: { label: '진행 중', color: '#2563eb', weak: '#e9f0fd' },
|
||||
done: { label: '완료', color: '#1f9d57', weak: '#e7f5ed' },
|
||||
}
|
||||
const ORDER: ChecklistWorkStatus[] = ['todo', 'doing', 'done']
|
||||
const cur = computed(() => META[props.modelValue])
|
||||
|
||||
// 메뉴 위치/토글/바깥클릭 닫기 — 공용 훅(우측 정렬, 너비는 CSS 고정)
|
||||
|
||||
Reference in New Issue
Block a user