| 1 |
- {"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nimport \"core-js/modules/es.function.name.js\";\nimport \"core-js/modules/es.string.starts-with.js\";\nexport default {\n name: 'EmployeeProcess',\n data: function data() {\n return {\n processSteps: [{\n title: '发布招聘申请',\n url: '/recruitment/apply'\n }, {\n title: 'HR发布招聘信息',\n url: '/recruitment/publish'\n }, {\n title: '面试流程',\n url: '/interview/process'\n }, {\n title: '面试意见流转',\n url: '/interview/feedback'\n }, {\n title: '入职确认/放弃报到通知单',\n url: '/onboarding/confirm'\n }, {\n title: '员工入职通知单',\n url: '/onboarding/notice'\n }, {\n title: '新员工入职状况报告调查问卷',\n url: '/onboarding/survey'\n }]\n };\n },\n methods: {\n handleStepClick: function handleStepClick(url) {\n var _this = this;\n // 这里可以根据实际需求选择跳转方式\n if (url.startsWith('http')) {\n // 外部链接用新窗口打开\n window.open(url, '_blank');\n } else {\n // 内部路由用 router 跳转\n this.$router.push(url)[\"catch\"](function (err) {\n // 处理路由不存在的情况\n if (err.name !== 'NavigationDuplicated') {\n _this.$message({\n type: 'warning',\n message: '该功能正在开发中'\n });\n }\n });\n }\n }\n }\n};","map":{"version":3,"names":["name","data","processSteps","title","url","methods","handleStepClick","_this","startsWith","window","open","$router","push","err","$message","type","message"],"sources":["src/views/EmployeeProcess.vue"],"sourcesContent":["<template>\n <div class=\"employee-process\">\n <h2>员工入职业务流程</h2>\n <div class=\"process-flow\">\n <el-steps :active=\"6\" finish-status=\"success\" align-center>\n <el-step \n v-for=\"(step, index) in processSteps\" \n :key=\"index\"\n :title=\"step.title\"\n @click.native=\"handleStepClick(step.url)\"\n class=\"clickable-step\">\n </el-step>\n </el-steps>\n </div>\n \n <div class=\"process-description\">\n <el-card class=\"description-card\">\n <div slot=\"header\">\n <span>流程说明</span>\n </div>\n <ol>\n <li>左边是是相关业务名，对应右边业务流程图。</li>\n <li>流程图里的所有节点，都是可以点击后跳转URL。</li>\n <li>搜索框用来搜索相关业务名称。</li>\n <li>左上角是logo图片。</li>\n <li>正上面的业务流程介绍，这个是个相关业务描述，点击业务的时候，上面的介绍也会变化。</li>\n </ol>\n </el-card>\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'EmployeeProcess',\n data() {\n return {\n processSteps: [\n {\n title: '发布招聘申请',\n url: '/recruitment/apply'\n },\n {\n title: 'HR发布招聘信息',\n url: '/recruitment/publish'\n },\n {\n title: '面试流程',\n url: '/interview/process'\n },\n {\n title: '面试意见流转',\n url: '/interview/feedback'\n },\n {\n title: '入职确认/放弃报到通知单',\n url: '/onboarding/confirm'\n },\n {\n title: '员工入职通知单',\n url: '/onboarding/notice'\n },\n {\n title: '新员工入职状况报告调查问卷',\n url: '/onboarding/survey'\n }\n ]\n }\n },\n methods: {\n handleStepClick(url) {\n // 这里可以根据实际需求选择跳转方式\n if (url.startsWith('http')) {\n // 外部链接用新窗口打开\n window.open(url, '_blank')\n } else {\n // 内部路由用 router 跳转\n this.$router.push(url).catch(err => {\n // 处理路由不存在的情况\n if (err.name !== 'NavigationDuplicated') {\n this.$message({\n type: 'warning',\n message: '该功能正在开发中'\n })\n }\n })\n }\n }\n }\n}\n</script>\n\n<style scoped>\n.employee-process {\n padding: 20px;\n}\n\n.process-flow {\n margin: 40px 0;\n padding: 20px;\n background-color: #fff;\n border-radius: 4px;\n box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);\n}\n\n.process-description {\n margin-top: 30px;\n}\n\n.description-card {\n width: 100%;\n margin-bottom: 20px;\n}\n\n.description-card ol {\n margin: 0;\n padding-left: 20px;\n}\n\n.description-card li {\n line-height: 2;\n color: #606266;\n}\n\n/* 添加鼠标悬停效果 */\n.clickable-step {\n cursor: pointer;\n}\n\n.clickable-step:hover .el-step__title {\n color: #409EFF !important;\n}\n\n/* 确保步骤标题可以完整显示 */\n.el-step__title {\n white-space: normal;\n line-height: 1.4;\n font-size: 14px;\n}\n</style> "],"mappings":";;;AAiCA;EACAA,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,YAAA,GACA;QACAC,KAAA;QACAC,GAAA;MACA,GACA;QACAD,KAAA;QACAC,GAAA;MACA,GACA;QACAD,KAAA;QACAC,GAAA;MACA,GACA;QACAD,KAAA;QACAC,GAAA;MACA,GACA;QACAD,KAAA;QACAC,GAAA;MACA,GACA;QACAD,KAAA;QACAC,GAAA;MACA,GACA;QACAD,KAAA;QACAC,GAAA;MACA;IAEA;EACA;EACAC,OAAA;IACAC,eAAA,WAAAA,gBAAAF,GAAA;MAAA,IAAAG,KAAA;MACA;MACA,IAAAH,GAAA,CAAAI,UAAA;QACA;QACAC,MAAA,CAAAC,IAAA,CAAAN,GAAA;MACA;QACA;QACA,KAAAO,OAAA,CAAAC,IAAA,CAAAR,GAAA,qBAAAS,GAAA;UACA;UACA,IAAAA,GAAA,CAAAb,IAAA;YACAO,KAAA,CAAAO,QAAA;cACAC,IAAA;cACAC,OAAA;YACA;UACA;QACA;MACA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
