{"version":3,"sources":["webpack:///./src/components/Loading.vue?d16c","webpack:///./src/views/register/home/1/sidebar.vue","webpack:///./src/views/register/home/1/sidebar.vue?0990","webpack:///./src/views/register/app/template/2/index.vue?c70d","webpack:///./src/views/register/home/1/sidebar.vue?7001","webpack:///./src/views/register/app/template/1/index.vue?cc72","webpack:///./src/components/Loading.vue","webpack:///./src/views/register/app/template/1/index.vue","webpack:///./src/views/register/app/template/1/index.vue?ba61","webpack:///./src/views/register/app/template/2/index.vue","webpack:///./src/views/register/app/template/2/index.vue?4950","webpack:///./src/views/register/app/index.vue","webpack:///./src/views/register/app/index.vue?4222","webpack:///./src/views/register/app/template/2/sidebar.vue?dac8"],"names":["event","config","storeToRefs","useAppStore","$event","inject","$language","qrcode","computed","v","getUrlKey","i","url","value","app","host","encodeURIComponent","__exports__","$pages","page","obj","current","prev","next","len","length","it","Name","props","name","$config","$information","template","route","useRoute","router","useRouter","pages","console","log","pageConfig","ref","information","mounted","onMounted","async","data","y","getPageConfig","z","getInformation","steps","indexOf","workbench","push","e","ret","emit","provide"],"mappings":"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","file":"static/js/chunk-a66b2d76.a6ba023a.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Loading.vue?vue&type=style&index=0&id=41a752c7&lang=scss&scoped=true\"","<template>\r\n  <div class=\"sidebar\">\r\n    <el-card :header=\"['时间地点','Time and place'][$language]\"  class=\"box\">\r\n      <div class=\"label-text\">\r\n        <div class=\"label\">{{['始时间','Start time : '][$language]}}</div>\r\n        <div class=\"text\">{{ $event.StartDate }}</div>\r\n      </div>\r\n      <div class=\"label-text\">\r\n        <div class=\"label\">{{['结束时间','End time : '][$language]}}</div>\r\n        <div class=\"text\">{{ $event.EndDate }}</div>\r\n      </div>\r\n      <div class=\"label-text\">{{ $event.Address }}</div>\r\n    </el-card>\r\n    <el-card :header=\"['主办信息','Organizer'][$language]\"  class=\"box\">\r\n      <div class=\"label-text\">{{ $event.Organizer }}</div>\r\n      <div class=\"label-text\">\r\n        <div class=\"label\">{{['联系人：','Contact Person : '][$language]}}</div>\r\n        <div class=\"text\">{{ $event.ContactPerson }}</div>\r\n      </div>\r\n      <div class=\"label-text\">\r\n        <div class=\"label\">{{['电话：','Telephone : '][$language]}}</div>\r\n        <div class=\"text\">{{ $event.Telephone }}</div>\r\n      </div>\r\n      <div class=\"label-text\">\r\n        <div class=\"label\">{{['邮箱：','Email : '][$language]}}</div>\r\n        <div class=\"text\">{{ $event.Email }}</div>\r\n      </div>\r\n    </el-card>\r\n    <el-card :header=\"['活动二维码','QR code '][$language]\" class=\"qr box\">\r\n      <img :src=\"qrcode\" />\r\n    </el-card>\r\n    <el-card :header=\"['技术支持','Support '][$language]\"  class=\"box\">\r\n      <div class=\"label-text\">Eventmaster</div>\r\n      <div class=\"label-text\">\r\n        <div class=\"label\">{{['邮箱：','Email : '][$language]}}</div>\r\n        <div class=\"text\">service@dataleading.cn</div>\r\n      </div>\r\n      <div class=\"label-text\">\r\n        <div class=\"label\">{{['网址：','Website : '][$language]}}</div>\r\n        <div class=\"text\">www.dataleading.cn</div>\r\n      </div>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\n  import { ref, inject,computed } from 'vue'\r\n  \r\n  import { useAppStore } from '@/store/modules/app'\r\n\r\n  import { storeToRefs } from 'pinia'\r\n  import { getUrlKey, removeUrlHashParameter } from '@/utils/'\r\n  const { event, config } = storeToRefs(useAppStore())\r\n  const $event = inject('$event')\r\n  const $language=inject('$language')\r\n\r\n  const qrcode=computed(() => {\r\n    let v=getUrlKey('v')\r\n    let i=getUrlKey('i')\r\n    let url=config.value.app.host+'/app/#/?'\r\n    if(v){\r\n      url+='v='+v\r\n    }\r\n    if(i){\r\n      url+='i='+i\r\n    }\r\n    return `http://www.dataleading.cn/barcode/img.ashx?type=2d&text=${encodeURIComponent(url)}`\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .el-card {\r\n    &:last-child {\r\n      margin-bottom: 0 !important;\r\n    }\r\n    &.qr {\r\n      :deep() {\r\n        .el-card__body {\r\n          padding: 0;\r\n          img {\r\n            width: 100%;\r\n            max-width: 250px;\r\n            display: block;\r\n            margin: 0 auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .label-text {\r\n    color: #000;\r\n    :deep() {\r\n      .text {\r\n        color: #000;\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","import script from \"./sidebar.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./sidebar.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./sidebar.vue?vue&type=style&index=0&id=3268f0f3&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Projects\\\\Other\\\\EventMaster\\\\Dataleading3.0\\\\app\\\\app-web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3268f0f3\"]])\n\nexport default __exports__","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=5efb0aeb&lang=scss&scoped=true\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./sidebar.vue?vue&type=style&index=0&id=3268f0f3&lang=scss&scoped=true\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=5ad10566&lang=scss&scoped=true\"","import { render } from \"./Loading.vue?vue&type=template&id=41a752c7&scoped=true\"\nconst script = {}\n\nimport \"./Loading.vue?vue&type=style&index=0&id=41a752c7&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Projects\\\\Other\\\\EventMaster\\\\Dataleading3.0\\\\app\\\\app-web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-41a752c7\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"register-layout\">\r\n    <header style=\"margin-bottom: 20px\">\r\n      <el-row :gutter=\"20\">\r\n        <el-col :xs=\"24\" :sm=\"16\">\r\n          <div class=\"title\">{{ $event.EventName }}</div>\r\n          <div class=\"s-title\">{{ $event.Organizer }}</div>\r\n          <div class=\"item\">{{ $event.StartDate }} - {{ $event.EndDate }}</div>\r\n          <div class=\"item\">{{ $event.Address }}</div>\r\n          <div style=\"margin-bottom: 20px\"></div>\r\n        </el-col>\r\n        <el-col :xs=\"24\" :sm=\"8\">\r\n          <banner v-if=\"$event.Banner\">\r\n            <img style=\"width: 100%\" :src=\"$event.Banner\" />\r\n          </banner>\r\n        </el-col>\r\n      </el-row>\r\n    </header>\r\n\r\n    <el-row :gutter=\"20\">\r\n      <el-col :xs=\"24\" :sm=\"16\">\r\n        <nav class=\"breadcrumb\">\r\n          <template v-for=\"(it, index) in $pages.filter((x) => x.Name !== 'login')\" :key=\"it.ID\">\r\n            <div class=\"item\" :class=\"{ 'is--active': it.Name === name }\">\r\n              <i>{{ index + 1 }}</i>\r\n              <span>{{ it.Title }}</span>\r\n            </div>\r\n          </template>\r\n        </nav>\r\n\r\n        <el-card class=\"register-form\">\r\n          <template #header>\r\n            <slot name=\"header\">注册信息</slot>\r\n          </template>\r\n\r\n          <!-- <slot name=\"nav\" v-if=\"$slots.nav\"></slot> -->\r\n          <div class=\"top\" v-if=\"pageConfig && pageConfig.layout && pageConfig.layout.top&&!workbench\" v-html=\"pageConfig.layout.top\"></div>\r\n          <slot />\r\n          <div class=\"buttom\" v-if=\"pageConfig && pageConfig.layout && pageConfig.layout.bottom&&!workbench\" v-html=\"pageConfig.layout.bottom\"></div>\r\n          <div class=\"actions\" v-if=\"nav\">\r\n            <template v-if=\"page.prev\">\r\n              <el-button type=\"primary\" plain @click=\"$router.push({ name: page.prev.Name })\" v-if=\"page.prev != null && page.prev.Name === 'login'\">\r\n                {{ $t('registration.btn.cancel') }}\r\n              </el-button>\r\n              <el-button type=\"primary\" plain @click=\"$router.push({ name: page.prev.Name })\" v-else>{{ $t('registration.btn.prev') }}</el-button>\r\n            </template>\r\n            <template v-else-if=\"name === 'login'\">\r\n              <el-button type=\"primary\" plain @click=\"$router.push({ name: 'index' })\">{{ $t('registration.btn.cancel') }}</el-button>\r\n            </template>\r\n            <template v-if=\"page.next\">\r\n              <el-button type=\"primary\" @click=\"emit('next', page.next.Name)\">{{ $t('registration.btn.next') }}</el-button>\r\n            </template>\r\n            <template v-else-if=\"name === 'confirmation'\">\r\n              <el-button type=\"primary\" @click=\"emit('next', page.next.Name)\">{{ $t('registration.btn.personal') }}</el-button>\r\n            </template>\r\n            <template v-else></template>\r\n          </div>\r\n        </el-card>\r\n      </el-col>\r\n      <el-col :xs=\"24\" :sm=\"8\">\r\n        <VSideBar />\r\n      </el-col>\r\n    </el-row>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\n  import { onMounted, ref, watch, computed, inject } from 'vue'\r\n  import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\r\n  import { useRegister } from '@/hooks/useRegister'\r\n  import { getInformation } from '@/api/registration'\r\n  import { getPageConfig, getSteps } from '@/api/config'\r\n  import { ElMessage, ElLoading } from 'element-plus'\r\n  import Loading from '@/components/Loading'\r\n  import VSideBar from '@/views/register/home/1/sidebar.vue'\r\n\r\n  const props = defineProps({\r\n    name: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    nav: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    workbench: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  })\r\n\r\n  const emit = defineEmits(['mounted', 'next'])\r\n  const $pages = inject('$steps')\r\n  const $event = inject('$event')\r\n  const $config = inject('$config')\r\n\r\n  const page = computed(() => {\r\n    let obj = { current: null, prev: null, next: null }\r\n    for (var i = 0, len = $pages.value.length; i < len; i++) {\r\n      let it = $pages.value[i]\r\n      if (it.Name == props.name) {\r\n        obj.current = it\r\n        if (i > 0) {\r\n          obj.prev = $pages.value[i - 1]\r\n        }\r\n        if (i < len - 1) {\r\n          obj.next = $pages.value[i + 1]\r\n        }\r\n        break\r\n      }\r\n    }\r\n    return obj\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .register-layout {\r\n    .el-card {\r\n      border: solid 1px var(--el-color-primary-light-7) !important;\r\n      box-shadow: none;\r\n      margin-bottom: 20px;\r\n      :deep() {\r\n        > .el-card__header {\r\n          padding: 12px 18px;\r\n          background-color: var(--el-color-primary-light-8);\r\n          border-bottom: solid 1px var(--el-color-primary-light-7);\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: center;\r\n          color: var(--el-color-primary);\r\n          font-size: 16px;\r\n          font-weight: bold;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .breadcrumb {\r\n    list-style: none;\r\n    box-sizing: border-box;\r\n    font-size: 0;\r\n    overflow: hidden;\r\n    margin: 0;\r\n    padding: 0;\r\n    //--breadcrumb-width: 100px;\r\n    --breadcrumb-height: 43px;\r\n    --breadcrumb-color: #f5f5f5;\r\n    --breadcrumb-color-active: var(--el-color-primary);\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    flex-wrap: nowrap;\r\n    margin-bottom: 20px;\r\n    .item {\r\n      flex: 1;\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n      max-width: 150px;\r\n      box-sizing: border-box;\r\n      cursor: pointer;\r\n      box-sizing: border-box;\r\n      color: var(--el-color-primary);\r\n      display: block;\r\n      background-color: var(--breadcrumb-color);\r\n      text-decoration: none;\r\n      position: relative;\r\n      height: var(--breadcrumb-height);\r\n      text-align: center;\r\n      margin-right: calc(var(--breadcrumb-height) / 2 * 0.25 + 4px);\r\n      font-size: 14px;\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      align-items: center;\r\n      box-sizing: border-box;\r\n      color: #323335;\r\n      padding-left: 4px;\r\n      i {\r\n        width: 22px;\r\n        height: 22px;\r\n        border-radius: 50%;\r\n        background: rgba(53, 59, 85, 0.1);\r\n        line-height: 22px;\r\n        font-style: normal;\r\n        font-weight: bold;\r\n        font-size: 12px;\r\n        color: #353b55;\r\n        margin-left: 3px;\r\n      }\r\n      span {\r\n        font-size: 12px;\r\n        line-height: 22px;\r\n        font-weight: bold;\r\n        padding-left: 3px;\r\n        padding-right: 6px;\r\n        white-space: nowrap;\r\n      }\r\n      &::before,\r\n      &::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        border: 0 solid var(--breadcrumb-color);\r\n        border-width: calc(var(--breadcrumb-height) / 2 + 1px) calc(var(--breadcrumb-height) / 2 * 0.25);\r\n        width: 0;\r\n        height: 0;\r\n      }\r\n      &::before {\r\n        left: calc(-1 * var(--breadcrumb-height) / 2 * 0.25);\r\n        border-left-color: transparent;\r\n      }\r\n      &::after {\r\n        left: 100%;\r\n        border-color: transparent;\r\n        border-left-color: var(--breadcrumb-color);\r\n      }\r\n      &.is--active {\r\n        color: #fff;\r\n        background-color: var(--breadcrumb-color-active);\r\n        &::after {\r\n          border-color: transparent;\r\n          border-left-color: var(--breadcrumb-color-active);\r\n        }\r\n        &::before {\r\n          border-color: var(--breadcrumb-color-active);\r\n          border-left-color: transparent;\r\n        }\r\n        color: #fff;\r\n        i {\r\n          background: #fff;\r\n          color: var(--breadcrumb-color-active);\r\n        }\r\n      }\r\n      &:first-child {\r\n        &::before {\r\n          display: none;\r\n        }\r\n        border-radius: 4px 0 0 4px;\r\n      }\r\n      &:last-child {\r\n        margin-right: 0;\r\n        border-radius: 0 4px 4px 0;\r\n        &::after {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 900px) {\r\n    .breadcrumb {\r\n      .item {\r\n        padding-left: 3px;\r\n        i {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=5ad10566&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Projects\\\\Other\\\\EventMaster\\\\Dataleading3.0\\\\app\\\\app-web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5ad10566\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"register-layout\">\r\n    <nav class=\"breadcrumb\" v-if=\"nav\">\r\n      <template v-for=\"(it, index) in $pages.filter((x) => x.Name !== 'login')\" :key=\"it.ID\">\r\n        <router-link :to=\"{ name: it.Name }\" v-if=\"$information.steps && $information.steps.indexOf(it.Name) >= 0\">\r\n          <div class=\"item\" :class=\"{ 'is--active': it.Name === name }\">\r\n            <el-icon>\r\n              <em-icon-select />\r\n            </el-icon>\r\n            <span>{{ it.Title }}</span>\r\n          </div>\r\n        </router-link>\r\n        <div class=\"item\" :class=\"{ 'is--active': it.Name === name }\" v-else>\r\n          <el-icon>\r\n            <em-icon-select />\r\n          </el-icon>\r\n          <span>{{ it.Title }}</span>\r\n        </div>\r\n      </template>\r\n    </nav>\r\n    <div class=\"wrapper\">\r\n      <div class=\"top\" v-if=\"$config && $config.layout && $config.layout.top&&!workbench\" v-html=\"$config.layout.top\"></div>\r\n      <el-card class=\"register-form\">\r\n        <template #header v-if=\"$slots.header\">\r\n          <slot name=\"header\" />\r\n        </template>\r\n        <slot />\r\n      </el-card>\r\n      <div class=\"buttom\" v-if=\"$config && $config.layout && $config.layout.bottom&&!workbench\" v-html=\"$config.layout.bottom\"></div>\r\n    </div>\r\n\r\n    <el-affix position=\"bottom\" :offset=\"0\" v-if=\"$slots.default&&nav\">\r\n      <div class=\"actions\">\r\n        <template v-if=\"page.prev\">\r\n          <el-button class=\"prev\" type=\"primary\" plain @click=\"$router.push({ name: 'index' })\" v-if=\"page.prev != null && page.prev.Name === 'login'\">{{ $t('registration.btn.cancel') }}</el-button>\r\n          <el-button class=\"prev\" type=\"primary\" plain @click=\"$router.push({ name: page.prev.Name })\" v-else>{{ $t('registration.btn.prev') }}</el-button>\r\n        </template>\r\n        <template v-else>\r\n          <el-button class=\"cancel\" type=\"primary\" plain @click=\"$router.push({ name: 'index' })\">{{ $t('registration.btn.cancel') }}</el-button>\r\n        </template>\r\n        <template v-if=\"page.next\">\r\n          <el-button class=\"next\"  type=\"primary\" @click=\"emit('next', page.next.Name)\">{{ $t('registration.btn.next') }}</el-button>\r\n        </template>\r\n        <template v-else-if=\"name === 'confirmation'\">\r\n          <el-button type=\"primary\" @click=\"$router.push({ name: 'personalcenter-confirmation' })\">{{ $t('registration.btn.personal') }}</el-button>\r\n        </template>\r\n        <template v-else></template>\r\n      </div>\r\n    </el-affix>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\n  import { onMounted, ref, watch, computed, inject } from 'vue'\r\n  import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\r\n  import { useRegister } from '@/hooks/useRegister'\r\n  import { getInformation } from '@/api/registration'\r\n  import { getPageConfig, getSteps } from '@/api/config'\r\n  import { ElMessage, ElLoading } from 'element-plus'\r\n  import Loading from '@/components/Loading'\r\n  import VSideBar from './sidebar.vue'\r\n\r\n  const props = defineProps({\r\n    name: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    nav: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n\r\n    workbench: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  })\r\n\r\n  const emit = defineEmits(['mounted', 'next'])\r\n  const $pages = inject('$steps')\r\n  const $event = inject('$event')\r\n  const $config = inject('$config')\r\n  const $information = inject('$information')\r\n\r\n  const page = computed(() => {\r\n    let obj = { current: null, prev: null, next: null }\r\n    for (var i = 0, len = $pages.value.length; i < len; i++) {\r\n      let it = $pages.value[i]\r\n      if (it.Name == props.name) {\r\n        obj.current = it\r\n        if (i > 0) {\r\n          obj.prev = $pages.value[i - 1]\r\n        }\r\n        if (i < len - 1) {\r\n          obj.next = $pages.value[i + 1]\r\n        }\r\n        break\r\n      }\r\n    }\r\n    return obj\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .register-form {\r\n    margin-top: 0;\r\n    &.el-card {\r\n      margin: 0 0 0 0;\r\n      background: rgba(255, 255, 255, 0.93);\r\n      border-radius: 12px;\r\n      box-shadow: none;\r\n      border-width: 0;\r\n      :deep() {\r\n        > .el-card__header {\r\n          padding: 20px 24px;\r\n          padding-bottom: 0;\r\n          border-bottom-width: 0;\r\n          font-size: 16px;\r\n          line-height: 22px;\r\n          color: #363f5e;\r\n          font-weight: bold;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .wrapper {\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    min-height: calc(100vh - 250px);\r\n    .top,\r\n    .buttom {\r\n      margin-top: 20px;\r\n      margin-bottom: 20px;\r\n      font-size: 14px;\r\n      line-height: 22px;\r\n      color: rgba(34, 51, 68, 0.68);\r\n      :deep(){\r\n        p,span{\r\n          word-break: break-word;\r\n        }\r\n       \r\n      }\r\n    }\r\n  }\r\n  .actions {\r\n    background: #ffffff;\r\n    border-radius: 8px;\r\n    height: 60px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    .el-button {\r\n      width: 110px;\r\n      height: 40px;\r\n    }\r\n  }\r\n  .el-affix {\r\n    .el-affix--fixed {\r\n      .actions {\r\n        box-shadow: inset 0px 0px 6px #f0f0f0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .breadcrumb {\r\n    position: relative;\r\n    margin-top: 24px;\r\n    margin-bottom: 24px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    a {\r\n      text-decoration: none !important;\r\n    }\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 15px;\r\n      left: 0;\r\n      right: 0;\r\n      height: 1px;\r\n      background-color: rgba(53, 59, 85, 0.12);\r\n      z-index: 98;\r\n    }\r\n    .item {\r\n      position: relative;\r\n      background-color: #eef2f8;\r\n      padding: 0 0px;\r\n      z-index: 99;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-start;\r\n      align-items: center;\r\n      cursor: pointer;\r\n      .el-icon {\r\n        width: 26px;\r\n        height: 26px;\r\n        margin-bottom: 6px;\r\n        font-size: 26px;\r\n      }\r\n      span {\r\n        font-weight: 600;\r\n        font-size: 16px;\r\n        line-height: 22px;\r\n        color: rgba(53, 59, 85, 0.68);\r\n        text-decoration: none;\r\n        font-style: normal;\r\n      }\r\n      &.is--active {\r\n        .el-icon {\r\n          svg {\r\n            :deep() {\r\n              path {\r\n                &:nth-child(1) {\r\n                  fill: var(--el-color-primary);\r\n                  fill-opacity: 1;\r\n                }\r\n                &:nth-of-type(2) {\r\n                  stroke: #fff;\r\n                  stroke-opacity: 1;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n        span {\r\n          color: var(--el-color-primary);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  @media only screen and (max-width: 600px) {\r\n    .breadcrumb {\r\n      .item {\r\n        span{\r\n          font-size:12px\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=5efb0aeb&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Projects\\\\Other\\\\EventMaster\\\\Dataleading3.0\\\\app\\\\app-web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5efb0aeb\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"register-container is--register animate__animated\">\r\n    <template v-if=\"template === '2'\">\r\n      <VTemplate02 :name=\"name\" :nav=\"!workbench\" :workbench=\"workbench\" @next=\"emit('next')\">\r\n        <template #header v-if=\"$slots.header\">\r\n          <slot name=\"header\" />\r\n        </template>\r\n        <template #default v-if=\"mounted\">\r\n          <slot />\r\n        </template>\r\n      </VTemplate02>\r\n      \r\n    </template>\r\n    <template v-else>\r\n      <VTemplate01 :name=\"name\" :nav=\"!workbench\" :workbench=\"workbench\" @next=\"emit('next')\">\r\n        <template #header v-if=\"$slots.header\">\r\n          <slot name=\"header\" />\r\n        </template>\r\n        <template #default v-if=\"mounted\">\r\n         \r\n          <slot />\r\n        </template>\r\n      </VTemplate01>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\n  import { onMounted, ref, watch, computed, inject, provide } from 'vue'\r\n  import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\r\n  import { useRegister } from '@/hooks/useRegister'\r\n  import { getInformation } from '@/api/registration'\r\n  import { getPageConfig, getSteps } from '@/api/config'\r\n  import { ElMessage, ElLoading } from 'element-plus'\r\n  import Loading from '@/components/Loading'\r\n  import { useRoute, useRouter } from 'vue-router'\r\n  import { storeToRefs } from 'pinia'\r\n  import { useAppStore } from '@/store/modules/app'\r\n\r\n  import VTemplate01 from './template/1/index.vue'\r\n  import VTemplate02 from './template/2/index.vue'\r\n\r\n  const props = defineProps({\r\n    name: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    nav: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    workbench: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    checkout:{\r\n      type: Boolean,\r\n      default: false,\r\n    }\r\n  })\r\n  const { template } = storeToRefs(useAppStore())\r\n\r\n  const route = useRoute()\r\n  const router = useRouter()\r\n  const pages = inject('$steps')\r\n\r\n  console.log('route', route.name)\r\n\r\n  const $event = inject('$event')\r\n  const emit = defineEmits(['next'])\r\n  //const pages = ref([])\r\n  const pageConfig = ref({})\r\n  const information = ref({})\r\n  const mounted = ref(false)\r\n  const loading = ref(true)\r\n\r\n  const page = computed(() => {\r\n    let obj = { current: null, prev: null, next: null }\r\n    for (var i = 0, len = pages.value.length; i < len; i++) {\r\n      let it = pages.value[i]\r\n      if (it.Name == props.name) {\r\n        obj.current = it\r\n        if (i > 0) {\r\n          obj.prev = pages.value[i - 1]\r\n        }\r\n        if (i < len - 1) {\r\n          obj.next = pages.value[i + 1]\r\n        }\r\n        break\r\n      }\r\n    }\r\n    return obj\r\n  })\r\n\r\n  //\r\n  onMounted(async () => {\r\n    mounted.value = false\r\n    const { data: y } = await getPageConfig(props.name)\r\n    pageConfig.value = y\r\n    if (props.name !== 'login') {\r\n      try {\r\n        const { data: z } = await getInformation()\r\n        information.value = z\r\n        console.log('information=', information.value)\r\n        if (information.value.steps.indexOf(route.name) < 0 && !props.workbench) {\r\n          //\r\n          router.push({ name: information.value.steps[information.value.steps.length - 1] })\r\n        }\r\n      } catch (e) {\r\n        if (e && e.ret != 0) {\r\n          router.push({ name: 'index' })\r\n        }\r\n      }\r\n    }\r\n    emit('mounted', { pageConfig: pageConfig.value, information: information.value })\r\n    mounted.value = true\r\n\r\n    if (!page.value.current&& !props.workbench) {\r\n      router.push({ name: 'index' })\r\n    }\r\n  })\r\n\r\n  //\r\n  provide('$config', pageConfig)\r\n  provide('$information', information)\r\n</script>\r\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./sidebar.vue?vue&type=style&index=0&id=7413d862&lang=scss&scoped=true\""],"sourceRoot":""}