{"version":3,"sources":["webpack:///./src/components/common/InlineEditor.vue?0de9","webpack:///./node_modules/el-color-picker/lib/index.vue","webpack:///node_modules/el-color-picker/lib/index.vue","webpack:///./node_modules/el-color-picker/lib/index.vue?4f6b","webpack:///./node_modules/el-color-picker/lib/index.vue?af92","webpack:///./node_modules/el-color-picker/lib/index.js","webpack:///./src/components/common/InlineEditor.vue","webpack:///src/components/common/InlineEditor.vue","webpack:///./src/components/common/InlineEditor.vue?306e","webpack:///./src/components/common/InlineEditor.vue?5384","webpack:///./src/api/collection.js","webpack:///./node_modules/el-color-picker/lib/index.vue?a6e2","webpack:///src/components/common/Editor.vue","webpack:///./src/components/common/RemarkPop.vue?db5b","webpack:///./src/api/model.js","webpack:///./src/components/Learning/Model/NotesDialog.vue?231a","webpack:///./src/api/remark.js","webpack:///./src/api/card.js","webpack:///./src/components/common/Editor.vue","webpack:///./src/components/common/Editor.vue?18b7","webpack:///./src/components/common/Editor.vue?d56a","webpack:///./src/components/common/Editor.vue?b893","webpack:///./src/components/Learning/Model/NotesDialog.vue","webpack:///src/components/Learning/Model/NotesDialog.vue","webpack:///./src/components/Learning/Model/NotesDialog.vue?a771","webpack:///./src/components/Learning/Model/NotesDialog.vue?ff87","webpack:///./src/components/common/RemarkPop.vue","webpack:///src/components/common/RemarkPop.vue","webpack:///./src/components/common/RemarkPop.vue?1277","webpack:///./src/components/common/RemarkPop.vue?4125","webpack:///./src/components/common/InlineEditor.vue?b97a","webpack:///./src/components/common/Breadcrumb.vue?6a75","webpack:///./src/components/common/Breadcrumb.vue","webpack:///src/components/common/Breadcrumb.vue","webpack:///./src/components/common/Breadcrumb.vue?3071","webpack:///./src/components/common/Breadcrumb.vue?9320"],"names":["render","_vm","this","_c","_self","staticClass","style","backgroundColor","curColor","on","$event","stopPropagation","disabled","showPanel","directives","name","rawName","value","expression","attrs","canvasId","width","height","onCanvasClick","onCanvasMousedown","curId","e","barId","showAlpha","alphaBarStyle","onAlphaClick","onAlphaMousedown","left","alpha","alphaId","_e","domProps","_v","confirm","staticRenderFns","props","type","default","colorFormat","data","canvas","ctx","activeColor","computed","watch","created","_this","document","beforeDestroy","methods","init","makeColorBar","gradientBar","makeColorBox","gradientBase","my_gradient1","x","y","rgbaStr","barBlock","cur","pos","self","console","bar","resetCurColor","colorArr","setCurColor","txt","sendChange","getRgbaAtPoint","rgb2hex","toString","slice","a","hex","hex2rgb","colorNew","color","colorChange","component","install","Vue","installed","window","modifiers","ref","editorClick","closePop","content","isEditable","id","_s","mouseDown","mouseUp","popVisiable","position","addNote","apply","arguments","addFeedback","keyword","selectItem","components","Editor","editor","downPos","upPos","selection","startIndex","endIndex","timer","getStartIndex","len","el","getEndIndex","getSiblingEL","clientX","clientY","setTimeout","start","end","blur","StartIndex","EndIndex","Txt","Color","newStr","temp","isTag","ToggleCollectModel","request","method","url","headers","ToggleCollectCard","GetMyModelList","params","GetMyCardList","GetMyForumList","ToggleCollectPost","ToggleCollectLibrary","GetMyLibraryList","readonly","toolbar","inline","toolbar_drawer","menubar","plugins","quickbars_selection_toolbar","fontsize_formats","font_formats","language","branding","paste_data_images","elementpath","toolbar_sticky","visualchars_default_state","table_responsive_width","table_default_attributes","border","paste_auto_cleanup_on_paste","paste_remove_styles","paste_remove_styles_if_webkit","paste_strip_class_attributes","image_dimensions","valid_elements","valid_children","extended_valid_elements","custom_elements","file_picker_callback","filetype","iletype","input","getOSSUpload","fileName","fd","axios","callback","images_upload_handler","succFun","files_upload_handler","updateCalue","setup","editorFocus","format","handler","immediate","GetList","GetData","GetListByCardId","GetListByModelId","GetListByIds","GetListSenior","SetHours","GetAllListByModelId","GetExamListByModelId","GetKnowledgeListByModelId","GetNoteListByModelId","GetOtherExamByModelId","GetUserNoteListByModelId","GetUserNoteListByCardId","AddNote","json","DelNote","AddFeedback","DelFeedback","GetUserFeedbackListByModelId","GetUserFeedbackListByCardId","model","$$v","confirmLoading","close","notesVisable","nativeOn","form","rules","Title","minRows","maxRows","Note","$set","length","_l","colorList","item","confirmDownload","cancelDownload","dialogVisable","info","label","modelId","elColorPicker","CardId","required","message","trigger","then","res","catch","err","top","positon","loading","Source","tags","index","key","Content","visable","Tags","class","list","path","meta","title","$route","getBreadcrumb","matched"],"mappings":"kHAAA,W,oCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWC,MAAO,CAACC,gBAAgBN,EAAIO,UAAWC,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOC,mBAAmBV,EAAIW,WAAWX,EAAIY,WAAU,OAAUV,EAAG,MAAM,CAACW,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOhB,EAAIY,UAAWK,WAAW,cAAcb,YAAY,WAAWI,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOC,qBAAsB,CAACR,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,SAAS,CAACgB,MAAM,CAAC,GAAKlB,EAAImB,SAAS,MAAQnB,EAAIoB,MAAM,OAASpB,EAAIqB,QAAQb,GAAG,CAAC,MAAQR,EAAIsB,cAAc,UAAYtB,EAAIuB,qBAAqBrB,EAAG,KAAK,CAACE,YAAY,SAASc,MAAM,CAAC,GAAKlB,EAAIwB,OAAOhB,GAAG,CAAC,UAAY,SAASiB,GAAGzB,EAAIuB,kBAAkBE,EAAE,WAAWvB,EAAG,KAAK,CAACE,YAAY,SAASc,MAAM,CAAC,GAAKlB,EAAI0B,OAAOlB,GAAG,CAAC,UAAY,SAASiB,GAAGzB,EAAIuB,kBAAkBE,EAAE,WAAYzB,EAAI2B,UAAWzB,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAOL,EAAI4B,cAAepB,GAAG,CAAC,MAAQR,EAAI6B,aAAa,UAAY7B,EAAI8B,oBAAoB5B,EAAG,KAAK,CAACE,YAAY,WAAWC,MAAO,CAAC0B,KAAe,IAAV/B,EAAIgC,MAAY,KAAMd,MAAM,CAAC,GAAKlB,EAAIiC,SAASzB,GAAG,CAAC,UAAYR,EAAI8B,sBAAsB9B,EAAIkC,OAAOhC,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,QAAQ,CAACE,YAAY,WAAW+B,SAAS,CAAC,MAAQnC,EAAIO,YAAYL,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,eAAeI,GAAG,CAAC,MAAQ,SAASC,GAAQT,EAAIO,SAAS,MAAM,CAACP,EAAIoC,GAAG,QAAQlC,EAAG,MAAM,CAACE,YAAY,iBAAiBI,GAAG,CAAC,MAAQR,EAAIqC,UAAU,CAACrC,EAAIoC,GAAG,iBAE5+CE,EAAkB,GC+BtB,GACAxB,uBACAyB,OAEAvB,OACAwB,YACAC,mBAGA9B,UACA6B,aACAC,YAGAd,WACAa,aACAC,YAGAC,aACAF,YACAC,gBAGAE,OACA,OACAxB,8BACAK,wBACAE,wBACAO,4BACAW,YACAC,SACAtC,YACAuC,eACAd,QACAZ,UACAC,WACAT,eAGAmC,UACAnB,gBACA,oGAGAoB,OACAhC,SACA,gBACA,uBAGAiC,UACA,WACA,yBACAC,gBAEAC,qDACA,oBACA,yBACA,2BACA,qBACA,eAGAC,gBACAD,yDAEAE,SAEAC,OACA,mDACA,sCACA,oBACA,8BAGAC,eACA,uDACAC,yBACAA,2BACAA,2BACAA,0BACAA,2BACAA,2BACAA,yBAEA,qBACA,uCAGAC,gBACA,uDACAC,oBACAA,wCACA,qBACA,+CAEA,uDACAC,kCACAA,kCACA,qBACA,gDAGArC,iBACA,OACAsC,sBACAC,uBAEA,SACA,mBAEAC,+BACA,0CACAC,qBACA,kDACA,mFACA,UACA,eAMA,OALAD,+BACA,0CACAE,sBACAA,qBAIA,qBAGAzC,uBACA,WACA,GACAqC,sBACAC,uBAEA,+BACA,gCACA,mEACA,0CACAV,8BACAA,8CAEAA,iCACA,IACA,OACAS,kCACAC,mCAGAI,8CACAA,8CAEA,gCACAC,iBACAF,sBACAA,qBACA,SACAG,sBAGA,8BACA,0CACAhB,8BACAA,8CAEAA,iCACA,IACA,OACAS,IACAC,mCAGAI,2CACAJ,GAEA,gCACAO,qBACAF,wDACAA,+CACAA,uCACA,SACAC,mBAMAtC,gBACA,0BACA,wCACA,eACA,kDACA,sBAGAC,oBACA,WAMA,GAJA8B,oBACAC,oBAEA,6BACA,+BACA,wCACA,eACAV,8BACAA,8CAEAA,iCACA,IACA,OACAS,kCACAC,KAGA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","file":"js/chunk-03bf2bb2.ff1f1111.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./InlineEditor.vue?vue&type=style&index=0&id=1a40a50d&prod&scoped=true&lang=less&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c__color-picker\"},[_c('div',{staticClass:\"c__block\",style:({backgroundColor:_vm.curColor}),on:{\"click\":function($event){$event.stopPropagation();!_vm.disabled&&(_vm.showPanel=true)}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPanel),expression:\"showPanel\"}],staticClass:\"c__panel\",on:{\"click\":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:\"c__canvas\"},[_c('canvas',{attrs:{\"id\":_vm.canvasId,\"width\":_vm.width,\"height\":_vm.height},on:{\"click\":_vm.onCanvasClick,\"mousedown\":_vm.onCanvasMousedown}}),_c('em',{staticClass:\"c__cur\",attrs:{\"id\":_vm.curId},on:{\"mousedown\":function(e){_vm.onCanvasMousedown(e,'cur')}}}),_c('em',{staticClass:\"c__bar\",attrs:{\"id\":_vm.barId},on:{\"mousedown\":function(e){_vm.onCanvasMousedown(e,'bar')}}}),(_vm.showAlpha)?_c('div',{staticClass:\"c__alpha-silder\"},[_c('div',{staticClass:\"c__alpha-silder-bar\",style:(_vm.alphaBarStyle),on:{\"click\":_vm.onAlphaClick,\"mousedown\":_vm.onAlphaMousedown}}),_c('em',{staticClass:\"c__alpha\",style:({left:_vm.alpha*100 + '%'}),attrs:{\"id\":_vm.alphaId},on:{\"mousedown\":_vm.onAlphaMousedown}})]):_vm._e()]),_c('div',{staticClass:\"c__control\"},[_c('input',{staticClass:\"c__input\",domProps:{\"value\":_vm.curColor}}),_c('div',{staticClass:\"c__btns\"},[_c('div',{staticClass:\"c__btn-clear\",on:{\"click\":function($event){_vm.curColor=''}}},[_vm._v(\"清空\")]),_c('div',{staticClass:\"c__btn-confirm\",on:{\"click\":_vm.confirm}},[_vm._v(\"确定\")])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"c__color-picker\">\r\n\t\t<!-- 颜色显示方块 -->\r\n\t\t<div class=\"c__block\" :style=\"{backgroundColor:curColor}\" @click.stop=\"!disabled&&(showPanel=true)\"></div>\r\n\t\t<!-- 颜色面板 -->\r\n\t\t<div class=\"c__panel\" v-show=\"showPanel\" @click.stop=\"\">\r\n\t\t\t<!-- 画布 -->\r\n\t\t\t<div class=\"c__canvas\">\r\n\t\t\t\t<canvas :id=\"canvasId\" :width=\"width\" :height=\"height\" @click=\"onCanvasClick\"\r\n\t\t\t\t\t@mousedown=\"onCanvasMousedown\"></canvas>\r\n\t\t\t\t<!-- 当前选中小块 -->\r\n\t\t\t\t<em class=\"c__cur\" :id=\"curId\" @mousedown=\"function(e){onCanvasMousedown(e,'cur')}\"></em>\r\n\t\t\t\t<!-- 左侧色条选中小块 -->\r\n\t\t\t\t<em class=\"c__bar\" :id=\"barId\" @mousedown=\"function(e){onCanvasMousedown(e,'bar')}\"></em>\r\n\t\t\t\t<!-- 透明度控制条 -->\r\n\t\t\t\t<div class=\"c__alpha-silder\" v-if=\"showAlpha\">\r\n\t\t\t\t\t<div class=\"c__alpha-silder-bar\" :style=\"alphaBarStyle\" @click=\"onAlphaClick\" @mousedown=\"onAlphaMousedown\"></div>\r\n\t\t\t\t\t<em class=\"c__alpha\" :id=\"alphaId\" :style=\"{left:alpha*100 + '%'}\" @mousedown=\"onAlphaMousedown\"></em>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<!-- 底部按钮栏 -->\r\n\t\t\t<div class=\"c__control\">\r\n\t\t\t\t<input class=\"c__input\" :value=\"curColor\" />\r\n\t\t\t\t<div class=\"c__btns\">\r\n\t\t\t\t\t<div class=\"c__btn-clear\" @click=\"curColor=''\">清空</div>\r\n\t\t\t\t\t<div class=\"c__btn-confirm\" @click=\"confirm\">确定</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tname: \"el-color-picker\",\r\n\t\tprops: {\r\n\t\t\t/* 绑定的色值 */\r\n\t\t\tvalue: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: '#ff0000'\r\n\t\t\t},\r\n\t\t\t/* 是否禁用 */\r\n\t\t\tdisabled: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false\r\n\t\t\t},\r\n\t\t\t/* 是否使用透明度 */\r\n\t\t\tshowAlpha: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false\r\n\t\t\t},\r\n\t\t\t/* 颜色类型，可选值：hex，rgb */\r\n\t\t\tcolorFormat: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: 'hex'\r\n\t\t\t}\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tcanvasId: 'canvas-' + Date.now(), // 画布 id，防止多组件时冲突\r\n\t\t\t\tcurId: 'cur-' + Date.now(), // 当前选中小块 id，防止多组件时冲突\r\n\t\t\t\tbarId: 'bar-' + Date.now(), // 左侧色条选中小块 id，防止多组件时冲突\r\n\t\t\t\talphaId: 'alpha-' + Date.now(), // 透明度选中小块 id，防止多组件时冲突\r\n\t\t\t\tcanvas: null, // 画布\r\n\t\t\t\tctx: null, // 画布实例\r\n\t\t\t\tcurColor: '', // 当前选中颜色\r\n\t\t\t\tactiveColor: '', // bar选中颜色\r\n\t\t\t\talpha: 1, // 透明度\r\n\t\t\t\twidth: 286, // canvas宽度\r\n\t\t\t\theight: 200, // canvas高度\r\n\t\t\t\tshowPanel: false, // 是否显示颜色面板\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed:{\r\n\t\t\talphaBarStyle(){\r\n\t\t\t\treturn 'background: linear-gradient(to right, rgba(255, 69, 0, 0) 0%, '+this.activeColor+' 100%);';\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tvalue(val) {\r\n\t\t\t\tthis.curColor = val;\r\n\t\t\t\tthis.resetCurColor();\r\n\t\t\t}\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\tvar _this = this;\r\n\t\t\tthis.handler = function(e) {\r\n\t\t\t\t_this.showPanel = false;\r\n\t\t\t}\r\n\t\t\tdocument.body.addEventListener('click', this.handler)\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tthis.curColor = this.value;\r\n\t\t\t\tthis.activeColor = '#ff0000';\r\n\t\t\t\tthis.resetCurColor();\r\n\t\t\t\tthis.init();\r\n\t\t\t})\r\n\t\t},\r\n\t\tbeforeDestroy() {\r\n\t\t\tdocument.body.removeEventListener('click', this.handler);\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t/* 初始化 */\r\n\t\t\tinit() {\r\n\t\t\t\tthis.canvas = document.getElementById(this.canvasId);\r\n\t\t\t\tthis.ctx = this.canvas.getContext('2d');\r\n\t\t\t\tthis.makeColorBar();\r\n\t\t\t\tthis.makeColorBox('#ff0000');\r\n\t\t\t},\r\n\t\t\t/* 绘制左侧面板颜色选择条 */\r\n\t\t\tmakeColorBar() {\r\n\t\t\t\tvar gradientBar = this.ctx.createLinearGradient(0, 0, 0, this.height);\r\n\t\t\t\tgradientBar.addColorStop(0, '#f00');\r\n\t\t\t\tgradientBar.addColorStop(1 / 6, '#f0f');\r\n\t\t\t\tgradientBar.addColorStop(2 / 6, '#00f');\r\n\t\t\t\tgradientBar.addColorStop(3 / 6, '#0ff');\r\n\t\t\t\tgradientBar.addColorStop(4 / 6, '#0f0');\r\n\t\t\t\tgradientBar.addColorStop(5 / 6, '#ff0');\r\n\t\t\t\tgradientBar.addColorStop(1, '#f00');\r\n\r\n\t\t\t\tthis.ctx.fillStyle = gradientBar;\r\n\t\t\t\tthis.ctx.fillRect(0, 0, 20, this.height);\r\n\t\t\t},\r\n\t\t\t/* 绘制颜色选择区域 */\r\n\t\t\tmakeColorBox(color) {\r\n\t\t\t\tvar gradientBase = this.ctx.createLinearGradient(30, 0, this.width, 0);\r\n\t\t\t\tgradientBase.addColorStop(1, color);\r\n\t\t\t\tgradientBase.addColorStop(0, 'rgba(255,255,255,1)');\r\n\t\t\t\tthis.ctx.fillStyle = gradientBase;\r\n\t\t\t\tthis.ctx.fillRect(30, 0, this.width, this.height);\r\n\r\n\t\t\t\tvar my_gradient1 = this.ctx.createLinearGradient(0, 0, 0, this.height);\r\n\t\t\t\tmy_gradient1.addColorStop(0, 'rgba(0,0,0,0)');\r\n\t\t\t\tmy_gradient1.addColorStop(1, 'rgba(0,0,0,1)');\r\n\t\t\t\tthis.ctx.fillStyle = my_gradient1;\r\n\t\t\t\tthis.ctx.fillRect(30, 0, this.width, this.height);\r\n\t\t\t},\r\n\t\t\t/* canvas点击 */\r\n\t\t\tonCanvasClick(e) {\r\n\t\t\t\tvar ePos = {\r\n\t\t\t\t\tx: e.offsetX || e.layerX,\r\n\t\t\t\t\ty: e.offsetY || e.layerY\r\n\t\t\t\t}\r\n\t\t\t\tvar rgbaStr = '#000';\r\n\t\t\t\tif (ePos.x >= 0 && ePos.x < 20) {\r\n\t\t\t\t\t// in\r\n\t\t\t\t\trgbaStr = this.getRgbaAtPoint(ePos, 'bar');\r\n\t\t\t\t\tvar barBlock = document.getElementById(this.barId);\r\n\t\t\t\t\tbarBlock.style.top = ePos.y + 'px';\r\n\t\t\t\t\tthis.makeColorBox('rgb(' + rgbaStr.slice(0, 3).join() + ')');\r\n\t\t\t\t\tthis.$emit('active-change', this.rgb2hex('rgba(' + rgbaStr.slice(0, 3).join() + ',' + this.alpha +\r\n\t\t\t\t\t\t')'));\r\n\t\t\t\t} else if (ePos.x >= 30) {\r\n\t\t\t\t\trgbaStr = this.getRgbaAtPoint(ePos, 'box');\r\n\t\t\t\t\tvar cur = document.getElementById(this.curId);\r\n\t\t\t\t\tcur.style.left = ePos.x + 'px';\r\n\t\t\t\t\tcur.style.top = ePos.y + 'px';\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tthis.setCurColor(rgbaStr);\r\n\t\t\t},\r\n\t\t\t/* canvas鼠标按下，绑定鼠标拖动函数 */\r\n\t\t\tonCanvasMousedown(ev, type) {\r\n\t\t\t\tvar self = this;\r\n\t\t\t\tvar ePos = {\r\n\t\t\t\t\tx: ev.layerX || ev.offsetX,\r\n\t\t\t\t\ty: ev.layerY || ev.offsetY\r\n\t\t\t\t}\r\n\t\t\t\tvar offsetTop = parseInt(ev.target.offsetTop);\r\n\t\t\t\tvar offsetLeft = parseInt(ev.target.offsetLeft);\r\n\t\t\t\tif (type === 'cur' || (ePos.x >= 30 && ePos.x < 30 + this.width && ePos.y >= 0 && ePos.y < this.height)) {\r\n\t\t\t\t\tvar cur = document.getElementById(this.curId);\r\n\t\t\t\t\tdocument.onmouseup = function() {\r\n\t\t\t\t\t\tdocument.onmouseup = document.onmousemove = null;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tdocument.onmousemove = function(e) {\r\n\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\tvar pos = {\r\n\t\t\t\t\t\t\t\tx: e.clientX - ev.clientX + ev.offsetX + offsetLeft,\r\n\t\t\t\t\t\t\t\ty: e.clientY - ev.clientY + ev.offsetY + offsetTop\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tpos.x = pos.x <= 30 ? 30 : pos.x && (pos.x > self.width ? self.width : pos.x);\r\n\t\t\t\t\t\t\tpos.y = pos.y <= 0 ? 0 : pos.y && (pos.y > self.height ? self.height : pos.y);\r\n\r\n\t\t\t\t\t\t\tvar rgbaStr = self.getRgbaAtPoint(pos, 'box');\r\n\t\t\t\t\t\t\tself.setCurColor(rgbaStr);\r\n\t\t\t\t\t\t\tcur.style.left = pos.x + 'px';\r\n\t\t\t\t\t\t\tcur.style.top = pos.y + 'px';\r\n\t\t\t\t\t\t} catch (e) {\r\n\t\t\t\t\t\t\tconsole.log(e);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} else if (ePos.x <= 20 && ePos.y <= this.height) {\r\n\t\t\t\t\tvar bar = document.getElementById(this.barId);\r\n\t\t\t\t\tdocument.onmouseup = function() {\r\n\t\t\t\t\t\tdocument.onmouseup = document.onmousemove = null;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tdocument.onmousemove = function(e) {\r\n\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\tvar pos = {\r\n\t\t\t\t\t\t\t\tx: 0,\r\n\t\t\t\t\t\t\t\ty: e.clientY - ev.clientY + ev.offsetY + offsetTop\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tpos.y = pos.y <= 0 ? 0 : pos.y && (pos.y > self.height ? self.height : pos\r\n\t\t\t\t\t\t\t\t.y);\r\n\r\n\t\t\t\t\t\t\tvar rgbaStr = self.getRgbaAtPoint(pos, 'box');\r\n\t\t\t\t\t\t\tbar.style.top = pos.y + 'px';\r\n\t\t\t\t\t\t\tself.activeColor = self.rgb2hex('rgb(' + rgbaStr.slice(0, 3).join() + ')');\r\n\t\t\t\t\t\t\tself.makeColorBox('rgb(' + rgbaStr.slice(0, 3).join() + ')');\r\n\t\t\t\t\t\t\tself.$emit('active-change', self.activeColor);\r\n\t\t\t\t\t\t} catch (e) {\r\n\t\t\t\t\t\t\tconsole.log(e);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t/* 透明度控制条点击 */\r\n\t\t\tonAlphaClick(e){\r\n\t\t\t\tvar x = e.offsetX || e.layerX;\r\n\t\t\t\tvar bar = document.getElementById(this.alphaId);\r\n\t\t\t\tvar parentNode = bar.parentNode;\r\n\t\t\t\tthis.alpha = parseFloat(x/parentNode.clientWidth).toFixed(2);\r\n\t\t\t\tthis.resetCurColor();\r\n\t\t\t},\r\n\t\t\t/* 透明度控制 */\r\n\t\t\tonAlphaMousedown(ev){\r\n\t\t\t\tvar self = this;\r\n\t\t\t\tvar ePos = {\r\n\t\t\t\t\tx: ev.layerX || ev.offsetX,\r\n\t\t\t\t\ty: ev.layerY || ev.offsetY\r\n\t\t\t\t}\r\n\t\t\t\tvar offsetTop = parseInt(ev.target.offsetTop);\r\n\t\t\t\tvar offsetLeft = parseInt(ev.target.offsetLeft);\r\n\t\t\t\tvar bar = document.getElementById(this.alphaId);\r\n\t\t\t\tvar parentNode = bar.parentNode;\r\n\t\t\t\tdocument.onmouseup = function() {\r\n\t\t\t\t\tdocument.onmouseup = document.onmousemove = null;\r\n\t\t\t\t}\r\n\t\t\t\tdocument.onmousemove = function(e) {\r\n\t\t\t\t\ttry {\r\n\t\t\t\t\t\tvar pos = {\r\n\t\t\t\t\t\t\tx: e.clientX - ev.clientX + ev.offsetX + offsetLeft,\r\n\t\t\t\t\t\t\ty: 0\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t\tpos.x = pos.x <= 0 ? 0 : pos.x && (pos.x > parentNode.clientWidth ? parentNode.clientWidth : pos\r\n\t\t\t\t\t\t\t.x);\r\n\t\t\t\t\r\n\t\t\t\t\t\tself.alpha = parseFloat(pos.x/parentNode.clientWidth).toFixed(2);\r\n\t\t\t\t\t\tself.resetCurColor();\r\n\t\t\t\t\t} catch (e) {\r\n\t\t\t\t\t\tconsole.log(e);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t/* 透明度变化重新计算当前颜色值 */\r\n\t\t\tresetCurColor(){\r\n\t\t\t\tvar curColor = this.curColor;\r\n\t\t\t\tvar alpha = this.alpha;\r\n\t\t\t\tvar reg = /^(rgb|RGB)/;\r\n\t\t\t\tif (!reg.test(curColor)){\r\n\t\t\t\t\tcurColor = this.hex2rgb(curColor.slice(0,7));\r\n\t\t\t\t}\r\n\t\t\t\tvar colorArr = curColor.replace(/(?:rgba|rgb|RGBA|RGB|\\(|\\))*/g, \"\").split(',');\r\n\t\t\t\tcolorArr[3] = alpha;\r\n\t\t\t\tthis.setCurColor(colorArr);\r\n\t\t\t},\r\n\t\t\t/* 设置当前颜色值 */\r\n\t\t\tsetCurColor(rgbaStr) {\r\n\t\t\t\tvar txt = 'a';\r\n\t\t\t\tif (rgbaStr.length === 4 && rgbaStr[3] == '1' || !this.showAlpha) {\r\n\t\t\t\t\trgbaStr = rgbaStr.slice(0, 3);\r\n\t\t\t\t\ttxt = '';\r\n\t\t\t\t}\r\n\t\t\t\tif (this.colorFormat === 'hex') {\r\n\t\t\t\t\tthis.curColor = this.rgb2hex('rgb' + txt + '(' + rgbaStr.join() + ')');\r\n\t\t\t\t} else if (this.colorFormat === 'rgb') {\r\n\t\t\t\t\tthis.curColor = 'rgb' + txt + '(' + rgbaStr.join() + ')';\r\n\t\t\t\t}\r\n\t\t\t\tthis.$emit('input', this.curColor);\r\n\t\t\t\tthis.sendChange();\r\n\t\t\t},\r\n\t\t\t/* 确认按钮点击 */\r\n\t\t\tconfirm() {\r\n\t\t\t\tthis.sendChange();\r\n\t\t\t\tthis.showPanel = false;\r\n\t\t\t},\r\n\t\t\t/* 触发change回调 */\r\n\t\t\tsendChange() {\r\n\t\t\t\tthis.$emit('change', this.curColor);\r\n\t\t\t},\r\n\t\t\t/* 获取rgb */\r\n\t\t\tgetRgbaAtPoint(pos, area) {\r\n\t\t\t\tif (area == 'bar') {\r\n\t\t\t\t\tvar imgData = this.ctx.getImageData(0, 0, 20, this.height);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tvar imgData = this.ctx.getImageData(0, 0, this.width, this.height);\r\n\t\t\t\t}\r\n\t\t\t\tvar data = imgData.data;\r\n\t\t\t\tvar dataIndex = (pos.y * imgData.width + pos.x) * 4;\r\n\t\t\t\t/* 开始消除误差 */\r\n\t\t\t\tif (pos.x >= 30 && pos.y > this.height - 3) {\r\n\t\t\t\t\treturn [0, 0, 0, this.alpha];\r\n\t\t\t\t}\r\n\t\t\t\tif (pos.x >= 30 && pos.y <= 1) {\r\n\t\t\t\t\tdata[dataIndex] = 255;\r\n\t\t\t\t}\r\n\t\t\t\tif (pos.x >= 30 && pos.x <= 31) {\r\n\t\t\t\t\treturn [\r\n\t\t\t\t\t\tdata[dataIndex],\r\n\t\t\t\t\t\tdata[dataIndex],\r\n\t\t\t\t\t\tdata[dataIndex],\r\n\t\t\t\t\t\tthis.alpha\r\n\t\t\t\t\t]\r\n\t\t\t\t}\r\n\t\t\t\tif (pos.x >= this.width - 1) {\r\n\t\t\t\t\treturn [\r\n\t\t\t\t\t\tdata[dataIndex],\r\n\t\t\t\t\t\t0,\r\n\t\t\t\t\t\t0,\r\n\t\t\t\t\t\tthis.alpha\r\n\t\t\t\t\t]\r\n\t\t\t\t}\r\n\t\t\t\t/* 消除误差结束 */\r\n\t\t\t\treturn [\r\n\t\t\t\t\tdata[dataIndex],\r\n\t\t\t\t\tdata[dataIndex + 1],\r\n\t\t\t\t\tdata[dataIndex + 2],\r\n\t\t\t\t\tthis.alpha\r\n\t\t\t\t];\r\n\t\t\t},\r\n\t\t\t/* rgb/rgba色值转16进制 */\r\n\t\t\trgb2hex(rgb) {\r\n\t\t\t\tvar reg = /^(rgb|RGB)/;\r\n\t\t\t\tvar a;\r\n\t\t\t\tif (reg.test(rgb)) {\r\n\t\t\t\t\tvar colorArr = rgb.replace(/(?:rgba|rgb|RGBA|RGB|\\(|\\))*/g, \"\").split(',');\r\n\t\t\t\t\tvar alpha = (colorArr && colorArr[3] || \"\").trim()\r\n\t\t\t\t\tvar hex = \"#\" + ((1 << 24) + (parseInt(colorArr[0]) << 16) + (parseInt(colorArr[1]) << 8) + parseInt(\r\n\t\t\t\t\t\tcolorArr[2])).toString(16).slice(1);\r\n\t\t\t\t\tif (alpha != '' && alpha != '1') {\r\n\t\t\t\t\t\ta = ((alpha * 255) | 1 << 8).toString(16).slice(1);\r\n\t\t\t\t\t\thex = hex + a;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn hex;\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn rgb\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t/* 16进制色值转rgb */\r\n\t\t\thex2rgb(hex) {\r\n\t\t\t\tvar reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;\r\n\t\t\t\tvar color = hex.toLowerCase();\r\n\t\t\t\tif (reg.test(color)) {\r\n\t\t\t\t\tif (color.length === 4) {\r\n\t\t\t\t\t\tvar colorNew = \"#\";\r\n\t\t\t\t\t\tfor (var i = 1; i < color.length; i += 1) {\r\n\t\t\t\t\t\t\tcolorNew += color.slice(i, i + 1).concat(color.slice(i, i + 1));\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tcolor = colorNew;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tvar colorChange = [];\r\n\t\t\t\t\tfor (var i = 1; i < color.length; i += 2) {\r\n\t\t\t\t\t\tcolorChange.push(parseInt(\"0x\" + color.slice(i, i + 2)));\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn \"rgb(\" + colorChange.join(\",\") + \")\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style>\r\n\t.c__color-picker {\r\n\t\tposition: relative;\r\n\t\tpadding: 3px;\r\n\t\tborder: 1px solid #e6e6e6;\r\n\t\tborder-radius: 4px;\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-right: 30px;\r\n\t}\r\n\r\n\t.c__block {\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tborder-radius: 2px;\r\n\t}\r\n\r\n\t.c__panel {\r\n\t\tposition: absolute;\r\n\t\ttop: 30px;\r\n\t\tleft: -137px;\r\n\t\tz-index: 2001;\r\n\t\ttransform-origin: center top;\r\n\t\tpadding: 6px;\r\n\t\tbox-sizing: content-box;\r\n\t\tbackground-color: #FFF;\r\n\t\tborder: 1px solid #EBEEF5;\r\n\t\tborder-radius: 4px;\r\n\t\tbox-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);\r\n\t}\r\n\r\n\t.c__canvas {\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.c__canvas canvas {\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t}\r\n\r\n\t.c__cur {\r\n\t\twidth: 3px;\r\n\t\theight: 3px;\r\n\t\toutline: 2px solid #fff;\r\n\t\tmargin-left: -1px;\r\n\t\tmargin-top: -1px;\r\n\t\tposition: absolute;\r\n\t\tborder-radius: 50%;\r\n\t\tbox-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgb(0 0 0 / 30%), 0 0 1px 2px rgb(0 0 0 / 40%);\r\n\t}\r\n\t\r\n\t.c__bar,.c__alpha{\r\n\t\tbackground-color: #fff;\r\n\t\tposition: absolute;\r\n\t\tcursor: pointer;\r\n\t\tborder-radius: 1px;\r\n\t\tborder: 1px solid #f0f0f0;\r\n\t\tbox-shadow: 0 0 2px rgb(0 0 0 / 60%);\r\n\t}\r\n\r\n\t.c__bar {\r\n\t\twidth: 20px;\r\n\t\theight: 3px;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tmargin-left: -1px;\r\n\t\tmargin-top: -2px;\r\n\t}\r\n\t\r\n\t.c__alpha{\r\n\t\twidth: 5px;\r\n\t\theight: 20px;\r\n\t\tleft: 100%;\r\n\t\ttop: 0;\r\n\t\tmargin-left: -3px;\r\n\t\tmargin-top: -1px;\r\n\t}\r\n\r\n\t.c__alpha-silder {\r\n\t\tposition: relative;\r\n\t\tbox-sizing: border-box;\r\n\t\twidth: 256px;\r\n\t\tmargin-left: 30px;\r\n\t\theight: 18px;\r\n\t\tbackground: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);\r\n\t}\r\n\r\n\t.c__alpha-silder-bar {\r\n\t\tposition: relative;\r\n\t\tbackground: linear-gradient(to right, rgba(255, 69, 0, 0) 0%, rgb(255, 69, 0) 100%);\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.c__control {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tmargin-top: 5px;\r\n\t}\r\n\r\n\t.c__input {\r\n\t\tbackground-color: #FFF;\r\n\t\tbackground-image: none;\r\n\t\tborder-radius: 4px;\r\n\t\tborder: 1px solid #DCDFE6;\r\n\t\tbox-sizing: border-box;\r\n\t\tcolor: #606266;\r\n\t\tdisplay: inline-block;\r\n\t\toutline: 0;\r\n\t\tpadding: 0 15px;\r\n\t\ttransition: border-color .2s cubic-bezier(.645, .045, .355, 1);\r\n\t\twidth: 160px;\r\n\t\tfont-size: 12px;\r\n\t\theight: 28px;\r\n\t\tline-height: 28px;\r\n\t}\r\n\r\n\t.c__input:focus {\r\n\t\tborder-color: #409EFF;\r\n\t}\r\n\r\n\t.c__btns {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.c__btn-clear {\r\n\t\tfont-size: 12px;\r\n\t\tcolor: #409EFF;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t.c__btn-confirm {\r\n\t\tpadding: 7px 15px;\r\n\t\tmargin-left: 10px;\r\n\t\tfont-size: 12px;\r\n\t\tborder-radius: 3px;\r\n\t\tdisplay: inline-block;\r\n\t\tline-height: 1;\r\n\t\twhite-space: nowrap;\r\n\t\tcursor: pointer;\r\n\t\tbackground: #FFF;\r\n\t\tborder: 1px solid #DCDFE6;\r\n\t\tcolor: #606266;\r\n\t\ttext-align: center;\r\n\t\tbox-sizing: border-box;\r\n\t\toutline: 0;\r\n\t\tfont-weight: 500;\r\n\t}\r\n</style>\n","import mod from \"-!../../@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2670ce8b&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2670ce8b&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import elColorPicker from './index.vue';\r\n\r\nconst install = function(Vue) {\r\n\tif (install.installed) return;\r\n\tVue.component(elColorPicker.name, elColorPicker);\r\n}\r\n\r\nif (typeof window !== 'undefined' && window.Vue) {\r\n\tinstall(window.Vue);\r\n}\r\n\r\nexport default {\r\n\tinstall,\r\n\t...elColorPicker\r\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"viewer\",rawName:\"v-viewer.rebuild\",modifiers:{\"rebuild\":true}}],ref:\"editor\",staticClass:\"editor\",attrs:{\"contenteditable\":\"true\"},on:{\"click\":function($event){return _vm.editorClick($event)},\"blur\":_vm.closePop}},[(_vm.content && _vm.isEditable)?_c('div',{attrs:{\"contenteditable\":\"false\",\"id\":'test' + _vm.id},domProps:{\"innerHTML\":_vm._s(_vm.content)},on:{\"mousedown\":function($event){$event.stopPropagation();return _vm.mouseDown($event)},\"mouseup\":function($event){$event.stopPropagation();return _vm.mouseUp($event)}}}):_vm._e(),(_vm.content && !_vm.isEditable)?_c('div',{attrs:{\"contenteditable\":\"false\"},domProps:{\"innerHTML\":_vm._s(_vm.content)}}):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.popVisiable),expression:\"popVisiable\"}],staticClass:\"popover_txt\",style:('left:' + _vm.position.x + 'px; top:' + _vm.position.y + 'px;')},[_c('div',{staticClass:\"ant-popover-arrow\"}),_c('div',{staticClass:\"btn\"},[_c('a-button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.addNote.apply(null, arguments)}}},[_vm._v(\"个人笔记\")]),_c('a-button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.addFeedback.apply(null, arguments)}}},[_vm._v(\"内容反馈\")])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"editor\" @click=\"editorClick($event)\" ref=\"editor\" contenteditable=\"true\" v-viewer.rebuild @blur=\"closePop\">\r\n        <div v-html=\"content\" @mousedown.stop=\"mouseDown($event)\" @mouseup.stop=\"mouseUp($event)\"\r\n            v-if=\"content && isEditable\" contenteditable=\"false\" :id=\"'test' + id\"></div>\r\n        <div v-html=\"content\" v-if=\"content && !isEditable\" contenteditable=\"false\"></div>\r\n        <!-- <div @mousedown.stop=\"mouseDown($event)\" @mouseup=\"mouseUp($event)\">\r\n                <div><Editor :value=\"content\" /></div>\r\n            </div> -->\r\n\r\n        <div class=\"popover_txt\" :style=\"'left:' + position.x + 'px; top:' + position.y + 'px;'\" v-show=\"popVisiable\">\r\n            <div class=\"ant-popover-arrow\"></div>\r\n            <div class=\"btn\">\r\n                <a-button @click.stop=\"addNote\">个人笔记</a-button>\r\n                <a-button @click.stop=\"addFeedback\">内容反馈</a-button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport Editor from './Editor.vue'\r\nimport $ from 'jquery'\r\nexport default {\r\n    props: {\r\n        data: String,\r\n        isEditable: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        id: [String, Number],\r\n        keyword: String,\r\n        selectItem: {\r\n            type: Object,\r\n            default: {},\r\n        },\r\n    },\r\n    components: {\r\n        Editor,\r\n    },\r\n    data(vm) {\r\n        return {\r\n            content: '',\r\n            editor: null,\r\n            downPos: {\r\n                x: '',\r\n                y: '',\r\n            },\r\n            upPos: {\r\n                x: '',\r\n                y: '',\r\n            },\r\n            selection: '',\r\n            popVisiable: false,\r\n            startIndex: 0,\r\n            endIndex: 0,\r\n            timer: null,\r\n        }\r\n    },\r\n    methods: {\r\n        editorClick(e) {\r\n            if (e.target.className == 'detail-btn') {\r\n                const id = e.target.attributes['data-id'].nodeValue\r\n                this.$emit('remark', { e, id })\r\n            }\r\n        },\r\n        getStartIndex(len, level, el) {\r\n            if (window.getSelection().toString() == '') return\r\n            if (level == 0) {\r\n                len = window.getSelection().anchorOffset\r\n                el = window.getSelection().anchorNode\r\n                if (el.parentElement.attributes?.length > 0) {\r\n                    var reg = /<[^<>]+>/g\r\n                    var list = el.parentElement.outerHTML.match(reg)\r\n                    len += list[0].length\r\n                    el = el.parentElement\r\n                }\r\n            }\r\n            var back = this.getSiblingEL(len, el)\r\n            if (back.el.parentNode.id !== 'test' + this.id) {\r\n                this.getStartIndex(back.len, level + 1, back.el.parentNode)\r\n            } else {\r\n                this.startIndex = back.len\r\n                return back\r\n            }\r\n        },\r\n        //取结束下标\r\n        getEndIndex(len, level, el) {\r\n            if (window.getSelection().toString() == '') return\r\n            if (level == 0) {\r\n                len = window.getSelection().focusOffset\r\n                el = window.getSelection().focusNode\r\n                if (el.parentElement.attributes?.length > 0) {\r\n                    var reg = /<[^<>]+>/g\r\n                    var list = el.parentElement.outerHTML.match(reg)\r\n                    len += list[0].length\r\n                    el = el.parentElement\r\n                }\r\n            }\r\n            var back = this.getSiblingEL(len, el)\r\n            if (back.el.parentNode.id != 'test' + this.id) {\r\n                this.getEndIndex(back.len, level + 1, back.el.parentNode)\r\n            } else {\r\n                this.endIndex = back.len\r\n                return 123\r\n            }\r\n        },\r\n        //遍历同级的元素\r\n        getSiblingEL(len, el) {\r\n            while (1) {\r\n                if (el.previousSibling != null)\r\n                    len +=\r\n                        el.previousSibling.outerHTML === undefined\r\n                            ? el.previousSibling.length\r\n                            : el.previousSibling.outerHTML.length\r\n                else {\r\n                    if (el.tagName != undefined && el.tagName != '')\r\n                        len += el.tagName.length + 2\r\n                    return { len: len, el: el }\r\n                }\r\n                el = el.previousSibling\r\n            }\r\n        },\r\n        mouseDown(e) {\r\n            const { clientX, clientY } = e\r\n            this.downPos = {\r\n                x: clientX,\r\n                y: clientY,\r\n            }\r\n            this.content = this.data\r\n        },\r\n        mouseUp(e) {\r\n            const { clientX, clientY } = e\r\n            this.upPos = {\r\n                x: clientX,\r\n                y: clientY,\r\n            }\r\n\r\n            setTimeout(() => {\r\n                const selection = window.getSelection().toString()\r\n                this.getStartIndex(0, 0, selection.anchorNode)\r\n                this.getEndIndex(0, 0, selection.anchorNode)\r\n                this.selection = selection\r\n                console.log(selection)\r\n                if (selection.length > 0) {\r\n                    this.popVisiable = true\r\n                } else {\r\n                    this.popVisiable = false\r\n                }\r\n            }, 10)\r\n        },\r\n        addNote() {\r\n            console.log(1)\r\n            let start =\r\n                this.startIndex > this.endIndex\r\n                    ? this.endIndex\r\n                    : this.startIndex\r\n            let end =\r\n                this.startIndex > this.endIndex\r\n                    ? this.startIndex\r\n                    : this.endIndex\r\n            this.$emit('notes', {\r\n                id: this.id,\r\n                selection: this.selection,\r\n                start,\r\n                end,\r\n            })\r\n        },\r\n        addFeedback() {\r\n            let start =\r\n                this.startIndex > this.endIndex\r\n                    ? this.endIndex\r\n                    : this.startIndex\r\n            let end =\r\n                this.startIndex > this.endIndex\r\n                    ? this.startIndex\r\n                    : this.endIndex\r\n            console.log(start, end)\r\n            this.$emit('feedback', {\r\n                id: this.id,\r\n                selection: this.selection,\r\n                start,\r\n                end,\r\n            })\r\n        },\r\n        closePop() {\r\n            setTimeout(() => {\r\n                this.popVisiable = false\r\n            }, 200)\r\n        },\r\n        blur() {\r\n            setTimeout(() => {\r\n                this.closePop()\r\n            }, 100)\r\n        },\r\n    },\r\n    watch: {\r\n        data(val) {\r\n            this.content = JSON.parse(JSON.stringify(val))\r\n        },\r\n        keyword(keyword) {\r\n            if (!keyword) {\r\n                this.content = this.data\r\n                return\r\n            }\r\n            this.content = this.data.replace(\r\n                new RegExp(keyword, 'g'),\r\n                \"<span style='color:red;'>\" + keyword + '</span>'\r\n            )\r\n        },\r\n        selectItem(val) {\r\n            if (val.CardId == this.id) {\r\n                this.content = this.data\r\n                this.$nextTick(() => {\r\n                    let txt = $('#test' + this.id).html()\r\n                    let { StartIndex, EndIndex, Txt, Color } = val\r\n                    Color = Color || 'red'\r\n                    let startStr = txt.substring(0, StartIndex)\r\n                    let midStr = txt.substring(StartIndex, EndIndex)\r\n                    let endStr = txt.substring(EndIndex, txt.length)\r\n                    let temp = ''\r\n                    let newStr = ''\r\n                    let isTag = false\r\n                    for (var i = 0; i < midStr.length; i++) {\r\n                        // 遇到<\r\n                        if (midStr[i] == '<') {\r\n                            if (temp) {\r\n                                newStr += `<span class=\"pos${val.Id}\" style=\"background-color:${Color};\">${temp}</span>`\r\n                                temp = midStr[i]\r\n                            } else {\r\n                                temp = midStr[i]\r\n                            }\r\n                            isTag = true\r\n                        } else if (midStr[i] == '>') {\r\n                            temp += midStr[i]\r\n                            newStr += temp\r\n                            temp = ''\r\n                            isTag = false\r\n                        } else {\r\n                            temp += midStr[i]\r\n                        }\r\n                        if (i == midStr.length - 1) {\r\n                            if (isTag) {\r\n                                newStr += temp\r\n                            } else {\r\n                                newStr += `<span class=\"pos${val.Id}\" style=\"background-color:${Color};\">${temp}</span>`\r\n                            }\r\n                        }\r\n                    }\r\n                    this.content = startStr + newStr + endStr\r\n                })\r\n\r\n                return\r\n            } else {\r\n                this.content = this.data\r\n            }\r\n        },\r\n    },\r\n    computed: {\r\n        position() {\r\n            let x = (this.upPos.x + this.downPos.x) / 2\r\n            let y = Math.min(this.upPos.y, this.downPos.y) - 40\r\n            return {\r\n                x: x,\r\n                y: y,\r\n            }\r\n        },\r\n    },\r\n    created() {\r\n        this.content = this.data\r\n    },\r\n}\r\n</script>\r\n<style scoped lang=\"less\">\r\n:deep(.mce-edit-focus) {\r\n    outline: none;\r\n}\r\n\r\n.editor {\r\n    padding: 15px 20px 20px;\r\n    font-size: 16px;\r\n    white-space: normal;\r\n    outline: none;\r\n    position: relative;\r\n    cursor: text;\r\n    line-height: 22pt;\r\n\r\n    * {\r\n        font-family: 'Miscrosoft YaHei' !important;\r\n    }\r\n}\r\n\r\n:deep(.mce-resizehandle) {\r\n    display: none;\r\n    border: 0 !important;\r\n}\r\n\r\n:deep(.mce-content-body) {\r\n    overflow: auto;\r\n\r\n    &::-webkit-scrollbar {\r\n        border-radius: 3px;\r\n        height: 6px;\r\n        background-color: #e5e5e5;\r\n    }\r\n\r\n    &::-webkit-scrollbar-thumb {\r\n        border-radius: 3px;\r\n        background-color: #f6a75c;\r\n    }\r\n\r\n    audio[data-mce-selected],\r\n    embed[data-mce-selected],\r\n    img[data-mce-selected],\r\n    object[data-mce-selected],\r\n    table[data-mce-selected],\r\n    video[data-mce-selected] {\r\n        outline: none;\r\n    }\r\n\r\n    img {\r\n        // pointer-events: none;\r\n    }\r\n}\r\n\r\n.popover_txt {\r\n    position: fixed;\r\n    transform: translate(-50%, -50%);\r\n    transition: 0.3s;\r\n    padding: 5px;\r\n    background-color: rgba(0, 0, 0, 0.65);\r\n    border-radius: 4px;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);\r\n\r\n    :deep(.ant-btn) {\r\n        padding: 0 10px;\r\n        font-size: 14px;\r\n        border: 0;\r\n        border-right: 1px solid #00ffc0;\r\n        background-color: #00ffc0;\r\n        color: #333;\r\n\r\n        &:last-of-type {\r\n            border-right: 0;\r\n            margin-left: 10px;\r\n        }\r\n\r\n        &:focus {\r\n            color: rgba(0, 0, 0, 0.65);\r\n        }\r\n\r\n        &:hover {\r\n            background-color: #eee;\r\n            color: rgba(0, 0, 0, 0.65);\r\n        }\r\n    }\r\n\r\n    :deep(.ant-popover-arrow) {\r\n        left: 50%;\r\n        bottom: 0;\r\n        transform: translate(-50%, 50%) rotate(45deg);\r\n        border-color: transparent rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.65) transparent;\r\n        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .editor {\r\n        font-size: 24px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .popover_txt {\r\n        display: none !important;\r\n    }\r\n}\r\n</style>\r\n<style lang=\"less\">\r\n.editor {\r\n    * {\r\n        font-family: 'Miscrosoft YaHei' !important;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./InlineEditor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./InlineEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InlineEditor.vue?vue&type=template&id=1a40a50d&scoped=true&\"\nimport script from \"./InlineEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./InlineEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InlineEditor.vue?vue&type=style&index=0&id=1a40a50d&prod&scoped=true&lang=less&\"\nimport style1 from \"./InlineEditor.vue?vue&type=style&index=1&id=1a40a50d&prod&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1a40a50d\",\n  null\n  \n)\n\nexport default component.exports","import request from '@/utils/request';\r\nconst baseURL = '/API/Collection';\r\n\r\nexport const ToggleCollectModel = function (data) {\r\n    //\r\n    return request({\r\n        method: 'post',\r\n        url: '/API/Collection/AddModel',\r\n        data: data,\r\n        headers: {\r\n            'Content-Type': 'application/json',\r\n        },\r\n    });\r\n};\r\n\r\nexport const ToggleCollectCard = function (data) {\r\n    //\r\n    return request({\r\n        method: 'post',\r\n        url: '/API/Collection/AddCard',\r\n        data: data,\r\n        headers: {\r\n            'Content-Type': 'application/json',\r\n        },\r\n    });\r\n};\r\n\r\nexport const GetMyModelList = function (data) {\r\n    // 获取我收藏的模型列表\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/Collection/GetMyModelList',\r\n        params: data,\r\n    });\r\n};\r\n\r\nexport const GetMyCardList = function (data) {\r\n    // 获取我收藏的卡片列表\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/Collection/GetMyCardList',\r\n        params: data,\r\n    });\r\n};\r\n\r\nexport const GetMyForumList = function (data) {\r\n    // 获取我收藏的帖子\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/Collection/GetMyForumList',\r\n        params: data,\r\n    });\r\n};\r\n\r\nexport const ToggleCollectPost = function (data) {\r\n    //\r\n    return request({\r\n        method: 'post',\r\n        url: '/API/Collection/AddPost',\r\n        data: data,\r\n        headers: {\r\n            'Content-Type': 'application/json',\r\n        },\r\n    });\r\n};\r\n\r\nexport const ToggleCollectLibrary = function (data) {\r\n    //\r\n    return request({\r\n        method: 'post',\r\n        url: '/API/Collection/AddLibrary',\r\n        data: data,\r\n        headers: {\r\n            'Content-Type': 'application/json',\r\n        },\r\n    });\r\n};\r\n\r\nexport const GetMyLibraryList = function (data) {\r\n    // 获取我收藏的卡片列表\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/Collection/GetMyLibraryList',\r\n        params: data,\r\n    });\r\n};\r\n","export * from \"-!../../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../postcss-loader/src/index.js??ref--7-oneOf-1-2!../../@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2670ce8b&prod&lang=css&\"","<template>\r\n    <div class=\"editor\" @mouseup.stop=\"mouseUp($event)\">\r\n        <!-- <editor :data-id=\"id\" v-model=\"content\"  :init=\"init\" ></editor> -->\r\n        <vue-tinymce\r\n            :setting=\"init\"\r\n            v-model=\"content\"\r\n            @change=\"updateCalue\"\r\n            ref=\"tinymce\"\r\n            :setup=\"setup\"\r\n            id=\"editor\"\r\n        ></vue-tinymce>\r\n    </div>\r\n</template>\r\n<script>\r\n// import Editor from \"@tinymce/tinymce-vue\";\r\n// import '@/utils/tinymce/langs/zh_CN.js'\r\nimport { getOSSUpload } from '@/api/common'\r\nexport default {\r\n    props: {\r\n        value: String,\r\n        isEditable: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        id: [String, Number],\r\n    },\r\n    components: {\r\n        // Editor\r\n    },\r\n    data(vm) {\r\n        return {\r\n            init: {\r\n                readonly: true,\r\n                toolbar: false,\r\n                inline: true,\r\n                toolbar_drawer: false, //折叠toolbar\r\n                menubar: true,\r\n                // toolbar: 'code undo redo restoredraft | cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough link anchor |  alignleft aligncenter alignright alignjustify outdent indent | ',\r\n                toolbar:\r\n                    'code undo redo restoredraft | code cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough link | alignleft aligncenter alignright alignjustify outdent indent indent2em lineheight| \\\r\n                     formatselect fontselect fontsizeselect | bullist numlist | blockquote subscript superscript removeformat | \\\r\n                     table image charmap emoticons hr pagebreak insertdatetime print preview axupimgs | fullscreen ',\r\n                plugins: `undo redo restoredraft code cut copy paste pastetext forecolor backcolor bold italic underline strikethrough link anchor alignleft aligncenter alignright alignjustify outdent indent indent2em lineheight\r\n                     styleselect formatselect fontselect fontsizeselect bullist numlist blockquote subscript superscript removeformat\r\n                     table image charmap emoticons hr pagebreak insertdatetime print preview fullscreen wordcount lists advlist link axupimgs`,\r\n                quickbars_selection_toolbar:\r\n                    'removeformat | bold italic underline strikethrough | link  fontsizeselect forecolor backcolor | quickimage | mybutton',\r\n                fontsize_formats:\r\n                    '12px 14px 16px 18px 24px 36px 48px 56px 72px',\r\n                font_formats:\r\n                    '思源黑体=Source Han Sans;微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;',\r\n                language: 'zh_CN', // 语言\r\n                branding: false, //右下角技术支持\r\n                height: 500, //高度\r\n                paste_data_images: true,\r\n                elementpath: false,\r\n                toolbar_sticky: true,\r\n                visualchars_default_state: true,\r\n                table_responsive_width: false,\r\n                table_default_attributes: { border: '1' },\r\n                paste_auto_cleanup_on_paste: true,\r\n                paste_remove_styles: true,\r\n                paste_remove_styles_if_webkit: true,\r\n                paste_strip_class_attributes: true,\r\n                image_dimensions: false,\r\n                valid_elements: '*[*]',\r\n                valid_children: '*[*]',\r\n                extended_valid_elements: 'style,link[href|rel],script',\r\n                custom_elements: 'style,link,~link,script',\r\n                file_picker_callback: function (callback, value, meta) {\r\n                    //文件分类\r\n                    let filetype = ''\r\n                    //后端接收上传文件的地址\r\n                    let url = ''\r\n                    //为不同插件指定文件类型及后端地址\r\n                    switch (meta.filetype) {\r\n                        case 'image':\r\n                            filetype = '.jpg,.jpeg,.png,.gif,.tiff'\r\n                            break\r\n                        case 'file':\r\n                            let filetype =\r\n                                '.pdf,.txt,.zip,.rar,.7z,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.mp3,.mp4'\r\n                            break\r\n                        case 'media':\r\n                            iletype = '.mp3,.mp4'\r\n                            break\r\n                    }\r\n                    url = window.configObj.ossURL\r\n                    //模拟出一个input用于添加本地文件\r\n                    let input = document.createElement('input')\r\n                    input.setAttribute('type', 'file')\r\n                    input.setAttribute('accept', filetype)\r\n                    input.click()\r\n                    input.onchange = function () {\r\n                        let file = this.files[0]\r\n                        let fd = new FormData() // FormData 对象\r\n                        let config = {\r\n                            headers: {\r\n                                'Content-Type': 'multipart/form-data',\r\n                            },\r\n                        }\r\n                        getOSSUpload({ fileName: file.name }).then(res => {\r\n                            fd.append('key', res.data.key)\r\n                            fd.append('policy', res.data.policy)\r\n                            fd.append('OSSAccessKeyId', res.data.accessid)\r\n                            fd.append('success_action_status', '200') //让服务端返回200,不然，默认会返回204\r\n                            fd.append('callback', res.data.callback)\r\n                            fd.append('signature', res.data.signature)\r\n                            fd.append('file', file) // 文件对象\r\n                            axios.post(url, fd, config).then(res => {\r\n                                callback(res.data.location)\r\n                            })\r\n                        })\r\n                    }\r\n                },\r\n                images_upload_handler: function (blobInfo, succFun, failFun) {\r\n                    let file = blobInfo.blob() //转化为易于理解的file对象\r\n                    let url = 'https://xuexi-001.oss-cn-beijing.aliyuncs.com'\r\n                    let fd = new FormData() // FormData 对象\r\n                    let config = {\r\n                        headers: {\r\n                            'Content-Type': 'multipart/form-data',\r\n                        },\r\n                    }\r\n                    getOSSUpload({ fileName: file.name }).then(res => {\r\n                        fd.append('key', res.data.key)\r\n                        fd.append('policy', res.data.policy)\r\n                        fd.append('OSSAccessKeyId', res.data.accessid)\r\n                        fd.append('success_action_status', '200') //让服务端返回200,不然，默认会返回204\r\n                        fd.append('callback', res.data.callback)\r\n                        fd.append('signature', res.data.signature)\r\n                        fd.append('file', file) // 文件对象\r\n                        axios.post(url, fd, config).then(res => {\r\n                            succFun(res.data.location)\r\n                        })\r\n                    })\r\n                },\r\n                files_upload_handler: function (blobInfo, succFun, failFun) {\r\n                    let file = blobInfo.blob() //转化为易于理解的file对象\r\n                    let url = 'https://xuexi-001.oss-cn-beijing.aliyuncs.com'\r\n                    let fd = new FormData() // FormData 对象\r\n                    let config = {\r\n                        headers: {\r\n                            'Content-Type': 'multipart/form-data',\r\n                        },\r\n                    }\r\n                    getOSSUpload({ fileName: file.name }).then(res => {\r\n                        fd.append('key', res.data.key)\r\n                        fd.append('policy', res.data.policy)\r\n                        fd.append('OSSAccessKeyId', res.data.accessid)\r\n                        fd.append('success_action_status', '200') //让服务端返回200,不然，默认会返回204\r\n                        fd.append('callback', res.data.callback)\r\n                        fd.append('signature', res.data.signature)\r\n                        fd.append('file', file) // 文件对象\r\n                        axios.post(url, fd, config).then(res => {\r\n                            succFun(res.data.location)\r\n                        })\r\n                    })\r\n                },\r\n            },\r\n            editor: null,\r\n            content: '',\r\n        }\r\n    },\r\n    methods: {\r\n        updateCalue() {\r\n            this.$emit('input', this.content)\r\n            this.$emit('change', this.content)\r\n        },\r\n        setup(editor) {\r\n            // console.log(editor.editorManager.get(\"editor\").focus());\r\n            this.editor = editor\r\n        },\r\n        // 聚焦\r\n        editorFocus() {\r\n            this.editor.editorManager.get(this.editor.id).focus()\r\n        },\r\n        mouseUp(e) {\r\n            let str = `07）</p>\r\n<p>《石质文物保护工程勘察规范》WW/T00632015</p>\r\n<p>《石质文物保护修复方案编写规范》（WW/T0007-2007）`\r\n            let content = this.editor.selection.getContent()\r\n            let start = this.editor.selection.getStart()\r\n            let end = this.editor.selection.getEnd()\r\n\r\n            let selection = window.getSelection()\r\n            let contentStarHasp = content.substr(0, 3).indexOf('p')\r\n            let contentEndHasp = content.substr(-4, 4).indexOf('p')\r\n            // if (\r\n            //     contentStarHasp !== -1 &&\r\n            //     this.editor.selection.getRng().startOffset !== 0\r\n            // ) {\r\n            //     content = content.substr(3)\r\n            // }\r\n            // if (\r\n            //     contentEndHasp !== -1 &&\r\n            //     this.editor.selection.getRng().endOffset !==\r\n            //         this.editor.selection.getRng().endContainer.data.length\r\n            // ) {\r\n            //     content = content.substr(0, content.length - 4)\r\n            // }\r\n            let before = ''\r\n            let after = ''\r\n            let html = this.editor.selection.getContent({ format: 'html' })\r\n            console.log(this.editor.selection)\r\n        },\r\n    },\r\n    watch: {\r\n        value: {\r\n            handler(newVal, oldVal) {\r\n                this.content = newVal\r\n            },\r\n            immediate: true,\r\n        },\r\n    },\r\n}\r\n</script>\r\n<style scoped lang=\"less\">\r\n// /deep/.mce-edit-focus{\r\n//     outline: none;\r\n// }\r\n// .editor{\r\n//     padding: 15px 20px 20px;\r\n//     font-size: 16PX;\r\n//     white-space: normal;\r\n// }\r\n</style>\r\n","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./RemarkPop.vue?vue&type=style&index=0&id=da0c2fde&prod&scoped=true&lang=less&\"","import request from '@/utils/request'\r\nconst baseURL = '/API/User/Model'\r\nexport const GetList = function (data) {// 网站问题反馈\r\n    return request({\r\n        url: \"/API/User/Model/GetList\",\r\n        method: 'GET',\r\n        params: data\r\n    })\r\n}\r\nexport const GetData = function (data) {// 网站问题反馈\r\n    return request({\r\n        url: \"/API/User/Model/GetData\",\r\n        method: 'GET',\r\n        params: data\r\n    })\r\n}\r\nexport const GetListByCardId = function (data) {// 网站问题反馈\r\n    return request({\r\n        url: \"/API/User/Model/GetListByCardId\",\r\n        method: 'GET',\r\n        params: data\r\n    })\r\n}\r\n\r\nexport const GetListByModelId = function (data) {// 网站问题反馈\r\n    return request({\r\n        url: \"/API/User/Model/GetListBySubjectId\",\r\n        method: 'GET',\r\n        params: data\r\n    })\r\n}\r\n\r\nexport const GetListByIds = function (data) {\r\n    return request({\r\n        method: \"get\",\r\n        url: \"/API/User/Model/GetListByIds\",\r\n        params: data,\r\n    });\r\n};\r\n\r\n\r\nexport const GetListSenior = function (data) {\r\n    return request({\r\n        method: \"get\",\r\n        url: \"/API/User/Model/GetListSenior\",\r\n        params: data,\r\n    });\r\n};\r\n\r\n\r\n\r\n\r\nexport const SetHours = function (data) {\r\n    return request({\r\n        method: \"POST\",\r\n        url: \"/API/User/Model/SetHours\",\r\n        params: data,\r\n    });\r\n};\r\n\r\n\r\n","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NotesDialog.vue?vue&type=style&index=0&id=d77287dc&prod&lang=less&scoped=true&\"","import request from '@/utils/request'\r\nconst baseURL = '/API/Remark'\r\n\r\nexport const GetData = function (data) {// 网站问题反馈\r\n    return request({\r\n        url: \"/API/Remark/GetData\",\r\n        method: 'GET',\r\n        params: data\r\n    })\r\n}\r\n\r\nexport const GetListByCardId = function (data) {// 网站问题反馈\r\n    return request({\r\n        url: \"/API/Remark/GetListByCardId\",\r\n        method: 'GET',\r\n        params: data\r\n    })\r\n}\r\n\r\nexport const GetListByModelId = function (data) {// 网站问题反馈\r\n    return request({\r\n        url: \"/API/Remark/GetListByModelId\",\r\n        method: 'GET',\r\n        params: data\r\n    })\r\n}","import request from '@/utils/request'\r\nconst baseURL = '/API/User/Card'\r\n\r\nexport const GetAllListByModelId = function (data) {\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/User/Card/GetAllListByModelId',\r\n        params: data,\r\n    })\r\n}\r\nexport const GetData = function (data) {\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/User/Card/GetData',\r\n        params: data,\r\n    })\r\n}\r\n\r\nexport const GetExamListByModelId = function (data) {\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/User/Card/GetExamListByModelId',\r\n        params: data,\r\n    })\r\n}\r\nexport const GetKnowledgeListByModelId = function (data) {\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/User/Card/GetKnowledgeListByModelId',\r\n        params: data,\r\n    })\r\n}\r\nexport const GetNoteListByModelId = function (data) {\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/User/Card/GetNoteListByModelId',\r\n        params: data,\r\n    })\r\n}\r\nexport const GetOtherExamByModelId = function (data) { //获取某个模型的相关考点 卡片列表\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/User/Card/GetOtherExamByModelId',\r\n        params: data,\r\n    })\r\n}\r\nexport const GetUserNoteListByModelId = function (data) { //根据模型id获取用户笔记列表\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/User/Card/GetUserNoteListByModelId',\r\n        params: data,\r\n    })\r\n}\r\nexport const GetUserNoteListByCardId = function (data) { //根据卡片id获取用户笔记列表\r\n    return request({\r\n        method: 'GET',\r\n        url: '/API/User/Card/GetUserNoteListByCardId',\r\n        params: data,\r\n    })\r\n}\r\n\r\nexport const AddNote = function (data) { //添加\\修改  笔记\r\n    return request({\r\n        url: '/API/User/Card/AddNote',\r\n        method: 'POST',\r\n        data:{\r\n            json:data\r\n        },\r\n        headers: {\r\n            'Content-Type': 'application/json'\r\n        },\r\n    })\r\n}\r\n\r\nexport const DelNote = function (data) { //删除 笔记\r\n    return request({\r\n        url: '/API/User/Card/DelNote',\r\n        method: 'POST',\r\n        data,\r\n        headers: {\r\n            'Content-Type': 'application/json'\r\n        },\r\n    })\r\n}\r\n\r\nexport const AddFeedback = function (data) { //添加\\修改  反馈\r\n    return request({\r\n        url: '/API/User/Card/AddFeedback',\r\n        method: 'POST',\r\n        data:{\r\n            json:data\r\n        },\r\n        headers: {\r\n            'Content-Type': 'application/json'\r\n        },\r\n    })\r\n}\r\nexport const DelFeedback = function (data) { //删除 反馈\r\n    return request({\r\n        url: '/API/User/Card/DelFeedback',\r\n        method: 'POST',\r\n        data,\r\n        headers: {\r\n            'Content-Type': 'application/json'\r\n        },\r\n    })\r\n}\r\n\r\nexport const GetUserFeedbackListByModelId = function (data) { //根据模型id获取用户反馈列表\r\n    return request({\r\n        url: '/API/User/Card/GetUserFeedbackListByModelId',\r\n        method: 'GET',\r\n        params: data\r\n    })\r\n}\r\nexport const GetUserFeedbackListByCardId = function (data) {//根据卡片id获取用户反馈列表\r\n    return request({\r\n        url: '/API/User/Card/GetUserFeedbackListByCardId',\r\n        method: 'GET',\r\n        params: data\r\n    })\r\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"editor\",on:{\"mouseup\":function($event){$event.stopPropagation();return _vm.mouseUp($event)}}},[_c('vue-tinymce',{ref:\"tinymce\",attrs:{\"setting\":_vm.init,\"setup\":_vm.setup,\"id\":\"editor\"},on:{\"change\":_vm.updateCalue},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Editor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Editor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Editor.vue?vue&type=template&id=f18dafda&scoped=true&\"\nimport script from \"./Editor.vue?vue&type=script&lang=js&\"\nexport * from \"./Editor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Editor.vue?vue&type=style&index=0&id=f18dafda&prod&scoped=true&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f18dafda\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Editor.vue?vue&type=style&index=0&id=f18dafda&prod&scoped=true&lang=less&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('a-modal',{staticClass:\"addDialog\",attrs:{\"centered\":\"\",\"width\":800,\"footer\":null,\"destroyOnClose\":true,\"closable\":false,\"confirm-loading\":_vm.confirmLoading},on:{\"cancel\":_vm.close},model:{value:(_vm.notesVisable),callback:function ($$v) {_vm.notesVisable=$$v},expression:\"notesVisable\"}},[_c('div',{staticClass:\"dialog_header\"},[_c('h2',[_vm._v(\"笔记\")]),_c('div',{staticClass:\"close\"},[_c('svg-icon',{attrs:{\"icon-class\":\"icon_close\"},nativeOn:{\"click\":function($event){return _vm.close.apply(null, arguments)}}})],1)]),_c('div',{staticClass:\"dialog_content\"},[_c('a-form-model',{ref:\"ruleForm\",attrs:{\"model\":_vm.form,\"rules\":_vm.rules}},[_c('a-form-model-item',[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"记录的卡片名称：\")]),_c('div',{staticClass:\"input\"},[_vm._v(_vm._s(_vm.form.Title))])])]),_c('a-form-model-item',[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"选中的内容：\")]),_c('div',{staticClass:\"input\"},[_c('div',{staticClass:\"content\",domProps:{\"innerHTML\":_vm._s(_vm.form.Txt)}})])])]),_c('a-form-model-item',{attrs:{\"prop\":\"Note\"}},[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"内容：\")]),_c('div',{staticClass:\"input\"},[_c('a-textarea',{attrs:{\"auto-size\":{ minRows: 4, maxRows: 6 },\"maxLength\":2000},model:{value:(_vm.form.Note),callback:function ($$v) {_vm.$set(_vm.form, \"Note\", $$v)},expression:\"form.Note\"}}),_c('div',{staticClass:\"limit\"},[_vm._v(_vm._s(_vm.form.Note.length)+\"/2000\")])],1)])]),_c('a-form-model-item',[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"颜色：\")]),_c('div',{staticClass:\"input\"},[_c('div',{staticClass:\"color-picker\"},[_vm._l((_vm.colorList),function(item){return _c('div',{staticClass:\"color\",style:('background-color:' + item + ';'),attrs:{\"title\":item},on:{\"click\":function($event){_vm.form.Color = item}}})}),_c('el-color-picker',{model:{value:(_vm.form.Color),callback:function ($$v) {_vm.$set(_vm.form, \"Color\", $$v)},expression:\"form.Color\"}})],2)])])])],1)],1),_c('div',{staticClass:\"dialog_footer\"},[_c('a-button',{staticClass:\"confirm\",attrs:{\"loading\":_vm.confirmLoading},on:{\"click\":_vm.confirmDownload}},[_vm._v(\" 确认 \")]),_c('a-button',{staticClass:\"cancel\",on:{\"click\":_vm.cancelDownload}},[_vm._v(\"取消\")])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <a-modal\r\n        v-model=\"notesVisable\"\r\n        centered\r\n        :width=\"800\"\r\n        :footer=\"null\"\r\n        class=\"addDialog\"\r\n        @cancel=\"close\"\r\n        :destroyOnClose=\"true\"\r\n        :closable=\"false\"\r\n        :confirm-loading=\"confirmLoading\"\r\n    >\r\n        <div class=\"dialog_header\">\r\n            <h2>笔记</h2>\r\n            <div class=\"close\">\r\n                <svg-icon\r\n                    icon-class=\"icon_close\"\r\n                    @click.native=\"close\"\r\n                ></svg-icon>\r\n            </div>\r\n        </div>\r\n        <div class=\"dialog_content\">\r\n            <a-form-model ref=\"ruleForm\" :model=\"form\" :rules=\"rules\">\r\n                <a-form-model-item>\r\n                    <div class=\"form-item\">\r\n                        <div class=\"label\">记录的卡片名称：</div>\r\n                        <div class=\"input\">{{ form.Title }}</div>\r\n                    </div>\r\n                </a-form-model-item>\r\n                <a-form-model-item>\r\n                    <div class=\"form-item\">\r\n                        <div class=\"label\">选中的内容：</div>\r\n                        <div class=\"input\">\r\n                            <div class=\"content\" v-html=\"form.Txt\"></div>\r\n                        </div>\r\n                    </div>\r\n                </a-form-model-item>\r\n                <a-form-model-item prop=\"Note\">\r\n                    <div class=\"form-item\">\r\n                        <div class=\"label\">内容：</div>\r\n                        <div class=\"input\">\r\n                            <a-textarea\r\n                                v-model=\"form.Note\"\r\n                                :auto-size=\"{ minRows: 4, maxRows: 6 }\"\r\n                                :maxLength=\"2000\"\r\n                            />\r\n                            <div class=\"limit\">{{ form.Note.length }}/2000</div>\r\n                        </div>\r\n                    </div>\r\n                </a-form-model-item>\r\n                <a-form-model-item>\r\n                    <div class=\"form-item\">\r\n                        <div class=\"label\">颜色：</div>\r\n                        <div class=\"input\">\r\n                            <div class=\"color-picker\">\r\n                                <div\r\n                                    class=\"color\"\r\n                                    v-for=\"item in colorList\"\r\n                                    :style=\"'background-color:' + item + ';'\"\r\n                                    @click=\"form.Color = item\"\r\n                                    :title=\"item\"\r\n                                ></div>\r\n                                <el-color-picker\r\n                                    v-model=\"form.Color\"\r\n                                ></el-color-picker>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </a-form-model-item>\r\n            </a-form-model>\r\n        </div>\r\n        <div class=\"dialog_footer\">\r\n            <a-button\r\n                class=\"confirm\"\r\n                :loading=\"confirmLoading\"\r\n                @click=\"confirmDownload\"\r\n            >\r\n                确认\r\n            </a-button>\r\n            <a-button class=\"cancel\" @click=\"cancelDownload\">取消</a-button>\r\n        </div>\r\n    </a-modal>\r\n</template>\r\n<script>\r\nimport { Base64 } from 'js-base64'\r\nimport { AddNote } from '@/api/card'\r\nimport elColorPicker from 'el-color-picker'\r\nexport default {\r\n    props: {\r\n        dialogVisable: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        info: {\r\n            type: Object,\r\n            default: {\r\n                label: '',\r\n            },\r\n        },\r\n        selection: String,\r\n        modelId: [String, Number],\r\n        start: [String, Number],\r\n        end: [String, Number],\r\n        data: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n    },\r\n    components: {\r\n        elColorPicker,\r\n    },\r\n    data() {\r\n        return {\r\n            confirmLoading: false,\r\n            notesVisable: false,\r\n            form: {\r\n                Color: '#ff0000',\r\n                CardId: 0,\r\n                modelId: 0,\r\n                StartIndex: 0,\r\n                EndIndex: 0,\r\n                Title: '',\r\n                Txt: '',\r\n                Note: '',\r\n            },\r\n            rules: {\r\n                Note: [\r\n                    {\r\n                        required: true,\r\n                        message: '请输入笔记内容',\r\n                        trigger: 'blur',\r\n                    },\r\n                ],\r\n            },\r\n            colorList: ['#2DC26B', '#F1C40F', '#E03E2D', '#B96AD9', '#3598DB'],\r\n        }\r\n    },\r\n    watch: {\r\n        dialogVisable(v) {\r\n            this.notesVisable = v\r\n        },\r\n        data(v) {\r\n            this.form = JSON.parse(JSON.stringify(v))\r\n        },\r\n        selection(v) {\r\n            this.form.Txt = v\r\n            this.form.Color = '#ff0000'\r\n            this.form.CardId = this.info.card?.Id || this.info.Id\r\n            this.form.modelId =\r\n                this.$route.name == 'card-info'\r\n                    ? this.$route.query.modelId || 0\r\n                    : this.$route.params.id\r\n            this.form.StartIndex = this.start\r\n            this.form.EndIndex = this.end\r\n            this.form.Title = this.info.label || this.info.Name\r\n            this.form.Note = ''\r\n        },\r\n    },\r\n    methods: {\r\n        close() {\r\n            this.$emit('close')\r\n        },\r\n        confirmDownload() {\r\n            this.$refs.ruleForm.validate(valid => {\r\n                if (valid) {\r\n                    this.confirmLoading = true\r\n                    const form = {\r\n                        Title: this.info.label || this.info.Name,\r\n                        modelId:\r\n                            this.$route.name == 'card-info'\r\n                                ? this.$route.query.modelId || 0\r\n                                : this.$route.params.id,\r\n                        CardId: this.info.card?.Id || this.info.Id,\r\n                        Txt: this.selection,\r\n                        Note: this.form.value,\r\n                        StartIndex: this.start,\r\n                        EndIndex: this.end,\r\n                        Color: this.form.Color,\r\n                    }\r\n                    AddNote(Base64.encode(JSON.stringify(this.form)))\r\n                        .then(res => {\r\n                            console.log(res)\r\n                            this.$message.success('添加成功')\r\n                            this.form.value = ''\r\n                            this.confirmLoading = false\r\n                            this.$emit('success')\r\n                        })\r\n                        .catch(err => {\r\n                            console.log(err)\r\n                            this.confirmLoading = false\r\n                        })\r\n                } else {\r\n                    return false\r\n                }\r\n            })\r\n        },\r\n        cancelDownload() {\r\n            this.$emit('close')\r\n        },\r\n    },\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n:deep(.ant-modal-body) {\r\n    padding-left: 50px;\r\n    padding-right: 50px;\r\n}\r\n.form-item {\r\n    display: flex;\r\n    font-size: 18px;\r\n    color: rgb(85, 85, 85);\r\n    line-height: 1.667;\r\n    margin-bottom: 10px;\r\n    .label {\r\n        width: 170px;\r\n        flex-shrink: 0;\r\n    }\r\n    .input {\r\n        flex: 1;\r\n        position: relative;\r\n    }\r\n    .limit {\r\n        position: absolute;\r\n        right: 10px;\r\n        bottom: 10px;\r\n        color: #999;\r\n    }\r\n    .content {\r\n        max-height: 200px;\r\n        overflow-y: auto;\r\n    }\r\n}\r\n:deep(canvas) {\r\n    position: relative;\r\n}\r\n:deep(.c__panel) {\r\n    left: 0;\r\n    top: auto;\r\n    bottom: 0.4rem;\r\n}\r\n:deep(.c__color-picker) {\r\n    cursor: pointer;\r\n}\r\n.ant-input {\r\n    width: 100%;\r\n    margin-top: 5px;\r\n    font-size: 18px;\r\n    color: rgb(85, 85, 85);\r\n    border: 1px solid rgb(229, 229, 229);\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    padding-bottom: 30px;\r\n}\r\n:deep(.ant-form-explain) {\r\n    padding-left: 170px;\r\n}\r\n.color-picker {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    .color {\r\n        width: 40px;\r\n        height: 40px;\r\n        cursor: pointer;\r\n    }\r\n    .c__color-picker {\r\n        margin-left: 20px;\r\n        .c__block {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n    }\r\n    :deep(.c__block) {\r\n        width: 32px;\r\n        height: 32px;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NotesDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NotesDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotesDialog.vue?vue&type=template&id=d77287dc&scoped=true&\"\nimport script from \"./NotesDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./NotesDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NotesDialog.vue?vue&type=style&index=0&id=d77287dc&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d77287dc\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('a-modal',{attrs:{\"dialog-style\":{ top: _vm.positon.y + 'px', left: _vm.positon.x + 'px' },\"visible\":_vm.dialogVisable,\"footer\":null,\"mask\":false},on:{\"cancel\":_vm.close}},[_c('a-spin',{attrs:{\"spinning\":_vm.loading}},[_c('div',{staticClass:\"pop_inner\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.info.Title)+\" \")]),(_vm.info.Source)?_c('div',{staticClass:\"source\"},[_vm._v(\"来源：\"+_vm._s(_vm.info.Source))]):_vm._e(),_c('div',{staticClass:\"tags\"},[_vm._l((_vm.tags),function(item,index){return [(item)?_c('a-tag',{key:index,attrs:{\"color\":\"#f57d32\"}},[_vm._v(_vm._s(item))]):_vm._e()]})],2),_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(_vm.info.Content))])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <a-modal :dialog-style=\"{ top: positon.y + 'px', left: positon.x + 'px' }\" :visible=\"dialogVisable\" :footer=\"null\"\r\n        :mask=\"false\" @cancel=\"close\">\r\n        <a-spin :spinning=\"loading\">\r\n            <div class=\"pop_inner\">\r\n                <div class=\"title\">{{ info.Title }} </div>\r\n                <div class=\"source\" v-if=\"info.Source\">来源：{{ info.Source }}</div>\r\n                <div class=\"tags\">\r\n                    <template v-for=\"(item, index) in tags\">\r\n                        <a-tag :key=\"index\" color=\"#f57d32\" v-if=\"item\">{{ item }}</a-tag>\r\n                    </template>\r\n                </div>\r\n                <div class=\"content\">{{ info.Content }}</div>\r\n            </div>\r\n        </a-spin>\r\n\r\n    </a-modal>\r\n</template>\r\n<script>\r\nimport { GetData } from '@/api/remark'\r\nexport default {\r\n    // props:['visable','data', 'positon'],\r\n    props: {\r\n        visable: Boolean,\r\n        data: Object,\r\n        positon: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    x: 0,\r\n                    y: 0\r\n                }\r\n            }\r\n        },\r\n        id: [String, Number]\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisable: false,\r\n            loading: false,\r\n            info: {\r\n                Title: '',\r\n                Tags: '',\r\n                Source: '',\r\n                Content: ''\r\n            },\r\n        }\r\n    },\r\n    computed: {\r\n        tags() {\r\n            this.info.Tags = this.info.Tags || ''\r\n            return this.info.Tags.split(',')\r\n        }\r\n    },\r\n    watch: {\r\n        visable(val) {\r\n            this.dialogVisable = val\r\n        },\r\n        positon(val) {\r\n            console.log(val);\r\n        },\r\n        id(val) {\r\n            this.info = {\r\n                Title: '',\r\n                Tags: '',\r\n                Source: '',\r\n                Content: ''\r\n            },\r\n                this.getData(val)\r\n        }\r\n    },\r\n    methods: {\r\n        close() {\r\n            this.$emit('close')\r\n        },\r\n        async getData(id) {\r\n            this.loading = true\r\n            await GetData({ id: id }).then(res => {\r\n                const { data } = res\r\n                this.info = data\r\n            }).catch(e => e)\r\n            this.loading = false\r\n        }\r\n    },\r\n}\r\n</script>\r\n<style scoped lang=\"less\">\r\n.pop_inner {\r\n    width: 400PX;\r\n\r\n    .title {\r\n        font-size: 20px;\r\n        line-height: 1.167;\r\n        color: #001529;\r\n        padding: 0.06rem 0;\r\n        margin-bottom: 0.1rem;\r\n    }\r\n\r\n    .source {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .content {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .tags {\r\n        margin-bottom: 10px;\r\n\r\n        :deep(.a-tag) {\r\n            margin-bottom: 5px;\r\n        }\r\n    }\r\n}\r\n\r\n:deep(.ant-modal-content) {\r\n    border-radius: 4px;\r\n    position: relative;\r\n    overflow: visible;\r\n\r\n    &::after {\r\n        content: '';\r\n        position: absolute;\r\n        display: block;\r\n        width: 8.48528137px;\r\n        height: 8.48528137px;\r\n        background: transparent;\r\n        border-style: solid;\r\n        border-width: 4.24264069px;\r\n        transform: rotate(-135deg);\r\n        border-color: transparent #fff #fff transparent;\r\n        box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);\r\n        top: -3.2px;\r\n        left: 20px;\r\n    }\r\n}\r\n\r\n:deep(.ant-modal) {\r\n    transform-origin: 0 0 !important;\r\n    margin: 0;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./RemarkPop.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./RemarkPop.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RemarkPop.vue?vue&type=template&id=da0c2fde&scoped=true&\"\nimport script from \"./RemarkPop.vue?vue&type=script&lang=js&\"\nexport * from \"./RemarkPop.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RemarkPop.vue?vue&type=style&index=0&id=da0c2fde&prod&scoped=true&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"da0c2fde\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./InlineEditor.vue?vue&type=style&index=1&id=1a40a50d&prod&lang=less&\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Breadcrumb.vue?vue&type=style&index=0&id=2c4b9b14&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"breadcrumb\",class:_vm.type},[_c('a-breadcrumb',{attrs:{\"separator\":\"•\"}},[_c('a-breadcrumb-item',[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('svg-icon',{staticClass:\"icon_home\",attrs:{\"icon-class\":\"icon_home\"}}),_c('span',[_vm._v(\"首页\")])],1)],1),_vm._l((_vm.list),function(item,index){return _c('a-breadcrumb-item',{key:item.path},[(index == _vm.list.length - 1)?_c('span',{staticClass:\"dot\"},[_vm._v(\" \"+_vm._s(item.meta.title)+\" \")]):_c('router-link',{attrs:{\"to\":{ name: item.name }}},[_c('span',[_vm._v(_vm._s(item.meta.title))])])],1)})],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"breadcrumb\" :class=\"type\">\r\n        <a-breadcrumb separator=\"•\">\r\n            <a-breadcrumb-item>\r\n                <router-link to=\"/\">\r\n                    <svg-icon\r\n                        icon-class=\"icon_home\"\r\n                        class=\"icon_home\"\r\n                    ></svg-icon>\r\n                    <span>首页</span>\r\n                </router-link>\r\n            </a-breadcrumb-item>\r\n            <a-breadcrumb-item v-for=\"(item, index) in list\" :key=\"item.path\">\r\n                <span class=\"dot\" v-if=\"index == list.length - 1\">\r\n                    {{ item.meta.title }}\r\n                </span>\r\n                <router-link :to=\"{ name: item.name }\" v-else>\r\n                    <span>{{ item.meta.title }}</span>\r\n                </router-link>\r\n            </a-breadcrumb-item>\r\n        </a-breadcrumb>\r\n    </div>\r\n</template>\r\n<script>\r\nimport routes from '@/router'\r\nexport default {\r\n    props: {\r\n        type: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        title: String,\r\n    },\r\n    data() {\r\n        return {\r\n            list: [],\r\n        }\r\n    },\r\n    watch: {\r\n        $route(v) {\r\n            this.getBreadcrumb()\r\n        },\r\n        title() {\r\n            this.getBreadcrumb()\r\n        },\r\n    },\r\n    methods: {\r\n        getBreadcrumb() {\r\n            let matched = this.$route.matched.filter(\r\n                item => item.meta && item.meta.title\r\n            )\r\n            if (this.title) {\r\n                matched.push({\r\n                    path: this.title,\r\n                    meta: {\r\n                        title: this.title,\r\n                    },\r\n                    title: true,\r\n                })\r\n            }\r\n            this.list = matched\r\n        },\r\n    },\r\n    created() {\r\n        this.getBreadcrumb()\r\n    },\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.breadcrumb {\r\n    height: 70px;\r\n    display: flex;\r\n    align-items: center;\r\n    * {\r\n        font-size: 1em;\r\n        flex-shrink: 0;\r\n    }\r\n}\r\n:deep(.ant-breadcrumb) {\r\n    display: flex;\r\n    align-items: center;\r\n    .ant-breadcrumb-link,\r\n    & > span {\r\n        display: flex;\r\n        align-items: center;\r\n        &:last-of-type {\r\n            flex: 1;\r\n            // flex-grow: 0;\r\n        }\r\n    }\r\n    .dot {\r\n        width: 100%;\r\n        max-width: 400px;\r\n    }\r\n}\r\n.white {\r\n    opacity: 0.5;\r\n    color: #fff;\r\n    font-size: 1em;\r\n    svg {\r\n        color: #fff;\r\n    }\r\n    a {\r\n        color: #fff;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    :deep(.ant-breadcrumb-link),\r\n    :deep(.ant-breadcrumb-separator) {\r\n        color: #fff;\r\n    }\r\n}\r\n.grey {\r\n    color: #999;\r\n    border-bottom: 1px solid #e5e5e5;\r\n    svg {\r\n        color: #bbb;\r\n    }\r\n    a {\r\n        color: #999;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    :deep(.ant-breadcrumb-link),\r\n    :deep(.ant-breadcrumb-separator) {\r\n        color: #999;\r\n    }\r\n}\r\n:deep(.ant-breadcrumb-link) a:hover {\r\n    color: #00ffc0 !important;\r\n}\r\n.icon_home {\r\n    font-size: 1.25em;\r\n    margin-right: 10px;\r\n}\r\n:deep(.ant-breadcrumb-separator) {\r\n    // font-family: '宋体';\r\n    font-size: 12px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Breadcrumb.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Breadcrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Breadcrumb.vue?vue&type=template&id=2c4b9b14&scoped=true&\"\nimport script from \"./Breadcrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./Breadcrumb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Breadcrumb.vue?vue&type=style&index=0&id=2c4b9b14&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2c4b9b14\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}