{"ast":null,"code":"import \"core-js/modules/es.array.index-of.js\";\nimport \"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: 'ProcessFlow',\n  data: function data() {\n    return {\n      processTypes: {\n        employee: {\n          title: '员工入职业务流程',\n          description: '本流程规范了新员工从招聘到入职的完整过程，确保人才招聘和入职流程的规范化和标准化，提高人力资源管理效率。',\n          status: '正常运行',\n          statusType: 'success',\n          totalSteps: 7,\n          completedSteps: 6,\n          avgDuration: '15天',\n          steps: [{\n            title: '发布招聘申请',\n            url: '/recruitment/apply',\n            icon: 'edit-outline',\n            description: '点击发起招聘申请',\n            branches: [{\n              title: '社会招聘',\n              url: '/recruitment/apply/social',\n              icon: 'user',\n              description: '面向社会公开招聘',\n              condition: '职级 P6 及以下'\n            }, {\n              title: '内部推荐',\n              url: '/recruitment/apply/internal',\n              icon: 'office-building',\n              description: '内部员工推荐',\n              condition: '优先级最高'\n            }, {\n              title: '猎头渠道',\n              url: '/recruitment/apply/headhunter',\n              icon: 'connection',\n              description: '通过猎头公司招聘',\n              condition: '职级 P7 及以上'\n            }],\n            branchType: '招聘渠道'\n          }, {\n            title: 'HR发布招聘信息',\n            url: '/recruitment/publish',\n            icon: 'share',\n            description: '查看招聘发布详情',\n            branches: [{\n              title: '内部渠道发布',\n              url: '/recruitment/publish/internal',\n              icon: 'office-building',\n              description: '公司内网发布'\n            }, {\n              title: '外部渠道发布',\n              url: '/recruitment/publish/external',\n              icon: 'share',\n              description: '招聘网站发布'\n            }],\n            branchType: '发布渠道'\n          }, {\n            title: '简历筛选',\n            url: '/recruitment/resume',\n            icon: 'document',\n            description: '筛选候选人简历',\n            branches: [{\n              title: '初筛通过',\n              url: '/recruitment/resume/pass',\n              icon: 'check',\n              description: '安排面试',\n              condition: '符合基本要求'\n            }, {\n              title: '待进一步评估',\n              url: '/recruitment/resume/pending',\n              icon: 'warning',\n              description: '需要更多信息',\n              condition: '经验待确认'\n            }, {\n              title: '不合适',\n              url: '/recruitment/resume/reject',\n              icon: 'close',\n              description: '婉拒候选人',\n              condition: '不符合要求'\n            }],\n            branchType: '筛选结果'\n          }, {\n            title: '面试流程',\n            url: '/interview/process',\n            icon: 'chat-dot-round',\n            description: '查看面试流程安排',\n            branches: [{\n              title: '技术面试',\n              url: '/interview/tech',\n              icon: 'monitor',\n              description: '技术能力评估',\n              condition: '技术岗位必需'\n            }, {\n              title: 'HR面试',\n              url: '/interview/hr',\n              icon: 'user',\n              description: '综合素质评估'\n            }, {\n              title: '主管面试',\n              url: '/interview/manager',\n              icon: 'user',\n              description: '部门主管面试',\n              condition: 'P6及以上岗位'\n            }],\n            branchType: '面试环节'\n          }, {\n            title: '面试意见流转',\n            url: '/interview/feedback',\n            icon: 'document',\n            description: '查看面试反馈',\n            branches: [{\n              title: '通过',\n              url: '/interview/feedback/pass',\n              icon: 'check',\n              description: '准备发放offer'\n            }, {\n              title: '待定',\n              url: '/interview/feedback/pending',\n              icon: 'warning',\n              description: '需要加面',\n              condition: '技术评估待确认'\n            }, {\n              title: '不通过',\n              url: '/interview/feedback/reject',\n              icon: 'close',\n              description: '婉拒候选人'\n            }],\n            branchType: '面试结果'\n          }, {\n            title: '入职确认',\n            url: '/onboarding/confirm',\n            icon: 'finished',\n            description: '处理入职确认',\n            branches: [{\n              title: '接受offer',\n              url: '/onboarding/accept',\n              icon: 'check',\n              description: '确认入职'\n            }, {\n              title: '调整offer',\n              url: '/onboarding/adjust',\n              icon: 'edit',\n              description: '调整offer条件',\n              condition: '薪资待调整'\n            }, {\n              title: '放弃offer',\n              url: '/onboarding/reject',\n              icon: 'close',\n              description: '放弃入职'\n            }],\n            branchType: 'Offer确认'\n          }, {\n            title: '入职准备',\n            url: '/onboarding/prepare',\n            icon: 'set-up',\n            description: '准备入职材料',\n            branches: [{\n              title: '办公用品准备',\n              url: '/onboarding/prepare/office',\n              icon: 'goods',\n              description: '准备电脑等设备'\n            }, {\n              title: '入职文档准备',\n              url: '/onboarding/prepare/docs',\n              icon: 'document',\n              description: '准备入职文档'\n            }, {\n              title: '系统权限配置',\n              url: '/onboarding/prepare/access',\n              icon: 'key',\n              description: '配置系统权限'\n            }],\n            branchType: '准备事项'\n          }]\n        },\n        sales: {\n          title: '销售订单业务流程',\n          description: '规范销售订单从创建到完成的全过程，包括报价、合同签订、订单处理等环节，提高销售效率和客户满意度。',\n          status: '部分维护中',\n          statusType: 'warning',\n          totalSteps: 5,\n          completedSteps: 3,\n          avgDuration: '7天',\n          steps: [{\n            title: '客户询价',\n            url: '/sales/inquiry',\n            icon: 'message',\n            description: '处理客户询价'\n          }, {\n            title: '报价审核',\n            url: '/sales/quote',\n            icon: 'document-checked',\n            description: '查看报价详情'\n          }, {\n            title: '合同签订',\n            url: '/sales/contract',\n            icon: 'edit',\n            description: '处理合同签订'\n          }, {\n            title: '订单确认',\n            url: '/sales/order',\n            icon: 'finished',\n            description: '确认订单信息'\n          }, {\n            title: '订单完成',\n            url: '/sales/complete',\n            icon: 'success',\n            description: '完成订单处理'\n          }]\n        },\n        development: {\n          title: '发货业务流程',\n          description: '管理产品从仓库出库到送达客户的完整流程，包括库存检查、包装、物流等环节，确保准确及时交付。',\n          status: '正常运行',\n          statusType: 'success',\n          totalSteps: 4,\n          completedSteps: 4,\n          avgDuration: '3天',\n          steps: [{\n            title: '库存确认',\n            url: '/shipping/stock',\n            icon: 'box',\n            description: '确认库存状态'\n          }, {\n            title: '发货准备',\n            url: '/shipping/prepare',\n            icon: 'goods',\n            description: '准备发货物品'\n          }, {\n            title: '物流配送',\n            url: '/shipping/delivery',\n            icon: 'truck',\n            description: '跟踪物流状态'\n          }, {\n            title: '签收确认',\n            url: '/shipping/confirm',\n            icon: 'checked',\n            description: '确认收货状态'\n          }]\n        }\n      }\n    };\n  },\n  computed: {\n    currentProcess: function currentProcess() {\n      var processType = this.$route.params.type || 'employee';\n      return this.processTypes[processType];\n    },\n    processSteps: function processSteps() {\n      return this.currentProcess.steps;\n    }\n  },\n  methods: {\n    handleStepClick: function handleStepClick(url) {\n      var _this = this;\n      if (url.startsWith('http')) {\n        window.open(url, '_blank');\n      } else {\n        this.$router.push(url)[\"catch\"](function (err) {\n          if (err.name !== 'NavigationDuplicated') {\n            _this.$message({\n              type: 'warning',\n              message: '该功能正在开发中'\n            });\n          }\n        });\n      }\n    },\n    getBranchActive: function getBranchActive(step) {\n      var stepIndex = this.processSteps.indexOf(step);\n      return stepIndex < this.currentProcess.completedSteps ? step.branches.length : 0;\n    }\n  }\n};","map":{"version":3,"names":["name","data","processTypes","employee","title","description","status","statusType","totalSteps","completedSteps","avgDuration","steps","url","icon","branches","condition","branchType","sales","development","computed","currentProcess","processType","$route","params","type","processSteps","methods","handleStepClick","_this","startsWith","window","open","$router","push","err","$message","message","getBranchActive","step","stepIndex","indexOf","length"],"sources":["src/views/EmployeeProcess.vue"],"sourcesContent":["<template>\n  <div class=\"process-container\">\n    <!-- 添加业务介绍区域 -->\n    <el-card class=\"process-intro\">\n      <div class=\"intro-header\">\n        <h2>{{ currentProcess.title }}</h2>\n        <el-tag size=\"medium\" :type=\"currentProcess.statusType\">{{ currentProcess.status }}</el-tag>\n      </div>\n      <div class=\"intro-content\">\n        <div class=\"intro-description\">\n          <p>{{ currentProcess.description }}</p>\n        </div>\n        <div class=\"intro-stats\">\n          <div class=\"stat-item\">\n            <div class=\"stat-value\">{{ currentProcess.totalSteps }}</div>\n            <div class=\"stat-label\">总步骤</div>\n          </div>\n          <div class=\"stat-item\">\n            <div class=\"stat-value\">{{ currentProcess.completedSteps }}</div>\n            <div class=\"stat-label\">已完成</div>\n          </div>\n          <div class=\"stat-item\">\n            <div class=\"stat-value\">{{ currentProcess.avgDuration }}</div>\n            <div class=\"stat-label\">平均耗时</div>\n          </div>\n        </div>\n      </div>\n    </el-card>\n\n    <div class=\"process-flow\">\n      <div class=\"flow-container\">\n        <!-- 主流程 -->\n        <div class=\"main-flow\">\n          <el-steps direction=\"vertical\" :active=\"currentProcess.completedSteps\" finish-status=\"success\">\n            <el-step \n              v-for=\"(step, index) in processSteps\"\n              :key=\"index\"\n              :title=\"step.title\"\n              :description=\"step.description\"\n              @click.native=\"handleStepClick(step.url)\"\n              class=\"clickable-step\">\n              <template slot=\"icon\">\n                <div class=\"custom-icon-wrapper\" :class=\"{'has-branch': step.branches}\">\n                  <i :class=\"['el-icon-' + (step.icon || 'connection')]\"></i>\n                  <div v-if=\"step.branches\" class=\"branch-indicator\">\n                    <i class=\"el-icon-arrow-right\"></i>\n                  </div>\n                </div>\n              </template>\n              <!-- 分支流程 -->\n              <div v-if=\"step.branches\" class=\"branch-container\">\n                <div class=\"branch-line\"></div>\n                <div class=\"branch-steps\">\n                  <div class=\"branch-header\">\n                    <span class=\"branch-type\">{{ step.branchType || '可选分支' }}</span>\n                  </div>\n                  <el-steps direction=\"vertical\" :active=\"getBranchActive(step)\" finish-status=\"success\">\n                    <el-step\n                      v-for=\"(branch, bIndex) in step.branches\"\n                      :key=\"`${index}-${bIndex}`\"\n                      :title=\"branch.title\"\n                      :description=\"branch.description\"\n                      @click.native=\"handleStepClick(branch.url)\"\n                      class=\"clickable-step branch-step\">\n                      <template slot=\"icon\">\n                        <div class=\"custom-icon-wrapper branch-icon\" :class=\"{'is-conditional': branch.condition}\">\n                          <i :class=\"['el-icon-' + (branch.icon || 'connection')]\"></i>\n                          <el-tooltip v-if=\"branch.condition\" effect=\"dark\" :content=\"branch.condition\" placement=\"right\">\n                            <i class=\"el-icon-info condition-icon\"></i>\n                          </el-tooltip>\n                        </div>\n                      </template>\n                    </el-step>\n                  </el-steps>\n                </div>\n              </div>\n            </el-step>\n          </el-steps>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ProcessFlow',\n  data() {\n    return {\n      processTypes: {\n        employee: {\n          title: '员工入职业务流程',\n          description: '本流程规范了新员工从招聘到入职的完整过程，确保人才招聘和入职流程的规范化和标准化，提高人力资源管理效率。',\n          status: '正常运行',\n          statusType: 'success',\n          totalSteps: 7,\n          completedSteps: 6,\n          avgDuration: '15天',\n          steps: [\n            {\n              title: '发布招聘申请',\n              url: '/recruitment/apply',\n              icon: 'edit-outline',\n              description: '点击发起招聘申请',\n              branches: [\n                {\n                  title: '社会招聘',\n                  url: '/recruitment/apply/social',\n                  icon: 'user',\n                  description: '面向社会公开招聘',\n                  condition: '职级 P6 及以下'\n                },\n                {\n                  title: '内部推荐',\n                  url: '/recruitment/apply/internal',\n                  icon: 'office-building',\n                  description: '内部员工推荐',\n                  condition: '优先级最高'\n                },\n                {\n                  title: '猎头渠道',\n                  url: '/recruitment/apply/headhunter',\n                  icon: 'connection',\n                  description: '通过猎头公司招聘',\n                  condition: '职级 P7 及以上'\n                }\n              ],\n              branchType: '招聘渠道'\n            },\n            {\n              title: 'HR发布招聘信息',\n              url: '/recruitment/publish',\n              icon: 'share',\n              description: '查看招聘发布详情',\n              branches: [\n                {\n                  title: '内部渠道发布',\n                  url: '/recruitment/publish/internal',\n                  icon: 'office-building',\n                  description: '公司内网发布'\n                },\n                {\n                  title: '外部渠道发布',\n                  url: '/recruitment/publish/external',\n                  icon: 'share',\n                  description: '招聘网站发布'\n                }\n              ],\n              branchType: '发布渠道'\n            },\n            {\n              title: '简历筛选',\n              url: '/recruitment/resume',\n              icon: 'document',\n              description: '筛选候选人简历',\n              branches: [\n                {\n                  title: '初筛通过',\n                  url: '/recruitment/resume/pass',\n                  icon: 'check',\n                  description: '安排面试',\n                  condition: '符合基本要求'\n                },\n                {\n                  title: '待进一步评估',\n                  url: '/recruitment/resume/pending',\n                  icon: 'warning',\n                  description: '需要更多信息',\n                  condition: '经验待确认'\n                },\n                {\n                  title: '不合适',\n                  url: '/recruitment/resume/reject',\n                  icon: 'close',\n                  description: '婉拒候选人',\n                  condition: '不符合要求'\n                }\n              ],\n              branchType: '筛选结果'\n            },\n            {\n              title: '面试流程',\n              url: '/interview/process',\n              icon: 'chat-dot-round',\n              description: '查看面试流程安排',\n              branches: [\n                {\n                  title: '技术面试',\n                  url: '/interview/tech',\n                  icon: 'monitor',\n                  description: '技术能力评估',\n                  condition: '技术岗位必需'\n                },\n                {\n                  title: 'HR面试',\n                  url: '/interview/hr',\n                  icon: 'user',\n                  description: '综合素质评估'\n                },\n                {\n                  title: '主管面试',\n                  url: '/interview/manager',\n                  icon: 'user',\n                  description: '部门主管面试',\n                  condition: 'P6及以上岗位'\n                }\n              ],\n              branchType: '面试环节'\n            },\n            {\n              title: '面试意见流转',\n              url: '/interview/feedback',\n              icon: 'document',\n              description: '查看面试反馈',\n              branches: [\n                {\n                  title: '通过',\n                  url: '/interview/feedback/pass',\n                  icon: 'check',\n                  description: '准备发放offer'\n                },\n                {\n                  title: '待定',\n                  url: '/interview/feedback/pending',\n                  icon: 'warning',\n                  description: '需要加面',\n                  condition: '技术评估待确认'\n                },\n                {\n                  title: '不通过',\n                  url: '/interview/feedback/reject',\n                  icon: 'close',\n                  description: '婉拒候选人'\n                }\n              ],\n              branchType: '面试结果'\n            },\n            {\n              title: '入职确认',\n              url: '/onboarding/confirm',\n              icon: 'finished',\n              description: '处理入职确认',\n              branches: [\n                {\n                  title: '接受offer',\n                  url: '/onboarding/accept',\n                  icon: 'check',\n                  description: '确认入职'\n                },\n                {\n                  title: '调整offer',\n                  url: '/onboarding/adjust',\n                  icon: 'edit',\n                  description: '调整offer条件',\n                  condition: '薪资待调整'\n                },\n                {\n                  title: '放弃offer',\n                  url: '/onboarding/reject',\n                  icon: 'close',\n                  description: '放弃入职'\n                }\n              ],\n              branchType: 'Offer确认'\n            },\n            {\n              title: '入职准备',\n              url: '/onboarding/prepare',\n              icon: 'set-up',\n              description: '准备入职材料',\n              branches: [\n                {\n                  title: '办公用品准备',\n                  url: '/onboarding/prepare/office',\n                  icon: 'goods',\n                  description: '准备电脑等设备'\n                },\n                {\n                  title: '入职文档准备',\n                  url: '/onboarding/prepare/docs',\n                  icon: 'document',\n                  description: '准备入职文档'\n                },\n                {\n                  title: '系统权限配置',\n                  url: '/onboarding/prepare/access',\n                  icon: 'key',\n                  description: '配置系统权限'\n                }\n              ],\n              branchType: '准备事项'\n            }\n          ]\n        },\n        sales: {\n          title: '销售订单业务流程',\n          description: '规范销售订单从创建到完成的全过程，包括报价、合同签订、订单处理等环节，提高销售效率和客户满意度。',\n          status: '部分维护中',\n          statusType: 'warning',\n          totalSteps: 5,\n          completedSteps: 3,\n          avgDuration: '7天',\n          steps: [\n            {\n              title: '客户询价',\n              url: '/sales/inquiry',\n              icon: 'message',\n              description: '处理客户询价'\n            },\n            {\n              title: '报价审核',\n              url: '/sales/quote',\n              icon: 'document-checked',\n              description: '查看报价详情'\n            },\n            {\n              title: '合同签订',\n              url: '/sales/contract',\n              icon: 'edit',\n              description: '处理合同签订'\n            },\n            {\n              title: '订单确认',\n              url: '/sales/order',\n              icon: 'finished',\n              description: '确认订单信息'\n            },\n            {\n              title: '订单完成',\n              url: '/sales/complete',\n              icon: 'success',\n              description: '完成订单处理'\n            }\n          ]\n        },\n        development: {\n          title: '发货业务流程',\n          description: '管理产品从仓库出库到送达客户的完整流程，包括库存检查、包装、物流等环节，确保准确及时交付。',\n          status: '正常运行',\n          statusType: 'success',\n          totalSteps: 4,\n          completedSteps: 4,\n          avgDuration: '3天',\n          steps: [\n            {\n              title: '库存确认',\n              url: '/shipping/stock',\n              icon: 'box',\n              description: '确认库存状态'\n            },\n            {\n              title: '发货准备',\n              url: '/shipping/prepare',\n              icon: 'goods',\n              description: '准备发货物品'\n            },\n            {\n              title: '物流配送',\n              url: '/shipping/delivery',\n              icon: 'truck',\n              description: '跟踪物流状态'\n            },\n            {\n              title: '签收确认',\n              url: '/shipping/confirm',\n              icon: 'checked',\n              description: '确认收货状态'\n            }\n          ]\n        }\n      }\n    }\n  },\n  computed: {\n    currentProcess() {\n      const processType = this.$route.params.type || 'employee'\n      return this.processTypes[processType]\n    },\n    processSteps() {\n      return this.currentProcess.steps\n    }\n  },\n  methods: {\n    handleStepClick(url) {\n      if (url.startsWith('http')) {\n        window.open(url, '_blank')\n      } else {\n        this.$router.push(url).catch(err => {\n          if (err.name !== 'NavigationDuplicated') {\n            this.$message({\n              type: 'warning',\n              message: '该功能正在开发中'\n            })\n          }\n        })\n      }\n    },\n    getBranchActive(step) {\n      const stepIndex = this.processSteps.indexOf(step)\n      return stepIndex < this.currentProcess.completedSteps ? step.branches.length : 0\n    }\n  }\n}\n</script>\n\n<style scoped>\n.process-container {\n  padding: 20px;\n}\n\n.process-intro {\n  margin-bottom: 30px;\n}\n\n.intro-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n}\n\n.intro-header h2 {\n  margin: 0;\n  font-size: 20px;\n  color: #303133;\n}\n\n.intro-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.intro-description {\n  flex: 1;\n  padding-right: 40px;\n}\n\n.intro-description p {\n  margin: 0;\n  color: #606266;\n  line-height: 1.6;\n}\n\n.intro-stats {\n  display: flex;\n  gap: 30px;\n}\n\n.stat-item {\n  text-align: center;\n  padding: 0 20px;\n}\n\n.stat-value {\n  font-size: 24px;\n  font-weight: bold;\n  color: #409EFF;\n  margin-bottom: 8px;\n}\n\n.stat-label {\n  font-size: 14px;\n  color: #909399;\n}\n\n.process-flow {\n  margin: 40px 0;\n  padding: 40px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);\n}\n\n.flow-container {\n  position: relative;\n  padding: 20px;\n}\n\n.main-flow {\n  position: relative;\n}\n\n/* 分支容器样式 */\n.branch-container {\n  position: relative;\n  margin: 10px 0 20px 50px;\n  padding-left: 20px;\n}\n\n.branch-line {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: #E4E7ED;\n}\n\n.branch-header {\n  margin-bottom: 15px;\n  padding-left: 20px;\n}\n\n.branch-type {\n  font-size: 13px;\n  color: #909399;\n  background-color: #F5F7FA;\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.branch-steps {\n  position: relative;\n  background-color: #F5F7FA;\n  border-radius: 4px;\n  padding: 15px;\n}\n\n.branch-step {\n  margin-left: 20px;\n}\n\n/* 自定义图标样式 */\n.custom-icon-wrapper {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: #C0C4CC;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n  position: relative;\n}\n\n.custom-icon-wrapper.has-branch {\n  background-color: #409EFF;\n}\n\n.branch-icon {\n  width: 32px;\n  height: 32px;\n  background-color: #909399;\n}\n\n.branch-indicator {\n  position: absolute;\n  right: -3px;\n  bottom: -3px;\n  width: 16px;\n  height: 16px;\n  background-color: #fff;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.branch-indicator i {\n  font-size: 12px;\n  color: #409EFF;\n}\n\n.custom-icon-wrapper i {\n  color: #fff;\n  font-size: 20px;\n}\n\n.is-conditional {\n  position: relative;\n}\n\n.condition-icon {\n  position: absolute;\n  right: -3px;\n  top: -3px;\n  font-size: 12px !important;\n  color: #E6A23C !important;\n  background-color: #fff;\n  border-radius: 50%;\n  padding: 2px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n/* 点击和悬停效果 */\n.clickable-step {\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.clickable-step:hover {\n  transform: translateX(5px);\n}\n\n.clickable-step:hover .el-step__title {\n  color: #409EFF !important;\n}\n\n.clickable-step:hover .el-step__description {\n  color: #409EFF !important;\n}\n\n.clickable-step:hover .custom-icon-wrapper {\n  transform: scale(1.1);\n}\n\n.clickable-step:hover .custom-icon-wrapper:not(.has-branch) {\n  background-color: #409EFF;\n}\n\n/* 步骤状态样式 */\n.el-step.is-success .custom-icon-wrapper {\n  background-color: #67C23A;\n}\n\n.el-step.is-process .custom-icon-wrapper {\n  background-color: #409EFF;\n}\n\n/* 响应式样式 */\n@media screen and (max-width: 768px) {\n  .process-flow {\n    padding: 20px;\n  }\n\n  .branch-container {\n    margin-left: 30px;\n    padding-left: 10px;\n  }\n\n  .branch-step {\n    margin-left: 10px;\n  }\n\n  .custom-icon-wrapper {\n    width: 32px;\n    height: 32px;\n  }\n\n  .branch-icon {\n    width: 24px;\n    height: 24px;\n  }\n\n  .custom-icon-wrapper i {\n    font-size: 16px;\n  }\n\n  .branch-indicator {\n    width: 14px;\n    height: 14px;\n  }\n\n  .branch-indicator i {\n    font-size: 10px;\n  }\n\n  .condition-icon {\n    font-size: 10px !important;\n  }\n}\n</style> "],"mappings":";;;;AAqFA;EACAA,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,YAAA;QACAC,QAAA;UACAC,KAAA;UACAC,WAAA;UACAC,MAAA;UACAC,UAAA;UACAC,UAAA;UACAC,cAAA;UACAC,WAAA;UACAC,KAAA,GACA;YACAP,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;YACAS,QAAA,GACA;cACAV,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;cACAU,SAAA;YACA,GACA;cACAX,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;cACAU,SAAA;YACA,GACA;cACAX,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;cACAU,SAAA;YACA,EACA;YACAC,UAAA;UACA,GACA;YACAZ,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;YACAS,QAAA,GACA;cACAV,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;YACA,GACA;cACAD,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;YACA,EACA;YACAW,UAAA;UACA,GACA;YACAZ,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;YACAS,QAAA,GACA;cACAV,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;cACAU,SAAA;YACA,GACA;cACAX,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;cACAU,SAAA;YACA,GACA;cACAX,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;cACAU,SAAA;YACA,EACA;YACAC,UAAA;UACA,GACA;YACAZ,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;YACAS,QAAA,GACA;cACAV,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;cACAU,SAAA;YACA,GACA;cACAX,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;YACA,GACA;cACAD,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;cACAU,SAAA;YACA,EACA;YACAC,UAAA;UACA,GACA;YACAZ,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;YACAS,QAAA,GACA;cACAV,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;YACA,GACA;cACAD,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;cACAU,SAAA;YACA,GACA;cACAX,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;YACA,EACA;YACAW,UAAA;UACA,GACA;YACAZ,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;YACAS,QAAA,GACA;cACAV,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;YACA,GACA;cACAD,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;cACAU,SAAA;YACA,GACA;cACAX,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;YACA,EACA;YACAW,UAAA;UACA,GACA;YACAZ,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;YACAS,QAAA,GACA;cACAV,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;YACA,GACA;cACAD,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;YACA,GACA;cACAD,KAAA;cACAQ,GAAA;cACAC,IAAA;cACAR,WAAA;YACA,EACA;YACAW,UAAA;UACA;QAEA;QACAC,KAAA;UACAb,KAAA;UACAC,WAAA;UACAC,MAAA;UACAC,UAAA;UACAC,UAAA;UACAC,cAAA;UACAC,WAAA;UACAC,KAAA,GACA;YACAP,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;UACA,GACA;YACAD,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;UACA,GACA;YACAD,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;UACA,GACA;YACAD,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;UACA,GACA;YACAD,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;UACA;QAEA;QACAa,WAAA;UACAd,KAAA;UACAC,WAAA;UACAC,MAAA;UACAC,UAAA;UACAC,UAAA;UACAC,cAAA;UACAC,WAAA;UACAC,KAAA,GACA;YACAP,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;UACA,GACA;YACAD,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;UACA,GACA;YACAD,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;UACA,GACA;YACAD,KAAA;YACAQ,GAAA;YACAC,IAAA;YACAR,WAAA;UACA;QAEA;MACA;IACA;EACA;EACAc,QAAA;IACAC,cAAA,WAAAA,eAAA;MACA,IAAAC,WAAA,QAAAC,MAAA,CAAAC,MAAA,CAAAC,IAAA;MACA,YAAAtB,YAAA,CAAAmB,WAAA;IACA;IACAI,YAAA,WAAAA,aAAA;MACA,YAAAL,cAAA,CAAAT,KAAA;IACA;EACA;EACAe,OAAA;IACAC,eAAA,WAAAA,gBAAAf,GAAA;MAAA,IAAAgB,KAAA;MACA,IAAAhB,GAAA,CAAAiB,UAAA;QACAC,MAAA,CAAAC,IAAA,CAAAnB,GAAA;MACA;QACA,KAAAoB,OAAA,CAAAC,IAAA,CAAArB,GAAA,qBAAAsB,GAAA;UACA,IAAAA,GAAA,CAAAlC,IAAA;YACA4B,KAAA,CAAAO,QAAA;cACAX,IAAA;cACAY,OAAA;YACA;UACA;QACA;MACA;IACA;IACAC,eAAA,WAAAA,gBAAAC,IAAA;MACA,IAAAC,SAAA,QAAAd,YAAA,CAAAe,OAAA,CAAAF,IAAA;MACA,OAAAC,SAAA,QAAAnB,cAAA,CAAAX,cAAA,GAAA6B,IAAA,CAAAxB,QAAA,CAAA2B,MAAA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}