{"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":[]}