{"version":3,"sources":["webpack:///./src/assets/img/close.png","webpack:///./src/views/pages/exhibition/exhibition-material/components/edit-video.vue?dea9","webpack:///./src/views/pages/exhibition/exhibition-material/subpages/video-material.vue?b01a","webpack:///./src/views/pages/exhibition/exhibition-material/components/edit-video.vue?7209","webpack:///./src/views/pages/exhibition/exhibition-material/subpages/video-material.vue?ff38","webpack:///./src/views/pages/exhibition/exhibition-material/components/add-video.vue?2006","webpack:///src/views/pages/exhibition/exhibition-material/components/add-video.vue","webpack:///./src/views/pages/exhibition/exhibition-material/components/add-video.vue?7d52","webpack:///./src/views/pages/exhibition/exhibition-material/components/add-video.vue","webpack:///./src/views/pages/exhibition/exhibition-material/components/edit-video.vue?547f","webpack:///src/views/pages/exhibition/exhibition-material/components/edit-video.vue","webpack:///./src/views/pages/exhibition/exhibition-material/components/edit-video.vue?c444","webpack:///./src/views/pages/exhibition/exhibition-material/components/edit-video.vue","webpack:///src/views/pages/exhibition/exhibition-material/subpages/video-material.vue","webpack:///./src/views/pages/exhibition/exhibition-material/subpages/video-material.vue?cf00","webpack:///./src/views/pages/exhibition/exhibition-material/subpages/video-material.vue","webpack:///./src/views/pages/exhibition/exhibition-material/components/add-video.vue?4afb","webpack:///./src/views/pages/exhibition/exhibition-material/subpages/video-material.vue?c06a"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","videoList","items","length","_e","attrs","on","$event","$emit","_v","_l","item","index","key","ref","refInFor","playerOptions","onPlayerPlay","onPlayerPause","name","_s","delVideo","showEdit","totalCount","pageSize","pageIndex","changePage","changePageSize","add","hideAdd","init","edit","editInfo","hideEdit","staticRenderFns","top","close","model","value","callback","$$v","showModal","expression","ruleInline","formInline","staticStyle","status","url","nativeOn","handleView","stopPropagation","preventDefault","handleRemoveByArr","directives","rawName","uploadList","handleSuccess","formHeaders","handleFormatError","handleUploadError","handleMaxSize","handleBeforeUpload","handleUploading","uploadVideoUrl","$set","cover","pictureChange","picture","coverImg","handleRemoveByArr2","uploadList2","handleSuccess2","handleFormatError2","handleMaxSize2","handleBeforeUpload2","uploadUrl","slot","loading","handleSubmit","visible","require","props","show","type","default","data","uploading","videoData","required","message","trigger","max","watch","val","oldVal","computed","mapGetters","company","res","autoplay","muted","loop","preload","language","aspectRatio","fluid","sources","src","width","notSupportedMessage","components","videoPlayer","methods","mapActions","addvideoMaterial","file","list","$refs","upload","fileList","upload2","$Message","warning","content","duration","closable","splice","indexOf","fileList2","check","event","transfromImgList","arr","arr2","transfromImgList2","second","formData","CompId","AgentId","Name","VideoInfo","Cover","Time","Img","Link","StyleId","Introduction","Tag","console","bool","from","clearFiles","player","e","getIntArr","str","replace","trim","split","mounted","component","info","setData","defaultList1","defaultList2","videoImg","poster","editvideoMaterial","Id","SetValues","videoInfo","JSON","percentage","option","PageSize","PageIndex","addVideo","editVideo","created","result","getvideoMaterial","delvideoMaterial","optArr","i","arrStr","sendAdd","c"],"mappings":"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","file":"static/js/chunk-abb2fafe.4198d80c.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAD+UlEQVRYhb2ZW4hWVRTHf9/XdLHUMWaqaZzoJTQFp6Eoy+yihWRGvkQ36SEkyHwyFIbAppywKBLFeitwCI3A6AYJSi+DQVComKZOBE3KQBfsMswgk8y/h/2dWGdzzv72PuO4YME5e//Xf/2/vfc5e+3z1SQxResBFgDXAm1AHfgb+AM4ARwCJqqSt1SMWwqsBlYA3U2wPwFfA58AnyZnkpTiD0n6TtXtR0lrU3LWIqd4PvA2sKqg73vgKHAa+A2YBK4GuoCFwF0FMT8AG4F9F2IEdxaMxC5Jj0qaHxHfJWmFpK2S/vF49kiqheKbke/xCAclzUuZIs/bJQ14nMcktVUR+KVH9OIUhPm+StJZwz1SJrKM4CMTPCrpngsoLvNrJB03eX6W1BIjcJsJmpB0wzSIy/xSSYdNvi+aCexU3u6YRnGZX6H8dD8WEjhogBsugrjMe0zecUn1IoFLDejQRRSX+Vsmf3+RwCED6AgQLZa0uoKA++V2ohDmlNHQbgXebjoGAgStBrcjQdwaExda15sNrtcK3G46VgYI2pS3bYniJOnBAPZugztiBdqhvbFJwl4vYWjzX+5h34/4QSMGvxBJ3abhWAQBcmvQWtF0P+1htkRyv2ti1vlEofXn+0pPwDsBca8m8D5n4ja3AJ2muBmOqb0atg9XtH7WuF8PDDVKqd0G1w/0JfD+Yq5n1oFW0/BnAhHA58BL5n4HcMDc7wJeTuT8y1xfXsedITKbTCQDeB1X9o957euAZyvwWQ21OjBqGmZXIMzial5baxEwwmaZ64k6rkzPrJN0exI4CFzptb+BG91Uu95cj9Vxizqz2xLJlgEfmvutwAvmvhc31SnWY67PIukSSWfMo31d5Osg9Cp52OvbmfCaOWni7swaPzCN90aQ+NvXKwWY0HuyzG82+GFJtazjEdPxWhOSJ7zEoR3icQ/bH8Aiab3Bbpfy5davjY5RSTNKCOZ4CWP21k1ezJIA9huDu8kX+JTp3FtCMMtg+iLEFU33rSWYtQazO2v3QacNaHkJ0Ty5sihWXOaL5OrOor6Zkv41uf9/UH2grcfGGyOWKqSK26nNFRZF4L0GfELuaDid4uwZ/KjfXxZkC9gjkmZPk7iPlbeuWIGtyle2I6q27sq8Q9JXnrj7irAhknblT3qSOxpOVdzzksYM56TKH8imX7cuU35NSu57Sp+kZQmieuQ+Pg16XAclLQjFxn7AfAZ4E+jw2oeB/bjv0GeA33H13BxgLrAIeAC4pYBzCzGVdsIozJB7BZzX1Ow9NXaJGI8dQWtzgTW488iSyJgh3NllADiekqyKQGvdwGLcXxBX4YrWGnAOGMdN+WHgW+B8lQT/AcjIgvTEmQMvAAAAAElFTkSuQmCC\"","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!./edit-video.vue?vue&type=style&index=1&id=1fed16d3&lang=scss&scoped=true&\"","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!./video-material.vue?vue&type=style&index=0&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!./edit-video.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"my-item\"},[_c('div',{staticClass:\"material\"},[(_vm.videoList && _vm.videoList.items.length)?[(false)?_c('Row',{attrs:{\"gutter\":30}},_vm._l((_vm.videoList.items),function(item,index){return _c('Col',{key:'video-me-' + index,attrs:{\"span\":\"8\"}},[_c('div',{staticClass:\"material-list\"},[_c('video-player',{ref:'videoPlayer-' + index,refInFor:true,staticClass:\"video-player vjs-custom-skin\",attrs:{\"playsinline\":true,\"options\":_vm.playerOptions[index]},on:{\"play\":function($event){return _vm.onPlayerPlay($event, 'videoPlayer-' + index)},\"pause\":function($event){return _vm.onPlayerPause($event)}}}),_c('Poptip',{staticClass:\"close-video\",attrs:{\"confirm\":\"\",\"title\":\"确认删除此素材吗?\",\"placement\":\"bottom\"},on:{\"on-ok\":function($event){return _vm.delVideo(item)}}},[_c('Icon',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"type\":\"ios-trash-outline\",\"size\":\"20\",\"color\":\"#fff\"}})],1)],1)])}),1):_vm._e(),_c('Row',{attrs:{\"gutter\":30}},[_c('Col',{staticClass:\"w-20-1\",attrs:{\"sm\":8,\"md\":6}},[_c('div',{staticClass:\"addVideo\",on:{\"click\":function($event){return _vm.$emit('addVideo');}}},[_c('div'),_c('i',{staticClass:\"icon iconfont icon-jia3\"}),_c('span',[_vm._v(\"上传视频\")])])]),_vm._l((_vm.videoList.items),function(item,index){return _c('Col',{key:'video-me-' + index,staticClass:\"w-20-1\",attrs:{\"sm\":8,\"md\":6}},[_c('div',{staticClass:\"video-list\"},[_c('div',{staticClass:\"material-list\"},[_c('video-player',{ref:'videoPlayer-' + index,refInFor:true,staticClass:\"video-player vjs-custom-skin\",attrs:{\"playsinline\":true,\"options\":_vm.playerOptions[index]},on:{\"play\":function($event){return _vm.onPlayerPlay($event, 'videoPlayer-' + index)},\"pause\":function($event){return _vm.onPlayerPause($event)}}})],1),_c('div',{staticClass:\"video-list-title\",attrs:{\"title\":item.name}},[_vm._v(_vm._s(item.name))]),(false)?_c('div',{staticClass:\"video-list-time\"},[(!item.isCharge)?[_vm._v(\"剩余：\"+_vm._s(_vm._f(\"time_sort\")(item.endTime)))]:_vm._e()],2):_vm._e(),_c('div',{staticClass:\"pro-tool\"},[_c('Poptip',{staticClass:\"pro-tool-item z-del\",attrs:{\"confirm\":\"\",\"title\":\"确认删除此视频吗 ?\"},on:{\"on-ok\":function($event){return _vm.delVideo(item)}}},[_vm._v(\"删除\")]),_c('div',{staticClass:\"pro-tool-line\"}),_c('div',{staticClass:\"pro-tool-item z-primary\",on:{\"click\":function($event){return _vm.showEdit(item)}}},[_vm._v(\"编辑\")])],1)])])})],2),(_vm.totalCount > _vm.pageSize)?_c('div',{staticClass:\"my-page\"},[_c('Page',{attrs:{\"show-total\":\"\",\"show-elevator\":\"\",\"page-size\":_vm.pageSize,\"current\":_vm.pageIndex,\"total\":_vm.totalCount},on:{\"on-change\":_vm.changePage,\"on-page-size-change\":_vm.changePageSize}})],1):_vm._e()]:_c('div',{staticClass:\"u-empty\"},[_vm._v(\"暂无数据\")])],2),_c('addVideo',{attrs:{\"show\":_vm.add},on:{\"close\":function($event){return _vm.hideAdd()},\"finish\":function($event){return _vm.init()}}}),_c('editVideo',{attrs:{\"show\":_vm.edit,\"info\":_vm.editInfo},on:{\"close\":function($event){return _vm.hideEdit()},\"finish\":function($event){return _vm.init()}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"activity-add\"},[_c('iModal',{attrs:{\"title\":\"上传视频\",\"width\":\"600px\",\"mask-closable\":false,\"styles\":{top: '150px'}},on:{\"on-cancel\":function($event){return _vm.close()}},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('div',{staticClass:\"my-modal\"},[_c('div',{staticClass:\"my-modal-content\"},[_c('Form',{attrs:{\"label-width\":100,\"rules\":_vm.ruleInline,\"model\":_vm.formInline}},[_c('FormItem',{attrs:{\"label\":\"本地视频：\",\"required\":true}},[_vm._l((_vm.uploadList),function(item,index){return _c('div',{key:'upload' + index,staticClass:\"my-upload-list\",staticStyle:{\"width\":\"100px\",\"height\":\"100px\",\"position\":\"relative\"}},[(item.status === 'finished')?[(item.url)?_c('video',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"src\":item.url}}):_vm._e(),_c('div',{staticClass:\"my-upload-list-cover\"},[_c('Icon',{attrs:{\"type\":\"ios-eye-outline\"},nativeOn:{\"click\":function($event){return _vm.handleView(item)}}}),_c('Icon',{attrs:{\"type\":\"ios-trash-outline\"},nativeOn:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleRemoveByArr(item)}}})],1)]:_vm._e()],2)}),_c('Upload',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.uploadList && _vm.uploadList.length < 1),expression:\"uploadList && uploadList.length < 1\"}],ref:\"upload\",staticStyle:{\"display\":\"inline-block\",\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"show-upload-list\":false,\"on-success\":_vm.handleSuccess,\"format\":['mp4'],\"max-size\":51200,\"headers\":_vm.formHeaders,\"on-format-error\":_vm.handleFormatError,\"on-error\":_vm.handleUploadError,\"on-exceeded-size\":_vm.handleMaxSize,\"before-upload\":_vm.handleBeforeUpload,\"on-progress\":_vm.handleUploading,\"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\"}},[_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\"}},[_vm._v(\"（视频要求：大小不超过50M，建议时长9-30秒，宽高比16:9，只支持.mp4格式）\")])],2),_c('FormItem',{attrs:{\"label\":\"名称：\",\"prop\":\"name\"}},[_c('Input',{attrs:{\"placeholder\":\"请输入视频名称，不超过20字\"},model:{value:(_vm.formInline.name),callback:function ($$v) {_vm.$set(_vm.formInline, \"name\", $$v)},expression:\"formInline.name\"}})],1),_c('div',{staticStyle:{\"margin-top\":\"20px\"}},[(_vm.formInline.cover == 0)?_c('div',[_c('FormItem',{attrs:{\"label\":\"截取帧：\"}},[_c('RadioGroup',{attrs:{\"type\":\"button\"},on:{\"on-change\":_vm.pictureChange},model:{value:(_vm.picture),callback:function ($$v) {_vm.picture=$$v},expression:\"picture\"}},[_c('Radio',{attrs:{\"label\":\"5秒\"}}),_c('Radio',{attrs:{\"label\":\"10秒\"}}),_c('Radio',{attrs:{\"label\":\"15秒\"}}),_c('Radio',{attrs:{\"label\":\"20秒\"}}),_c('Radio',{attrs:{\"label\":\"25秒\"}})],1)],1),_c('FormItem',{attrs:{\"label\":\"预览：\"}},[_c('div',{staticClass:\"preview-box\"},[(_vm.coverImg)?_c('img',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"src\":this.coverImg}}):_c('img',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"src\":require(\"@/assets/img/empty.png\")}})])])],1):_vm._e(),(_vm.formInline.cover == 1)?_c('FormItem',{attrs:{\"label\":\"封面：\"}},[_vm._l((_vm.uploadList2),function(item,index){return _c('div',{key:'upload' + index,staticClass:\"my-upload-list\",staticStyle:{\"width\":\"100px\",\"height\":\"100px\"}},[(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-trash-outline\"},nativeOn:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleRemoveByArr2(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.uploadList2 && _vm.uploadList2.length < 1),expression:\"uploadList2 && uploadList2.length < 1\"}],ref:\"upload2\",staticStyle:{\"display\":\"inline-block\",\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"show-upload-list\":false,\"on-success\":_vm.handleSuccess2,\"format\":['jpg','jpeg','png'],\"max-size\":2048,\"headers\":_vm.formHeaders,\"on-format-error\":_vm.handleFormatError2,\"on-exceeded-size\":_vm.handleMaxSize2,\"before-upload\":_vm.handleBeforeUpload2,\"type\":\"drag\",\"action\":_vm.uploadUrl,\"multiple\":\"\"}},[_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\"}},[_vm._v(\"上传\")])])])]),_c('p',{staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"(图片要求：2M以下的jpg或png，建议尺寸750*500px)\")])],2):_vm._e()],1)],1)],1)]),_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('Button',{attrs:{\"type\":\"primary\",\"loading\":_vm.loading},on:{\"click\":function($event){return _vm.handleSubmit()}}},[_vm._v(\"保存\")]),_c('Button',{on:{\"click\":function($event){return _vm.close()}}},[_vm._v(\"取消\")])],1)]),_c('iModal',{attrs:{\"cancel-text\":\"\",\"class-name\":\"vertical-center-modal\",\"footer-hide\":false},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_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    <iModal\r\n      title=\"上传视频\"\r\n      v-model=\"showModal\"\r\n      width=\"600px\"\r\n      :mask-closable=\"false\"\r\n      @on-cancel=\"close()\"\r\n      :styles=\"{top: '150px'}\"\r\n    >\r\n      <div class=\"my-modal\">\r\n        <div class=\"my-modal-content\">\r\n          <Form :label-width=\"100\" :rules=\"ruleInline\" :model=\"formInline\">\r\n            <FormItem label=\"本地视频：\" :required=\"true\">\r\n              <div\r\n                class=\"my-upload-list\"\r\n                v-for=\"(item, index) in uploadList\"\r\n                :key=\"'upload' + index\"\r\n                style=\"width: 100px;height:100px;position: relative;\"\r\n              >\r\n                <template v-if=\"item.status === 'finished'\">\r\n                  <!-- <img :src=\"videoImg\" style=\"width: 100px;height:100px;\" /> -->\r\n                  <video v-if=\"item.url\" :src=\"item.url\" style=\"width: 100px;height:100px;\"></video>\r\n                  <div class=\"my-upload-list-cover\">\r\n                    <Icon type=\"ios-eye-outline\" @click.native=\"handleView(item)\"></Icon>\r\n                    <Icon\r\n                      type=\"ios-trash-outline\"\r\n                      @click.native.stop.prevent=\"handleRemoveByArr(item)\"\r\n                    ></Icon>\r\n                  </div>\r\n                </template>\r\n              </div>\r\n              <Upload\r\n                ref=\"upload\"\r\n                :show-upload-list=\"false\"\r\n                :on-success=\"handleSuccess\"\r\n                :format=\"['mp4']\"\r\n                :max-size=\"51200\"\r\n                :headers=\"formHeaders\"\r\n                :on-format-error=\"handleFormatError\"\r\n                :on-error=\"handleUploadError\"\r\n                :on-exceeded-size=\"handleMaxSize\"\r\n                :before-upload=\"handleBeforeUpload\"\r\n                :on-progress=\"handleUploading\"\r\n                :action=\"uploadVideoUrl\"\r\n                type=\"drag\"\r\n                style=\"display: inline-block;width: 100px;height:100px;\"\r\n                v-show=\"uploadList && uploadList.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\">上传</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\">（视频要求：大小不超过50M，建议时长9-30秒，宽高比16:9，只支持.mp4格式）</p>\r\n            </FormItem>\r\n            <FormItem label=\"名称：\" prop=\"name\">\r\n              <Input v-model=\"formInline.name\" placeholder=\"请输入视频名称，不超过20字\" />\r\n            </FormItem>\r\n            <!-- <FormItem label=\"封面：\">\r\n              <RadioGroup v-model=\"formInline.cover\">\r\n                <Radio size=\"large\" label=\"0\">截取</Radio>\r\n                <Radio size=\"large\" label=\"1\">自定义</Radio>\r\n              </RadioGroup>\r\n            </FormItem> -->\r\n\r\n            <div style=\"margin-top: 20px;\">\r\n              <div v-if=\"formInline.cover == 0\">\r\n                <FormItem label=\"截取帧：\">\r\n                  <RadioGroup v-model=\"picture\" type=\"button\" @on-change=\"pictureChange\">\r\n                    <Radio label=\"5秒\"></Radio>\r\n                    <Radio label=\"10秒\"></Radio>\r\n                    <Radio label=\"15秒\"></Radio>\r\n                    <Radio label=\"20秒\"></Radio>\r\n                    <Radio label=\"25秒\"></Radio>\r\n                  </RadioGroup>\r\n                </FormItem>\r\n                <FormItem label=\"预览：\">\r\n                  <div class=\"preview-box\">\r\n                    <img :src=\"this.coverImg\" v-if=\"coverImg\" style=\"width: 100px;height:100px;\" />\r\n                    <img src=\"@/assets/img/empty.png\" v-else style=\"width: 100px;height:100px;\" />\r\n                  </div>\r\n                </FormItem>\r\n              </div>\r\n\r\n              <FormItem v-if=\"formInline.cover == 1\" label=\"封面：\">\r\n                <div\r\n                  class=\"my-upload-list\"\r\n                  v-for=\"(item, index) in uploadList2\"\r\n                  :key=\"'upload' + index\"\r\n                  style=\"width: 100px;height:100px;\"\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\r\n                        type=\"ios-trash-outline\"\r\n                        @click.native.stop.prevent=\"handleRemoveByArr2(item)\"\r\n                      ></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=\"upload2\"\r\n                  :show-upload-list=\"false\"\r\n                  :on-success=\"handleSuccess2\"\r\n                  :format=\"['jpg','jpeg','png']\"\r\n                  :max-size=\"2048\"\r\n                  :headers=\"formHeaders\"\r\n                  :on-format-error=\"handleFormatError2\"\r\n                  :on-exceeded-size=\"handleMaxSize2\"\r\n                  :before-upload=\"handleBeforeUpload2\"\r\n                  type=\"drag\"\r\n                  :action=\"uploadUrl\"\r\n                  multiple\r\n                  style=\"display: inline-block;width: 100px;height:100px;\"\r\n                  v-show=\"uploadList2 && uploadList2.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\">上传</p>\r\n                    </div>\r\n                  </div>\r\n                </Upload>\r\n                <p style=\"font-size: 12px;\">(图片要求：2M以下的jpg或png，建议尺寸750*500px)</p>\r\n              </FormItem>\r\n            </div>\r\n          </Form>\r\n        </div>\r\n      </div>\r\n      <div slot=\"footer\">\r\n        <Button type=\"primary\" :loading=\"loading\" @click=\"handleSubmit()\">保存</Button>\r\n        <Button @click=\"close()\">取消</Button>\r\n      </div>\r\n    </iModal>\r\n    <iModal cancel-text v-model=\"visible\" class-name=\"vertical-center-modal\" :footer-hide=\"false\">\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  </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 { mapActions, mapGetters } from \"vuex\";\r\nimport { videoPlayer } from \"vue-video-player\";\r\nexport default {\r\n  props: {\r\n    show: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      showModal: false,\r\n      loading: false,\r\n      uploading: false,\r\n      uploadList: [],\r\n      uploadList2: [],\r\n      visible: false,\r\n      formInline: {\r\n        cover: \"1\",\r\n        name: \"\"\r\n      },\r\n      picture: \"5秒\", // 视频封面的帧数\r\n      coverImg: \"\",\r\n      videoData: null,\r\n      ruleInline: {\r\n        // 效验规则\r\n        name: [\r\n          { required: true, message: \"视频名称不能为空\", trigger: \"blur\" },\r\n          {\r\n            type: \"string\",\r\n            max: 20,\r\n            message: \"用户名不能大于20位\",\r\n            trigger: \"blur\"\r\n          }\r\n        ]\r\n      }\r\n    };\r\n  },\r\n  watch: {\r\n    show(val, oldVal) {\r\n      this.showModal = val;\r\n      if (!val) this.$emit(\"close\");\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      company: \"loginModule/getCompany\",\r\n      uploadUrl: \"getUploadUrl\",\r\n      uploadVideoUrl: \"getUploadVideoUrl\",\r\n      formHeaders: \"getFormHeaders\"\r\n    }),\r\n    // videoImg() {\r\n    //   let url = \"\";\r\n    //   if (this.uploadList && this.uploadList.length) {\r\n    //     let suffix =\r\n    //       \"?x-image-process=video/snapshot,t_2000,f_jpg,w_590,h_332,m_fast\";\r\n    //     url = this.uploadList[0].url + suffix;\r\n    //   }\r\n    //   return url;\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.videoImg,\r\n          width: document.documentElement.clientWidth,\r\n          notSupportedMessage: \"此视频暂无法播放，请稍后再试\"\r\n        };\r\n      }\r\n      return res;\r\n    }\r\n  },\r\n  components: {\r\n    videoPlayer\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      addvideoMaterial: \"materialModule/addvideoMaterial\"\r\n    }),\r\n    handleSuccess(res, file) {\r\n      this.uploading = false;\r\n      if (res && res.list.length) {\r\n        file.url = res.list[0];\r\n        this.uploadList = this.$refs.upload.fileList;\r\n        // 华为云暂无此功能\r\n        // this.coverImg =\r\n        //   this.uploadList[0].url +\r\n        //   `?x-image-process=video/snapshot,t_${5000},f_jpg,w_590,h_332,m_fast`;\r\n        this.formInline.name = this.uploadList[0].name;\r\n      }\r\n    },\r\n    handleSuccess2(res, file) {\r\n      if (res && res.list.length) {\r\n        file.url = res.list[0];\r\n        this.uploadList2 = this.$refs.upload2.fileList;\r\n      }\r\n    },\r\n    // 查看上传图片\r\n    handleView(name) {\r\n      this.videoData = name;\r\n      this.visible = true;\r\n    },\r\n    handleFormatError(file) {\r\n      this.$Message.warning(`文件格式是不正确的, 请上传mp4格式的视频`);\r\n      this.uploading = false;\r\n    },\r\n    handleUploadError(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    handleFormatError2(file) {\r\n      this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\r\n    },\r\n    handleMaxSize(file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于50M以下mp4格式的视频`);\r\n    },\r\n    handleMaxSize2(file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于2M的图片`);\r\n    },\r\n    handleRemoveByArr(file) {\r\n      const fileList = this.uploadList;\r\n      this.uploadList.splice(fileList.indexOf(file), 1);\r\n    },\r\n    handleRemoveByArr2(file) {\r\n      const fileList2 = this.uploadList2;\r\n      this.uploadList2.splice(fileList2.indexOf(file), 1);\r\n    },\r\n    handleBeforeUpload() {\r\n      this.uploading = true;\r\n      const limitNum = 1;\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    handleBeforeUpload2() {\r\n      const check = this.$refs.upload2.fileList.length < 1;\r\n      if (!check) {\r\n        this.$Message.warning(`最多只能上传1张封面`);\r\n      }\r\n      return check;\r\n    },\r\n    handleUploading(event) {},\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    transfromImgList2(arr) {\r\n      let arr2 = [];\r\n      arr.forEach(c => {\r\n        let url = c.url;\r\n        if (this.formInline.cover === \"0\") {\r\n          let suffix =\r\n            \"?x-image-process=video/snapshot,t_2000,f_jpg,w_590,h_332,m_fast\";\r\n          url += suffix;\r\n        }\r\n        arr2.push(url);\r\n      });\r\n      return arr2;\r\n    },\r\n    async handleSubmit() {\r\n      if (!(this.uploadList && this.uploadList.length)) {\r\n        this.$Message.error(`请上传素材视频`);\r\n        return;\r\n      }\r\n      let videoList = this.transfromImgList(this.uploadList);\r\n      if (this.formInline.cover === \"1\") {\r\n        if (this.uploadList2.length > 0) {\r\n          this.coverImg = this.uploadList2[0].url;\r\n        } \r\n        // else {\r\n        //   this.$Message.error(`请上传视频封面`);\r\n        //   return;\r\n        // }\r\n      }\r\n      let second = this.getIntArr(this.picture);\r\n      let formData = {\r\n        CompId: this.company.id,\r\n        AgentId: this.company.agentId,\r\n        Name: this.formInline.name,\r\n        VideoInfo: {\r\n          Cover: \"1\",\r\n          Time: second[0] * 1000,\r\n          Img: this.coverImg,\r\n          Link: String(videoList)\r\n        },\r\n        StyleId: \"3\",\r\n        Introduction: \"\",\r\n        Tag: \"\"\r\n      };\r\n      console.log(formData);\r\n      this.loading = true;\r\n      let bool = await this.addvideoMaterial(formData);\r\n      this.loading = false;\r\n      if (bool.successed) {\r\n        this.$Message.success(\"添加成功\");\r\n        this.$emit(\"finish\");\r\n        this.close();\r\n        this.$refs.upload.clearFiles();\r\n      } else {\r\n        this.$Message.error(\"添加失败，请重新尝试\");\r\n      }\r\n    },\r\n    close() {\r\n      this.showModal = false;\r\n      this.loading = false;\r\n      this.uploadList = [];\r\n      this.uploadList2 = [];\r\n      this.visible = false;\r\n      this.videoData = null;\r\n      this.coverImg = \"\";\r\n      this.from = \"\";\r\n      this.formInline.cover = \"1\";\r\n      this.formInline.name = \"\";\r\n      this.uploading = false;\r\n      if (this.$refs[\"upload\"]) this.$refs[\"upload\"].clearFiles();\r\n      if (this.$refs[\"upload2\"]) this.$refs[\"upload2\"].clearFiles();\r\n      this.$refs.upload.clearFiles();\r\n      this.$emit(\"close\");\r\n    },\r\n    onPlayerPlay(player) {},\r\n    onPlayerPause(player) {},\r\n    pictureChange(e) {\r\n      let second = this.getIntArr(e);\r\n      console.log(second);\r\n      if (this.uploadList[0] && this.uploadList[0].url) {\r\n        this.coverImg =\r\n          this.uploadList[0].url +\r\n          `?x-image-process=video/snapshot,t_${second[0] *\r\n            1000},f_jpg,w_590,h_332,m_fast`;\r\n      }\r\n    },\r\n    getIntArr(str) {\r\n      return str\r\n        .replace(/[^0-9]/gi, \" \")\r\n        .trim()\r\n        .split(/\\s+/);\r\n    }\r\n  },\r\n  mounted() {\r\n    if (this.$refs.upload) {\r\n      this.uploadList = this.$refs.upload.fileList;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.my-modal {\r\n  &-content {\r\n    padding-right: 20px;\r\n  }\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.my-upload-list-cover {\r\n  i {\r\n    position: relative !important;\r\n    top: -2px !important;\r\n  }\r\n}\r\n.demo-spin-icon-load {\r\n  animation: ani-demo-spin 1s linear infinite;\r\n}\r\n\r\n.preview-box {\r\n  width: 100px;\r\n  height: 100px;\r\n  background-color: #bfbfbf;\r\n  border-radius: 5px;\r\n  position: relative;\r\n  img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 100%;\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!./add-video.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!./add-video.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./add-video.vue?vue&type=template&id=615aabe5&scoped=true&\"\nimport script from \"./add-video.vue?vue&type=script&lang=js&\"\nexport * from \"./add-video.vue?vue&type=script&lang=js&\"\nimport style0 from \"./add-video.vue?vue&type=style&index=0&id=615aabe5&lang=scss&scoped=true&\"\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  \"615aabe5\",\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:\"video-add\"},[_c('iModal',{attrs:{\"title\":\"视频编辑\",\"width\":\"600px\",\"mask-closable\":false,\"styles\":{top: '150px'}},on:{\"on-cancel\":function($event){return _vm.close()}},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('div',{staticClass:\"my-modal\"},[_c('div',{staticClass:\"my-modal-content\"},[_c('Form',{attrs:{\"label-width\":100,\"rules\":_vm.ruleInline,\"model\":_vm.formInline}},[_c('FormItem',{attrs:{\"label\":\"本地视频：\",\"required\":true}},[_vm._l((_vm.uploadList),function(item,index){return _c('div',{key:'upload' + index,staticClass:\"my-upload-list\",staticStyle:{\"width\":\"100px\",\"height\":\"100px\",\"position\":\"relative\"}},[(item.status === 'finished')?[(item.url)?_c('video',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"src\":item.url}}):_vm._e(),_c('div',{staticClass:\"my-upload-list-cover\"},[_c('Icon',{attrs:{\"type\":\"ios-eye-outline\"},nativeOn:{\"click\":function($event){return _vm.handleView(item)}}}),_c('Icon',{attrs:{\"type\":\"ios-trash-outline\"},nativeOn:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleRemoveByArr(item)}}})],1)]:_vm._e()],2)}),_c('Upload',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.uploadList && _vm.uploadList.length < 1),expression:\"uploadList && uploadList.length < 1\"}],ref:\"upload\",staticStyle:{\"display\":\"inline-block\",\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"show-upload-list\":false,\"on-success\":_vm.handleSuccess,\"format\":['mp4'],\"max-size\":51200,\"headers\":_vm.formHeaders,\"on-format-error\":_vm.handleFormatError,\"on-error\":_vm.handleUploadError,\"on-exceeded-size\":_vm.handleMaxSize,\"before-upload\":_vm.handleBeforeUpload,\"on-progress\":_vm.handleUploading,\"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\"}},[_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\"}},[_vm._v(\"（视频要求：大小不超过50M，建议时长9-30秒，宽高比16:9，只支持.mp4格式）\")])],2),_c('FormItem',{attrs:{\"label\":\"名称：\",\"prop\":\"name\"}},[_c('Input',{attrs:{\"placeholder\":\"请输入视频名称，不超过20字\"},model:{value:(_vm.formInline.name),callback:function ($$v) {_vm.$set(_vm.formInline, \"name\", $$v)},expression:\"formInline.name\"}})],1),_c('div',{staticStyle:{\"margin-top\":\"20px\"}},[(_vm.formInline.cover == 0)?_c('div',[_c('FormItem',{attrs:{\"label\":\"截取帧：\"}},[_c('RadioGroup',{attrs:{\"type\":\"button\"},on:{\"on-change\":_vm.pictureChange},model:{value:(_vm.picture),callback:function ($$v) {_vm.picture=$$v},expression:\"picture\"}},[_c('Radio',{attrs:{\"label\":\"5秒\"}}),_c('Radio',{attrs:{\"label\":\"10秒\"}}),_c('Radio',{attrs:{\"label\":\"15秒\"}}),_c('Radio',{attrs:{\"label\":\"20秒\"}}),_c('Radio',{attrs:{\"label\":\"25秒\"}})],1)],1),_c('FormItem',{attrs:{\"label\":\"预览：\"}},[_c('div',{staticClass:\"preview-box\"},[(_vm.coverImg)?_c('img',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"src\":_vm.coverImg}}):_c('img',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"src\":require(\"@/assets/img/empty.png\")}})])])],1):_vm._e(),(_vm.formInline.cover == 1)?_c('FormItem',{attrs:{\"label\":\"封面：\"}},[_vm._l((_vm.uploadList2),function(item,index){return _c('div',{key:'upload' + index,staticClass:\"my-upload-list\",staticStyle:{\"width\":\"100px\",\"height\":\"100px\"}},[(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-trash-outline\"},nativeOn:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleRemoveByArr2(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.uploadList2 && _vm.uploadList2.length < 1),expression:\"uploadList2 && uploadList2.length < 1\"}],ref:\"upload2\",staticStyle:{\"display\":\"inline-block\",\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"show-upload-list\":false,\"on-success\":_vm.handleSuccess2,\"format\":['jpg','jpeg','png'],\"max-size\":2048,\"headers\":_vm.formHeaders,\"on-format-error\":_vm.handleFormatError2,\"on-exceeded-size\":_vm.handleMaxSize2,\"before-upload\":_vm.handleBeforeUpload2,\"type\":\"drag\",\"action\":_vm.uploadUrl,\"multiple\":\"\"}},[_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\"}},[_vm._v(\"上传\")])])])]),_c('p',{staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"(图片要求：2M以下的jpg或png，建议尺寸750*500px)\")])],2):_vm._e()],1)],1)],1)]),_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('Button',{attrs:{\"type\":\"primary\",\"loading\":_vm.loading},on:{\"click\":function($event){return _vm.handleSubmit()}}},[_vm._v(\"保存\")]),_c('Button',{on:{\"click\":function($event){return _vm.close()}}},[_vm._v(\"取消\")])],1)]),_c('iModal',{attrs:{\"cancel-text\":\"\",\"closable\":false,\"footer-hide\":true,\"class-name\":\"vertical-center-modal\"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('video-player',{ref:\"videoPlayer\",staticClass:\"video-player vjs-custom-skin\",staticStyle:{\"position\":\"relative\"},attrs:{\"playsinline\":true,\"options\":_vm.playerOptions},on:{\"play\":function($event){return _vm.onPlayerPlay($event)},\"pause\":function($event){return _vm.onPlayerPause($event)}}})],1),_c('img',{staticClass:\"close-btn\",attrs:{\"src\":require(\"@/assets/img/close.png\")},on:{\"click\":function($event){_vm.visible=false}}})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"video-add\">\r\n    <iModal\r\n      title=\"视频编辑\"\r\n      v-model=\"showModal\"\r\n      width=\"600px\"\r\n      :mask-closable=\"false\"\r\n      @on-cancel=\"close()\"\r\n      :styles=\"{top: '150px'}\"\r\n    >\r\n      <div class=\"my-modal\">\r\n        <div class=\"my-modal-content\">\r\n          <Form :label-width=\"100\" :rules=\"ruleInline\" :model=\"formInline\">\r\n            <FormItem label=\"本地视频：\" :required=\"true\">\r\n              <div\r\n                class=\"my-upload-list\"\r\n                v-for=\"(item, index) in uploadList\"\r\n                :key=\"'upload' + index\"\r\n                style=\"width: 100px;height:100px;position: relative;\"\r\n              >\r\n                <template v-if=\"item.status === 'finished'\">\r\n                  <video v-if=\"item.url\" :src=\"item.url\" style=\"width: 100px;height:100px;\"></video>\r\n                  <!-- <img :src=\"videoImg\" style=\"width: 100px;height:100px;\" /> -->\r\n                  <div class=\"my-upload-list-cover\">\r\n                    <Icon type=\"ios-eye-outline\" @click.native=\"handleView(item)\"></Icon>\r\n                    <Icon\r\n                      type=\"ios-trash-outline\"\r\n                      @click.native.stop.prevent=\"handleRemoveByArr(item)\"\r\n                    ></Icon>\r\n                  </div>\r\n                </template>\r\n              </div>\r\n              <Upload\r\n                ref=\"upload\"\r\n                :show-upload-list=\"false\"\r\n                :on-success=\"handleSuccess\"\r\n                :format=\"['mp4']\"\r\n                :max-size=\"51200\"\r\n                :headers=\"formHeaders\"\r\n                :on-format-error=\"handleFormatError\"\r\n                :on-error=\"handleUploadError\"\r\n                :on-exceeded-size=\"handleMaxSize\"\r\n                :before-upload=\"handleBeforeUpload\"\r\n                :on-progress=\"handleUploading\"\r\n                :action=\"uploadVideoUrl\"\r\n                type=\"drag\"\r\n                style=\"display: inline-block;width: 100px;height:100px;\"\r\n                v-show=\"uploadList && uploadList.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\">上传</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\">（视频要求：大小不超过50M，建议时长9-30秒，宽高比16:9，只支持.mp4格式）</p>\r\n            </FormItem>\r\n            <FormItem label=\"名称：\" prop=\"name\">\r\n              <Input v-model=\"formInline.name\" placeholder=\"请输入视频名称，不超过20字\" />\r\n            </FormItem>\r\n            <!-- <FormItem label=\"封面：\">\r\n              <RadioGroup v-model=\"formInline.cover\">\r\n                <Radio size=\"large\" label=\"0\">截取</Radio>\r\n                <Radio size=\"large\" label=\"1\">自定义</Radio>\r\n              </RadioGroup>\r\n            </FormItem> -->\r\n\r\n            <div style=\"margin-top: 20px;\">\r\n              <div v-if=\"formInline.cover == 0\">\r\n                <FormItem label=\"截取帧：\">\r\n                  <RadioGroup v-model=\"picture\" type=\"button\" @on-change=\"pictureChange\">\r\n                    <Radio label=\"5秒\"></Radio>\r\n                    <Radio label=\"10秒\"></Radio>\r\n                    <Radio label=\"15秒\"></Radio>\r\n                    <Radio label=\"20秒\"></Radio>\r\n                    <Radio label=\"25秒\"></Radio>\r\n                  </RadioGroup>\r\n                </FormItem>\r\n                <FormItem label=\"预览：\">\r\n                  <div class=\"preview-box\">\r\n                    <img :src=\"coverImg\" v-if=\"coverImg\" style=\"width: 100px;height:100px;\" />\r\n                    <img src=\"@/assets/img/empty.png\" v-else style=\"width: 100px;height:100px;\" />\r\n                  </div>\r\n                </FormItem>\r\n              </div>\r\n\r\n              <FormItem v-if=\"formInline.cover == 1\" label=\"封面：\">\r\n                <div\r\n                  class=\"my-upload-list\"\r\n                  v-for=\"(item, index) in uploadList2\"\r\n                  :key=\"'upload' + index\"\r\n                  style=\"width: 100px;height:100px;\"\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\r\n                        type=\"ios-trash-outline\"\r\n                        @click.native.stop.prevent=\"handleRemoveByArr2(item)\"\r\n                      ></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=\"upload2\"\r\n                  :show-upload-list=\"false\"\r\n                  :on-success=\"handleSuccess2\"\r\n                  :format=\"['jpg','jpeg','png']\"\r\n                  :max-size=\"2048\"\r\n                  :headers=\"formHeaders\"\r\n                  :on-format-error=\"handleFormatError2\"\r\n                  :on-exceeded-size=\"handleMaxSize2\"\r\n                  :before-upload=\"handleBeforeUpload2\"\r\n                  type=\"drag\"\r\n                  :action=\"uploadUrl\"\r\n                  multiple\r\n                  style=\"display: inline-block;width: 100px;height:100px;\"\r\n                  v-show=\"uploadList2 && uploadList2.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\">上传</p>\r\n                    </div>\r\n                  </div>\r\n                </Upload>\r\n                <p style=\"font-size: 12px;\">(图片要求：2M以下的jpg或png，建议尺寸750*500px)</p>\r\n              </FormItem>\r\n            </div>\r\n          </Form>\r\n        </div>\r\n      </div>\r\n      <div slot=\"footer\">\r\n        <Button type=\"primary\" :loading=\"loading\" @click=\"handleSubmit()\">保存</Button>\r\n        <Button @click=\"close()\">取消</Button>\r\n      </div>\r\n    </iModal>\r\n    <!-- <iModal\r\n      title=\"图片查看\"\r\n      cancel-text\r\n      v-model=\"visible\"\r\n      class-name=\"vertical-center-modal\"\r\n      :closable=\"false\"\r\n      :footer-hide=\"false\"\r\n    >\r\n      <div style=\"text-align: center;position: relative;\">\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      <img src=\"@/assets/img/close.png\" class=\"close-btn\" @click=\"visible=false\" />\r\n    </iModal>-->\r\n    <iModal\r\n      cancel-text\r\n      v-model=\"visible\"\r\n      :closable=\"false\"\r\n      :footer-hide=\"true\"\r\n      class-name=\"vertical-center-modal\"\r\n    >\r\n      <div style=\"text-align: center;\">\r\n        <video-player\r\n          class=\"video-player vjs-custom-skin\"\r\n          style=\"position: relative;\"\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      <img src=\"@/assets/img/close.png\" class=\"close-btn\" @click=\"visible=false\" />\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 { mapActions, mapGetters } from \"vuex\";\r\nimport { videoPlayer } from \"vue-video-player\";\r\nexport default {\r\n  name: \"edit-video\",\r\n  props: {\r\n    show: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    info: {\r\n      type: Object,\r\n      default: {}\r\n    }\r\n  },\r\n  watch: {\r\n    show(val, oldVal) {\r\n      this.showModal = val;\r\n      if (!val) this.$emit(\"close\");\r\n    },\r\n    info(val, oldVal) {\r\n      if (val) {\r\n        this.setData();\r\n        console.log(this.info);\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      showModal: false,\r\n      loading: false,\r\n      uploading: false,\r\n      uploadList: [],\r\n      uploadList2: [],\r\n      visible: false,\r\n      formInline: {\r\n        cover: \"1\",\r\n        name: \"\"\r\n      },\r\n      picture: \"5秒\", // 视频封面的帧数\r\n      coverImg: \"\",\r\n      videoData: null,\r\n      ruleInline: {\r\n        // 效验规则\r\n        name: [\r\n          { required: true, message: \"视频名称不能为空\", trigger: \"blur\" },\r\n          {\r\n            type: \"string\",\r\n            max: 20,\r\n            message: \"用户名不能大于20位\",\r\n            trigger: \"blur\"\r\n          }\r\n        ]\r\n      },\r\n      defaultList1: [],\r\n      defaultList2: []\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      company: \"loginModule/getCompany\",\r\n      uploadUrl: \"getUploadUrl\",\r\n      uploadVideoUrl: \"getUploadVideoUrl\",\r\n      formHeaders: \"getFormHeaders\"\r\n    }),\r\n    videoImg() {\r\n      let url = \"\";\r\n      if (this.uploadList && this.uploadList.length) {\r\n        let suffix =\r\n          \"?x-oss-process=video/snapshot,t_2000,f_jpg,w_590,h_332,m_fast\";\r\n        url = this.uploadList[0].url + suffix;\r\n      }\r\n      return url;\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.videoImg,\r\n          width: document.documentElement.clientWidth,\r\n          notSupportedMessage: \"此视频暂无法播放，请稍后再试\"\r\n        };\r\n      }\r\n      return res;\r\n    }\r\n  },\r\n  components: {\r\n    videoPlayer\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      editvideoMaterial: \"materialModule/editvideoMaterial\"\r\n    }),\r\n    handleSuccess(res, file) {\r\n      this.uploading = false;\r\n      if (res && res.list.length) {\r\n        file.url = res.list[0];\r\n        this.uploadList = this.$refs.upload.fileList;\r\n        // this.coverImg =\r\n        //   this.uploadList[0].url +\r\n        //   `?x-oss-process=video/snapshot,t_${5000},f_jpg,w_590,h_332,m_fast`;\r\n        this.formInline.name = this.uploadList[0].name;\r\n      }\r\n    },\r\n    handleSuccess2(res, file) {\r\n      if (res && res.list.length) {\r\n        file.url = res.list[0];\r\n        this.uploadList2 = this.$refs.upload2.fileList;\r\n      }\r\n    },\r\n    // 查看上传图片\r\n    handleView(name) {\r\n      this.videoData = name;\r\n      this.visible = true;\r\n    },\r\n    handleFormatError(file) {\r\n      this.uploading = false;\r\n      this.$Message.warning(`文件格式是不正确的, 请上传mp4格式的视频`);\r\n    },\r\n    handleUploadError(file) {\r\n      this.uploading = false;\r\n      this.$Message.warning({\r\n        content: \"您的网络请求已超时,请重新上传\",\r\n        duration: 3,\r\n        closable: true\r\n      });\r\n    },\r\n    handleFormatError2(file) {\r\n      this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\r\n    },\r\n    handleMaxSize(file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于50M以下mp4格式的视频`);\r\n    },\r\n    handleMaxSize2(file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于2M的图片`);\r\n    },\r\n    handleRemoveByArr(file) {\r\n      const fileList = this.uploadList;\r\n      this.uploadList.splice(fileList.indexOf(file), 1);\r\n    },\r\n    handleRemoveByArr2(file) {\r\n      const fileList2 = this.uploadList2;\r\n      this.uploadList2.splice(fileList2.indexOf(file), 1);\r\n    },\r\n    handleBeforeUpload() {\r\n      this.uploading = true;\r\n      const limitNum = 1;\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    handleBeforeUpload2() {\r\n      const check = this.$refs.upload2.fileList.length < 1;\r\n      if (!check) {\r\n        this.$Message.warning(`最多只能上传1张封面`);\r\n      }\r\n      return check;\r\n    },\r\n    handleUploading(event) {},\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    transfromImgList2(arr) {\r\n      let arr2 = [];\r\n      arr.forEach(c => {\r\n        let url = c.url;\r\n        if (this.formInline.cover === \"0\") {\r\n          let suffix =\r\n            \"?x-oss-process=video/snapshot,t_2000,f_jpg,w_590,h_332,m_fast\";\r\n          url += suffix;\r\n        }\r\n        arr2.push(url);\r\n      });\r\n      return arr2;\r\n    },\r\n    async handleSubmit() {\r\n      if (!(this.uploadList && this.uploadList.length)) {\r\n        this.$Message.error(`请上传素材视频`);\r\n        return;\r\n      }\r\n      let videoList = this.transfromImgList(this.uploadList);\r\n      if (this.formInline.cover === \"1\") {\r\n        if (this.uploadList2.length > 0) {\r\n          this.coverImg = this.uploadList2[0].url;\r\n        } \r\n        // else {\r\n        //   this.$Message.error(`请上传视频封面`);\r\n        //   return;\r\n        // }\r\n      }\r\n      let second = this.getIntArr(this.picture);\r\n      let formData = {\r\n        Id: this.info.id,\r\n        SetValues: {\r\n          Name: this.formInline.name,\r\n          VideoInfo: {\r\n            Cover: this.formInline.cover,\r\n            Time: second[0] * 1000,\r\n            Img: this.coverImg,\r\n            Link: String(videoList)\r\n          },\r\n          StyleId: \"3\",\r\n          Introduction: \"\",\r\n          Tag: \"\"\r\n        }\r\n      };\r\n      this.loading = true;\r\n      let bool = await this.editvideoMaterial(formData);\r\n      this.loading = false;\r\n      if (bool.successed) {\r\n        this.$Message.success(\"修改成功\");\r\n        this.$emit(\"finish\");\r\n        this.close();\r\n        this.$refs.upload.clearFiles();\r\n      } else {\r\n        this.$Message.error(\"修改失败，请重新尝试\");\r\n      }\r\n    },\r\n    close() {\r\n      this.showModal = false;\r\n      this.loading = false;\r\n      this.defaultList1 = [];\r\n      this.defaultList2 = [];\r\n      this.uploadList = [];\r\n      this.uploadList2 = [];\r\n      this.visible = false;\r\n      this.uploading = false;\r\n      this.videoData = null;\r\n      this.coverImg = \"\";\r\n      this.from = \"\";\r\n      this.formInline.cover = \"1\";\r\n      this.formInline.name = \"\";\r\n      if (this.$refs[\"upload\"]) this.$refs[\"upload\"].clearFiles();\r\n      if (this.$refs[\"upload2\"]) this.$refs[\"upload2\"].clearFiles();\r\n      this.$refs.upload.clearFiles();\r\n      this.$emit(\"close\");\r\n    },\r\n    onPlayerPlay(player) {},\r\n    onPlayerPause(player) {},\r\n    pictureChange(e) {\r\n      let second = this.getIntArr(e);\r\n      if (this.uploadList[0] && this.uploadList[0].url) {\r\n        this.coverImg =\r\n          this.uploadList[0].url +\r\n          `?x-oss-process=video/snapshot,t_${second[0] *\r\n            1000},f_jpg,w_590,h_332,m_fast`;\r\n      }\r\n    },\r\n    getIntArr(str) {\r\n      return str\r\n        .replace(/[^0-9]/gi, \" \")\r\n        .trim()\r\n        .split(/\\s+/);\r\n    },\r\n    setData() {\r\n      if (!this.info) return;\r\n      if (this.info.videoInfo) {\r\n        this.info.videoInfo =\r\n          typeof this.info.videoInfo == \"string\"\r\n            ? JSON.parse(this.info.videoInfo)\r\n            : this.info.videoInfo;\r\n        if (this.info.videoInfo.Img) {\r\n          this.defaultList2 = [\r\n            {\r\n              url: this.info.videoInfo.Img,\r\n              name: this.info.name,\r\n              status: \"finished\",\r\n              percentage: 100\r\n            }\r\n          ];\r\n        }\r\n        this.defaultList1 = [\r\n          {\r\n            url: this.info.videoInfo.Link,\r\n            name: this.info.name,\r\n            status: \"finished\",\r\n            percentage: 100\r\n          }\r\n        ];\r\n        this.uploadList = this.defaultList1;\r\n        this.uploadList2 = this.defaultList2;\r\n        // if (this.info.videoInfo.Time) {\r\n        //   const time = this.info.videoInfo.Time || 5000;\r\n        //   this.picture = time / 1000 + \"秒\";\r\n        //   this.coverImg =\r\n        //     this.uploadList[0].url +\r\n        //     `?x-oss-process=video/snapshot,t_${time},f_jpg,w_590,h_332,m_fast`;\r\n        // }\r\n      }\r\n      this.formInline = {\r\n        cover: String(this.info.videoInfo.cover),\r\n        name: this.info.name\r\n      };\r\n    },\r\n    transfromImgList2(arr) {\r\n      let arr2 = [];\r\n      arr.forEach(c => {\r\n        arr2.push({ url: c, name: \"\", status: \"finished\", percentage: 100 });\r\n      });\r\n      return arr2;\r\n    }\r\n  },\r\n  mounted() {\r\n    if (this.$refs.upload) {\r\n      this.uploadList = this.$refs.upload.fileList;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.vertical-center-modal {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  .ivu-modal {\r\n    top: 0;\r\n  }\r\n  .ivu-modal-body {\r\n    padding: 0;\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.my-modal {\r\n  &-content {\r\n    padding-right: 20px;\r\n  }\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.my-upload-list-cover {\r\n  i {\r\n    position: relative !important;\r\n    top: -2px !important;\r\n  }\r\n}\r\n.demo-spin-icon-load {\r\n  animation: ani-demo-spin 1s linear infinite;\r\n}\r\n\r\n.preview-box {\r\n  width: 100px;\r\n  height: 100px;\r\n  background-color: #bfbfbf;\r\n  border-radius: 5px;\r\n  position: relative;\r\n  img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.close-btn {\r\n  position: absolute;\r\n  top: -80px;\r\n  right: -80px;\r\n  width: 40px;\r\n  height: 40px;\r\n  cursor: pointer;\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!./edit-video.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!./edit-video.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./edit-video.vue?vue&type=template&id=1fed16d3&scoped=true&\"\nimport script from \"./edit-video.vue?vue&type=script&lang=js&\"\nexport * from \"./edit-video.vue?vue&type=script&lang=js&\"\nimport style0 from \"./edit-video.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./edit-video.vue?vue&type=style&index=1&id=1fed16d3&lang=scss&scoped=true&\"\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  \"1fed16d3\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"my-item\">\r\n    <div class=\"material\">\r\n      <template v-if=\"videoList && videoList.items.length\">\r\n        <Row :gutter=\"30\" v-if=\"false\">\r\n          <Col span=\"8\" v-for=\"(item, index) in videoList.items\" :key=\"'video-me-' + index\">\r\n            <div class=\"material-list\">\r\n              <video-player\r\n                class=\"video-player vjs-custom-skin\"\r\n                :ref=\"'videoPlayer-' + index\"\r\n                :playsinline=\"true\"\r\n                :options=\"playerOptions[index]\"\r\n                @play=\"onPlayerPlay($event, 'videoPlayer-' + index)\"\r\n                @pause=\"onPlayerPause($event)\"\r\n              ></video-player>\r\n              <Poptip\r\n                confirm\r\n                title=\"确认删除此素材吗?\"\r\n                @on-ok=\"delVideo(item)\"\r\n                placement=\"bottom\"\r\n                class=\"close-video\"\r\n              >\r\n                <Icon type=\"ios-trash-outline\" size=\"20\" color=\"#fff\" style=\"cursor:pointer\"></Icon>\r\n              </Poptip>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n\r\n        <Row :gutter=\"30\">\r\n          <Col\r\n            :sm=\"8\"\r\n            :md=\"6\"\r\n            class=\"w-20-1\"\r\n          >\r\n            <div class=\"addVideo\" @click=\"$emit('addVideo');\">\r\n              <div></div>\r\n              <i class=\"icon iconfont icon-jia3\"></i>\r\n              <span>上传视频</span>\r\n            </div>\r\n          </Col>\r\n          <Col\r\n            :sm=\"8\"\r\n            :md=\"6\"\r\n            v-for=\"(item, index) in videoList.items\"\r\n            :key=\"'video-me-' + index\"\r\n            class=\"w-20-1\"\r\n          >\r\n            <div class=\"video-list\">\r\n              <div class=\"material-list\">\r\n                <video-player\r\n                  class=\"video-player vjs-custom-skin\"\r\n                  :ref=\"'videoPlayer-' + index\"\r\n                  :playsinline=\"true\"\r\n                  :options=\"playerOptions[index]\"\r\n                  @play=\"onPlayerPlay($event, 'videoPlayer-' + index)\"\r\n                  @pause=\"onPlayerPause($event)\"\r\n                ></video-player>\r\n              </div>\r\n\r\n              <div class=\"video-list-title\" :title=\"item.name\">{{ item.name }}</div>\r\n              <div class=\"video-list-time\" v-if=\"false\">\r\n                <template v-if=\"!item.isCharge\">剩余：{{item.endTime | time_sort}}</template>\r\n              </div>\r\n              <div class=\"pro-tool\">\r\n                <Poptip\r\n                  confirm\r\n                  title=\"确认删除此视频吗 ?\"\r\n                  @on-ok=\"delVideo(item)\"\r\n                  class=\"pro-tool-item z-del\"\r\n                >删除</Poptip>\r\n                <div class=\"pro-tool-line\"></div>\r\n                <div class=\"pro-tool-item z-primary\" @click=\"showEdit(item)\">编辑</div>\r\n              </div>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n\r\n        <div class=\"my-page\" v-if=\"totalCount > pageSize\">\r\n          <Page\r\n            show-total\r\n            show-elevator\r\n            :page-size=\"pageSize\"\r\n            :current=\"pageIndex\"\r\n            :total=\"totalCount\"\r\n            @on-change=\"changePage\"\r\n            @on-page-size-change=\"changePageSize\"\r\n          />\r\n        </div>\r\n      </template>\r\n      <div class=\"u-empty\" v-else>暂无数据</div>\r\n    </div>\r\n\r\n    <addVideo :show=\"add\" @close=\"hideAdd()\" @finish=\"init()\" />\r\n\r\n    <editVideo :show=\"edit\" @close=\"hideEdit()\" :info=\"editInfo\" @finish=\"init()\" />\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 { mapActions, mapGetters } from \"vuex\";\r\nimport { videoPlayer } from \"vue-video-player\";\r\nimport addVideo from \"../components/add-video.vue\";\r\nimport editVideo from \"../components/edit-video.vue\";\r\nexport default {\r\n  name: 'video-material',\r\n  data() {\r\n    return {\r\n      add: false,\r\n      edit: false,\r\n      editInfo: null,\r\n      playerOptions: [],\r\n      videoList: \"\",\r\n      pageSize: 9,\r\n      pageIndex: 1,\r\n      totalCount: 0\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      company: \"loginModule/getCompany\"\r\n    }),\r\n    option() {\r\n      return {\r\n        CompId: this.company.id,\r\n        PageSize: this.pageSize,\r\n        PageIndex: this.pageIndex\r\n      };\r\n    }\r\n  },\r\n  components: {\r\n    videoPlayer,\r\n    addVideo,\r\n    editVideo\r\n  },\r\n  created() {\r\n    this.init();\r\n  },\r\n  methods: {\r\n    async delVideo(item) {\r\n      let result = await this.delvideoMaterial(item.id);\r\n      if (result.successed) {\r\n        this.$Message.success(\"删除成功\");\r\n        this.init();\r\n      } else {\r\n        this.$Message.error(\"删除失败，请重新尝试\");\r\n      }\r\n    },\r\n    ...mapActions({\r\n      getvideoMaterial: \"materialModule/getvideoMaterial\",\r\n      delvideoMaterial: \"materialModule/delvideoMaterial\"\r\n    }),\r\n    async init() {\r\n      this.videoList = await this.getvideoMaterial(this.option);\r\n      let optArr = [];\r\n      for (let i of this.videoList.items) {\r\n        let arrStr = {\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: JSON.parse(i.videoInfo).Link\r\n            }\r\n          ],\r\n          poster: JSON.parse(i.videoInfo).Img,\r\n          width: document.documentElement.clientWidth,\r\n          notSupportedMessage: \"此视频暂无法播放，请稍后再试\"\r\n        };\r\n        optArr.push(arrStr);\r\n      }\r\n      this.playerOptions = optArr;\r\n      if (this.videoList) {\r\n        this.pageSize = this.videoList.pageSize;\r\n        this.pageIndex = this.videoList.pageIndex;\r\n        this.totalCount = this.videoList.totalCount;\r\n        this.$emit(\"showNum\", this.totalCount);\r\n      }\r\n      this.$emit(\"finish\");\r\n    },\r\n    sendAdd() {\r\n      this.add = true;\r\n    },\r\n    hideAdd() {\r\n      this.add = false;\r\n    },\r\n    showEdit(item) {\r\n      this.edit = true;\r\n      this.editInfo = item;\r\n    },\r\n    hideEdit() {\r\n      this.edit = false;\r\n      this.editInfo = null;\r\n    },\r\n    onPlayerPlay(player, name) {\r\n      let key = Object.keys(this.$refs);\r\n      key.forEach(c => {\r\n        if (c !== name) {\r\n          this.$refs[c][0].player.pause();\r\n        }\r\n      });\r\n    },\r\n    onPlayerPause(player) {},\r\n    changePage(e) {\r\n      this.pageIndex = e;\r\n      this.init();\r\n    },\r\n    changePageSize(e) {\r\n      this.pageSize = e;\r\n      this.init();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.video-js .vjs-big-play-button {\r\n  height: 2em;\r\n  width: 2em;\r\n  border-radius: 50%;\r\n  line-height: 2em;\r\n  top: 50% !important;\r\n  left: 55% !important;\r\n}\r\n.vjs-poster {\r\n  background-size: 100% 100%;\r\n}\r\n.ivu-modal-close {\r\n  z-index: 1000;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.material {\r\n  background-color: #fff;\r\n  padding: 18px;\r\n  min-height: 500px;\r\n  &-list {\r\n    width: 100%;\r\n    padding-bottom: 66.666667%;\r\n    display: inline-block;\r\n    position: relative;\r\n    overflow: hidden;\r\n    .close-video {\r\n      position: absolute;\r\n      right: 5px;\r\n      top: 5px;\r\n      z-index: 1000;\r\n      visibility: hidden;\r\n    }\r\n    &:hover {\r\n      .close-video {\r\n        visibility: visible;\r\n      }\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}\r\n\r\n.video {\r\n  &-top {\r\n    width: 100%;\r\n    min-height: 100px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    background-color: #fff;\r\n    padding: 20px 24px 0 36px;\r\n    &-l {\r\n      height: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      .s1 {\r\n        flex: 1;\r\n        font-size: 14px;\r\n        color: #8c8c8c;\r\n      }\r\n      .h1 {\r\n        flex: 1;\r\n        font-size: 18px;\r\n        color: #333;\r\n        font-weight: bold;\r\n      }\r\n      .s2 {\r\n        flex: 1;\r\n        font-size: 14px;\r\n        color: #333;\r\n      }\r\n    }\r\n    &-r {\r\n      &-box {\r\n        width: 150px;\r\n        height: 80px;\r\n        border: 1px dashed #1890ff;\r\n        background-color: #e7f4ff;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        .I1 {\r\n          font-size: 16px;\r\n          font-weight: bold;\r\n          color: #1890ff;\r\n        }\r\n        .s3 {\r\n          font-size: 14px;\r\n          color: #1890ff;\r\n          margin-left: 9px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &-content {\r\n    min-width: 1000px;\r\n    padding: 30px;\r\n    padding-bottom: 50px;\r\n  }\r\n  &-list {\r\n    width: 100%;\r\n    display: inline-block;\r\n    background-color: #fff;\r\n    margin-bottom: 30px;\r\n    &-img {\r\n      width: 100%;\r\n      padding-bottom: 66.666667%;\r\n      position: relative;\r\n\r\n      img {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        margin: auto;\r\n        max-width: 100%;\r\n        max-height: 100%;\r\n      }\r\n    }\r\n    &-title {\r\n      font-size: 14px;\r\n      color: #1a1a1a;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      line-height: 66px;\r\n      background: #fff;\r\n      height: 66px;\r\n      padding: 0 10px 0 12px;\r\n    }\r\n    &-time {\r\n      width: 300px;\r\n      min-height: 27px;\r\n      padding-left: 10px;\r\n      font-size: 14px;\r\n      color: #fe791e;\r\n    }\r\n  }\r\n}\r\n.addVideo {\r\n  background-color: #fafafa;\r\n  width: 100%;\r\n  padding-bottom: 66.666667%;\r\n  position: relative;\r\n  cursor: pointer;\r\n  border: solid 1px #f2f2f2;\r\n  div {\r\n    width: 100%;\r\n    height: 118px;\r\n  }\r\n  .icon{\r\n    font-size: 60px;\r\n    width: 100%;\r\n    text-align: center;\r\n    display: block;\r\n    color:#999;\r\n    position: absolute;\r\n    bottom: 45%;\r\n  }\r\n  span{\r\n    display: block;\r\n    width: 100%;\r\n    font-size: 18px;\r\n    color:#999;\r\n    text-align: center;\r\n    position: absolute;\r\n    bottom: 30%;\r\n    text-align: center;\r\n  }\r\n}\r\n.pro {\r\n  &-tool {\r\n    display: flex;\r\n    height: 48px;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n    background-color: #f7f9fa;\r\n\r\n    &-item {\r\n      flex: 1;\r\n      line-height: 48px;\r\n      font-size: 14px;\r\n      color: #808080;\r\n      cursor: pointer;\r\n      text-align: center;\r\n      &:hover {\r\n        color: #1890ff;\r\n      }\r\n\r\n      &.z-del {\r\n        color: #f00;\r\n      }\r\n      &.z-primary {\r\n        color: #1890ff;\r\n      }\r\n    }\r\n\r\n    &-line {\r\n      background-color: #e8e8e8;\r\n      font-size: 20px;\r\n      width: 1px;\r\n      height: 22px;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./video-material.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!./video-material.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./video-material.vue?vue&type=template&id=0582b6f4&scoped=true&\"\nimport script from \"./video-material.vue?vue&type=script&lang=js&\"\nexport * from \"./video-material.vue?vue&type=script&lang=js&\"\nimport style0 from \"./video-material.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./video-material.vue?vue&type=style&index=1&id=0582b6f4&lang=scss&scoped=true&\"\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  \"0582b6f4\",\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!./add-video.vue?vue&type=style&index=0&id=615aabe5&lang=scss&scoped=true&\"","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!./video-material.vue?vue&type=style&index=1&id=0582b6f4&lang=scss&scoped=true&\""],"sourceRoot":""}