refactor: 사이트 타이틀 '업무관리프로그램'으로 통일
- 로그인 화면: 이메일 로그인 탭, 최근 로그인 내역 제거 - 로그인 화면: 비밀번호 로그인만 남김 - 사이트 타이틀 '주간업무보고' → '업무관리프로그램'으로 변경 - 이메일 발송 제목/본문 문구 통일
This commit is contained in:
@@ -3,46 +3,12 @@
|
||||
<div class="login-card">
|
||||
<div class="text-center mb-4">
|
||||
<i class="bi bi-clipboard-check display-1 text-primary"></i>
|
||||
<h2 class="mt-3">주간업무보고</h2>
|
||||
<h2 class="mt-3">업무관리프로그램</h2>
|
||||
<p class="text-muted">로그인하여 시작하세요</p>
|
||||
</div>
|
||||
|
||||
<!-- 로그인 탭 -->
|
||||
<ul class="nav nav-tabs mb-3">
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" :class="{ active: loginMode === 'email' }" @click="loginMode = 'email'">
|
||||
<i class="bi bi-envelope me-1"></i>이메일 로그인
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" :class="{ active: loginMode === 'password' }" @click="loginMode = 'password'">
|
||||
<i class="bi bi-key me-1"></i>비밀번호 로그인
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- 이메일+이름 로그인 폼 -->
|
||||
<div v-if="loginMode === 'email'" class="card mb-4">
|
||||
<div class="card-body">
|
||||
<form @submit.prevent="handleEmailLogin">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Gmail 주소</label>
|
||||
<input type="email" class="form-control" v-model="email" placeholder="example@gmail.com" required />
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">이름</label>
|
||||
<input type="text" class="form-control" v-model="name" placeholder="홍길동" required />
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary w-100" :disabled="isSubmitting">
|
||||
<span v-if="isSubmitting"><span class="spinner-border spinner-border-sm me-2"></span>로그인 중...</span>
|
||||
<span v-else><i class="bi bi-box-arrow-in-right me-2"></i>로그인</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 비밀번호 로그인 폼 -->
|
||||
<div v-if="loginMode === 'password'" class="card mb-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<form @submit.prevent="handlePasswordLogin">
|
||||
<div class="mb-3">
|
||||
@@ -82,25 +48,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 기존 사용자 선택 -->
|
||||
<div class="card" v-if="recentUsers.length > 0 && loginMode === 'email'">
|
||||
<div class="card-header">
|
||||
<i class="bi bi-clock-history me-2"></i>최근 로그인 사용자
|
||||
</div>
|
||||
<div class="list-group list-group-flush">
|
||||
<button v-for="user in recentUsers" :key="user.employeeId"
|
||||
class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
|
||||
@click="handleSelectUser(user.employeeId)" :disabled="isSubmitting">
|
||||
<div>
|
||||
<i class="bi bi-person-circle me-2 text-primary"></i>
|
||||
<strong>{{ user.employeeName }}</strong>
|
||||
<small class="text-muted ms-2">{{ user.employeeEmail }}</small>
|
||||
</div>
|
||||
<i class="bi bi-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 에러 메시지 -->
|
||||
<div class="alert alert-danger mt-3" v-if="errorMessage">
|
||||
<i class="bi bi-exclamation-triangle me-2"></i>{{ errorMessage }}
|
||||
@@ -112,36 +59,12 @@
|
||||
<script setup lang="ts">
|
||||
definePageMeta({ layout: false })
|
||||
|
||||
const { login, selectUser, getRecentUsers } = useAuth()
|
||||
const router = useRouter()
|
||||
|
||||
const loginMode = ref<'email' | 'password'>('email')
|
||||
const email = ref('')
|
||||
const name = ref('')
|
||||
const password = ref('')
|
||||
const isSubmitting = ref(false)
|
||||
const errorMessage = ref('')
|
||||
const recentUsers = ref<any[]>([])
|
||||
|
||||
onMounted(async () => {
|
||||
try {
|
||||
recentUsers.value = await getRecentUsers()
|
||||
} catch (e) {}
|
||||
})
|
||||
|
||||
async function handleEmailLogin() {
|
||||
if (!email.value || !name.value) return
|
||||
isSubmitting.value = true
|
||||
errorMessage.value = ''
|
||||
try {
|
||||
await login(email.value, name.value)
|
||||
router.push('/')
|
||||
} catch (e: any) {
|
||||
errorMessage.value = e.message || '로그인에 실패했습니다.'
|
||||
} finally {
|
||||
isSubmitting.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function handlePasswordLogin() {
|
||||
if (!email.value || !password.value) return
|
||||
@@ -159,19 +82,6 @@ async function handlePasswordLogin() {
|
||||
isSubmitting.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function handleSelectUser(employeeId: number) {
|
||||
isSubmitting.value = true
|
||||
errorMessage.value = ''
|
||||
try {
|
||||
await selectUser(employeeId)
|
||||
router.push('/')
|
||||
} catch (e: any) {
|
||||
errorMessage.value = e.message || '로그인에 실패했습니다.'
|
||||
} finally {
|
||||
isSubmitting.value = false
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@@ -191,6 +101,4 @@ async function handleSelectUser(employeeId: number) {
|
||||
max-width: 450px;
|
||||
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.nav-tabs .nav-link { cursor: pointer; }
|
||||
.list-group-item-action:hover { background-color: #f8f9fa; }
|
||||
</style>
|
||||
|
||||
@@ -132,7 +132,7 @@ function generateReportEmailBody(report: any): string {
|
||||
<head><meta charset="UTF-8"></head>
|
||||
<body style="font-family: 'Malgun Gothic', sans-serif; padding: 20px; max-width: 800px;">
|
||||
<h2 style="color: #333; border-bottom: 2px solid #007bff; padding-bottom: 10px;">
|
||||
📋 주간업무보고
|
||||
📋 업무관리프로그램 - 주간보고
|
||||
</h2>
|
||||
|
||||
<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
|
||||
@@ -168,7 +168,7 @@ function generateReportEmailBody(report: any): string {
|
||||
|
||||
<hr style="margin-top: 30px; border: none; border-top: 1px solid #ddd;">
|
||||
<p style="color: #6c757d; font-size: 12px;">
|
||||
이 메일은 주간업무보고 시스템에서 자동 발송되었습니다.
|
||||
이 메일은 업무관리프로그램에서 자동 발송되었습니다.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -91,7 +91,7 @@ function buildEmailBody(report: any): string {
|
||||
<hr><h3>📌 금주 실적</h3><div style="background:#f5f5f5;padding:15px;border-radius:5px">${(report.this_week_work || '').replace(/\n/g, '<br>')}</div>
|
||||
<h3>📅 차주 계획</h3><div style="background:#f5f5f5;padding:15px;border-radius:5px">${(report.next_week_plan || '').replace(/\n/g, '<br>')}</div>
|
||||
${report.issues ? `<h3>⚠️ 이슈</h3><div style="background:#fff3cd;padding:15px;border-radius:5px">${report.issues.replace(/\n/g, '<br>')}</div>` : ''}
|
||||
<hr><p style="color:#666;font-size:12px">주간업무보고 시스템에서 발송</p></body></html>`
|
||||
<hr><p style="color:#666;font-size:12px">업무관리프로그램에서 발송</p></body></html>`
|
||||
}
|
||||
|
||||
function createRawEmail(opts: { to: string; subject: string; body: string; from: string }): string {
|
||||
|
||||
@@ -68,7 +68,7 @@ export async function sendTempPasswordEmail(
|
||||
employeeName: string,
|
||||
tempPassword: string
|
||||
): Promise<boolean> {
|
||||
const subject = '[주간업무보고] 임시 비밀번호 발급'
|
||||
const subject = '[업무관리프로그램] 임시 비밀번호 발급'
|
||||
const html = `
|
||||
<div style="font-family: 'Malgun Gothic', sans-serif; max-width: 600px; margin: 0 auto; padding: 20px;">
|
||||
<h2 style="color: #333;">임시 비밀번호 발급</h2>
|
||||
@@ -83,7 +83,7 @@ export async function sendTempPasswordEmail(
|
||||
※ 본인이 요청하지 않은 경우, 이 메일을 무시하세요.
|
||||
</p>
|
||||
<hr style="border: none; border-top: 1px solid #ddd; margin: 20px 0;" />
|
||||
<p style="color: #999; font-size: 12px;">주간업무보고 시스템</p>
|
||||
<p style="color: #999; font-size: 12px;">업무관리프로그램</p>
|
||||
</div>
|
||||
`
|
||||
const text = `임시 비밀번호: ${tempPassword}\n\n로그인 후 비밀번호를 변경해 주세요.`
|
||||
|
||||
@@ -158,7 +158,7 @@ export async function callOpenAIVision(
|
||||
/**
|
||||
* 주간보고 분석 시스템 프롬프트 (Task 기반)
|
||||
*/
|
||||
export const REPORT_PARSE_SYSTEM_PROMPT = `당신은 주간업무보고 텍스트를 분석하여 구조화된 JSON으로 변환하는 전문가입니다.
|
||||
export const REPORT_PARSE_SYSTEM_PROMPT = `당신은 주간보고 텍스트를 분석하여 구조화된 JSON으로 변환하는 전문가입니다.
|
||||
|
||||
## 핵심 원칙
|
||||
- **원문의 내용을 그대로 유지하세요!**
|
||||
|
||||
Reference in New Issue
Block a user