{"version":3,"sources":["webpack:///./src/components/custom-component/custom-component-common.vue?b059","webpack:///./src/components/custom-component/custom-component-common.vue?86f8","webpack:///./src/components/custom-component/custom-component-common.vue?8877","webpack:///src/components/custom-component/custom-component-common.vue","webpack:///./src/components/custom-component/custom-component-common.vue?50fd","webpack:///./src/components/custom-component/custom-component-common.vue","webpack:///./src/views/pages/host/host-ex/host-ex-list/subpages/ex-act/subpages/exhibition-act-add/exhibition-act-add.vue?19ad","webpack:///./src/views/pages/host/host-ex/host-ex-list/subpages/ex-act/subpages/exhibition-act-add/exhibition-act-add.vue?f924","webpack:///./src/views/pages/host/host-ex/host-ex-list/subpages/ex-act/subpages/exhibition-act-add/exhibition-act-add.vue?eb03","webpack:///src/views/pages/host/host-ex/host-ex-list/subpages/ex-act/subpages/exhibition-act-add/exhibition-act-add.vue","webpack:///./src/views/pages/host/host-ex/host-ex-list/subpages/ex-act/subpages/exhibition-act-add/exhibition-act-add.vue?0573","webpack:///./src/views/pages/host/host-ex/host-ex-list/subpages/ex-act/subpages/exhibition-act-add/exhibition-act-add.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","component","index","key","componentName","tag","attrs","type","on","$event","closeModel","delComponent","addComponentsByPosition","model","value","callback","$$v","$set","expression","_e","_v","item","addComponents","class","icon","_s","title","staticRenderFns","name","prop","event","props","Modal","default","data","commmonArr","config","content","fontSize","color","position","padding","spacing","list","url","link","cover","time","coverType","components","customText","customPicture","customVideo","customTitle","customSearch","methods","mapMutations","setActiveIndex","copyItem","copyData","length","$emit","i","idx","modal","e","forEach","saveCustom","customData","destroyed","company","editId","staticStyle","$router","push","ref","formInline","ruleInline","status","nativeOn","handleView","stopPropagation","preventDefault","handleRemove","directives","rawName","uploadList","defaultList","handleSuccess","formHeaders","handleFormatError","handleMaxSize","handleBeforeUpload","uploadUrl","visible","imgName","coverImg","handleViewVideo","handleRemoveByArrVideo","uploadListVideo","handleSuccessVideo","handleFormatErrorVideo","handleUploadErrorVideo","handleMaxSizeVideo","handleBeforeUploadVideo","handleUploadingVideo","uploadVideoUrl","time1","commonType","changModal","Introduction","loading","handleSubmit","visibleVideo","playerOptions","onPlayerPlay","onPlayerPause","require","that","applyDate","AgentId","Timetable","address","apply","isCharge","price","linePrice","showIndex","required","message","trigger","date","validator","uploading","videoData","regDate","computed","mapGetters","option","ExhibitionId","Wheres","wheres","WhereGroupOperator","Predicates","WhereOperator","Label","Value","exhibitionInfo","JSON","parse","localStorage","vuex","hostSetModule","hostExhibition","res","autoplay","muted","loop","preload","language","aspectRatio","fluid","sources","src","poster","width","notSupportedMessage","created","mapActions","getCompanyByJoin","transformReqCustomData","addActivity","init","query","proData","validForm","Promise","resolve","imgList","valid","video","Time","Img","Link","startTime","endTime","req","JoinId","Name","Banner","Video","Address","StartTime","EndTime","ShowIndex","bool","transfromImgList","arr","arr2","file","splice","fileList","indexOf","$refs","upload","console","$Message","warning","check","uploadVideo","duration","closable","player","time2","changeApply","changeIsCharge","customComponentCommon","videoPlayer"],"mappings":"2IAAA,W,oCCAA,W,yDCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAIP,EAAS,OAAE,SAASQ,EAAUC,GAAO,OAAOL,EAAG,MAAM,CAACM,IAAI,cAAgBD,EAAMH,YAAY,YAAY,CAACF,EAAGI,EAAUG,cAAc,CAACD,IAAI,kBAAoBD,EAAMG,IAAI,YAAYC,MAAM,CAAC,KAAOL,EAAU,MAAQC,EAAM,KAAOT,EAAIc,MAAMC,GAAG,CAAC,WAAa,SAASC,GAAQ,OAAOhB,EAAIiB,WAAWR,EAAOO,IAAS,MAAQ,SAASA,GAAQ,OAAOhB,EAAIkB,aAAaT,IAAQ,IAAMT,EAAImB,yBAAyBC,MAAM,CAACC,MAAOb,EAAgB,OAAEc,SAAS,SAAUC,GAAMvB,EAAIwB,KAAKhB,EAAW,SAAUe,IAAME,WAAW,uBAAuB,MAAgEzB,EAAI0B,MAAM,GAAGtB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAI2B,GAAG,UAAUvB,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIO,GAAIP,EAAc,YAAE,SAAS4B,EAAKnB,GAAO,OAAOL,EAAG,MAAM,CAACM,IAAI,WAAaD,EAAMH,YAAY,WAAWS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAI6B,cAAcD,MAAS,CAACxB,EAAG,IAAI,CAACE,YAAY,gBAAgBwB,MAAMF,EAAKG,OAAO3B,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAI2B,GAAG3B,EAAIgC,GAAGJ,EAAKK,eAAc,UAC9tCC,EAAkB,G,stBC6CP,OACbC,KAAMA,0BACNf,MAAOA,CACLgB,KAAMA,QACNC,MAAOA,aAETC,MAAOA,CACLC,MAAOA,CACLzB,KAAMA,MACN0B,QAASA,IAEX1B,KAAMA,CAEJA,KAAMA,OACN0B,QAASA,IAGbC,KAjBF,WAkBI,MAAO,CACLC,WAAYA,CAClB,CACQT,MAARA,KACQF,KAARA,oBACQjB,KAARA,OACQH,cAARA,aACQgC,OAARA,CACU7B,KAAVA,EACU8B,QAAVA,GACUC,SAAVA,OACUC,MAAVA,OACUC,SAAVA,SAGA,CACQd,MAARA,KACQF,KAARA,wBACQjB,KAARA,UACQH,cAARA,gBACQgC,OAARA,CACU7B,KAAVA,EACUkC,QAAVA,EACUC,QAAVA,EACUC,KAAVA,CACA,CACYC,IAAZA,GACYlB,MAAZA,GACYmB,KAAZA,CACctC,KAAdA,IACcO,MAAdA,QAMA,CACQY,MAARA,KACQF,KAARA,wBACQjB,KAARA,QACQH,cAARA,cACQgC,OAARA,CACU7B,KAAVA,EACUuC,MAAVA,GACUC,KAAVA,IACUF,KAAVA,GACUG,UAAVA,SAMEC,WAAYA,CACVC,WAAJA,OACIC,cAAJA,OACIC,YAAJA,OACIC,YAAJA,OACIC,aAAJA,QAEEC,QAASA,EAAXA,KACAC,gBACIC,eAAJA,0CAFA,IAIInC,cAJJ,SAIAD,GACM,IAAN,yCACA,KACiC,eAAvBA,EAAKjB,gBACPsD,EAAWA,CACThC,MAAOA,KACPF,KAAMA,oBACNjB,KAAMA,OACNH,cAAeA,aACfgC,OAAQA,CACN7B,KAAMA,EACN8B,QAASA,GACTC,SAAUA,OACVC,MAAOA,OACPC,SAAUA,UAIW,kBAAvBnB,EAAKjB,gBACPsD,EAAWA,CACThC,MAAOA,KACPF,KAAMA,wBACNjB,KAAMA,UACNH,cAAeA,gBACfgC,OAAQA,CACN7B,KAAMA,EACNkC,QAASA,EACTC,QAASA,EACTC,KAAMA,CAClB,CACcC,IAAdA,GACclB,MAAdA,GACcmB,KAAdA,CACgBtC,KAAhBA,IACgBO,MAAhBA,SAOiC,gBAAvBO,EAAKjB,gBACPsD,EAAWA,CACThC,MAAOA,KACPF,KAAMA,wBACNjB,KAAMA,QACNH,cAAeA,cACfgC,OAAQA,CACN7B,KAAMA,EACNuC,MAAOA,GACPC,KAAMA,IACNF,KAAMA,GACNG,UAAWA,OAIjBtD,KAAK+D,eAAeE,EAASC,QAC7BD,EAAS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","file":"static/js/chunk-6bd5ecdf.c1fcd101.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!./custom-component-common.vue?vue&type=style&index=0&id=0aa4f71f&scoped=true&lang=scss&\"","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!./custom-component-common.vue?vue&type=style&index=1&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"custom custom-common\"},[_c('div',{staticClass:\"custom-tool\"},[_c('div',{staticClass:\"ct-box\"},[_vm._l((_vm.Modal),function(component,index){return _c('div',{key:'components-' + index,staticClass:\"ctb-item\"},[_c(component.componentName,{key:'sub-components-' + index,tag:\"component\",attrs:{\"info\":component,\"index\":index,\"type\":_vm.type},on:{\"closeModel\":function($event){return _vm.closeModel(index, $event)},\"close\":function($event){return _vm.delComponent(index)},\"add\":_vm.addComponentsByPosition},model:{value:(component.config),callback:function ($$v) {_vm.$set(component, \"config\", $$v)},expression:\"component.config\"}})],1)}),(false)?_c('div',{staticClass:\"u-empty\"},[_vm._v(\"暂无组件\")]):_vm._e()],2),_c('div',{staticClass:\"ct-components\"},[_c('div',{staticClass:\"ctc-title\"},[_vm._v(\"新增组件\")]),_c('div',{staticClass:\"ctc-group\"},_vm._l((_vm.commmonArr),function(item,index){return _c('div',{key:'commmon-' + index,staticClass:\"ctc-item\",on:{\"click\":function($event){return _vm.addComponents(item)}}},[_c('i',{staticClass:\"icon iconfont\",class:item.icon}),_c('div',{staticClass:\"ctc-item-txt\"},[_vm._v(_vm._s(item.title))])])}),0)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"custom custom-common\">\n    <!-- <div style=\"word-break: break-all;white-space: pre-wrap;\">{{JSON.stringify(Modal)}}</div> -->\n    <div class=\"custom-tool\">\n      <div class=\"ct-box\">\n        <div class=\"ctb-item\" v-for=\"(component, index) in Modal\" :key=\"'components-' + index\">\n          <component\n            :is=\"component.componentName\"\n            :info=\"component\"\n            :index=\"index\"\n            :type=\"type\"\n            @closeModel=\"closeModel(index, $event)\"\n            @close=\"delComponent(index)\"\n            @add=\"addComponentsByPosition\"\n            v-model=\"component.config\"\n            :key=\"'sub-components-' + index\"\n          ></component>\n        </div>\n        <div class=\"u-empty\" v-if=\"false\">暂无组件</div>\n      </div>\n      <div class=\"ct-components\">\n        <div class=\"ctc-title\">新增组件</div>\n        <div class=\"ctc-group\">\n          <div\n            class=\"ctc-item\"\n            v-for=\"(item, index) in commmonArr\"\n            :key=\"'commmon-' + index\"\n            @click=\"addComponents(item)\"\n          >\n            <i class=\"icon iconfont\" :class=\"item.icon\"></i>\n            <div class=\"ctc-item-txt\">{{item.title}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapMutations } from \"vuex\";\nimport customText from \"@components/custom-component/common/custom-text/custom-text.vue\";\nimport customPicture from \"@components/custom-component/common/custom-picture/custom-picture.vue\";\nimport customVideo from \"@components/custom-component/common/custom-video/custom-video.vue\";\nimport customTitle from \"@components/custom-component/common/custom-title/custom-title.vue\";\nimport customSearch from \"@components/custom-component/common/custom-search/custom-search.vue\";\n\nexport default {\n  name: \"custom-component-common\", // 通用版 区别产品分组 （改变样式）\n  model: {\n    prop: \"Modal\",\n    event: \"sendModal\"\n  },\n  props: {\n    Modal: {\n      type: Array,\n      default: []\n    },\n    type: {\n      // 通用添加组件的列表   1：所有列表   2：筛选列表\n      type: Number,\n      default: 1\n    }\n  },\n  data() {\n    return {\n      commmonArr: [\n        {\n          title: \"文本\",\n          icon: \"icon-wenbenbianji\",\n          type: \"text\",\n          componentName: \"customText\",\n          config: {\n            type: 1, // 文本类型 暂时只有 1\n            content: \"\", // 文本内容\n            fontSize: \"16px\", // 文字大小 （12px 14px 16px）===（大 中 小）\n            color: \"#000\", // 文字颜色 默认黑色\n            position: \"left\" // 文本对齐格式\n          }\n        },\n        {\n          title: \"图片\",\n          icon: \"icon-shangchuantupian\",\n          type: \"picture\",\n          componentName: \"customPicture\",\n          config: {\n            type: 1, // 文本类型 1 = （list 列表形式） 2 =  (swiper 轮播模式)\n            padding: 0, // 页面边距\n            spacing: 0, // 图片边距\n            list: [\n              {\n                url: \"\",\n                title: \"\",\n                link: {\n                  type: \"0\", // （0: 自定义, 1: 公司，2: 产品分组，3: 产品，4: 品牌, 5: 商机）\n                  value: \"\"\n                }\n              }\n            ]\n          }\n        },\n        {\n          title: \"视频\",\n          icon: \"icon-shangchuanshipin\",\n          type: \"video\",\n          componentName: \"customVideo\",\n          config: {\n            type: 1, // 文本类型 暂时只有 1\n            cover: \"\", // 封面\n            time: 5000, // 视频封面截取帧\n            link: \"\", // 视频地址\n            coverType: \"0\" // 视频封面累心 0 截取 1 自定义\n          }\n        }\n      ]\n    };\n  },\n  components: {\n    customText,\n    customPicture,\n    customVideo,\n    customTitle,\n    customSearch\n  },\n  methods: {\n    ...mapMutations({\n      setActiveIndex: \"customComponentModule/setActiveIndex\"\n    }),\n    addComponents(item) {\n      let copyData = JSON.parse(JSON.stringify(this.Modal));\n      let copyItem = [];\n      if (item.componentName === \"customText\") {\n        copyItem = {\n          title: \"文本\",\n          icon: \"icon-wenbenbianji\",\n          type: \"text\",\n          componentName: \"customText\",\n          config: {\n            type: 1, // 文本类型 暂时只有 1\n            content: \"\", // 文本内容\n            fontSize: \"16px\", // 文字大小 （12px 14px 16px）===（大 中 小）\n            color: \"#000\", // 文字颜色 默认黑色\n            position: \"left\" // 文本对齐格式\n          }\n        };\n      }\n      if (item.componentName === \"customPicture\") {\n        copyItem = {\n          title: \"图片\",\n          icon: \"icon-shangchuantupian\",\n          type: \"picture\",\n          componentName: \"customPicture\",\n          config: {\n            type: 1, // 文本类型 1 = （list 列表形式） 2 =  (swiper 轮播模式)\n            padding: 0, // 页面边距\n            spacing: 0, // 图片边距\n            list: [\n              {\n                url: \"\",\n                title: \"\",\n                link: {\n                  type: \"0\", // （0: 自定义, 1: 公司，2: 产品分组，3: 产品，4: 品牌, 5: 商机）\n                  value: \"\"\n                }\n              }\n            ]\n          }\n        };\n      }\n      if (item.componentName === \"customVideo\") {\n        copyItem = {\n          title: \"视频\",\n          icon: \"icon-shangchuanshipin\",\n          type: \"video\",\n          componentName: \"customVideo\",\n          config: {\n            type: 1, // 视频类型 暂时只有 1\n            cover: \"\", // 封面\n            time: 5000, // 视频封面截取帧\n            link: \"\", // 视频地址\n            coverType: \"0\" // 视频封面累心 0 截取 1 自定义\n          }\n        };\n      }\n      this.setActiveIndex(copyData.length);\n      copyData.push(copyItem);\n      this.$emit(\"change\", copyData);\n    },\n    addComponentsByPosition(item, index) {\n      let copyData = JSON.parse(JSON.stringify(this.Modal)); \n      let copyItem = [];\n      if (item.componentName === \"customText\") {\n        copyItem = {\n          title: \"文本\",\n          icon: \"icon-wenbenbianji\",\n          type: \"text\",\n          componentName: \"customText\",\n          config: {\n            type: 1, // 文本类型 暂时只有 1\n            content: \"\", // 文本内容\n            fontSize: \"16px\", // 文字大小 （12px 14px 16px）===（大 中 小）\n            color: \"#000\", // 文字颜色 默认黑色\n            position: \"left\" // 文本对齐格式\n          }\n        };\n      }\n      if (item.componentName === \"customPicture\") {\n        copyItem = {\n          title: \"图片\",\n          icon: \"icon-shangchuantupian\",\n          type: \"picture\",\n          componentName: \"customPicture\",\n          config: {\n            type: 1, // 文本类型 1 = （list 列表形式） 2 =  (swiper 轮播模式)\n            padding: 0, // 页面边距\n            spacing: 0, // 图片边距\n            list: [\n              {\n                url: \"\",\n                title: \"\",\n                link: {\n                  type: \"0\", // （0: 自定义, 1: 公司，2: 产品分组，3: 产品，4: 品牌, 5: 商机）\n                  value: \"\"\n                }\n              }\n            ]\n          }\n        };\n      }\n      if (item.componentName === \"customVideo\") {\n        copyItem = {\n          title: \"视频\",\n          icon: \"icon-shangchuanshipin\",\n          type: \"video\",\n          componentName: \"customVideo\",\n          config: {\n            type: 1, // 视频类型 暂时只有 1\n            cover: \"\", // 封面\n            time: 5000, // 视频封面截取帧\n            link: \"\", // 视频地址\n            coverType: \"0\" // 视频封面累心 0 截取 1 自定义\n          }\n        };\n      }\n      copyData.splice(index, 0, copyItem);\n      this.setActiveIndex(index);\n      this.$emit(\"change\", copyData);\n    },\n    delComponent(i) {\n      let modal = this.Modal.filter((c, idx) => {\n        return idx !== i;\n      });\n      this.$emit(\"change\", modal);\n      // this.$emit(\"sendModal\", modal);\n    },\n    closeModel(i, e) {\n      this.Modal.forEach((c, idx) => {\n        let name = c.componentName + i;\n        if (idx !== i) {\n          if (this.$refs[name]) {\n            this.$refs[name][0].hide(false);\n          }\n        }\n      });\n    },\n    saveCustom() {\n      let customData = [];\n      this.Modal.forEach(e => {\n        customData.push({\n          [e.type]: e.config\n        });\n      });\n      this.$emit(\"sendModal\", customData);\n    }\n  },\n  destroyed() {\n    this.setActiveIndex(-1);\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.custom {\n  width: 968px;\n  margin: 0 auto;\n  &-tool {\n    width: 375px;\n    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);\n    position: relative;\n    transition: all 1.2s;\n    &:hover {\n      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);\n    }\n    .ct {\n      &-head {\n        position: absolute;\n        top: 0;\n        left: 0;\n        img {\n          width: 100%;\n          height: 100%;\n        }\n      }\n      &-box {\n        min-height: 320px;\n        background: #f5f5f5;\n        padding-bottom: 10px;\n      }\n      &-components {\n        .ctc {\n          &-title {\n            padding: 10px 20px;\n            font-size: 14px;\n            color: #333;\n          }\n          &-group {\n            padding: 0 20px 10px;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-between;\n          }\n          &-item {\n            width: 95px;\n            height: 60px;\n            margin-bottom: 10px;\n            background-color: #ebebeb;\n            text-align: center;\n            padding-top: 5px;\n            cursor: pointer;\n            .iconfont {\n              font-size: 20px;\n              color: #222;\n            }\n            &-txt {\n              width: 100%;\n              font-size: 12px;\n              color: #222;\n              // line-height: initial;\n              line-height: 1;\n            }\n          }\n        }\n      }\n    }\n  }\n  &-btn {\n    box-shadow: 0px 0px 5px 0px rgba(165, 165, 165, 0.2);\n    position: fixed;\n    bottom: 0;\n    z-index: 10;\n    background: #fff;\n    padding: 10px;\n    border-top: none;\n    width: 968px;\n    text-align: center;\n  }\n}\n</style>\n<style lang=\"scss\">\n.custom-common {\n  .custom-add-wrapper.z-top {\n    top: -3px;\n  }\n  .custom-add-wrapper.z-bottom {\n    bottom: 0;\n  }\n}\n</style>\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!./custom-component-common.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!./custom-component-common.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./custom-component-common.vue?vue&type=template&id=0aa4f71f&scoped=true&\"\nimport script from \"./custom-component-common.vue?vue&type=script&lang=js&\"\nexport * from \"./custom-component-common.vue?vue&type=script&lang=js&\"\nimport style0 from \"./custom-component-common.vue?vue&type=style&index=0&id=0aa4f71f&scoped=true&lang=scss&\"\nimport style1 from \"./custom-component-common.vue?vue&type=style&index=1&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  \"0aa4f71f\",\n  null\n  \n)\n\nexport default component.exports","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-act-add.vue?vue&type=style&index=1&lang=scss&\"","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-act-add.vue?vue&type=style&index=0&id=65c8a1f8&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"activity-add\"},[_c('div',{staticClass:\"header-tool\"},[_c('div',{staticClass:\"header-tool-info\"},[_c('Breadcrumb',[_c('BreadcrumbItem',[_vm._v(\"管理\")]),_c('BreadcrumbItem',{attrs:{\"to\":\"/host/index/ex/list\"}},[(_vm.company && _vm.company.name)?_c('span',[_vm._v(_vm._s(_vm.company.name))]):_c('span',[_vm._v(\"展商\")])]),_c('BreadcrumbItem',{attrs:{\"to\":(\"/host/index/ex/act?id=\" + _vm.editId)}},[_vm._v(\"活动\")]),_c('BreadcrumbItem',[_vm._v(\"添加活动\")])],1),_c('div',{staticClass:\"header-tool-title\"},[_vm._v(\"添加活动\")])],1),_c('div',{staticClass:\"f-tar\",staticStyle:{\"margin\":\"36px 0\"}},[_c('Button',{on:{\"click\":function($event){return _vm.$router.push((\"/host/index/ex/act?id=\" + _vm.editId))}}},[_vm._v(\"返回\")])],1)]),_c('div',{staticClass:\"activity-add-content\"},[_c('Form',{ref:\"formValidate\",attrs:{\"model\":_vm.formInline,\"rules\":_vm.ruleInline,\"label-width\":100}},[_c('FormItem',{attrs:{\"label\":\"活动名称：\",\"prop\":\"name\"}},[_c('Input',{staticStyle:{\"width\":\"400px\"},attrs:{\"placeholder\":\"请输入活动名称\"},model:{value:(_vm.formInline.name),callback:function ($$v) {_vm.$set(_vm.formInline, \"name\", $$v)},expression:\"formInline.name\"}})],1),_c('FormItem',{attrs:{\"label\":\"活动海报：\",\"prop\":\"actImg\"}},[_c('div',{staticClass:\"my-upload\"},[_vm._l((_vm.uploadList),function(item,index){return _c('div',{key:'upload' + index,staticClass:\"my-upload-list\"},[(item.status === 'finished')?[_c('img',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"src\":item.url}}),_c('div',{staticClass:\"my-upload-list-cover\"},[_c('Icon',{attrs:{\"type\":\"ios-eye-outline\"},nativeOn:{\"click\":function($event){return _vm.handleView(item.url)}}}),_c('Icon',{attrs:{\"type\":\"ios-trash-outline\"},nativeOn:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleRemove(item)}}})],1)]:[(item.showProgress)?_c('Spin',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"}},[_c('Icon',{staticClass:\"demo-spin-icon-load\",attrs:{\"type\":\"ios-loading\",\"size\":\"20\"}})],1):_vm._e()]],2)}),_c('Upload',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.uploadList && _vm.uploadList.length < 15),expression:\"uploadList && uploadList.length < 15\"}],ref:\"upload\",staticStyle:{\"display\":\"inline-block\"},attrs:{\"show-upload-list\":false,\"default-file-list\":_vm.defaultList,\"on-success\":_vm.handleSuccess,\"format\":['jpg','jpeg','png'],\"max-size\":2048,\"headers\":_vm.formHeaders,\"on-format-error\":_vm.handleFormatError,\"on-exceeded-size\":_vm.handleMaxSize,\"before-upload\":_vm.handleBeforeUpload,\"multiple\":\"\",\"type\":\"drag\",\"action\":_vm.uploadUrl}},[_c('div',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\",\"padding-top\":\"18px\",\"color\":\"rgb(133, 133, 133)\"}},[_c('div',{staticStyle:{\"font-size\":\"25px\"}},[_vm._v(\"\\n                +\\n                \"),_c('p',{staticStyle:{\"font-size\":\"14px\"}},[_vm._v(\"上传图片\")])])])]),_c('iModal',{attrs:{\"title\":\"图片查看\",\"cancel-text\":\"\"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[(_vm.visible)?_c('img',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.imgName}}):_vm._e()])])],2),_c('p',{staticClass:\"upload-p\",staticStyle:{\"display\":\"block\",\"font-size\":\"12px\"}},[_vm._v(\"(图片要求：2M以下jpg或png的图片，大小为：900*600px，最多上传15张)\")])]),_c('FormItem',{attrs:{\"label\":\"活动视频：\"}},[_vm._l((_vm.uploadListVideo),function(item,index){return _c('div',{key:'uploadVideo' + index,staticClass:\"my-upload-list\",staticStyle:{\"width\":\"150px\",\"height\":\"100px\",\"position\":\"relative\"}},[(item.status === 'finished')?[_c('img',{staticStyle:{\"width\":\"150px\",\"height\":\"100px\"},attrs:{\"src\":_vm.coverImg}}),_c('div',{staticClass:\"my-upload-list-cover\"},[_c('Icon',{attrs:{\"type\":\"ios-eye-outline\"},nativeOn:{\"click\":function($event){return _vm.handleViewVideo(item)}}}),_c('Icon',{attrs:{\"type\":\"ios-trash-outline\"},nativeOn:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleRemoveByArrVideo(item)}}})],1)]:_vm._e()],2)}),_c('Upload',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.uploadListVideo && _vm.uploadListVideo.length < 1),expression:\"uploadListVideo && uploadListVideo.length < 1\"}],ref:\"uploadVideo\",staticStyle:{\"display\":\"inline-block\",\"width\":\"100px\",\"height\":\"100px\",\"margin-bottom\":\"10px\"},attrs:{\"show-upload-list\":false,\"on-success\":_vm.handleSuccessVideo,\"format\":['mp4'],\"max-size\":51200,\"headers\":_vm.formHeaders,\"on-format-error\":_vm.handleFormatErrorVideo,\"on-error\":_vm.handleUploadErrorVideo,\"on-exceeded-size\":_vm.handleMaxSizeVideo,\"before-upload\":_vm.handleBeforeUploadVideo,\"on-progress\":_vm.handleUploadingVideo,\"action\":_vm.uploadVideoUrl,\"type\":\"drag\"}},[_c('div',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\",\"padding-top\":\"15px\"}},[_c('div',{staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"\\n              +\\n              \"),_c('p',{staticStyle:{\"font-size\":\"14px\",\"font-weight\":\"normal\",\"color\":\"#515a6e\"}},[_vm._v(\"上传视频\")])])])]),(_vm.uploading)?_c('div',{staticClass:\"uploading\"},[_c('Spin',[_c('Icon',{staticClass:\"demo-spin-icon-load\",attrs:{\"type\":\"ios-loading\",\"size\":\"20\"}})],1)],1):_vm._e(),_c('p',{staticClass:\"upload-p\",staticStyle:{\"font-size\":\"12px\",\"font-weight\":\"normal\",\"color\":\"#515a6e\"}},[_vm._v(\"(视频要求:视频大小不超过50M，建议视频时长9-30秒，视频宽高比16:9)\")])],2),_c('FormItem',{attrs:{\"label\":\"时间：\",\"prop\":\"date\"}},[_c('DatePicker',{staticStyle:{\"width\":\"400px\"},attrs:{\"type\":\"datetimerange\",\"format\":\"yyyy-MM-dd HH:mm:ss\",\"placeholder\":\"请选择活动时间\"},on:{\"on-change\":_vm.time1}})],1),_c('FormItem',{attrs:{\"label\":\"活动日程：\",\"prop\":\"Timetable\"}},[_c('Input',{staticStyle:{\"width\":\"400px\"},attrs:{\"type\":\"textarea\",\"rows\":4,\"placeholder\":\"请输入活动日程\"},model:{value:(_vm.formInline.Timetable),callback:function ($$v) {_vm.$set(_vm.formInline, \"Timetable\", $$v)},expression:\"formInline.Timetable\"}})],1),_c('FormItem',{attrs:{\"label\":\"活动地点：\"}},[_c('Input',{staticStyle:{\"width\":\"400px\"},attrs:{\"placeholder\":\"请输入活动地点\"},model:{value:(_vm.formInline.address),callback:function ($$v) {_vm.$set(_vm.formInline, \"address\", $$v)},expression:\"formInline.address\"}})],1),_c('FormItem',{attrs:{\"label\":\"显示顺序：\"}},[_c('InputNumber',{staticStyle:{\"width\":\"100px\",\"margin-right\":\"10px\"},attrs:{\"min\":0},model:{value:(_vm.formInline.showIndex),callback:function ($$v) {_vm.$set(_vm.formInline, \"showIndex\", $$v)},expression:\"formInline.showIndex\"}}),_c('p',{staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"(数字越小在您的活动显示列表中显示越靠前)\")])],1),_c('FormItem',{staticClass:\"ivu-form-item-required\",attrs:{\"label\":\"活动详情：\"}},[_c('div',{staticClass:\"no-padding \"},[_c('customComponentCommon',{attrs:{\"type\":_vm.commonType},on:{\"change\":_vm.changModal},model:{value:(_vm.Introduction),callback:function ($$v) {_vm.Introduction=$$v},expression:\"Introduction\"}})],1)])],1),_c('div',{staticStyle:{\"padding\":\"50px 0 0 50px\"}},[_c('Button',{staticStyle:{\"width\":\"150px\",\"height\":\"34px\"},attrs:{\"type\":\"primary\",\"loading\":_vm.loading},on:{\"click\":function($event){return _vm.handleSubmit('formValidate')}}},[_vm._v(\"保存\")])],1)],1),_c('iModal',{attrs:{\"cancel-text\":\"\",\"class-name\":\"vertical-center-modal act-video\",\"footer-hide\":true,\"z-index\":1200},model:{value:(_vm.visibleVideo),callback:function ($$v) {_vm.visibleVideo=$$v},expression:\"visibleVideo\"}},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('video-player',{ref:\"videoPlayer\",staticClass:\"video-player vjs-custom-skin\",attrs:{\"playsinline\":true,\"options\":_vm.playerOptions},on:{\"play\":function($event){return _vm.onPlayerPlay($event)},\"pause\":function($event){return _vm.onPlayerPause($event)}}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- exhibition-act .ep -->\r\n  <div class=\"activity-add\">\r\n    <div class=\"header-tool\">\r\n      <div class=\"header-tool-info\">\r\n        <Breadcrumb>\r\n          <BreadcrumbItem>管理</BreadcrumbItem>\r\n          <BreadcrumbItem to=\"/host/index/ex/list\">\r\n            <span v-if=\"company && company.name\">{{company.name}}</span>\r\n            <span v-else>展商</span>\r\n          </BreadcrumbItem>\r\n          <BreadcrumbItem :to=\"`/host/index/ex/act?id=${editId}`\">活动</BreadcrumbItem>\r\n          <BreadcrumbItem>添加活动</BreadcrumbItem>\r\n        </Breadcrumb>\r\n        <div class=\"header-tool-title\">添加活动</div>\r\n      </div>\r\n      <div class=\"f-tar\" style=\"margin:36px 0;\">\r\n        <Button @click=\"$router.push(`/host/index/ex/act?id=${editId}`)\">返回</Button>\r\n      </div>\r\n    </div>\r\n    <div class=\"activity-add-content\">\r\n      <Form ref=\"formValidate\" :model=\"formInline\" :rules=\"ruleInline\" :label-width=\"100\">\r\n        <FormItem label=\"活动名称：\" prop=\"name\">\r\n          <Input style=\"width:400px;\" v-model=\"formInline.name\" placeholder=\"请输入活动名称\" />\r\n        </FormItem>\r\n        <FormItem label=\"活动海报：\" prop=\"actImg\">\r\n          <div class=\"my-upload\">\r\n            <div\r\n              class=\"my-upload-list\"\r\n              v-for=\"(item, index) in uploadList\"\r\n              :key=\"'upload' + index\"\r\n            >\r\n              <template v-if=\"item.status === 'finished'\">\r\n                <img :src=\"item.url\" style=\"width: 100px;height: 100px;\" />\r\n                <div class=\"my-upload-list-cover\">\r\n                  <Icon type=\"ios-eye-outline\" @click.native=\"handleView(item.url)\"></Icon>\r\n                  <Icon type=\"ios-trash-outline\" @click.native.stop.prevent=\"handleRemove(item)\"></Icon>\r\n                </div>\r\n              </template>\r\n              <template v-else>\r\n                <Spin v-if=\"item.showProgress\" style=\"width: 100px;height: 100px;\">\r\n                  <Icon type=\"ios-loading\" size=20 class=\"demo-spin-icon-load\"></Icon>\r\n                </Spin>\r\n              </template>\r\n            </div>\r\n            <Upload\r\n              ref=\"upload\"\r\n              :show-upload-list=\"false\"\r\n              :default-file-list=\"defaultList\"\r\n              :on-success=\"handleSuccess\"\r\n              :format=\"['jpg','jpeg','png']\"\r\n              :max-size=\"2048\"\r\n              :headers=\"formHeaders\"\r\n              :on-format-error=\"handleFormatError\"\r\n              :on-exceeded-size=\"handleMaxSize\"\r\n              :before-upload=\"handleBeforeUpload\"\r\n              multiple\r\n              type=\"drag\"\r\n              :action=\"uploadUrl\"\r\n              style=\"display: inline-block;\"\r\n              v-show=\"uploadList && uploadList.length < 15\"\r\n            >\r\n              <div style=\"width:100px;height:100px;padding-top: 18px;color:rgb(133, 133, 133)\">\r\n                <div style=\"font-size:25px\">\r\n                  +\r\n                  <p style=\"font-size:14px\">上传图片</p>\r\n                </div>\r\n              </div>\r\n            </Upload>\r\n            <iModal title=\"图片查看\" cancel-text v-model=\"visible\">\r\n              <div style=\"text-align: center;\">\r\n                <img :src=\"imgName\" v-if=\"visible\" style=\"max-width: 100%\" />\r\n              </div>\r\n            </iModal>\r\n          </div>\r\n          <p class=\"upload-p\" style=\"display:block;font-size:12px;\">(图片要求：2M以下jpg或png的图片，大小为：900*600px，最多上传15张)</p>\r\n        </FormItem>\r\n        <FormItem label=\"活动视频：\">\r\n          <div\r\n            class=\"my-upload-list\"\r\n            v-for=\"(item, index) in uploadListVideo\"\r\n            :key=\"'uploadVideo' + index\"\r\n            style=\"width: 150px;height:100px;position: relative;\"\r\n          >\r\n            <template v-if=\"item.status === 'finished'\">\r\n              <img :src=\"coverImg\" style=\"width: 150px;height:100px;\" />\r\n              <div class=\"my-upload-list-cover\">\r\n                <Icon type=\"ios-eye-outline\" @click.native=\"handleViewVideo(item)\"></Icon>\r\n                <Icon\r\n                  type=\"ios-trash-outline\"\r\n                  @click.native.stop.prevent=\"handleRemoveByArrVideo(item)\"\r\n                ></Icon>\r\n              </div>\r\n            </template>\r\n          </div>\r\n          <Upload\r\n            ref=\"uploadVideo\"\r\n            :show-upload-list=\"false\"\r\n            :on-success=\"handleSuccessVideo\"\r\n            :format=\"['mp4']\"\r\n            :max-size=\"51200\"\r\n            :headers=\"formHeaders\"\r\n            :on-format-error=\"handleFormatErrorVideo\"\r\n            :on-error=\"handleUploadErrorVideo\"\r\n            :on-exceeded-size=\"handleMaxSizeVideo\"\r\n            :before-upload=\"handleBeforeUploadVideo\"\r\n            :on-progress=\"handleUploadingVideo\"\r\n            :action=\"uploadVideoUrl\"\r\n            type=\"drag\"\r\n            style=\"display: inline-block;width:100px;height:100px;margin-bottom:10px;\"\r\n            v-show=\"uploadListVideo && uploadListVideo.length < 1\"\r\n          >\r\n            <div style=\"width:100px;height:100px;padding-top: 15px;\">\r\n              <div style=\"font-size:20px\">\r\n                +\r\n                <p style=\"font-size:14px;font-weight:normal;color:#515a6e;\">上传视频</p>\r\n              </div>\r\n            </div>\r\n          </Upload>\r\n          <div class=\"uploading\" v-if=\"uploading\">\r\n            <Spin>\r\n              <Icon type=\"ios-loading\" size=\"20\" class=\"demo-spin-icon-load\"></Icon>\r\n            </Spin>\r\n          </div>\r\n          <p class=\"upload-p\" style=\"font-size:12px;font-weight:normal;color:#515a6e;\">(视频要求:视频大小不超过50M，建议视频时长9-30秒，视频宽高比16:9)</p>\r\n        </FormItem>\r\n        <!-- <FormItem label=\"活动名额：\">\r\n          <InputNumber\r\n            v-model=\"formInline.num\"\r\n            :min=\"0\"\r\n            style=\"width:100px;margin-right:10px;\"\r\n          ></InputNumber>人\r\n          <span style=\"font-size:12px;margin-left:10px;\">(0表示不限量)</span>\r\n        </FormItem> -->\r\n        <FormItem label=\"时间：\" prop=\"date\">\r\n          <DatePicker\r\n            type=\"datetimerange\"\r\n            format=\"yyyy-MM-dd HH:mm:ss\"\r\n            placeholder=\"请选择活动时间\"\r\n            style=\"width: 400px;\"\r\n            @on-change=\"time1\"\r\n          ></DatePicker>\r\n        </FormItem>\r\n        <FormItem label=\"活动日程：\" prop=\"Timetable\">\r\n          <Input\r\n            v-model=\"formInline.Timetable\"\r\n            type=\"textarea\"\r\n            :rows=\"4\"\r\n            placeholder=\"请输入活动日程\"\r\n            style=\"width: 400px\"\r\n          ></Input>\r\n        </FormItem>\r\n        <FormItem label=\"活动地点：\">\r\n          <Input style=\"width:400px;\" v-model=\"formInline.address\" placeholder=\"请输入活动地点\" />\r\n        </FormItem>\r\n        <!-- <FormItem>\r\n          <Checkbox size=\"large\" v-model=\"formInline.apply\" @on-change=\"changeApply()\">\r\n            <span style=\"display: inline-block;width: 10px;\"></span>开启报名\r\n          </Checkbox>\r\n        </FormItem>\r\n        <FormItem label=\"报名时间：\" v-show=\"formInline.apply\">\r\n          <DatePicker\r\n            type=\"datetimerange\"\r\n            format=\"yyyy-MM-dd HH:mm:ss\"\r\n            placeholder=\"请选择报名时间\"\r\n            style=\"width: 400px;\"\r\n            @on-change=\"time2\"\r\n          ></DatePicker>\r\n        </FormItem>\r\n        <FormItem v-show=\"formInline.apply\">\r\n          <Checkbox size=\"large\" v-model=\"formInline.isCharge\" @on-change=\"changeIsCharge()\">\r\n            <span style=\"display: inline-block;width: 10px;\"></span>收费\r\n          </Checkbox>\r\n        </FormItem>\r\n        <FormItem label=\"价格:\" v-show=\"formInline.apply && formInline.isCharge\" style=\"display:inline-block\">\r\n          <InputNumber\r\n            v-model=\"formInline.price\"\r\n            placeholder=\"0\"\r\n            :min=\"0\"\r\n            style=\"width:100px;margin-right:10px;\"\r\n          ></InputNumber>元\r\n        </FormItem>\r\n        <FormItem label=\"划线价格：\" v-show=\"formInline.apply && formInline.isCharge\" style=\"display:inline-block\">\r\n          <InputNumber\r\n            v-model=\"formInline.linePrice\"\r\n            placeholder=\"0\"\r\n            :min=\"0\"\r\n            style=\"width:100px;margin-right:10px;\"\r\n          ></InputNumber>元\r\n        </FormItem> -->\r\n        <FormItem label=\"显示顺序：\">\r\n          <InputNumber v-model=\"formInline.showIndex\" :min=\"0\" style=\"width:100px;margin-right:10px;\"></InputNumber>\r\n          <p style=\"font-size:12px;\">(数字越小在您的活动显示列表中显示越靠前)</p>\r\n        </FormItem>\r\n        <FormItem label=\"活动详情：\" class=\"ivu-form-item-required\">\r\n          <div class=\"no-padding \">\r\n            <customComponentCommon v-model=\"Introduction\" :type=\"commonType\" @change=\"changModal\"></customComponentCommon>\r\n          </div>\r\n        </FormItem>\r\n      </Form>\r\n      <div style=\"padding:50px 0 0 50px;\">\r\n        <Button style=\"width:150px;height:34px;\" type=\"primary\" :loading=\"loading\" @click=\"handleSubmit('formValidate')\">保存</Button>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 查看已上传视频 -->\r\n    <iModal cancel-text v-model=\"visibleVideo\" class-name=\"vertical-center-modal act-video\" :footer-hide=\"true\" :z-index=\"1200\">\r\n      <div style=\"text-align: center;\">\r\n        <video-player\r\n          class=\"video-player vjs-custom-skin\"\r\n          ref=\"videoPlayer\"\r\n          :playsinline=\"true\"\r\n          :options=\"playerOptions\"\r\n          @play=\"onPlayerPlay($event)\"\r\n          @pause=\"onPlayerPause($event)\"\r\n        ></video-player>\r\n      </div>\r\n    </iModal>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nrequire(\"video.js/dist/video-js.css\");\r\nrequire(\"vue-video-player/src/custom-theme.css\");\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport { videoPlayer } from \"vue-video-player\";\r\nimport customComponentCommon from \"@components/custom-component/custom-component-common.vue\";\r\n\r\nexport default {\r\n  name: \"exhibition-act-add\",\r\n  data() {\r\n    const that = this;\r\n    const actImgReg = (rule, value, callback) => {\r\n      if (that.uploadList && that.uploadList.length) {\r\n        callback();\r\n      } else {\r\n        callback(new Error(\"请上传活动海报\"));\r\n      }\r\n    };\r\n    const proApply = (rule, value, callback) => {\r\n      if (that.applyDate[1]) {\r\n        callback();\r\n      } else {\r\n        callback(new Error(\"请选择活动时间\"));\r\n      }\r\n    };\r\n    return {\r\n      company: null,\r\n      editId: \"\",\r\n      AgentId: \"cd4e8cef-c6f7-4e72-9132-93161b9e8c43\",\r\n      uploadList: [],\r\n      defaultList: [],\r\n      imgName: \"\",\r\n      visible: false,\r\n      formInline: {\r\n        name: \"\",\r\n        // num: 0, // 活动名额\r\n        Timetable: \"\", // 活动日程\r\n        address: \"\",\r\n        apply: false, // 是否开启报名\r\n        isCharge: false, // 是否收费\r\n        price: 0, // 价格\r\n        linePrice: 0, // 划线价格\r\n        showIndex: 0, // 显示顺序\r\n      },\r\n      ruleInline: {\r\n        name: [\r\n          { required: true, message: \"活动名称不能为空\", trigger: \"blur\" }\r\n        ],\r\n        // actImg: [{ required: true, validator: actImgReg, trigger: \"blur\" }],\r\n        date: [{ required: true, validator: proApply, trigger: \"blur\" }]\r\n      },\r\n      loading: false,\r\n      uploadListVideo: [],\r\n      coverImg: \"\",\r\n      uploading: false,\r\n      videoData: null,\r\n      visibleVideo: false,\r\n      applyDate: [], // 活动开始-结束时间\r\n      regDate: [], // 报名开始-结束时间\r\n      Introduction: [], // 活动详情\r\n      commonType: 2,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      uploadUrl: \"getUploadUrl\",\r\n      uploadVideoUrl: \"getUploadVideoUrl\",\r\n      formHeaders: \"getFormHeaders\"\r\n    }),\r\n    option() {\r\n      return {\r\n        ExhibitionId: this.exhibitionInfo.id,\r\n        Wheres: {\r\n          type: 0,\r\n          wheres: {\r\n            WhereGroupOperator: 0,\r\n            Predicates: [\r\n              {\r\n                type: 1,\r\n                wheres: {\r\n                  WhereOperator: 6,\r\n                  Label: \"compId\",\r\n                  Value: `%${this.editId}%`\r\n                }\r\n              }\r\n            ]\r\n          }\r\n        }\r\n      };\r\n    },\r\n    exhibitionInfo() {\r\n      if (JSON.parse(localStorage.vuex)) {\r\n        return JSON.parse(localStorage.vuex).hostSetModule.hostExhibition;\r\n      }\r\n    },\r\n    playerOptions() {\r\n      let res = {};\r\n      if (this.videoData) {\r\n        res = {\r\n          autoplay: false,\r\n          muted: false,\r\n          loop: false,\r\n          preload: \"auto\",\r\n          language: \"zh-CN\",\r\n          aspectRatio: \"16:9\",\r\n          fluid: true,\r\n          sources: [\r\n            {\r\n              type: \"video/mp4\",\r\n              src: this.videoData.url\r\n            }\r\n          ],\r\n          poster: this.coverImg,\r\n          width: document.documentElement.clientWidth,\r\n          notSupportedMessage: \"此视频暂无法播放，请稍后再试\"\r\n        };\r\n      }\r\n      return res;\r\n    },\r\n  },\r\n  async created() {\r\n    this.init();\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getCompanyByJoin: \"hostSetModule/getCompanyByJoin\",\r\n      transformReqCustomData: \"customComponentModule/transformReqCustomData\",\r\n      addActivity: \"activityModuleNew/addActivity\"\r\n    }),\r\n    async init() {\r\n      let query = this.$route.query;\r\n      if (query && query.compId) {\r\n        this.editId = query.compId;\r\n        let proData = await this.getCompanyByJoin(this.option);\r\n        if (proData) {\r\n          this.company = proData.items[0];\r\n        }\r\n      }\r\n    },\r\n    validForm(name) {\r\n      // 验证表单\r\n      return new Promise((resolve, reject) => {\r\n        this.$refs[name].validate(valid => {\r\n          resolve(valid);\r\n        });\r\n      });\r\n    },\r\n    async handleSubmit(name) {\r\n      let imgList = this.transfromImgList(this.uploadList);\r\n      let valid = await this.validForm(name);\r\n      if (!valid) return;\r\n      // 视频\r\n      let video = {\r\n        cover: 1,\r\n        Time: 2000,\r\n        Img: \"\",\r\n        Link: \"\"\r\n      };\r\n      if (this.uploadListVideo.length > 0) {\r\n        video.Link = this.uploadListVideo[0].url;\r\n        video.Img = this.coverImg;\r\n      }\r\n\r\n      // 活动时间\r\n      let startTime = this.applyDate[0];\r\n      let endTime = this.applyDate[1];\r\n\r\n      // 是否开启报名及报名时间\r\n      // let regStart = \"\";\r\n      // let regEnd = \"\";\r\n      // if (this.formInline.apply) {\r\n      //   if (this.regDate.length <= 0) {\r\n      //     this.$Message.warning(\"请选择报名时间\");\r\n      //     return;\r\n      //   } else {\r\n      //     regStart = this.regDate[0];\r\n      //     regEnd = this.regDate[1];\r\n      //   }\r\n      // }\r\n\r\n      // 详情\r\n      let Introduction = await this.transformReqCustomData(this.Introduction);\r\n      if (!Introduction || Introduction === \"[]\") {\r\n        this.$Message.error(\"请完善详情信息\");\r\n        return;\r\n      }\r\n      \r\n      let req = {\r\n        ExhibitionId: this.exhibitionInfo.id,\r\n        AgentId: this.AgentId,\r\n        JoinId: this.company.joinId,\r\n        Name: this.formInline.name,\r\n        Banner: imgList,\r\n        Video: video,\r\n        // RegCountMax: this.formInline.num,\r\n        Address: this.formInline.address,\r\n        StartTime: startTime,\r\n        EndTime: endTime,\r\n        Timetable: this.formInline.Timetable,\r\n        // IsReg: this.formInline.apply,\r\n        // RegStart: regStart,\r\n        // RegEnd: regEnd,\r\n        // IsCharge: this.formInline.isCharge,\r\n        // ChargeAmount: this.formInline.price,\r\n        // ScribingAmount: this.formInline.linePrice,\r\n        ShowIndex: this.formInline.showIndex,\r\n        Introduction: Introduction\r\n      } \r\n      let bool = await this.addActivity(req);\r\n      if (bool.successed) {\r\n        this.$router.push(\"/host/index/ex/act?id=\" + this.editId);\r\n        this.$Message.success(\"新增成功\");\r\n      } else {\r\n        this.$Message.error(\"新增失败，请重新尝试\");\r\n      }\r\n      \r\n    },\r\n    transfromImgList(arr) {\r\n      let arr2 = [];\r\n      arr.forEach(c => {\r\n        arr2.push(c.url);\r\n      });\r\n      return arr2;\r\n    },\r\n    // 查看上传图片\r\n    handleView(name) {\r\n      this.imgName = name;\r\n      this.visible = true;\r\n    },\r\n    handleRemove(file) {\r\n      const fileList = this.uploadList;\r\n      this.uploadList.splice(fileList.indexOf(file), 1);\r\n    },\r\n    handleSuccess(res, file) {\r\n      if (res && res.list.length) {\r\n        file.url = res.list[0];\r\n        this.uploadList = this.$refs.upload.fileList;\r\n        console.log(this.uploadList)\r\n      }\r\n    },\r\n    handleFormatError(file) {\r\n      this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\r\n    },\r\n    handleMaxSize(file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于2M的图片`);\r\n    },\r\n    handleBeforeUpload() {\r\n      const limitNum = 15;\r\n      const check = this.uploadList.length < limitNum;\r\n      if (!check) {\r\n        this.$Message.warning(`最多上传${limitNum}张图片`);\r\n      }\r\n      return check;\r\n    },\r\n    handleViewVideo(item) {\r\n      this.videoData = item;\r\n      this.visibleVideo = true;\r\n    },\r\n    handleRemoveByArrVideo(file) {\r\n      const fileList = this.uploadListVideo;\r\n      this.uploadListVideo.splice(fileList.indexOf(file), 1);\r\n    },\r\n    handleSuccessVideo(res, file) {\r\n      this.uploading = false;\r\n      if (res && res.list.length) {\r\n        file.url = res.list[0];\r\n        this.uploadListVideo = this.$refs.uploadVideo.fileList;\r\n        this.coverImg = this.uploadListVideo[0].url +\r\n          `?x-oss-process=video/snapshot,t_${2000},f_jpg,w_590,h_332,m_fast`;\r\n      }\r\n    },\r\n    handleFormatErrorVideo(file) {\r\n      this.$Message.warning(`文件格式是不正确的, 请上传mp4格式的视频`);\r\n      this.uploading = false;\r\n    },\r\n    handleUploadErrorVideo(file) {\r\n      this.$Message.warning({\r\n        content: \"您的网络请求已超时,请重新上传\",\r\n        duration: 3,\r\n        closable: true\r\n      });\r\n      this.uploading = false;\r\n    },\r\n    handleMaxSizeVideo(file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于50M以下mp4格式的视频`);\r\n    },\r\n    handleBeforeUploadVideo() {\r\n      this.uploading = true;\r\n      const limitNum = 1;\r\n      const check = this.uploadListVideo.length < limitNum;\r\n      if (!check) {\r\n        this.$Message.warning(`一次只能上传${limitNum}条视频`);\r\n      }\r\n      return check;\r\n    },\r\n    handleUploadingVideo(event) {},\r\n    onPlayerPlay(player) {},\r\n    onPlayerPause(player) {},\r\n    time1(e) {\r\n      this.applyDate = e;\r\n    },\r\n    time2(e) {\r\n      this.regDate = e;\r\n    },\r\n    changeApply() {\r\n      if (this.formInline.apply === false) {\r\n        this.regDate = [];\r\n        this.formInline.isCharge = false;\r\n      }\r\n      if (this.formInline.isCharge === false) {\r\n        this.formInline.price = 0;\r\n        this.formInline.linePrice = 0;\r\n      }\r\n    },\r\n    changeIsCharge() {\r\n      if (this.formInline.isCharge === false) {\r\n        this.formInline.price = 0;\r\n        this.formInline.linePrice = 0;\r\n      }\r\n    },\r\n    changModal($event) {\r\n      this.Introduction = $event; \r\n    },\r\n  },\r\n  components: {\r\n    customComponentCommon,\r\n    videoPlayer\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.activity-add {\r\n  &-content {\r\n    background-color: #fff;\r\n    padding: 40px 70px 100px 70px;\r\n    margin: 30px;\r\n  }\r\n  .demo-spin-icon-load {\r\n    animation: ani-demo-spin 1s linear infinite;\r\n  }\r\n  .video-player {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    margin: auto;\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n  .act-video {\r\n    .ivu-modal-close {\r\n      display: none;\r\n    }\r\n    .ivu-modal-body {\r\n      padding: 0;\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!./exhibition-act-add.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-act-add.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./exhibition-act-add.vue?vue&type=template&id=65c8a1f8&scoped=true&\"\nimport script from \"./exhibition-act-add.vue?vue&type=script&lang=js&\"\nexport * from \"./exhibition-act-add.vue?vue&type=script&lang=js&\"\nimport style0 from \"./exhibition-act-add.vue?vue&type=style&index=0&id=65c8a1f8&scoped=true&lang=scss&\"\nimport style1 from \"./exhibition-act-add.vue?vue&type=style&index=1&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  \"65c8a1f8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}