{"version":3,"sources":["webpack:///./src/views/pages/En/exhibition/exhibition-home/exhibition-home-project.vue?4377","webpack:///./src/assets/img/home-overEn.png","webpack:///./src/views/pages/En/exhibition/exhibition-home/exhibition-home-project.vue?6c8a","webpack:///src/views/pages/En/exhibition/exhibition-home/exhibition-home-project.vue","webpack:///./src/views/pages/En/exhibition/exhibition-home/exhibition-home-project.vue?4709","webpack:///./src/views/pages/En/exhibition/exhibition-home/exhibition-home-project.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","exhibition","nameEn","on","$event","$router","go","ComFinish","attrs","_l","item","index","key","class","stateId","linkToOthers","staticStyle","_e","introductionEn","linkTo","link","stopTime","_f","staticRenderFns","name","data","computed","mapGetters","company","joinInfo","header","mounted","getComFinish","methods","$http","get","then","c","window","component"],"mappings":"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","file":"static/js/chunk-3cec3e14.a308f74c.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!./exhibition-home-project.vue?vue&type=style&index=0&id=77552e94&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"static/img/home-overEn.eb303969.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ex-home\"},[_c('div',{staticClass:\"eh-top\"},[_c('div',{staticClass:\"eh-top-l\"},[_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"info-title\"},[_vm._v(_vm._s(_vm.exhibition.nameEn))]),_c('div',{staticClass:\"info-txt\"},[_vm._v(\"You need to complete the following tasks for successful participation\")])])]),_c('div',{staticClass:\"eh-top-r\"},[_c('div',{staticClass:\"header-tool-box\"},[_c('div',{staticClass:\"htb-item\",on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_c('span',[_vm._v(\"Back\")])])])])]),_c('div',{staticClass:\"eh-content\"},[(_vm.ComFinish.length)?_c('Row',{attrs:{\"gutter\":30}},_vm._l((_vm.ComFinish),function(item,index){return _c('Col',{key:'releaseInt-' + index,staticClass:\"w-20\",attrs:{\"md\":12,\"xl\":8,\"xxl\":6}},[_c('div',{staticClass:\"pro\",class:item.stateId !== 1 ? 'pro-no' :'pro-over'},[_c('div',{staticClass:\"pro-top\",on:{\"click\":function($event){return _vm.linkToOthers(item)}}},[_vm._v(\"\\n            \"+_vm._s(item.nameEn)+\"\\n            \"),(item.stateId == 1)?_c('span',{staticStyle:{\"color\":\"#009944\"}},[_vm._v(\"Completed\")]):_vm._e(),(item.stateId == -1)?_c('span',{staticStyle:{\"color\":\"#999\"}},[_vm._v(\"To be completed\")]):_vm._e(),(item.stateId == 0)?_c('span',{staticStyle:{\"color\":\"#fe781d\"}},[_vm._v(\"Processing\")]):_vm._e()]),_c('div',{staticClass:\"pro-bot common-bot\"},[_c('p',[_vm._v(\"\\n              \"+_vm._s(item.introductionEn)+\"\\n              \"),(item.link)?_c('span',{staticClass:\"exist\",on:{\"click\":function($event){return _vm.linkTo(item.link)}}},[_vm._v(\" View details\")]):_vm._e()]),(item.stateId == 1)?_c('span',{staticClass:\"type-1\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/home-overEn.png\")}})]):_vm._e(),(item.stateId == 1)?_c('span',{staticClass:\"type-3\"},[_vm._v(\"Will be displayed on My Cloud Booth\")]):_vm._e(),(item.stateId !== 1 && item.stopTime)?_c('span',{staticClass:\"type-2\"},[_vm._v(\"Due date is \"+_vm._s(_vm._f(\"moment\")(item.stopTime,\"YYYY/MM/DD\")))]):_vm._e()])])])}),1):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"ex-home\">\r\n    <div class=\"eh-top\">\r\n      <div class=\"eh-top-l\">\r\n        <div class=\"info\">\r\n          <div class=\"info-title\">{{exhibition.nameEn}}</div>\r\n          <div class=\"info-txt\">You need to complete the following tasks for successful participation</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"eh-top-r\">\r\n        <div  class=\"header-tool-box\">\r\n            <div class=\"htb-item\" @click=\"$router.go(-1)\">\r\n            <span>Back</span>\r\n            </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"eh-content\">\r\n      <Row :gutter=\"30\" v-if=\"ComFinish.length\">\r\n        <Col\r\n          :md=\"12\"\r\n          :xl=\"8\"\r\n          :xxl=\"6\"\r\n          v-for=\"(item, index) in ComFinish\"\r\n          :key=\"'releaseInt-' + index\"\r\n          class=\"w-20\"\r\n        > \r\n          <!-- 会刊信息 -->\r\n          <div class=\"pro\" :class=\"item.stateId !== 1 ? 'pro-no' :'pro-over'\">\r\n            <div class=\"pro-top\" @click=\"linkToOthers(item)\">\r\n              {{item.nameEn}}\r\n              <span v-if=\"item.stateId == 1\" style=\"color: #009944;\">Completed</span>\r\n              <span v-if=\"item.stateId == -1\" style=\"color: #999;\">To be completed</span>\r\n              <span v-if=\"item.stateId == 0\" style=\"color: #fe781d;\">Processing</span>\r\n            </div>\r\n            <div class=\"pro-bot common-bot\">\r\n              <p>\r\n                {{item.introductionEn}}\r\n                <span class=\"exist\" v-if=\"item.link\" @click=\"linkTo(item.link)\"> View details</span>\r\n              </p>\r\n              <span class=\"type-1\" v-if=\"item.stateId == 1\">\r\n                  <img src=\"@/assets/img/home-overEn.png\" >\r\n              </span>\r\n              <span class=\"type-3\" v-if=\"item.stateId == 1\">Will be displayed on My Cloud Booth</span>\r\n              <span class=\"type-2\" v-if=\"item.stateId !== 1 && item.stopTime\">Due date is {{item.stopTime | moment(\"YYYY/MM/DD\")}}</span>\r\n            </div>\r\n          </div>\r\n        </Col>\r\n      </Row>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {  mapGetters } from \"vuex\";\r\nexport default {\r\n  name: \"exhibition-home-project\",\r\n  data() {\r\n    return {\r\n      ComFinish:[],\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      company: \"loginModule/getCompany\",\r\n      exhibition: \"loginModule/getExhibition\",\r\n      joinInfo: \"loginModule/getJoinInfo\"\r\n    }),\r\n    header() { return this.$store.state.header},\r\n  }, \r\n  mounted(){\r\n    this.getComFinish();\r\n  },\r\n  methods:{\r\n    getComFinish(){ // 获取获取公司确认项\r\n      this.$http.get(`/api/join/GetFinishItems?joinId=${this.joinInfo.joinId}`,this.header)\r\n                .then(res=>{\r\n                  if(res.status === 200 && res.data){\r\n                    this.ComFinish = res.data.items;\r\n                    this.ComFinish.map(c => {\r\n                      if (c.introduction.length > 80) {\r\n                        c.introduction = c.introduction.substring(0,80) + '...';\r\n                      }\r\n                    })\r\n                  }\r\n                })\r\n    },\r\n    linkTo(item) {\r\n      window.open(item);\r\n    },\r\n    linkToOthers(item) {\r\n      // 根据finishType字段，跳转至不同页面\r\n      // Embellish = 11：个性化设置提示\r\n      // Release = 12：发布商机提示\r\n      // Product = 13：上传产品提示\r\n      // Activity = 14：申请活动提示\r\n      // Catalogue = 15：提交会刊提示\r\n      // Lintel = 16：提交楣板信息提示, \r\n      // Vehicle = 17：申请车证提示\r\n      // Company = 18：完善公司信息提示\r\n      // Contact = 19：完善联系人提示\r\n      // Invoice = 20：完善开票信息提示\r\n      // Example = 21：上传案例提示\r\n      // Brand = 22：上传品牌提示\r\n      // Cooperation = 23：上传合作伙伴提示\r\n      // if (item.finishType) {\r\n      //   switch (item.finishType) {\r\n      //     case 11:\r\n      //       this.$router.push(\"/exhibitionEn/index/exinfo/exhibition-info\");\r\n      //       break;\r\n      //     case 12: // 商机\r\n      //       break;\r\n      //     case 13:\r\n      //       this.$router.push(\"/exhibitionEn/index/product/allpro\");\r\n      //       break;\r\n      //     case 14:\r\n      //       this.$router.push(\"/exhibitionEn/index/activity/allpro\");\r\n      //       break;\r\n      //     case 15:\r\n      //       this.$router.push(\"/exhibitionEn/index/exinfo/catalogue\");\r\n      //       break;\r\n      //     case 16:\r\n      //       this.$router.push(\"/exhibitionEn/index/exinfo/fascia-board\");\r\n      //       break;\r\n      //     case 17:\r\n      //       this.$router.push(\"/exhibitionEn/index/exinfo/carApply\");\r\n      //       break;\r\n      //     case 18:\r\n      //       this.$router.push(\"/exhibitionEn/index/companyInfo?type=basic\");\r\n      //       break;\r\n      //     case 19:\r\n      //       this.$router.push(\"/exhibitionEn/index/companyInfo?type=link\");\r\n      //       break;\r\n      //     case 20:\r\n      //       this.$router.push(\"/exhibitionEn/index/exinfo/invoice\");\r\n      //       break;\r\n      //     case 21:\r\n      //       this.$router.push(\"/exhibitionEn/index/case/all\");\r\n      //       break;\r\n      //     case 22:\r\n      //       this.$router.push(\"/exhibitionEn/index/brand/allbrand\");\r\n      //       break;\r\n      //     case 23:\r\n      //       this.$router.push(\"/exhibitionEn/index/partner/allpartner\");\r\n      //       break;\r\n      //   }\r\n      // }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.ex-home {\r\n  width: 100%;\r\n\theight: 120px;\r\n\tbackground-color: #fff;\r\n\tbox-shadow: 0px 0px 5px 0px \r\n\t\trgba(0, 0, 0, 0.1);\r\n  padding:20px 24px 0 24px ;\r\n  .eh {\r\n    &-top {\r\n      display: flex;\r\n      align-items: center;\r\n      margin-bottom: 20px;\r\n      &-l {\r\n        width: 60%;\r\n        display: flex;\r\n        align-items: center;\r\n        .logo {\r\n          width: 64px;\r\n          height: 64px;\r\n          border: 1px solid #d8d8d8;\r\n          border-radius: 5px;\r\n          overflow: hidden;\r\n          img {\r\n            width: 100%;\r\n            height: 100%;\r\n          }\r\n        }\r\n        .info {\r\n          position: relative;\r\n          max-width: calc(100% - 100px);\r\n          &-title {\r\n            font-size: 14px;\r\n            color: #333;\r\n            font-weight: bold;\r\n            margin-bottom: 10px;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &-txt {\r\n            font-size: 12px;\r\n            color: #4d4d4d;\r\n          }\r\n          span{\r\n            position: absolute;\r\n            right: -40px;\r\n            top:4px;\r\n            font-size: 14px;\r\n            color: #00a0e9;\r\n            cursor: pointer;\r\n          }\r\n        }\r\n      }\r\n      &-r {\r\n        position: relative;\r\n        width: 40%;\r\n        text-align: right;\r\n        .htb-item{\r\n            display: flex;\r\n            width: 150px;\r\n            height: 80px;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: #fff;\r\n            border: 2px dotted #00a0e9;\r\n            color: #00a0e9;\r\n            background: #fafaff;\r\n            margin-left: 20px;\r\n            cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n    &-content {\r\n      padding-top:24px;\r\n      .pro{\r\n        height: 260px;\r\n        background-color: #fafafa;\r\n        box-shadow: 0px 2px 6px 0px \r\n          rgba(136, 156, 176, 0.1);\r\n        margin-bottom: 24px;\r\n      }\r\n      .pro-no{\r\n        background-color: #fff;\r\n        .pro-top{\r\n            color:#333;\r\n        }\r\n        .common-bot{\r\n            p{\r\n                color:#333;\r\n            }\r\n        }\r\n      }\r\n      .pro-top{\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        height: 52px;\r\n        font-size: 16px;\r\n        color: #999;\r\n        padding: 0 24px;\r\n        border-bottom: 1px solid #e8e8e8;\r\n        cursor: pointer;\r\n        span{\r\n          display: block;\r\n          color: #009944;\r\n          font-size: 16px;\r\n        }\r\n      }\r\n      .pro-bot{\r\n        padding:12px 24px 24px 24px;\r\n        height: 208px;\r\n      }\r\n      .common-bot{\r\n        position: relative;\r\n        p{\r\n          max-height: 132px;\r\n          font-size: 14px;\r\n          color: #999;\r\n          // font-weight: bold;\r\n          line-height: 2;\r\n          // overflow: hidden;\r\n          // text-overflow: ellipsis;\r\n          // display: -webkit-box;\r\n          // -webkit-line-clamp: 4;\r\n          // -webkit-box-orient: vertical;\r\n        }\r\n        .type-1{\r\n          position: absolute;\r\n          right: 10px;\r\n          bottom: 10px;\r\n        }\r\n        .type-2{\r\n          position: absolute;\r\n          right: 20px;\r\n          bottom: 10px;\r\n          color: #ff0000;\r\n        }\r\n        .type-3 {\r\n          width: 100%;\r\n          text-align: center;\r\n          position: absolute;\r\n          left: 0;\r\n          bottom: 10px;\r\n          color: #333;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .exist {\r\n    font-size: 14px;\r\n    color: #1890ff;\r\n    // margin-left: 10px;\r\n    z-index: 1000;\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./exhibition-home-project.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!./exhibition-home-project.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./exhibition-home-project.vue?vue&type=template&id=77552e94&scoped=true&\"\nimport script from \"./exhibition-home-project.vue?vue&type=script&lang=js&\"\nexport * from \"./exhibition-home-project.vue?vue&type=script&lang=js&\"\nimport style0 from \"./exhibition-home-project.vue?vue&type=style&index=0&id=77552e94&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  \"77552e94\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}