{"version":3,"sources":["webpack:///./src/components/custom-component/custom-component-common.vue?b059","webpack:///./src/views/pages/host/host-activity/subpages/host-activity-add.vue?1a26","webpack:///./src/components/custom-component/custom-component-common.vue?86f8","webpack:///./src/views/pages/host/host-activity/subpages/host-activity-add.vue?6541","webpack:///src/views/pages/host/host-activity/subpages/host-activity-add.vue","webpack:///./src/views/pages/host/host-activity/subpages/host-activity-add.vue?8e5d","webpack:///./src/views/pages/host/host-activity/subpages/host-activity-add.vue","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-activity/subpages/host-activity-add.vue?ec8b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","staticStyle","on","$event","$router","push","ref","formInline","ruleInline","model","value","callback","$$v","$set","expression","_l","item","index","key","status","url","nativeOn","handleView","stopPropagation","preventDefault","handleRemove","_e","directives","name","rawName","uploadList","length","defaultList","handleSuccess","formHeaders","handleFormatError","handleMaxSize","handleBeforeUpload","uploadUrl","visible","imgName","coverImg","handleViewVideo","handleRemoveByArrVideo","uploadListVideo","handleSuccessVideo","handleFormatErrorVideo","handleUploadErrorVideo","handleMaxSizeVideo","handleBeforeUploadVideo","handleUploadingVideo","uploadVideoUrl","_s","time1","changeAddressType","addressType","commonType","changModal","Introduction","loading","handleSubmit","visibleVideo","playerOptions","onPlayerPlay","onPlayerPause","staticRenderFns","require","data","that","applyDate","AgentId","Timetable","address","apply","isCharge","price","linePrice","showIndex","TypeName","required","message","trigger","actImg","validator","date","uploading","videoData","regDate","TypeNameArr","computed","mapGetters","res","autoplay","muted","loop","preload","language","aspectRatio","fluid","sources","type","src","poster","width","notSupportedMessage","exhibitionInfo","JSON","parse","localStorage","vuex","hostSetModule","hostExhibition","methods","mapActions","getindTypeZoneList","addAct","transformReqCustomData","getActList","categoryData","console","init","file","splice","fileList","indexOf","list","$refs","upload","uploadVideo","$Message","warning","content","duration","closable","check","changeApply","changeIsCharge","event","player","imgList","valid","video","cover","Time","Img","Link","startTime","endTime","req","ExhibitionId","Name","Banner","Video","Address","StartTime","EndTime","ShowIndex","bool","transfromImgList","arr","arr2","validForm","Promise","resolve","e","time2","created","mounted","components","videoPlayer","customComponentCommon","component","componentName","tag","closeModel","delComponent","addComponentsByPosition","addComponents","class","icon","title","prop","props","Modal","default","commmonArr","config","fontSize","color","position","padding","spacing","link","time","coverType","customText","customPicture","customVideo","customTitle","customSearch","mapMutations","setActiveIndex","copyItem","copyData","$emit","i","idx","modal","forEach","saveCustom","customData","destroyed"],"mappings":"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","file":"static/js/chunk-70389722.6531b5a3.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!./host-activity-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!./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:\"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/act/act-home\"}},[_vm._v(\"活动管理\")]),_c('BreadcrumbItem',[_vm._v(\"添加活动\")])],1),_c('div',{staticClass:\"header-tool-title\"},[_vm._v(\"添加活动\")])],1),_c('div',{staticClass:\"f-tar\",staticStyle:{\"padding-top\":\"37px\"}},[_c('Button',{on:{\"click\":function($event){return _vm.$router.push('/host/index/act/act-home')}}},[_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\":\"TypeName\",\"clearable\":\"\"}},[_c('Select',{staticStyle:{\"width\":\"400px\"},model:{value:(_vm.formInline.TypeName),callback:function ($$v) {_vm.$set(_vm.formInline, \"TypeName\", $$v)},expression:\"formInline.TypeName\"}},_vm._l((_vm.TypeNameArr),function(item){return _c('Option',{key:item.name,attrs:{\"value\":item.name}},[_vm._v(_vm._s(item.name))])}),1)],1),_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\":\"addressType\"}},[_c('RadioGroup',{on:{\"on-change\":_vm.changeAddressType},model:{value:(_vm.formInline.addressType),callback:function ($$v) {_vm.$set(_vm.formInline, \"addressType\", $$v)},expression:\"formInline.addressType\"}},[_c('Radio',{attrs:{\"label\":\"线上\"}},[_c('span',[_vm._v(\"线上\")])]),_c('Radio',{attrs:{\"label\":\"线下\"}},[_c('span',[_vm._v(\"线下\")])])],1)],1),(_vm.formInline.addressType === '线下')?_c('FormItem',{attrs:{\"label\":\"活动地点:\",\"prop\":\"address\"}},[_c('Input',{staticStyle:{\"width\":\"400px\"},attrs:{\"type\":\"text\",\"placeholder\":\"可填写展位号、会议室房间号等\"},model:{value:(_vm.formInline.address),callback:function ($$v) {_vm.$set(_vm.formInline, \"address\", $$v)},expression:\"formInline.address\"}})],1):_vm._e(),_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('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  <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/act/act-home\">活动管理</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=\"padding-top: 37px;\">\r\n        <Button @click=\"$router.push('/host/index/act/act-home')\">返回</Button>\r\n      </div>\r\n    </div>\r\n\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 class=\"my-upload-list\" v-for=\"(item, index) in uploadList\" :key=\"'upload' + index\">\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 ref=\"upload\" :show-upload-list=\"false\" :default-file-list=\"defaultList\" :on-success=\"handleSuccess\" :format=\"['jpg','jpeg','png']\" :max-size=\"2048\" :headers=\"formHeaders\" :on-format-error=\"handleFormatError\" :on-exceeded-size=\"handleMaxSize\" :before-upload=\"handleBeforeUpload\" multiple type=\"drag\" :action=\"uploadUrl\" style=\"display: inline-block;\" v-show=\"uploadList && uploadList.length < 15\">\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 class=\"my-upload-list\" v-for=\"(item, index) in uploadListVideo\" :key=\"'uploadVideo' + index\" style=\"width: 150px;height:100px;position: relative;\">\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 type=\"ios-trash-outline\" @click.native.stop.prevent=\"handleRemoveByArrVideo(item)\"></Icon>\r\n              </div>\r\n            </template>\r\n          </div>\r\n          <Upload ref=\"uploadVideo\" :show-upload-list=\"false\" :on-success=\"handleSuccessVideo\" :format=\"['mp4']\" :max-size=\"51200\" :headers=\"formHeaders\" :on-format-error=\"handleFormatErrorVideo\" :on-error=\"handleUploadErrorVideo\" :on-exceeded-size=\"handleMaxSizeVideo\" :before-upload=\"handleBeforeUploadVideo\" :on-progress=\"handleUploadingVideo\" :action=\"uploadVideoUrl\" type=\"drag\" style=\"display: inline-block;width:100px;height:100px;margin-bottom:10px;\" v-show=\"uploadListVideo && uploadListVideo.length < 1\">\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=\"TypeName\" clearable>\r\n          <Select v-model=\"formInline.TypeName\" style=\"width:400px\">\r\n            <Option v-for=\"item in TypeNameArr\" :value=\"item.name\" :key=\"item.name\">{{ item.name }}</Option>\r\n          </Select>\r\n        </FormItem>\r\n        <FormItem label=\"时间：\" prop=\"date\">\r\n          <DatePicker type=\"datetimerange\" format=\"yyyy-MM-dd HH:mm:ss\" placeholder=\"请选择活动时间\" style=\"width: 400px;\" @on-change=\"time1\"></DatePicker>\r\n        </FormItem>\r\n        <FormItem label=\"活动地点类型:\" prop=\"addressType\">\r\n          <RadioGroup v-model=\"formInline.addressType\" @on-change=\"changeAddressType\">\r\n            <Radio label=\"线上\">\r\n              <span>线上</span>\r\n            </Radio>\r\n            <Radio label=\"线下\">\r\n              <span>线下</span>\r\n            </Radio>\r\n          </RadioGroup>\r\n        </FormItem>\r\n        <FormItem label=\"活动地点:\" prop=\"address\" v-if=\"formInline.addressType === '线下'\">\r\n          <Input style=\"width: 400px\" type=\"text\" v-model=\"formInline.address\" placeholder=\"可填写展位号、会议室房间号等\" />\r\n        </FormItem>\r\n        <FormItem label=\"活动日程:\" prop=\"Timetable\">\r\n          <Input v-model=\"formInline.Timetable\" type=\"textarea\" :rows=\"4\" placeholder=\"请输入活动日程\" style=\"width: 400px\"></Input>\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 class=\"video-player vjs-custom-skin\" ref=\"videoPlayer\" :playsinline=\"true\" :options=\"playerOptions\" @play=\"onPlayerPlay($event)\" @pause=\"onPlayerPause($event)\"></video-player>\r\n      </div>\r\n    </iModal>\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: \"host-activity-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        // that.$Message.warning(\"请上传活动图片\");\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      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        addressType: \"线下\", // 活动地点\r\n        apply: false, // 是否开启报名\r\n        isCharge: false, // 是否收费\r\n        price: 0, // 价格\r\n        linePrice: 0, // 划线价格\r\n        showIndex: 0, // 显示顺序\r\n        TypeName: '', // 显示顺序\r\n      },\r\n      ruleInline: {\r\n        name: [\r\n          { required: true, message: \"活动名称不能为空\", trigger: \"blur\" }\r\n        ],\r\n        address: [\r\n          { required: true, message: \"活动地址不能为空\", trigger: \"blur\" }\r\n        ],\r\n        TypeName: [\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      TypeNameArr: []\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    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    exhibitionInfo () {\r\n      if (JSON.parse(localStorage.vuex)) {\r\n        return JSON.parse(localStorage.vuex).hostSetModule.hostExhibition;\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getindTypeZoneList: 'hostSetModule/getindTypeZoneList',\r\n      addAct: \"hostActModule/addAct\",\r\n      transformReqCustomData: \"customComponentModule/transformReqCustomData\"\r\n    }),\r\n    async getActList () {\r\n      let url = '/api/ActivityTypes/GetList';\r\n      let categoryData = await this.getindTypeZoneList(url);\r\n      console.log(categoryData, 'categoryData')\r\n      if (categoryData && categoryData.length) {\r\n        this.TypeNameArr = categoryData;\r\n      }\r\n    },\r\n    async init () { },\r\n    // 查看上传图片\r\n    handleView (name) {\r\n      this.imgName = name;\r\n      this.visible = true;\r\n    },\r\n    handleViewVideo (item) {\r\n      this.videoData = item;\r\n      this.visibleVideo = true;\r\n    },\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    handleRemoveByArrVideo (file) {\r\n      const fileList = this.uploadListVideo;\r\n      this.uploadListVideo.splice(fileList.indexOf(file), 1);\r\n    },\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    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 =\r\n          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    // 文件格式错误\r\n    handleFormatError (file) {\r\n      this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\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    // 文件过大\r\n    handleMaxSize (file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于2M的图片`);\r\n    },\r\n    handleMaxSizeVideo (file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于50M以下mp4格式的视频`);\r\n    },\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    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    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    handleUploadingVideo (event) { },\r\n    onPlayerPlay (player) { },\r\n    onPlayerPause (player) { },\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        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        TypeName: this.formInline.TypeName,\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.addAct(req);\r\n      if (bool.successed) {\r\n        this.$router.push(\"/host/index/act/act-home\");\r\n        this.$Message.success(\"新增成功\");\r\n      } else {\r\n        this.$Message.error(\"新增失败，请重新尝试\");\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    validForm (name) {\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    changModal ($event) {\r\n      this.Introduction = $event;\r\n    },\r\n    time1 (e) {\r\n      this.applyDate = e;\r\n    },\r\n    time2 (e) {\r\n      this.regDate = e;\r\n    },\r\n    changeAddressType (e) {\r\n      if (e === \"线上\") {\r\n        this.formInline.address = \"线上\";\r\n      } else {\r\n        this.formInline.address = \"\";\r\n      }\r\n    }\r\n  },\r\n  created () {\r\n    this.init();\r\n    this.getActList();\r\n  },\r\n  mounted () {\r\n    this.uploadList = this.$refs.upload.fileList;\r\n  },\r\n  components: {\r\n    videoPlayer,\r\n    customComponentCommon\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\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!./host-activity-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!./host-activity-add.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./host-activity-add.vue?vue&type=template&id=e8645fe4&scoped=true&\"\nimport script from \"./host-activity-add.vue?vue&type=script&lang=js&\"\nexport * from \"./host-activity-add.vue?vue&type=script&lang=js&\"\nimport style0 from \"./host-activity-add.vue?vue&type=style&index=0&id=e8645fe4&lang=scss&scoped=true&\"\nimport style1 from \"./host-activity-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  \"e8645fe4\",\n  null\n  \n)\n\nexport default component.exports","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!./host-activity-add.vue?vue&type=style&index=0&id=e8645fe4&lang=scss&scoped=true&\""],"sourceRoot":""}