commit
This commit is contained in:
506
kngil/js/adm_comp copy.js
Normal file
506
kngil/js/adm_comp copy.js
Normal file
@@ -0,0 +1,506 @@
|
||||
import { w2grid, w2ui, w2popup, w2alert, w2confirm } from 'https://cdn.jsdelivr.net/gh/vitmalina/w2ui@master/dist/w2ui.es6.min.js'
|
||||
/* -------------------------------------------------
|
||||
공통 유틸
|
||||
------------------------------------------------- */
|
||||
function destroyGrid(name) {
|
||||
if (w2ui[name]) {
|
||||
w2ui[name].destroy()
|
||||
}
|
||||
}
|
||||
|
||||
function loadBaseCode(mainCd) {
|
||||
return fetch(`/kngil/bbs/adm_comp.php?action=base_code&main_cd=${mainCd}`)
|
||||
.then(res => res.json())
|
||||
.then(json => {
|
||||
if (json.status !== 'success') {
|
||||
throw new Error(json.message || '공통코드 로딩 실패')
|
||||
}
|
||||
return json.items
|
||||
})
|
||||
}
|
||||
|
||||
/* -------------------------------------------------
|
||||
기업 관리자 페이지 Grid
|
||||
------------------------------------------------- */
|
||||
export async function createUserGrid(boxId, options = {}) {
|
||||
// 🔥 DB에서 권한 코드 로딩
|
||||
const authItems = await loadBaseCode('BS100')
|
||||
const { loadSummary = true, memberId = null } = options
|
||||
|
||||
destroyGrid('userGrid')
|
||||
|
||||
const grid = new w2grid({
|
||||
name: boxId === '#detailGrid' ? 'detailGrid' : 'userGrid',
|
||||
box: boxId,
|
||||
|
||||
show: {
|
||||
footer: true,
|
||||
selectColumn: true,
|
||||
},
|
||||
|
||||
columns: [
|
||||
{ field: 'recid', text: '#', size: '50px', attr: 'align=center', editable: false, resizable: true, sortable: true },
|
||||
{ field: 'user_id', text: 'ID', size: '90px', editable: {type : 'text'}, resizable: true, sortable: true },
|
||||
{
|
||||
field: 'user_pw',
|
||||
text: 'PW',
|
||||
size: '90px',
|
||||
resizable: true,
|
||||
sortable: false,
|
||||
|
||||
editable: {
|
||||
type: 'password' // ✅ 입력 시 ●●●●
|
||||
},
|
||||
|
||||
render() {
|
||||
return '********' // ✅ 항상 마스킹
|
||||
}
|
||||
},
|
||||
{ field: 'user_nm', text: '이름', size: '90px', editable: {type : 'text'}, resizable: true, sortable: true },
|
||||
{ field: 'tel_no', text: '연락처', size: '120px', editable: {type : 'text'}, resizable: true, sortable: true },
|
||||
{ field: 'email', text: 'E-mail', size: '180px', editable: {type : 'text'}, resizable: true, sortable: true },
|
||||
{ field: 'dept_nm', text: '부서', size: '120px', editable: {type : 'text'}, resizable: true, sortable: true },
|
||||
{
|
||||
field: 'use_area',
|
||||
text: '사용량(㎡)',
|
||||
size: '120px',
|
||||
attr: 'align=right',
|
||||
editable: false,
|
||||
resizable: true,
|
||||
sortable: true,
|
||||
|
||||
render(record) {
|
||||
const v = Number(record.use_area) || 0
|
||||
return v.toLocaleString() // ✅ 1,000단위 콤마
|
||||
}
|
||||
},
|
||||
{ field: 'reg_date', text: '등록일', size: '100px', editable: false, resizable: true, sortable: true },
|
||||
{
|
||||
field: 'use_yn',
|
||||
text: '사용',
|
||||
size: '80px',
|
||||
attr: 'align=center',
|
||||
resizable: true,
|
||||
sortable: true,
|
||||
|
||||
editable: {
|
||||
type: 'list',
|
||||
items: [
|
||||
{ id: 'Y', text: 'Y' },
|
||||
{ id: 'N', text: 'N' }
|
||||
]
|
||||
},
|
||||
|
||||
render(record) {
|
||||
return record.use_yn === 'Y' ? 'Y' : 'N'
|
||||
}
|
||||
},
|
||||
/* ✅ 권한 콤보 (DB 연동) */
|
||||
{
|
||||
field: 'auth_bc',
|
||||
text: '권한',
|
||||
size: '120px',
|
||||
editable: {
|
||||
type: 'list',
|
||||
items: authItems
|
||||
},
|
||||
render(record) {
|
||||
const item = authItems.find(i => i.id === record.auth_bc)
|
||||
return item ? item.text : record.auth_bc
|
||||
}
|
||||
},
|
||||
{ field: 'rmks', text: '비고', size: '120px', editable: { type: 'text' }, resizable: true, sortable: true }
|
||||
],
|
||||
|
||||
onEditField(event) {
|
||||
|
||||
const pwColIndex = this.getColumn('user_pw').index
|
||||
|
||||
// 🔥 PW 컬럼일 때만 처리
|
||||
if (event.column !== pwColIndex) return
|
||||
|
||||
event.onComplete = function () {
|
||||
|
||||
// 🔥 현재 편집 세션의 input만 정확히 집기
|
||||
const box = event.box
|
||||
if (!box) return
|
||||
|
||||
const input = box.querySelector('input[type="password"]')
|
||||
if (!input) return
|
||||
|
||||
// PW만 초기화
|
||||
input.value = ''
|
||||
input.placeholder = '변경 시에만 입력'
|
||||
}
|
||||
},
|
||||
|
||||
records: [],
|
||||
})
|
||||
|
||||
loadData({
|
||||
loadSummary,
|
||||
memberId
|
||||
})
|
||||
}
|
||||
|
||||
function loadUsers() {
|
||||
fetch('/kngil/bbs/adm_comp.php')
|
||||
.then(res => res.text()) // 🔥 먼저 text로 확인
|
||||
.then(text => {
|
||||
try {
|
||||
const json = JSON.parse(text)
|
||||
w2ui.userGrid.clear()
|
||||
w2ui.userGrid.add(json.records)
|
||||
} catch (e) {
|
||||
console.error('JSON 파싱 실패:', text)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export function loadUsersByMember(member_id) {
|
||||
|
||||
if (!member_id) return
|
||||
|
||||
// 🔥 실제 존재하는 grid 찾기
|
||||
const g = w2ui.detailGrid || w2ui.userGrid
|
||||
if (!g) {
|
||||
console.error('사용자 grid가 없습니다')
|
||||
return
|
||||
}
|
||||
|
||||
fetch('/kngil/bbs/adm_comp.php')
|
||||
.then(res => res.json())
|
||||
.then(json => {
|
||||
g.clear()
|
||||
g.add(json.records || [])
|
||||
})
|
||||
.catch(err => {
|
||||
console.error('사용자 로드 실패', err)
|
||||
})
|
||||
}
|
||||
|
||||
export function setUserGridMode(mode = 'view') {
|
||||
const g = w2ui.userGrid
|
||||
if (!g) return
|
||||
|
||||
if (mode === 'view') {
|
||||
g.show.toolbar = false
|
||||
g.show.selectColumn = false
|
||||
g.show.toolbarSave = false
|
||||
} else {
|
||||
g.show.toolbar = true
|
||||
g.show.selectColumn = true
|
||||
g.show.toolbarSave = true
|
||||
}
|
||||
|
||||
g.refresh()
|
||||
}
|
||||
|
||||
export function loadData({ loadSummary = true } = {}) {
|
||||
|
||||
fetch('/kngil/bbs/adm_comp.php')
|
||||
.then(res => res.json())
|
||||
.then(async d => {
|
||||
|
||||
if (d.status !== 'success') {
|
||||
w2alert('데이터 로딩 실패')
|
||||
return
|
||||
}
|
||||
|
||||
const records = d.records || []
|
||||
const memberId = d.member_id // ⭐ 여기서 확정
|
||||
|
||||
if (loadSummary && memberId) {
|
||||
const totalArea = await loadTotalArea(memberId)
|
||||
|
||||
renderSummaryFromRecords({
|
||||
memberId,
|
||||
records,
|
||||
totalArea
|
||||
})
|
||||
}
|
||||
|
||||
const gridName = w2ui.detailGrid ? 'detailGrid' : 'userGrid'
|
||||
w2ui[gridName].clear()
|
||||
w2ui[gridName].add(records)
|
||||
})
|
||||
.catch(err => {
|
||||
console.error(err)
|
||||
w2alert('서버 통신 오류')
|
||||
})
|
||||
}
|
||||
|
||||
function renderSummaryFromRecords({ memberId, records, totalArea }) {
|
||||
|
||||
if (!records.length) return
|
||||
|
||||
const first = records[0]
|
||||
|
||||
const issuedCnt = Number(first.users_tot) || 0
|
||||
const usedCnt = Number(first.users_y) || 0
|
||||
const term = first.term || ''
|
||||
|
||||
// 사용 중 면적 합계
|
||||
let usedArea = 0
|
||||
records.forEach(r => {
|
||||
if (r.use_yn === 'Y') {
|
||||
usedArea += Number(r.use_area || 0)
|
||||
}
|
||||
})
|
||||
|
||||
const percent = totalArea > 0
|
||||
? Math.floor((usedArea / totalArea) * 100)
|
||||
: 0
|
||||
|
||||
/* -------- 화면 바인딩 -------- */
|
||||
document.getElementById('memberId').textContent = memberId
|
||||
document.getElementById('planName').textContent = 'Silver'
|
||||
document.getElementById('dateRange').textContent = term
|
||||
|
||||
document.getElementById('issuedCnt').textContent = issuedCnt
|
||||
document.getElementById('usedCnt').textContent = usedCnt
|
||||
|
||||
document.getElementById('usedArea').textContent =
|
||||
usedArea.toLocaleString() + '㎡'
|
||||
|
||||
document.getElementById('totalArea').textContent =
|
||||
totalArea.toLocaleString() + '㎡'
|
||||
|
||||
document.getElementById('usedBar').style.width = percent + '%'
|
||||
document.getElementById('usedBar').textContent = percent + '%'
|
||||
document.getElementById('remainBar').style.width =
|
||||
(100 - percent) + '%'
|
||||
}
|
||||
|
||||
|
||||
|
||||
// ===============================
|
||||
// 저장 버튼
|
||||
// ===============================
|
||||
document.getElementById('btnSave_comp')?.addEventListener('click', () => {
|
||||
|
||||
// 현재 사용 중인 grid
|
||||
const g = w2ui.detailGrid || w2ui.userGrid
|
||||
if (!g) return
|
||||
|
||||
const changes = g.getChanges()
|
||||
|
||||
if (!changes.length) {
|
||||
w2alert('변경된 내용이 없습니다.')
|
||||
return
|
||||
}
|
||||
|
||||
const inserts = []
|
||||
const updates = []
|
||||
|
||||
changes.forEach(c => {
|
||||
const rec = g.get(c.recid)
|
||||
if (!rec) return
|
||||
|
||||
// 🔥 핵심: 원본 rec + 변경값 c 병합
|
||||
const merged = { ...rec, ...c }
|
||||
|
||||
if (rec.__isNew) {
|
||||
// INSERT → 전체 row 필요
|
||||
inserts.push(merged)
|
||||
} else {
|
||||
// UPDATE → PK + 변경 컬럼
|
||||
updates.push({
|
||||
member_id : merged.member_id,
|
||||
user_id : merged.user_id,
|
||||
|
||||
user_nm : merged.user_nm,
|
||||
dept_nm : merged.dept_nm,
|
||||
tel_no : merged.tel_no,
|
||||
email : merged.email,
|
||||
use_yn : merged.use_yn,
|
||||
auth_bc : merged.auth_bc,
|
||||
rmks : (merged.memo !== undefined ? merged.memo : '')
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
console.log('INSERTS', inserts)
|
||||
console.log('UPDATES', updates)
|
||||
|
||||
fetch('/kngil/bbs/adm_comp.php', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
action: 'save',
|
||||
member_id: g.records[0]?.member_id,
|
||||
inserts,
|
||||
updates
|
||||
})
|
||||
})
|
||||
.then(res => res.text())
|
||||
.then(text => {
|
||||
try {
|
||||
const json = JSON.parse(text)
|
||||
if (json.status === 'success') {
|
||||
w2alert('저장 완료')
|
||||
loadUsersByMember(g.records[0].member_id)
|
||||
} else {
|
||||
w2alert(json.message || '저장 실패')
|
||||
}
|
||||
} catch (e) {
|
||||
console.error(text)
|
||||
w2alert('서버 응답 오류 (JSON 아님)')
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
//추가(insert)
|
||||
document.getElementById('btnAdd')?.addEventListener('click', () => {
|
||||
|
||||
const g = w2ui.userGrid || w2ui.detailGrid
|
||||
if (!g) return
|
||||
|
||||
// 신규 row용 recid (음수로 충돌 방지)
|
||||
const newRecid = -Date.now()
|
||||
|
||||
g.add({
|
||||
recid: newRecid,
|
||||
__isNew: true, // ⭐ 신규 플래그
|
||||
user_id: '',
|
||||
user_pw: '',
|
||||
user_nm: '',
|
||||
tel_no: '',
|
||||
email: '',
|
||||
dept_nm: '',
|
||||
use_area: 0,
|
||||
use_yn: 'Y',
|
||||
auth_bc: 'BS100400',
|
||||
memo: ''
|
||||
}, true)
|
||||
|
||||
g.select(newRecid)
|
||||
g.scrollIntoView(newRecid)
|
||||
})
|
||||
|
||||
//삭제
|
||||
document.getElementById('btnDelete')?.addEventListener('click', () => {
|
||||
|
||||
const g = w2ui.detailGrid || w2ui.userGrid
|
||||
if (!g) return
|
||||
|
||||
const sel = g.getSelection()
|
||||
|
||||
if (!sel.length) {
|
||||
w2alert('삭제할 사용자를 선택하세요.')
|
||||
return
|
||||
}
|
||||
|
||||
// 선택된 user_id 수집
|
||||
const ids = sel
|
||||
.map(recid => {
|
||||
const r = g.get(recid)
|
||||
return r?.user_id
|
||||
})
|
||||
.filter(Boolean)
|
||||
|
||||
if (!ids.length) {
|
||||
w2alert('삭제 가능한 항목이 없습니다.')
|
||||
return
|
||||
}
|
||||
|
||||
w2confirm(`선택한 ${ids.length}명의 사용자를 삭제하시겠습니까?`)
|
||||
.yes(() => {
|
||||
|
||||
fetch('/kngil/bbs/adm_comp.php', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
action: 'delete',
|
||||
member_id: g.records[0]?.member_id,
|
||||
ids
|
||||
})
|
||||
})
|
||||
.then(res => res.text())
|
||||
.then(text => {
|
||||
try {
|
||||
const json = JSON.parse(text)
|
||||
if (json.status === 'success') {
|
||||
w2alert('삭제 완료')
|
||||
loadUsersByMember(g.records[0].member_id)
|
||||
} else {
|
||||
w2alert(json.message || '삭제 실패')
|
||||
}
|
||||
} catch (e) {
|
||||
console.error(text)
|
||||
w2alert('서버 응답 오류 (JSON 아님)')
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
function loadTotalArea(memberId) {
|
||||
return fetch(`/kngil/bbs/adm_comp.php?action=total_area&member_id=${memberId}`)
|
||||
.then(res => res.json())
|
||||
.then(json => {
|
||||
if (json.status !== 'success') {
|
||||
throw new Error('총 구매면적 로딩 실패')
|
||||
}
|
||||
return Number(json.total_area || 0)
|
||||
})
|
||||
}
|
||||
|
||||
function doSearch() {
|
||||
|
||||
const keyword = document.getElementById('schKeyword').value.trim()
|
||||
const type = document.getElementById('schType').value
|
||||
const useYn = document.getElementById('schUseYn').value
|
||||
|
||||
let p_user_nm = ''
|
||||
let p_dept_nm = ''
|
||||
|
||||
// DB로 보낼 검색 조건
|
||||
if (type === 'name') {
|
||||
p_user_nm = keyword
|
||||
} else if (type === 'dept') {
|
||||
p_dept_nm = keyword
|
||||
} else if (type === '') {
|
||||
// 전체 검색 → 이름 OR 부서
|
||||
p_user_nm = keyword
|
||||
p_dept_nm = keyword
|
||||
}
|
||||
// ⚠️ type === 'id' 는 DB로 안 보냄
|
||||
|
||||
fetch(`/kngil/bbs/adm_comp.php?action=list`
|
||||
+ `&user_nm=${encodeURIComponent(p_user_nm)}`
|
||||
+ `&dept_nm=${encodeURIComponent(p_dept_nm)}`
|
||||
+ `&use_yn=${useYn}`
|
||||
)
|
||||
.then(res => res.json())
|
||||
.then(d => {
|
||||
|
||||
if (d.status !== 'success') {
|
||||
w2alert('검색 실패')
|
||||
return
|
||||
}
|
||||
|
||||
let records = d.records || []
|
||||
|
||||
// 🔥 ID 검색은 프론트 필터
|
||||
if (type === 'id' && keyword) {
|
||||
records = records.filter(r =>
|
||||
(r.user_id || '').toLowerCase()
|
||||
.includes(keyword.toLowerCase())
|
||||
)
|
||||
}
|
||||
|
||||
const g = w2ui.detailGrid || w2ui.userGrid
|
||||
g.clear()
|
||||
g.add(records)
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
document.getElementById('btnSearch')
|
||||
?.addEventListener('click', doSearch)
|
||||
|
||||
document.getElementById('schKeyword')
|
||||
?.addEventListener('keydown', e => {
|
||||
if (e.key === 'Enter') doSearch()
|
||||
})
|
||||
Reference in New Issue
Block a user