| 1 |
- {"ast":null,"code":"export default {\n name: 'EmployeeProcess'\n};","map":{"version":3,"names":["name"],"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 title=\"发布招聘申请\"></el-step>\n <el-step title=\"HR发布招聘信息\"></el-step>\n <el-step title=\"面试流程\"></el-step>\n <el-step title=\"面试意见流转\"></el-step>\n <el-step title=\"入职确认/放弃报到通知单\"></el-step>\n <el-step title=\"员工入职通知单\"></el-step>\n <el-step title=\"新员工入职状况报告调查问卷\"></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}\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</style> "],"mappings":"AAiCA;EACAA,IAAA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
