{"version":3,"sources":["webpack:///./src/assets/scss/step3.scss?0c12","webpack:///./src/views/users/step5.vue","webpack:///./src/views/users/step5.vue?d3d5"],"names":["id","class","src","alt","width","height","style","allowfullscreen","loading","active","simple","linkStep1","title","icon","linkStep3","linkStep4","linkStep5","linkStep6","linkStep7","$store","state","name","animatedNumber","type","components","nowDay","data","number","tweenedNumber","mounted","this","computed","toFixed","watch","newValue","gsap","to","$data","duration","methods","$router","push","linkStep2","render","__scopeId"],"mappings":"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","file":"js/chunk-c610c4ee.d064e07b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./step3.scss?vue&type=style&index=0&id=6bf87d10&lang=scss&scoped=true\"","<script>\nimport nowDay from \"@/components/nowDay.vue\";\nimport gsap from \"gsap\";\n\nexport default {\n  components: { nowDay },\n  data() {\n    return {\n      number: 0,\n      tweenedNumber: 0,\n    };\n  },\n  mounted() {\n    this.number += 1568;\n  },\n  computed: {\n    animatedNumber() {\n      return this.tweenedNumber.toFixed(0);\n    },\n  },\n  watch: {\n    number(newValue) {\n      gsap.to(this.$data, { duration: 2, tweenedNumber: newValue });\n    },\n  },\n  methods: {\n    //push\n    linkStep1() {\n      this.$router.push(\"/users/step1\");\n    },\n    linkStep2() {\n      this.$router.push(\"/users/step2\");\n    },\n    linkStep3() {\n      this.$router.push(\"/users/step3\");\n    },\n    linkStep4() {\n      this.$router.push(\"/users/step4\");\n    },\n    linkStep5() {\n      this.$router.push(\"/users/step5\");\n    },\n    linkStep6() {\n      this.$router.push(\"/users/step6\");\n    },\n    linkStep7() {\n      this.$router.push(\"/users/step7\");\n    },\n  },\n};\n</script>\n<template>\n  <div id=\"step5\">\n    <!-- Jumbotron -->\n    <header class=\"d-flex justify-content-center align-items-center\">\n      <div class=\"text-center\">\n        <div class=\"card alpha-50\">\n          <div class=\"card-body\">\n            <el-steps :active=\"4\" simple>\n              <el-step\n                @click=\"linkStep1\"\n                title=\"網路掛號\"\n                icon=\"el-icon-s-custom\"\n              ></el-step>\n              <el-step\n                @click=\"linkStep3\"\n                title=\"至各診間候診\"\n                icon=\"el-icon-loading\"\n              ></el-step>\n              <el-step\n                @click=\"linkStep4\"\n                title=\"檢查、抽血\"\n                icon=\"el-icon-search\"\n              ></el-step>\n              <el-step\n                @click=\"linkStep5\"\n                title=\"櫃台批價\"\n                icon=\"el-icon-printer\"\n              ></el-step>\n              <el-step\n                @click=\"linkStep6\"\n                title=\"藥局領藥\"\n                icon=\"el-icon-sugar\"\n              ></el-step>\n              <el-step\n                @click=\"linkStep7\"\n                title=\"離院\"\n                icon=\"el-icon-school\"\n              ></el-step>\n            </el-steps>\n          </div>\n        </div>\n      </div>\n    </header>\n\n    <!-- service_area  -->\n    <div class=\"service_area\">\n      <div class=\"container\">\n        <div class=\"row\">\n          <div class=\"col-xl-12\">\n            <div class=\"pt-5 py-3\">\n              <h1>櫃台批價</h1>\n              <p></p>\n              <h5>\n                <strong>{{ $store.state.name }}</strong> 先生/小姐\n                請依據掛號號碼等候櫃台批價\n              </h5>\n              <nowDay />\n            </div>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-xl-4 col-md-4\">\n            <div class=\"single_service text-center\">\n              <div class=\"icon\">\n                <img src=\"@/assets/svg_icon/1.svg\" alt=\"\" />\n              </div>\n              <h3>您的掛號號碼:</h3>\n              <p>{{ animatedNumber }}</p>\n            </div>\n          </div>\n          <div class=\"col-xl-4 col-md-4\">\n            <div class=\"single_service text-center\">\n              <div class=\"icon\">\n                <img src=\"@/assets/svg_icon/2.svg\" alt=\"\" />\n              </div>\n              <h3>目前看診號碼:</h3>\n              <p>{{ animatedNumber }}</p>\n            </div>\n          </div>\n          <div class=\"col-xl-4 col-md-4\">\n            <div class=\"single_service text-center\">\n              <div class=\"icon\">\n                <img src=\"@/assets/svg_icon/3.svg\" alt=\"\" />\n              </div>\n              <h3>預計等候時間:</h3>\n              <p>{{ animatedNumber }}分鐘</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!--/ service_area  -->\n    <!-- 路線 -->\n\n    <div class=\"container border p-0 m-auto\">\n      <div class=\"row\">\n        <iframe\n          src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14728.462054759118!2d120.35519766248876!3d22.64948138037939!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346e1ad78b5a60d3%3A0xb34e6f40a6374809!2z6auY6ZuE6ZW35bqa57SA5b-16Yar6Zmi!5e0!3m2!1szh-TW!2stw!4v1623722884575!5m2!1szh-TW!2stw\"\n          width=\"600\"\n          height=\"450\"\n          style=\"border: 0\"\n          allowfullscreen=\"\"\n          loading=\"lazy\"\n        ></iframe>\n      </div>\n    </div>\n    <div class=\"py-5\">\n      <el-button type=\"primary\" @click=\"linkStep6\"> 下一步 </el-button>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/assets/scss/step3.scss\" scoped></style>\n","import { render } from \"./step5.vue?vue&type=template&id=6bf87d10&scoped=true\"\nimport script from \"./step5.vue?vue&type=script&lang=js\"\nexport * from \"./step5.vue?vue&type=script&lang=js\"\n\nimport \"@/assets/scss/step3.scss?vue&type=style&index=0&id=6bf87d10&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-6bf87d10\"\n\nexport default script"],"sourceRoot":""}