{"file":"ServiceLoopFlow-BcBowZhS.js","mappings":";;;AAQO,SAAS,cAAc,UAA6B,IAAI;AAC7D,QAAM,EAAE,QAAQ,GAAG,YAAY,SAAS;AACxC,QAAM,YAAY,IAAI,KAAK;AAC3B,MAAI,WAAwC;AAE5C,WAAS,QAAQ,IAAa,YAA+B,IAAI;AAC/D,UAAM,IAAI,UAAU,SAAS;AAC7B,UAAM,MAAM,UAAU,SAAS;AAC/B,eAAW,IAAI;AAAA,MACb,CAAC,YAAY;AACX,gBAAQ,QAAQ,CAAC,UAAU;AACzB,cAAI,MAAM,gBAAgB;AACxB,uBAAW,MAAM;AACf,oBAAM,OAAO,UAAU,IAAI,GAAG;AAAA,YAChC,GAAG,CAAC;AACJ,sBAAU,UAAU,MAAM,MAAM;AAAA,UAClC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,EAAE,UAAA;AAAA,IAAU;AAEd,aAAS,QAAQ,EAAE;AAAA,EACrB;AAEA,WAAS,eAAe;AACtB,cAAU,WAAA;AAAA,EACZ;AAIA,SAAO,EAAE,WAAW,SAAS,WAAW,aAAA;AAC1C;;;;;ACnCA,UAAM,QAAQ;AAAA,MACZ,EAAE,KAAK,MAAM,OAAO,QAAQ,MAAM,mBAAA;AAAA,MAClC,EAAE,KAAK,MAAM,OAAO,QAAQ,MAAM,mBAAA;AAAA,MAClC,EAAE,KAAK,MAAM,OAAO,QAAQ,MAAM,kBAAA;AAAA,MAClC,EAAE,KAAK,MAAM,OAAO,QAAQ,MAAM,iBAAA;AAAA,MAClC,EAAE,KAAK,MAAM,OAAO,QAAQ,MAAM,mBAAA;AAAA,MAClC,EAAE,KAAK,MAAM,OAAO,QAAQ,MAAM,iBAAA;AAAA,MAClC,EAAE,KAAK,MAAM,OAAO,QAAQ,MAAM,oBAAA;AAAA,MAClC,EAAE,KAAK,MAAM,OAAO,QAAQ,MAAM,iBAAA;AAAA,IAAiB;AAGjC,kBAAA;;AASb,YAAA,OAAAA,eAAAC,WAAA,EAAA,OAAM,cAAU,MAAA,CAAA,CAAA,qPAAA;oBAGK,OAAK,CAAd,GAAG,MAAC;8bAGVC,eAAA,EAAE,GAAG,8DAE4BA,eAAA,EAAE,KAAK,oGACiCA,eAAA,EAAE,IAAI;;;;;;;;;;;;;","names":["_ssrRenderAttrs","_mergeProps","_ssrInterpolate"],"sources":["../../../../composables/useScrollAnim.ts","../../../../components/ServiceLoopFlow.vue"],"sourcesContent":["import { ref, onMounted, onBeforeUnmount } from 'vue'\n\ninterface ScrollAnimOptions {\n  delay?: number\n  class?: string\n  threshold?: number\n}\n\nexport function useScrollAnim(options: ScrollAnimOptions = {}) {\n  const { delay = 0, threshold = 0.15 } = options\n  const isVisible = ref(false)\n  let observer: IntersectionObserver | null = null\n\n  function observe(el: Element, overrides: ScrollAnimOptions = {}) {\n    const d = overrides.delay ?? delay\n    const cls = overrides.class ?? 'flow-visible'\n    observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setTimeout(() => {\n              entry.target.classList.add(cls)\n            }, d)\n            observer?.unobserve(entry.target)\n          }\n        })\n      },\n      { threshold }\n    )\n    observer.observe(el)\n  }\n\n  function unobserveAll() {\n    observer?.disconnect()\n  }\n\n  onBeforeUnmount(() => unobserveAll())\n\n  return { isVisible, observe, unobserve: unobserveAll }\n}\n","<script setup lang=\"ts\">\nimport { onMounted } from 'vue'\nimport { useScrollAnim } from '~/composables/useScrollAnim'\n\nconst steps = [\n  { num: '01', title: '需求受理', desc: '多渠道统一接入\\n自动校验与审核' },\n  { num: '02', title: '能力评估', desc: '上门评估定级\\nGPS签到+拍照' },\n  { num: '03', title: '方案制定', desc: '个性化服务方案\\n费用透明计算' },\n  { num: '04', title: '智能派单', desc: '算法匹配推荐\\n人工确认兜底' },\n  { num: '05', title: '上门执行', desc: 'GPS签到校验\\n项目级执行记录' },\n  { num: '06', title: '过程监管', desc: '抽查违规整改\\n审计日志追溯' },\n  { num: '07', title: '验收评价', desc: '星级+标签评价\\n评分影响后续派单' },\n  { num: '08', title: '结算归档', desc: '自动汇总结算\\n电子台账归档' },\n]\n\nconst { observe } = useScrollAnim()\nonMounted(() => {\n  document.querySelectorAll('.flow-step').forEach((el, i) => {\n    observe(el, { delay: i * 100, class: 'flow-visible' })\n  })\n})\n</script>\n\n<template>\n  <div class=\"relative\">\n    <div class=\"hidden lg:block absolute top-1/2 left-[5%] right-[5%] h-0.5 bg-gray-200 -translate-y-1/2 z-0\" />\n    <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 relative z-10\">\n      <div v-for=\"(s, i) in steps\" :key=\"i\"\n        class=\"flow-step bg-white rounded-2xl p-5 md:p-6 text-center shadow-sm opacity-0 translate-y-8 transition-all duration-500 hover:shadow-lg group\">\n        <span class=\"w-12 h-12 mx-auto mb-4 rounded-full bg-gradient-to-br from-primary-50 to-accent-50 text-primary font-bold text-sm flex items-center justify-center group-hover:from-primary group-hover:to-accent group-hover:text-white transition-all\">\n          {{ s.num }}\n        </span>\n        <h4 class=\"font-bold text-sm mb-1\">{{ s.title }}</h4>\n        <p class=\"text-xs text-text-secondary whitespace-pre-line leading-relaxed\">{{ s.desc }}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.flow-visible { opacity: 1; transform: translateY(0); }\n</style>\n"],"version":3}