| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-3b11d6c0"],{"0687":function(e,t,o){"use strict";o.d(t,"c",(function(){return n})),o.d(t,"e",(function(){return s})),o.d(t,"a",(function(){return u})),o.d(t,"d",(function(){return c})),o.d(t,"b",(function(){return d}));var i=o("b775"),l=o("4328"),r=o.n(l),a="/api-cms";function n(e){return Object(i["a"])({url:a+"/news/list",method:"get",params:e})}function s(e){return Object(i["a"])({url:a+"/news/update",method:"post",data:r.a.stringify(e)})}function u(e){return Object(i["a"])({url:a+"/news/add",method:"post",data:r.a.stringify(e)})}function c(e){return Object(i["a"])({url:a+"/news/query",method:"get",params:e})}function d(e){return Object(i["a"])({url:a+"/news/del/"+e.id,method:"post",data:r.a.stringify(e)})}},7590:function(e,t,o){"use strict";var i=o("d225"),l=o("b0b4"),r=o("2a88"),a=o("6bb5"),n=o("4e2b"),s=o("c603"),u=o("953d"),c=u["Quill"].import("blots/block/embed"),d=u["Quill"].import("formats/link"),p=["height","width","src","poster"],m=function(e){Object(n["a"])(o,e);var t=Object(s["a"])(o);function o(){return Object(i["a"])(this,o),t.apply(this,arguments)}return Object(l["a"])(o,[{key:"format",value:function(e,t){p.indexOf(e)>-1?t?this.domNode.setAttribute(e,t):this.domNode.removeAttribute(e):Object(r["a"])(Object(a["a"])(o.prototype),"format",this).call(this,e,t)}},{key:"html",value:function(){var e=this.value(),t=e.video;return'<a href="'.concat(t,'">').concat(t,"</a>")}}],[{key:"create",value:function(e){var t=Object(r["a"])(Object(a["a"])(o),"create",this).call(this,e.url);return t.setAttribute("controls","controls"),t.setAttribute("type","video/mp4"),t.setAttribute("preload","auto"),t.setAttribute("autopaly","false"),t.setAttribute("src",this.sanitize(e.url)),t.setAttribute("poster",this.sanitize(e.poster)),t}},{key:"formats",value:function(e){return p.reduce((function(t,o){return e.hasAttribute(o)&&(t[o]=e.getAttribute(o)),t}),{})}},{key:"sanitize",value:function(e){return d.sanitize(e)}},{key:"value",value:function(e){return e.getAttribute("src")}}]),o}(c);m.blotName="video",m.className="ql-video",m.tagName="video",t["a"]=m},"95c6":function(e,t,o){"use strict";o.r(t);var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"m-container"},[o("h2",[o("el-page-header",{attrs:{content:("create"==e.pageType?"添加":"修改")+e.typeChange(e.type)},on:{back:e.onCancel}})],1),e._v(" "),o("div",{staticClass:"m-core"},[o("el-form",{ref:"form",staticStyle:{width:"100%"},attrs:{model:e.form,rules:e.rules,"label-width":"120px"}},[o("el-form-item",{attrs:{label:"标题",prop:"title"}},[o("el-input",{model:{value:e.form.title,callback:function(t){e.$set(e.form,"title","string"===typeof t?t.trim():t)},expression:"form.title"}})],1),e._v(" "),o("el-form-item",{attrs:{label:"排序值"}},[o("el-input",{model:{value:e.form.order,callback:function(t){e.$set(e.form,"order","string"===typeof t?t.trim():t)},expression:"form.order"}})],1),e._v(" "),o("el-form-item",{attrs:{label:"适用范围",prop:"tenantId"}},[o("el-select",{model:{value:e.form.tenantId,callback:function(t){e.$set(e.form,"tenantId",t)},expression:"form.tenantId"}},[o("el-option",{attrs:{label:"对内",value:"1"}}),e._v(" "),o("el-option",{attrs:{label:"对外",value:"2"}})],1)],1),e._v(" "),3==e.type||6==e.type?o("el-form-item",{attrs:{label:"版本号"}},[o("el-input",{model:{value:e.form.memo,callback:function(t){e.$set(e.form,"memo",t)},expression:"form.memo"}})],1):e._e(),e._v(" "),3==e.type||6==e.type||5==e.type?o("el-form-item",{attrs:{label:"链接地址"}},[o("el-input",{model:{value:e.form.linkUrl,callback:function(t){e.$set(e.form,"linkUrl","string"===typeof t?t.trim():t)},expression:"form.linkUrl"}})],1):o("el-form-item",{attrs:{label:"链接地址",prop:"linkUrl"}},[o("el-input",{model:{value:e.form.linkUrl,callback:function(t){e.$set(e.form,"linkUrl","string"===typeof t?t.trim():t)},expression:"form.linkUrl"}})],1),e._v(" "),o("el-form-item",{attrs:{label:"封面图",prop:"coverImage"}},[o("el-upload",{staticClass:"avatar-uploader",attrs:{action:"/api-web/uploadFile",headers:e.headers,"show-file-list":!1,accept:".jpg, .jpeg, .png","on-success":e.handleAvatarSuccess,"before-upload":e.beforeAvatarUpload}},[e.form.coverImage?o("img",{staticClass:"avatar",attrs:{src:e.form.coverImage}}):o("i",{staticClass:"el-icon-plus avatar-uploader-icon"})]),e._v(" "),e.imageSize?o("p",{staticClass:"imageSize"},[e._v("上传图片尺寸为："+e._s(e.imageSize))]):e._e()],1),e._v(" "),7==e.type?o("el-form-item",{attrs:{label:"知识类别",prop:"subType"}},[o("el-select",{model:{value:e.form.subType,callback:function(t){e.$set(e.form,"subType",t)},expression:"form.subType"}},[o("el-option",{attrs:{label:"演奏小技巧",value:1}}),e._v(" "),o("el-option",{attrs:{label:"乐理基础",value:2}}),e._v(" "),o("el-option",{attrs:{label:"乐器保养",value:3}}),e._v(" "),o("el-option",{attrs:{label:"乐曲演奏展示",value:4}})],1)],1):e._e(),e._v(" "),o("el-form-item",{attrs:{label:"内容",prop:"content"}},[o("quill-editor",{ref:"myQuillEditor",staticClass:"ql-editor",attrs:{options:e.editorOption},on:{change:function(t){return e.onEditorChange(t)}},model:{value:e.form.content,callback:function(t){e.$set(e.form,"content",t)},expression:"form.content"}}),e._v(" "),o("el-upload",{staticClass:"ivu-upload",attrs:{"show-upload-list":!1,headers:e.headers,"on-success":e.handleSuccess,accept:".jpg, .jpeg, .png","max-size":2048,multiple:"",action:"/api-web/uploadFile"}},[o("Button",{attrs:{icon:"ios-cloud-upload-outline"}})],1)],1),e._v(" "),o("el-form-item",[o("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.onSubmit("form")}}},[e._v("立即"+e._s("create"==e.pageType?"创建":"修改"))]),e._v(" "),o("el-button",{on:{click:function(t){return e.onReSet("form")}}},[e._v("重置")]),e._v(" "),o("el-button",{on:{click:e.onLook}},[e._v("预览")])],1)],1)],1),e._v(" "),o("el-dialog",{attrs:{title:"插入视频",width:"500px",visible:e.dialogFormVisible},on:{"update:visible":function(t){e.dialogFormVisible=t}}},[o("el-form",{ref:"diologForm",attrs:{model:e.dialogForm,rules:e.dialogFormRules}},[o("el-form-item",{attrs:{label:"封面图地址","label-width":"90px"}},[o("el-upload",{directives:[{name:"loading",rawName:"v-loading",value:e.uploadImgLoading,expression:"uploadImgLoading"}],staticClass:"avatar-uploader",staticStyle:{"line-height":"0",display:"inline-block"},attrs:{action:"/api-web/uploadFile",headers:e.headers,"show-file-list":!1,accept:".jpg, .jpeg, .png","on-success":e.handleImgSuccess,"on-error":e.handleUploadImgError,"before-upload":e.beforeImgUpload}},[e.dialogForm.poster?o("img",{staticClass:"avatar",attrs:{src:e.dialogForm.poster}}):o("i",{staticClass:"el-icon-plus avatar-uploader-icon"})])],1),e._v(" "),o("el-form-item",{attrs:{label:"视频类型","label-width":"90px"}},[o("el-radio-group",{model:{value:e.formRadio,callback:function(t){e.formRadio=t},expression:"formRadio"}},[o("el-radio",{attrs:{label:1}},[e._v("外部链接")]),e._v(" "),o("el-radio",{attrs:{label:2}},[e._v("上传")])],1)],1),e._v(" "),1==e.formRadio?o("el-form-item",{attrs:{label:"视频地址","label-width":"90px",prop:"url"}},[o("el-input",{staticStyle:{width:"100%"},attrs:{autocomplete:"off"},model:{value:e.dialogForm.url,callback:function(t){e.$set(e.dialogForm,"url",t)},expression:"dialogForm.url"}})],1):e._e(),e._v(" "),2==e.formRadio?o("el-form-item",{attrs:{label:"上传视频","label-width":"90px",prop:"videoUrl"}},[o("el-upload",{directives:[{name:"loading",rawName:"v-loading",value:e.uploadLoading,expression:"uploadLoading"}],staticClass:"upload-demo",staticStyle:{display:"inline-block"},attrs:{action:"/api-web/uploadFile","before-upload":e.beforeUpload,"on-success":e.handleUploadSuccess,"on-error":e.handleUploadError,"show-file-list":!1,accept:".mp4","file-list":e.fileList,"on-exceed":e.handleExceed}},[e.dialogForm.videoUrl?o("video",{staticStyle:{width:"120px",height:"120px"},attrs:{type:"video/mp4",preload:"auto",src:e.dialogForm.videoUrl}}):o("i",{staticClass:"el-icon-plus avatar-uploader-icon"})]),e._v(" "),o("p",{staticClass:"imageSize"},[e._v("只能上传mp4文件, 且不超过100M")])],1):e._e()],1),e._v(" "),o("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[o("el-button",{on:{click:function(t){e.dialogFormVisible=!1}}},[e._v("取 消")]),e._v(" "),o("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.onVideoComfirm("diologForm")}}},[e._v("确 定")])],1)],1),e._v(" "),o("el-dialog",{attrs:{width:"375px",visible:e.lookVisible},on:{"update:visible":function(t){e.lookVisible=t}}},[o("div",{staticClass:"sd-container"},[o("h2",[e._v(e._s(e.dataInfo.title))]),e._v(" "),o("div",{staticClass:"titleInfo"},[o("p",[e._v(e._s(e.typeCheck(e.dataInfo.type)))]),e._v(" "),o("p",[e._v(e._s(e.dataInfo.updateTime))])]),e._v(" "),o("div",{staticClass:"msgWrap quill-editor ql-editor",domProps:{innerHTML:e._s(e.dataInfo.content)}})])])],1)},l=[],r=(o("6b54"),o("ac6a"),o("0687")),a=(o("4360"),o("5f87")),n=o("61f7"),s=(o("a753"),o("8096"),o("14e1"),o("9339")),u=o.n(s),c=o("953d"),d=o("7590"),p=o("5a0c"),m=o.n(p),f=[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["clean"],["image","video"]],g={"ql-bold":"加粗","ql-color":"颜色","ql-font":"字体","ql-code":"插入代码","ql-italic":"斜体","ql-background":"背景颜色","ql-size":"字体大小","ql-strike":"删除线","ql-script":"上标/下标","ql-underline":"下划线","ql-blockquote":"引用","ql-header":"标题","ql-indent":"缩进","ql-list":"列表","ql-align":"文本对齐","ql-direction":"文本方向","ql-code-block":"代码块","ql-formula":"公式","ql-image":"图片","ql-video":"视频","ql-clean":"清除字体样式","ql-upload":"文件"};u.a.register(d["a"],!0);var h={name:"contentOperation",components:{quillEditor:c["quillEditor"]},data:function(){var e=this,t=this.$route.query,o=7==t.type?Object(n["d"])()+"/#/knowledge":Object(n["d"])()+"/#/specialdetail";return console.log(o),{categoryList:[],type:t.type,pageType:t.pageType,organId:null,headers:{Authorization:Object(a["a"])()},content:null,dialogFormVisible:!1,formRadio:1,lookVisible:!1,dataInfo:{title:"知识库13",type:t.type,updateTime:m()().format("YYYY-MM-DD HH:mm:ss"),content:null},editorIndex:0,editorOption:{placeholder:"请输入内容",modules:{toolbar:{container:f,handlers:{image:function(e){e?document.querySelector(".ivu-upload .el-upload").click():this.quill.format("image",!1)},video:function(t){if(t){e.dialogFormVisible=!0;var o=e.$refs.myQuillEditor.quill;e.editorIndex=o.getSelection().index}else this.quill.format("image",!1)}}}}},dialogForm:{poster:null,url:null,videoUrl:null},uploadLoading:!1,uploadImgLoading:!1,fileList:[],dialogFormRules:{url:[{required:!0,message:"请输入视频地址",trigger:"blur"}],videoUrl:[{required:!0,message:"请上传视频",trigger:"blur"}]},form:{title:null,order:null,coverImage:null,linkUrl:o,type:t.type,status:1,content:null,tenantId:null,subType:null},rules:{title:[{required:!0,message:"请输入标题",trigger:"blur"},{min:2,max:30,message:"长度在 2 到 30 个字符",trigger:"blur"}],linkUrl:[{required:!0,message:"请输入连接地址",trigger:"blur"}],coverImage:[{required:!0,message:"请选择封面图",trigger:"blur"}],content:[{required:!0,message:"请编辑内容",trigger:"blur"}],tenantId:[{required:!0,message:"请选择适用范围",trigger:"change"}],subType:[{required:!0,message:"请选择知识类别",trigger:"change"}]},imageSize:null}},created:function(){},mounted:function(){this.init()},activated:function(){var e=this.$route.query;"create"==e.pageType&&(this.form={title:null,order:null,coverImage:null,linkUrl:7==e.type?Object(n["d"])()+"/#/knowledge":Object(n["d"])()+"/#/specialdetail",type:e.type,status:1,content:null,tenantId:null,subType:null},this.$refs["form"].resetFields(),this.dialogForm={poster:null,url:null,videoUrl:null},this.fileList=[]),this.type=e.type,this.pageType=e.pageType,this.init()},methods:{init:function(){this.getList(),this.addQuillTitle();var e={1:"468px * 552px；图片不能超过 2M；",2:"456px * 288px； 图片不能超过 2M；",3:"686px * 140px； 图片不能超过 2M；",4:"图片不能超过 2M；",5:"图片不能超过 2M；",6:"图片不能超过 2M；",7:"图片不能超过 2M；"};this.imageSize=e[this.form.type]},onVideoComfirm:function(e){var t=this;this.$refs[e].validate((function(e){if(!e)return!1;var o=t.dialogForm,i=t.editor,l={poster:o.poster,url:1==t.formRadio?o.url:o.videoUrl};i.insertEmbed(t.editorIndex,"video",l),i.setSelection(t.editorIndex+1,{preload:!1}),t.dialogFormVisible=!1,t.dialogForm={poster:null,url:null,videoUrl:null}}))},addQuillTitle:function(){var e=document.querySelector(".ql-toolbar"),t=e.querySelectorAll("button"),o=e.querySelectorAll("select");t.forEach((function(e){"ql-script"===e.className?"sub"===e.value?e.title="下标":e.title="上标":"ql-indent"===e.className?"+1"===e.value?e.title="向右缩进":e.title="向左缩进":e.title=g[e.classList[0]]})),o.forEach((function(e){e.parentNode.title=g[e.classList[0]]}))},onSubmit:function(e){var t=this;this.$refs[e].validate((function(e){if(!e)return!1;"create"==t.pageType?(t.form.id&&delete t.form.id,Object(r["a"])(t.form).then((function(e){t.messageTips("添加",e)}))):"update"==t.pageType&&Object(r["e"])(t.form).then((function(e){t.messageTips("修改",e)}))}))},messageTips:function(e,t){200==t.code?(this.$message.success(e+"成功"),this.$router.push({path:"/contentManager/contentManager",query:{type:this.typeIndex(this.type)}})):this.$message.error(t.msg)},onCancel:function(){this.$router.push({path:"/contentManager/contentManager",query:{type:this.typeIndex(this.type)}})},handleSuccess:function(e){var t=this.editor;if(e.code){var o=t.getSelection().index;t.insertEmbed(o,"image",e.data.url),t.setSelection(o+1)}else this.$message.error("图片插入失败")},onReSet:function(e){this.$refs[e].resetFields()},onLook:function(){var e=this.dataInfo;e.title=this.form.title,e.content=this.form.content,setTimeout((function(){var e=document.querySelectorAll(".msgWrap img");e.length>0&&e.forEach((function(e){e.style.width="100%"}));var t=document.querySelectorAll(".msgWrap .ql-video");t.length>0&&t.forEach((function(e){e.style.width="100%",e.style.height="195px"}))}),500),this.lookVisible=!0},getList:function(){var e=this;"create"!=this.pageType&&Object(r["d"])({id:this.$route.query.id}).then((function(t){if(200==t.code){var o=t.data;e.form;e.form={id:o.id,title:o.title,order:o.order,coverImage:o.coverImage,linkUrl:o.linkUrl,type:o.type,status:o.status,memo:o.memo,content:o.content,tenantId:o.tenantId.toString(),subType:o.subType?o.subType:null},e.dataInfo.updateTime=o.updateTime}}))},handleUploadImgError:function(e){this.uploadImgLoading=!1,this.$message.error("上传失败")},handleImgSuccess:function(e,t){this.uploadImgLoading=!1,this.dialogForm.poster=e.data.url},beforeImgUpload:function(e){var t={"image/png":!0,"image/jpeg":!0},o=t[e.type],i=e.size/1024/1024<2;return console.log(o,i),o||this.$message.error("只能上传图片格式!"),i||this.$message.error("上传图片大小不能超过 2MB!"),o&&i&&(this.uploadImgLoading=!0),o&&i},handleAvatarSuccess:function(e,t){this.form.coverImage=e.data.url},beforeAvatarUpload:function(e){var t={"image/png":!0,"image/jpeg":!0},o=t[e.type],i=e.size/1024/1024<2;return o||this.$message.error("只能上传图片格式!"),i||this.$message.error("上传图片大小不能超过 2M!"),o&&i},typeChange:function(e){var t={1:"精彩活动",2:"热门资讯",4:"专项训练",5:"闪页管理",3:"BANNER管理",6:"APP按钮管理",7:"知识库管理"};return t[e]},typeCheck:function(e){var t={1:"精彩活动",2:"热门资讯",4:"专项训练",7:"知识库"};return t[e]?t[e]:"大雅乐盟"},typeIndex:function(e){var t={1:0,2:1,3:4,4:2,5:3,6:5};return t[e]},onEditorChange:function(e){e.quill;var t=e.html;e.text;this.form.content=t},beforeUpload:function(e){var t=e.size/1024/1024<100;return t||this.$message.error("上传视频大小不能超过 100MB!"),this.uploadLoading=!0,t},handleUploadError:function(e){this.uploadLoading=!1,this.$message.error("上传视频失败")},handleUploadSuccess:function(e,t){this.uploadLoading=!1,this.$message.success("上传视频成功"),this.dialogForm.videoUrl=e.data.url},handleExceed:function(e,t){this.$message.error("您已上传过视频")}},computed:{editor:function(){return this.$refs.myQuillEditor.quill}}},v=h,b=(o("c110"),o("2877")),y=Object(b["a"])(v,i,l,!1,null,"0bb9a570",null);t["default"]=y.exports},c110:function(e,t,o){"use strict";var i=o("cf88"),l=o.n(i);l.a},cf88:function(e,t,o){}}]);
|
