qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[메인] 사이트 이동 selectbox 수정

Browse Source
This commit is contained in:
leeyongjae 2025-01-06 17:47:00 +09:00
parent c113f192b6
commit 6e17d07074
3 changed files with 34 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/header/Header.jsx
View File

@ -60,24 +60,33 @@ export default function Header(props) {
const qOrderUrl = process.env.NEXT_PUBLIC_Q_ORDER_AUTO_LOGIN_URL const qOrderUrl = process.env.NEXT_PUBLIC_Q_ORDER_AUTO_LOGIN_URL
const qMusubiUrl = process.env.NEXT_PUBLIC_Q_MUSUBI_AUTO_LOGIN_URL const qMusubiUrl = process.env.NEXT_PUBLIC_Q_MUSUBI_AUTO_LOGIN_URL
const [SelectOptions, setSelectOptions] = useState( const [SelectOptions, setSelectOptions] = useState([])
userSession.groupId === '60000' ? [{ id: 0, name: 'Q.ORDER', link: `${qOrderUrl}` }] : [{ id: 1, name: 'Q.Musubi', link: `${qMusubiUrl}` }],
)
const getAutoLoginParam = async () => { const getAutoLoginParam = async () => {
await promisePost({ url: '/api/login/v1.0/user/login/autoLoginEncryptData', data: { loginId: userSession.userId } }) await promisePost({ url: '/api/login/v1.0/user/login/autoLoginEncryptData', data: { loginId: userSession.userId } })
.then((res) => { .then((res) => {
if (res) { if (res) {
setSelectOptions( setSelectOptions(
userSession.groupId === '60000' userSession.storeId === 'T01'
? [{ id: 0, name: 'Q.ORDER', link: `${qOrderUrl}?autoLoginParam1=${encodeURIComponent(res.data)}` }] ? [
: [{ id: 1, name: 'Q.Musubi', link: `${qMusubiUrl}?autoLoginParam1=${encodeURIComponent(res.data)}` }], { id: 0, name: getMessage('site.header.link1') },
) { id: 1, name: 'Q.ORDER', link: `${qOrderUrl}?autoLoginParam1=${encodeURIComponent(res.data)}` },
setSelected( { id: 2, name: 'Q.Musubi', link: `${qMusubiUrl}?autoLoginParam1=${encodeURIComponent(res.data)}` },
userSession.groupId === '60000' { id: 3, name: getMessage('site.header.link2'), link: `https://q-warranty.q-cells.jp/seller_login`, target: '_blank' },
? { id: 0, name: 'Q.ORDER', link: `${qOrderUrl}?autoLoginParam1=${encodeURIComponent(res.data)}` } ]
: { id: 1, name: 'Q.Musubi', link: `${qMusubiUrl}?autoLoginParam1=${encodeURIComponent(res.data)}` }, : userSession.groupId === '60000'
? [
{ id: 0, name: getMessage('site.header.link1') },
{ id: 1, name: 'Q.ORDER', link: `${qOrderUrl}?autoLoginParam1=${encodeURIComponent(res.data)}` },
{ id: 2, name: getMessage('site.header.link2'), link: `https://q-warranty.q-cells.jp/seller_login`, target: '_blank' },
]
: [
{ id: 0, name: getMessage('site.header.link1') },
{ id: 1, name: 'Q.Musubi', link: `${qMusubiUrl}?autoLoginParam1=${encodeURIComponent(res.data)}` },
{ id: 2, name: getMessage('site.header.link2'), link: `https://q-warranty.q-cells.jp/seller_login`, target: '_blank' },
],
) )
onChangeSelect({ id: 0, name: getMessage('site.header.link1') })
} }
}) })
.catch((error) => { .catch((error) => {
@ -85,9 +94,9 @@ export default function Header(props) {
}) })
} }
// useEffect(() => { useEffect(() => {
// getAutoLoginParam() getAutoLoginParam()
// }, [userSession]) }, [userSession])
const menus = [ const menus = [
{ id: 0, name: 'header.menus.home', url: '/', children: [] }, { id: 0, name: 'header.menus.home', url: '/', children: [] },
@ -124,11 +133,16 @@ export default function Header(props) {
const onChangeSelect = (option) => { const onChangeSelect = (option) => {
setSelected(option) setSelected(option)
} }
const navPage = () => { const navPage = () => {
if (selected.link) { if (selected.link) {
if (selected.target === '_blank') {
window.open(selected.link)
} else {
location.href = selected.link location.href = selected.link
} }
} }
}
// 물건메뉴 이외 클릭시 물건 리코일 비우기 // 물건메뉴 이외 클릭시 물건 리코일 비우기
const removeStuffRecoil = (menu) => { const removeStuffRecoil = (menu) => {
@ -246,7 +260,7 @@ export default function Header(props) {
</button> </button>
</div> </div>
<div className="select-box"> <div className="select-box">
<QSelectBox options={SelectOptions} onChange={onChangeSelect} /> <QSelectBox options={SelectOptions} onChange={onChangeSelect} title={getMessage('site.header.link1')} />
</div> </div>
<div className="btn-wrap"> <div className="btn-wrap">
<button className="btn-frame small dark" onClick={() => navPage()}> <button className="btn-frame small dark" onClick={() => navPage()}>

2
src/locales/ja.json
View File

@ -513,6 +513,8 @@
"color.darkblue": "남색(JA)", "color.darkblue": "남색(JA)",
"site.name": "Q.CAST III", "site.name": "Q.CAST III",
"site.sub_name": "太陽光発電システム図面管理サイト", "site.sub_name": "太陽光発電システム図面管理サイト",
"site.header.link1": "選択してください。",
"site.header.link2": "オンライン保証システム",
"board.notice.title": "お知らせ", "board.notice.title": "お知らせ",
"board.notice.sub.title": "お知らせ一覧", "board.notice.sub.title": "お知らせ一覧",
"board.faq.title": "FAQ", "board.faq.title": "FAQ",

2
src/locales/ko.json
View File

@ -523,6 +523,8 @@
"color.darkblue": "남색", "color.darkblue": "남색",
"site.name": "Q.CAST III", "site.name": "Q.CAST III",
"site.sub_name": "태양광 발전 시스템 도면관리 사이트", "site.sub_name": "태양광 발전 시스템 도면관리 사이트",
"site.header.link1": "선택하세요.",
"site.header.link2": "온라인보증시스템",
"board.notice.title": "공지사항", "board.notice.title": "공지사항",
"board.notice.sub.title": "공지사항 목록", "board.notice.sub.title": "공지사항 목록",
"board.faq.title": "FAQ", "board.faq.title": "FAQ",