{"version":3,"sources":["webpack:///./src/views/pages/tianbao/audienceEn/joinExEn/subpages/entrance.vue?704b","webpack:///./src/views/pages/tianbao/audienceEn/joinExEn/subpages/entrance.vue?3fc6","webpack:///src/views/pages/tianbao/audienceEn/joinExEn/subpages/entrance.vue","webpack:///./src/views/pages/tianbao/audienceEn/joinExEn/subpages/entrance.vue?4098","webpack:///./src/views/pages/tianbao/audienceEn/joinExEn/subpages/entrance.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","class","process","_v","_s","nameEn","staticStyle","_m","list","length","attrs","logo","_f","startTime","endTime","exHallEn","on","$event","apply","groupList","itm","idx","name","applyGroup","_e","goBack","staticRenderFns","data","taskList","speenInfo","components","computed","applyCompanyId","$route","query","applyCompanyOrderId","methods","mapActions","getApplyFlow","getApplyFlowSpeed","getApplyExhibition","applyCompanyOrder","editCompanyOrder","getGroup","init","info","c","$router","push","e","isAgent","req","bool","Id","getBoothGroup","i","created","component"],"mappings":"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","file":"static/js/chunk-64d08811.3dbba0a2.js","sourcesContent":["export * from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/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!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./entrance.vue?vue&type=style&index=0&id=6dda7a76&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"entrance\"},[_c('div',{staticClass:\"entrance-task\"},[_vm._l((_vm.taskList),function(item,index){return _c('div',{key:index,staticClass:\"task-one\",class:item.process? 'finished': index === 1?'ing':''},[_vm._v(\"\\n       \"+_vm._s(index+1)+\".\"+_vm._s(item.nameEn)+\"\\n      \"),_c('div',{staticClass:\"box\"},[(!item.process)?_c('div'):_c('i',{staticClass:\"icon iconfont icon-duigou\",staticStyle:{\"color\":\"#fff\"}})])])}),_c('div',{staticClass:\"line\"})],2),_vm._m(0),(_vm.list && _vm.list.length > 0)?_c('div',{staticClass:\"entrance-list\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index},[_c('div',{staticClass:\"list-one\",class:index%2 !== 0?'gray':''},[_c('div',[_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\",\"margin-right\":\"10px\"},attrs:{\"src\":item.logo}})]),_c('div',{staticClass:\"text\"},[_c('p',[_vm._v(_vm._s(item.nameEn))]),_c('p',[_vm._v(_vm._s(_vm._f(\"moment\")(item.startTime,\"YYYY/MM/DD\"))+\"~\"+_vm._s(_vm._f(\"moment\")(item.endTime,\"MM/DD\"))+\"     \"+_vm._s(item.exHallEn))])]),_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.apply(item,'否')}}},[_vm._v(\"Booking/直销报名\")])])]),(item.groupList && item.groupList.length > 0)?_c('div',{staticClass:\"group\"},_vm._l((item.groupList),function(itm,idx){return _c('div',{key:idx,staticClass:\"group-box\"},[_c('div',{staticClass:\"group-1\"},[_vm._v(_vm._s(itm.name))]),_c('div',{staticClass:\"group-2\",on:{\"click\":function($event){return _vm.applyGroup(item,itm)}}},[_vm._v(\"\\n            join/加入\"),_c('br'),_vm._v(\"\\n            \"+_vm._s(itm.name)+\"\\n          \")])])}),0):_vm._e()])}),0):_c('div',{staticStyle:{\"line-height\":\"500px\",\"text-align\":\"center\"}},[_vm._v(\"No data！\")]),_c('div',{staticClass:\"entrance-btn\"},[_c('Button',{attrs:{\"type\":\"primary\",\"size\":\"large\"},on:{\"click\":_vm.goBack}},[_vm._v(\"Previous/上一步\")])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"entrance-header\"},[_c('p',[_vm._v(\"Exhibition Application/参展申请\")]),_c('span'),_c('p',[_vm._v(\"Select Exhibition & Booth/选择展会及展位类型\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"entrance\">\r\n    <div class=\"entrance-task\">\r\n      <div v-for=\"(item,index) in taskList\" :key=\"index\" class=\"task-one\" :class=\"item.process? 'finished': index === 1?'ing':''\">\r\n         {{index+1}}.{{item.nameEn}}\r\n        <div class=\"box\">\r\n          <div v-if=\"!item.process\"></div>\r\n          <i v-else class=\"icon iconfont icon-duigou\" style=\"color:#fff;\"></i>\r\n        </div>\r\n      </div>\r\n      <!-- <div class=\"task-one\">\r\n       Done\r\n        <div class=\"box\"><div></div></div>\r\n      </div> -->\r\n      <div class=\"line\"></div>\r\n    </div>\r\n    <div class=\"entrance-header\">\r\n      <p>Exhibition Application/参展申请</p>\r\n      <span></span>\r\n      <p>Select Exhibition & Booth/选择展会及展位类型</p>\r\n    </div>\r\n\r\n    <div class=\"entrance-list\" v-if=\"list && list.length > 0\">\r\n      <div v-for=\"(item,index) in list\" :key=\"index\">\r\n        <div class=\"list-one\" :class=\"index%2 !== 0?'gray':''\">\r\n          <div>\r\n            <img :src=\"item.logo\"  style=\"width:40px;height:40px;margin-right:10px\">\r\n          </div>\r\n          <div class=\"text\">\r\n            <p>{{item.nameEn}}</p>\r\n            <p>{{item.startTime | moment(\"YYYY/MM/DD\")}}~{{item.endTime | moment(\"MM/DD\")}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{item.exHallEn}}</p>\r\n          </div>\r\n          <div style=\"display:flex;\">\r\n            <div class=\"btn\" @click=\"apply(item,'否')\">Booking/直销报名</div>\r\n           \r\n          </div>\r\n        </div>\r\n        <div class=\"group\" v-if=\"item.groupList && item.groupList.length > 0\">\r\n          <div v-for=\"(itm,idx) in item.groupList\" :key=\"idx\" class=\"group-box\">\r\n            <div class=\"group-1\">{{itm.name}}</div>\r\n            <div class=\"group-2\" @click=\"applyGroup(item,itm)\">\r\n              join/加入<br>\r\n              {{itm.name}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-else style=\"line-height:500px;text-align:center;\">No data！</div>\r\n\r\n    <div class=\"entrance-btn\">\r\n      <Button\r\n        type=\"primary\"\r\n        size=\"large\"\r\n        @click=\"goBack\"\r\n      >Previous/上一步</Button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"entrance\", // 参展申请 - 入口\r\n  data() {\r\n    return {\r\n      taskList: [],\r\n      speenInfo: null,\r\n      list: [],\r\n    };\r\n  },\r\n  components: {\r\n  },\r\n  computed: {\r\n    applyCompanyId() {\r\n      return this.$route.query.applyCompanyId;\r\n    },\r\n    applyCompanyOrderId() {\r\n      return this.$route.query.applyCompanyOrderId;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getApplyFlow: \"commonFill/getApplyFlow\",\r\n      getApplyFlowSpeed: \"commonFill/getApplyFlowSpeed\",\r\n      getApplyExhibition: \"commonFill/getApplyExhibition\",\r\n      applyCompanyOrder: \"commonFill/applyCompanyOrder\",\r\n      editCompanyOrder: \"commonFill/editCompanyOrder\",\r\n      getGroup: \"commonFill/getGroup\"\r\n    }),\r\n    async init() {\r\n      // 流程\r\n      let taskList = await this.getApplyFlow();\r\n      this.taskList = taskList;\r\n\r\n      let info = await this.getApplyFlowSpeed(this.applyCompanyId);\r\n      if (info && info.info) {\r\n        this.speenInfo = info.info;\r\n        if (this.taskList && this.taskList.length > 0) {\r\n          this.taskList.map(c => {\r\n            if (this.speenInfo && this.speenInfo.speed >= c.speed) {\r\n              c.process = true;\r\n            }\r\n          })\r\n        }\r\n      }\r\n      // this.speenInfo不存在，即此轮流程已结束\r\n      if (!this.speenInfo) {\r\n        if (this.applyCompanyOrderId) {\r\n          this.$router.push(\"/fillEn/join/basicEn?applyCompanyId=\" + this.applyCompanyId + \"&applyCompanyOrderId=\" + this.applyCompanyOrderId);\r\n        } else {\r\n          this.$router.push(\"/fillEn/join/basicEn?applyCompanyId=\" + this.applyCompanyId);\r\n        }\r\n      }\r\n\r\n      let list = await this.getApplyExhibition();\r\n      this.list = list;\r\n    },\r\n    goBack() {\r\n      if (this.applyCompanyOrderId) {\r\n        this.$router.push(\"/fillEn/join/basicEn?applyCompanyId=\" + this.applyCompanyId + \"&applyCompanyOrderId=\" + this.applyCompanyOrderId);\r\n      } else {\r\n        this.$router.push(\"/fillEn/join/basicEn?applyCompanyId=\" + this.applyCompanyId);\r\n      }\r\n    },\r\n    async apply(e,isAgent) {\r\n      let req = {\r\n        \"ApplyCompanyId\": this.applyCompanyId,\r\n        \"ExhibitionId\": e.id,\r\n        \"IsAgent\": isAgent,\r\n        \"AgentName\": \"\"\r\n      }\r\n      if (this.speenInfo.speed < 2) {\r\n        let bool = await this.applyCompanyOrder(req);\r\n        if (bool && bool.successed) {\r\n          this.$router.push(\"/fillEn/join/orderEn?id=\" + e.id + \"&applyCompanyId=\" + this.applyCompanyId + \"&applyCompanyOrderId=\" + bool.info.id);\r\n        } else {\r\n          this.$Message.warning(\"Application received, please wait for further notification from organizer\");\r\n        }\r\n      } else {\r\n        let bool = await this.editCompanyOrder({...{Id: this.speenInfo.applyCompanyOrderId}, ...req});\r\n        if (bool && bool.successed) {\r\n          this.$router.push(\"/fillEn/join/orderEn?id=\" + e.id + \"&applyCompanyId=\" + this.applyCompanyId + \"&applyCompanyOrderId=\" + this.speenInfo.applyCompanyOrderId);\r\n        } else {\r\n          this.$Message.warning(\"Application received, please wait for further notification from organizer\");\r\n        }\r\n      }\r\n    },\r\n    async applyGroup(e,itm) {\r\n      let req = {\r\n        \"ApplyCompanyId\": this.applyCompanyId,\r\n        \"ExhibitionId\": e.id,\r\n        \"IsAgent\": \"是\",\r\n        \"AgentName\": itm.name\r\n      }\r\n      if (this.speenInfo.speed < 2) {\r\n        let bool = await this.applyCompanyOrder(req);\r\n        if (bool && bool.successed) {\r\n          this.$router.push(\"/fillEn/join/orderEn?id=\" + e.id + \"&applyCompanyId=\" + this.applyCompanyId + \"&applyCompanyOrderId=\" + bool.info.id + \"&groupId=\" + itm.id);\r\n        } else {\r\n          this.$Message.warning(\"Application received, please wait for further notification from organizer\");\r\n        }\r\n      } else {\r\n        let bool = await this.editCompanyOrder({...{Id: this.speenInfo.applyCompanyOrderId}, ...req});\r\n        if (bool && bool.successed) {\r\n          this.$router.push(\"/fillEn/join/orderEn?id=\" + e.id + \"&applyCompanyId=\" + this.applyCompanyId + \"&applyCompanyOrderId=\" + this.speenInfo.applyCompanyOrderId + \"&groupId=\" + itm.id);\r\n        } else {\r\n          this.$Message.warning(\"Application received, please wait for further notification from organizer\");\r\n        }\r\n      }\r\n    },\r\n    async getBoothGroup(e,i) {\r\n      let list = await this.getGroup(e.id);\r\n      if (list && list.length > 0) {\r\n        this.$set(this.list[i],\"groupList\",list);\r\n      } else {\r\n        this.$Message.warning(\"Pavilion information is not available！\");\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.init();\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped lang='scss'>\r\n.entrance {\r\n  &-task {\r\n    width: 100%;\r\n    margin: 20px 0 50px;\r\n    padding: 0 80px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    color: #666;\r\n    position: relative;\r\n    .task-one {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      z-index: 2;\r\n      .box {\r\n        width: 20px;\r\n        height: 20px;\r\n        background-color: #fff;\r\n        box-shadow: 0px 2px 5px 0px rgba(1, 53, 97, 0.5);\r\n        border-radius: 50%;\r\n        margin-top: 10px;\r\n        div {\r\n          width: 14px;\r\n          height: 14px;\r\n          background-color: #8ba5bc;\r\n          border-radius: 50%;\r\n          margin: 3px auto 0;\r\n        }\r\n      }\r\n    }\r\n    .line {\r\n      height: 8px;\r\n      background-color: #d7dee4;\r\n      position: absolute;\r\n      width: 998px;\r\n      left: 108px;\r\n      top: 37px;\r\n      z-index: 1;\r\n    }\r\n    .ing {\r\n      color: #03caba;\r\n      .box {\r\n        div {\r\n          background-color: #03caba;\r\n        }\r\n      }\r\n    }\r\n    .finished {\r\n      color: #03caba;\r\n      .box {\r\n        background-color: #03caba;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n      }\r\n    }\r\n  }\r\n\r\n  &-header {\r\n    width: 100%;\r\n    height: 64px;\r\n    background-color: #03caba;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    p {\r\n      line-height: 64px;\r\n      font-size: 20px;\r\n    }\r\n    span {\r\n      width: 30px;\r\n      height: 1px;\r\n      background-color: #fff;\r\n      margin: 0 15px;\r\n    }\r\n  }\r\n\r\n  &-list {\r\n    .list-one {\r\n      width: 100%;\r\n      height: 106px;\r\n      background-color: #fff;\r\n      padding: 0 30px;\r\n      display: flex;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      .text {\r\n        width: calc(100% - 240px);\r\n        padding-right: 30px;\r\n        p {\r\n          overflow: hidden;\r\n          text-overflow:ellipsis;\r\n          white-space: nowrap;\r\n          color: #333;\r\n        }\r\n        p:first-child {\r\n          font-size: 18px;\r\n          font-weight: bold;\r\n        }\r\n        p:last-child {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n      .btn {\r\n        width: 160px;\r\n        height: 46px;\r\n        background-color: #03caba;\r\n        color: #fff;\r\n        font-size: 16px;\r\n        text-align: center;\r\n        line-height: 46px;\r\n        cursor: pointer;\r\n      }\r\n      .second {\r\n        background-color: #fff;\r\n        border: solid 1px #03caba;\r\n        color: #03caba;\r\n      }\r\n    }\r\n    .gray {\r\n      background-color: #ededed;\r\n    }\r\n    .group {\r\n      width: 100%;\r\n      padding: 24px 10px 10px 24px;\r\n      background-color: #fff;\r\n      border-top: 1px solid #ededed;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .group-box {\r\n        text-align: center; \r\n        cursor: pointer;\r\n        font-size: 20px;\r\n        margin: 0 14px 14px 0;\r\n        position: relative;\r\n        &:hover {\r\n          .group-2 {\r\n            visibility: visible;\r\n          }\r\n        }\r\n      }\r\n      .group-1 {\r\n        line-height: 58px;\r\n        padding: 0 40px;\r\n        background-color: #f5f5f5;\r\n        color: #333;\r\n      }\r\n      .group-2 {\r\n        width: 100%;\r\n        color: #fff;\r\n        font-size: 16px;\r\n        padding: 5px 40px;\r\n        background-color: #03caba;\r\n        box-shadow: 1px 2px 5px 0px rgba(0, 49, 90, 0.6);\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        visibility: hidden;\r\n      }\r\n    }\r\n  }\r\n\r\n  &-btn {\r\n    margin-top: 50px;\r\n    margin-bottom: 80px;\r\n    text-align: center;\r\n    button {\r\n      width: 200px;\r\n      height: 48px;\r\n      background-color: #03caba;\r\n      font-size: 16px;\r\n      border-color: #03caba;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./entrance.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./entrance.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./entrance.vue?vue&type=template&id=6dda7a76&scoped=true&\"\nimport script from \"./entrance.vue?vue&type=script&lang=js&\"\nexport * from \"./entrance.vue?vue&type=script&lang=js&\"\nimport style0 from \"./entrance.vue?vue&type=style&index=0&id=6dda7a76&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6dda7a76\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}