{"version":3,"sources":["webpack:///./src/views/pages/junior/mobile/MobileOnboardingNew.vue","webpack:///./src/views/pages/junior/mobile/MobileOnboardingNew.vue?6887"],"names":["store","useStore","session","computed","state","auth","items","ref","newZMemitems","newzTotInfo","router","useRouter","getOnboardingNoticeList","dispatch","ACT_GET_HELP_NOTICE_LIST","expsrLocCd","expsrLocCds","EXPSR_LOC_CD_ON_BOARDING","pageNo","pageSize","then","res","lengthCheck","value","getItems","catch","e","console","error","getNewZMemList","ACT_GET_TOT_LRNER_SCORE","lrnerId","onMounted","fnGoItemDtlScore","pClssCd","_newzTotInfo$value","log","push","name","params","distCrseSn","newzClssCd","__exports__"],"mappings":"qtKAkPI,MAAMA,EAAQC,iBAERC,EAAUC,sBAAS,IAAMH,EAAMI,MAAMC,KAAKH,SAC1CI,EAAQC,iBAAI,IACZC,EAAeD,iBAAI,IACnBE,EAAcF,mBACbG,EAASC,iBAEVC,EAA0BA,KAC9BZ,EAAMa,SAAU,QAAOC,OAA4B,CACjDC,WAAYC,OAAYC,yBACxBC,OAAQ,EACRC,SAAU,IACTC,KAAKC,IACFC,gBAAYD,GACdf,EAAMiB,MAAQC,eAASH,GAEvBf,EAAMiB,MAAQ,KAEfE,MAAMC,IACPC,QAAQC,MAAMF,MAIZG,EAAiBA,KACrB7B,EAAMa,SAAU,QAAOiB,OAA2B,CAChDC,QAAS7B,EAAQqB,MAAMQ,UACtBX,KAAKC,IACFC,gBAAYD,GACdZ,EAAYc,MAAQC,eAASH,GAAK,GAGlCZ,EAAYc,OAAM,IAEnBE,MAAMC,IACPjB,EAAYc,OAAM,EAClBI,QAAQC,MAAMF,MAIlBM,uBAAU,KACRpB,IACAiB,MAGF,MAAMI,EAAoBC,IAAY,IAAAC,EAIvB,MAAVD,GAA2B,IAATA,IACrBP,QAAQS,IAAIlC,EAAQqB,MAAMQ,SACzBrB,EAAO2B,KAAK,CAACC,KAAM,uBACdC,OAAO,CAACC,WAA+B,QAArBL,EAAI1B,EAAYc,aAAK,IAAAY,OAAA,EAAjBA,EAAmBK,WAAaC,WAAaP,O,s7OCnS/E,MAAMQ,GAAc,GAEL","file":"js/chunk-2d0f064b.db0c950a.js","sourcesContent":["<template>\n    <!-- main-header -->\n    <LxpMobileHeader title=\"신입행원 온보딩\">\n      <template v-slot:left>\n        <div class=\"util util-back\">\n          <a href=\"javascript:\" class=\"util-actions util-actions-back\" @click=\"goBack\">\n            <i class=\"icon-history-back\"></i>\n          </a>\n        </div>\n      </template>\n    </LxpMobileHeader>\n    <!-- begin::kb-main -->\n    <main class=\"kb-main\" id=\"kb-newcomer\">\n      <!-- main-content -->\n      <div class=\"main-content min-component\">\n        <!-- newcomer-header -->\n        <div class=\"newcomer-header\">\n<!--          <p class=\"subtitle\">상위 14.2%</p>-->\n          <p class=\"subtitle\"></p>\n          <!-- is-finish로 수료시 표시 -->\n          <div class=\"title-badges\">\n            <template v-if=\"newZMemitems.length > 0\">\n              <div class=\"badge badge-primary\" v-if=\"newZMemitems[0].fnshYn === 'Y'\">\n                <span class=\"badge-text\">수료</span>\n              </div>\n              <div class=\"badge badge-silver\" v-else>\n                <span class=\"badge-text\">미수료</span>\n              </div>\n              <div class=\"badge badge-primary\" v-if=\"newZMemitems[0].slctnYn === 'Y'\">\n                <span class=\"badge-text\">선정</span>\n              </div>\n              <div class=\"badge badge-silver\" v-else>\n                <span class=\"badge-text\">미선정</span>\n              </div>\n            </template>\n          </div>\n          <p v-if=\"newzTotInfo?.crseNm\">차수명: {{ newzTotInfo?.crseNm }} <br>기간: {{newzTotInfo?.bgngDt}} ~ {{ newzTotInfo?.endDt}}</p>\n<!--          <p>신입행원 온보딩 KB39기(L1) ・ 연수기간 2021.6.25.금 - 2021.7.25.화</p>-->\n        </div>\n        <!-- newcomer-container -->\n        <div class=\"newcomer-container\">\n          <!-- content-section:총점 -->\n          <article class=\"content-section\">\n            <header class=\"section-header\">\n              <h3 class=\"title\">총점</h3>\n            </header>\n            <div class=\"symbol-list-wrap\">\n              <!-- symbol-item -->\n              <div class=\"symbol-item symbol-item-primary\">\n                <div class=\"card-icon\"><i class=\"icon-final\"></i></div>\n                <div class=\"card-content\">\n                  <div class=\"content-title\">최종점수</div>\n                  <template v-if=\"newzTotInfo\">\n                    <div class=\"content-title\">{{ (Number(newzTotInfo?.cmmnScore)+Number(newzTotInfo?.selfScore)+Number(newzTotInfo?.jikgunScore)+Number(newzTotInfo?.adtnScore)  )}}점</div>\n                  </template>\n                  <template v-else>\n                    <div class=\"content-title\">-</div>\n                  </template>\n                </div>\n              </div>\n              <!-- symbol-item -->\n              <div class=\"symbol-item\">\n                <div class=\"card-icon\"><i class=\"icon-activity\"></i></div>\n                <div class=\"card-content\">\n                  <div class=\"content-title\">학습활동 점수</div>\n                  <template v-if=\"newzTotInfo\">\n                    <div class=\"content-title\">{{ (Number(newzTotInfo?.cmmnScore)+Number(newzTotInfo?.selfScore)+Number(newzTotInfo?.jikgunScore)  )}}점</div>\n                  </template>\n                  <template v-else>\n                    <div class=\"content-title\">-</div>\n                  </template>\n                </div>\n              </div>\n              <!-- symbol-item -->\n              <div class=\"symbol-item\">\n                <div class=\"card-icon\"><i class=\"icon-add\"></i></div>\n                <div class=\"card-content\">\n                  <div class=\"content-title\">가점</div>\n                  <template v-if=\"newzTotInfo\">\n                    <div class=\"content-title\">{{ Number(newzTotInfo?.adtnScore) }}점</div>\n                  </template>\n                  <template v-else>\n                    <div class=\"content-title\">-</div>\n                  </template>\n                </div>\n              </div>\n              <!-- symbol-item -->\n              <div class=\"symbol-item\">\n                <div class=\"card-icon\"><i class=\"icon-unfinished\"></i></div>\n                <div class=\"card-content\">\n                  <div class=\"content-title\">미수료 항목</div>\n                  <template v-if=\"newZMemitems.length > 0\">\n                    <div class=\"content-title\">{{ 0 }}개</div>\n                  </template>\n                  <template v-else>\n                    <div class=\"content-title\">-</div>\n                  </template>\n                </div>\n              </div>\n            </div>\n            <div class=\"section-bottom bottom-divider\">\n              <p class=\"text\">획득점수 70점 이상 득점자로 상위 10%이내, 무득점 항목이 없는 경우 우수학습자 선정</p>\n\n            </div>\n          </article>\n          <!-- content-section:공통 -->\n          <article class=\"content-section\">\n            <header class=\"section-header \">\n              <h4 >※ 항목별 취득점수 클릭 시 상세내용 확인가능</h4>\n            </header>\n            <header class=\"section-header \">\n              <span class=\"text\"><span style=\"font-weight: bold\">* 공통항목 미수료 시 패널티(해당 직급 기간) :</span> 본부부서 공모 및 인재개발부 주관 연수 공모 선발 시 제외<br>(단, '영업점 필수 자격증 미취득'으로 인한 미수료의 경우, 연수기간 후 모두 취득 시 페널티 해제)</span>\n            </header>\n\n            <header class=\"section-header header-divider\">\n              <h3 class=\"title\">공통</h3>\n            </header>\n            <div class=\"content-list \">\n\n              <div class=\"content-row\">\n                <template v-if=\"newzTotInfo\">     \n                  \n                  <h5 @click=\"fnGoItemDtlScore(newzTotInfo?.cmmnClssCd)\">{{ newzTotInfo?.cmmnScore}} <span class=\"sub\">/ {{ newzTotInfo?.cmmnMaxScore}}</span></h5>\n\n                </template>\n                <template v-else>\n                  <h5>- <span class=\"sub\">/ -</span></h5>\n                </template>     \n              </div>\n     \n            </div>\n\n\n          </article>\n          <!-- content-section:자기계발 노력도 -->\n          <article class=\"content-section\">\n            <header class=\"section-header \">\n              <span class=\"text\"> <span style=\"font-weight: bold\">* 회의체 참여 :</span> 연간 최대 5점</span>\n            </header>\n            <header class=\"section-header header-divider\">\n              <h3 class=\"title\">자기계발 노력도</h3>\n            </header>\n            <div class=\"contents-list\">\n              <div class=\"content-row\">\n                <template v-if=\"newzTotInfo\">\n                  <h5 @click=\"fnGoItemDtlScore(newzTotInfo?.selfClssCd)\">{{ newzTotInfo?.selfScore}} <span class=\"sub\">/ {{ newzTotInfo?.selfMaxScore}}</span></h5>\n                </template>\n                <template v-else>\n                  <h5>- <span class=\"sub\">/ -</span></h5>\n                </template>\n\n              </div>\n            </div>\n          </article>\n          <!-- content-section:직군별 선택 -->\n          <article class=\"content-section\">\n            <header class=\"section-header header-divider\">\n              <h3 class=\"title\">직군별 선택</h3>\n            </header>\n            <div class=\"contents-list\">\n              <template v-if=\"newzTotInfo\">                \n                  <div class=\"content-row\">\n                    <h5 @click=\"fnGoItemDtlScore(newzTotInfo?.jikgunClssCd)\">{{ newzTotInfo?.jikgunScore}} <span class=\"sub\">/ {{ newzTotInfo?.jikgunMaxScore}}</span></h5>\n                  </div>\n                </template>\n                <template v-else>\n                  <h5>- <span class=\"sub\">/ -</span></h5>\n                </template>\n            </div>\n          </article>\n          <!-- content-section:가점 -->\n          <article class=\"content-section\">\n            <header class=\"section-header header-divider\">\n              <h3 class=\"title\">가점</h3>\n            </header>\n            <div class=\"contents-list\">\n              <div class=\"content-row\">\n                <template v-if=\"newzTotInfo\">\n                  <h5 @click=\"fnGoItemDtlScore(newzTotInfo?.adtnClssCd)\">{{ newzTotInfo?.adtnScore}} <span class=\"sub\">/ {{ newzTotInfo?.adtnMaxScore}}</span></h5>\n                </template>\n                <template v-else>\n                  <h5>- <span class=\"sub\">/ -</span></h5>\n                </template>\n              </div>\n            </div>\n          </article>\n          <!-- content-section:공지사항 -->\n          <article class=\"content-section section-margin\">\n            <header class=\"section-header header-divider\">\n              <h3 class=\"title\">공지사항</h3>\n            </header>\n            <div class=\"notice-list-container\">\n              <div class=\"board-list-container board-list-bordered\">\n                <ul class=\"board-list\">\n                  <li v-for=\"(item, idx) in items\" class=\"board-list-item\" :key=\"idx\">\n                    <article class=\"board-row\">\n                      <router-link :to=\"{name: 'JuniorNoticeView', params: {comNtcSn: item.comNtcSn}}\" class=\"board-link\"></router-link>\n<!--                      <div v-if=\"item.ntcFileAtchYn === 'Y'\" class=\"board-column column-file\"><a href=\"javascript:\" class=\"file-link\"><i class=\"icon-file\"></i></a></div>-->\n                      <div class=\"board-column column-title\">\n                        <span class=\"title\">{{item.ntcTitle}}</span>\n                        <i class=\"icon-new\"></i>\n                      </div>\n                      <div class=\"board-row board-meta\"><span class=\"text\">{{ timestampToDateFormat( item.regDt, 'yyyy-MM-dd')}}</span> <span class=\"text\">{{item.inqCnt}} 조회</span></div>\n                    </article>\n                  </li>\n                </ul>\n                <div class=\"board-bottom\">\n                  <template v-if=\"items.length > 0\">\n                    <div class=\"header-sub\"><router-link :to=\"{name: 'JuniorNotice', params: {boardType: 'onboarding'}}\" class=\"more-link me-4\">전체보기</router-link></div>\n                  </template>\n                </div>\n              </div>\n            </div>\n            <div v-if=\"items.length === 0\" class=\"search-result\">\n              <div class=\"result-empty\">\n                <img src=\"@/assets/lxp/mobile/images/_common/img_empty.png\">\n                <p class=\"text\">공지사항이 없어요</p>\n              </div>\n            </div>\n          </article>\n        </div>\n        <!-- //main-content -->\n      </div>\n    </main>\n    <!-- end::kb-main -->\n</template>\n\n<script setup>\nimport LxpMobileHeader from '@/views/layout/lxp/header/mobile/LxpMobileHeader';\nimport {ACT_GET_HELP_NOTICE_LIST} from \"@/store/modules/help/help\";\nimport {computed, onMounted, ref} from 'vue';\nimport {useStore} from 'vuex';\nimport { useRouter} from \"vue-router\";\nimport {\n  getItems,\n  lengthCheck,\n  timestampToDateFormat\n} from \"@/assets/js/util\";\nimport {expsrLocCds} from \"@/assets/js/modules/help/help-common\";\nimport {ACT_GET_TOT_LRNER_SCORE} from '@/store/modules/newzonboarding/newz';\nimport {goBack} from '@/assets/js/modules/common/common';\n\n    const store = useStore();\n\n    const session = computed(() => store.state.auth.session);\n    const items = ref([]);\n    const newZMemitems = ref([]);\n    const newzTotInfo = ref();\n     const router = useRouter();\n\n    const getOnboardingNoticeList = () => {\n      store.dispatch(`help/${ACT_GET_HELP_NOTICE_LIST}`, {\n        expsrLocCd: expsrLocCds.EXPSR_LOC_CD_ON_BOARDING,\n        pageNo: 1,\n        pageSize: 3\n      }).then(res => {\n        if (lengthCheck(res)) {\n          items.value = getItems(res);\n        } else {\n          items.value = [];\n        }\n      }).catch(e => {\n        console.error(e);\n      })\n    }\n\n    const getNewZMemList = () => {\n      store.dispatch(`newz/${ACT_GET_TOT_LRNER_SCORE}`, {\n        lrnerId: session.value.lrnerId\n      }).then(res => {\n        if (lengthCheck(res)) {         \n          newzTotInfo.value = getItems(res)[0];\n\n        } else {\n          newzTotInfo.value=false;\n        }\n      }).catch(e => {\n        newzTotInfo.value=false;\n        console.error(e);\n      })\n    }\n\n    onMounted(() => {\n      getOnboardingNoticeList();\n      getNewZMemList();\n    });\n\n    const fnGoItemDtlScore = (pClssCd) => {\n\n      //\n\n      if(pClssCd ==null || pClssCd==\"\") return;\n      console.log(session.value.lrnerId)\n       router.push({name: 'NewzItemDtlScoreView', \n            params:{distCrseSn :  newzTotInfo.value?.distCrseSn , newzClssCd : pClssCd}});\n\n    }\n\n\n    \n\n</script>","import script from \"./MobileOnboardingNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MobileOnboardingNew.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}