{"version":3,"sources":["webpack:///./src/views/common/ManageHelpDocs.vue?9fb2","webpack:///src/views/common/ManageHelpDocs.vue","webpack:///./src/views/common/ManageHelpDocs.vue?87bf","webpack:///./src/views/common/ManageHelpDocs.vue","webpack:///./src/views/common/ManageHelpDocs.vue?74c4"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","attrs","on","$event","$router","replace","addTopMenu","addChildMenu","renameMenu","editDocDetail","deleteMenu","saveAction","submitDoc","_v","nativeOn","type","indexOf","_k","keyCode","key","filterMenu","model","callback","$$v","searchTitle","ref","docTree","children","label","defaultExpandedKeys","filterNodeMethod","handleDocTreeNodeClick","titleForm","titleFormRules","$set","_e","imgAdd","mdContent","staticRenderFns","component"],"mappings":"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","file":"js/chunk-c3f66a16.c1b4db19.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-container',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"manage_help_doc_wrapper\",attrs:{\"direction\":\"vertical\"}},[_c('el-header',[_c('el-row',[_c('el-col',{attrs:{\"span\":8}},[_c('pis-logo')],1),_c('el-col',{attrs:{\"span\":16}},[_c('pis-nav-right')],1)],1)],1),_c('el-main',[_c('div',{staticClass:\"action_btn_wrapper\"},[_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"返回上一页\",\"placement\":\"right\"}},[_c('el-button',{staticClass:\"action_btn\",attrs:{\"icon\":\"el-icon-back\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.$router.replace({name: 'home'})}}})],1),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"增加顶级目录\",\"placement\":\"right\"}},[_c('el-button',{staticClass:\"action_btn\",attrs:{\"type\":\"info\",\"icon\":\"el-icon-folder-add\",\"circle\":\"\"},on:{\"click\":function($event){return _vm.addTopMenu()}}})],1),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"在下方添加子目录\",\"placement\":\"right\"}},[_c('el-button',{staticClass:\"action_btn\",attrs:{\"type\":\"info\",\"icon\":\"el-icon-plus\",\"circle\":\"\"},on:{\"click\":function($event){return _vm.addChildMenu()}}})],1),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"重命名目录\",\"placement\":\"right\"}},[_c('el-button',{staticClass:\"icon iconfont icon-zhongmingming action_btn\",attrs:{\"type\":\"info\",\"circle\":\"\"},on:{\"click\":function($event){return _vm.renameMenu()}}})],1),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"编辑文档内容\",\"placement\":\"right\"}},[_c('el-button',{staticClass:\"action_btn\",attrs:{\"type\":\"info\",\"icon\":\"el-icon-edit\",\"circle\":\"\"},on:{\"click\":function($event){return _vm.editDocDetail()}}})],1),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"删除目录及其子目录\",\"placement\":\"right\"}},[_c('el-button',{staticClass:\"action_btn\",attrs:{\"type\":\"danger\",\"icon\":\"el-icon-delete\",\"circle\":\"\"},on:{\"click\":function($event){return _vm.deleteMenu()}}})],1),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"保存当前操作草稿\",\"placement\":\"right\"}},[_c('el-button',{staticClass:\"icon iconfont icon-baocun action_btn\",attrs:{\"type\":\"primary\",\"circle\":\"\"},on:{\"click\":function($event){return _vm.saveAction()}}})],1),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"提交工作台操作\",\"placement\":\"right\"}},[_c('el-button',{staticClass:\"icon iconfont icon-tijiao action_btn\",attrs:{\"type\":\"primary\",\"circle\":\"\"},on:{\"click\":function($event){return _vm.submitDoc()}}})],1)],1),_c('div',{staticClass:\"doc_menu_wrapper\"},[_c('h4',[_vm._v(\"帮助文档\")]),_c('el-input',{attrs:{\"id\":\"searchInput\",\"placeholder\":\"文档标题\",\"prefix-icon\":\"el-icon-search\",\"size\":\"small\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.filterMenu()}},model:{value:(_vm.searchTitle),callback:function ($$v) {_vm.searchTitle=$$v},expression:\"searchTitle\"}}),_c('el-tree',{ref:\"docTree\",staticClass:\"doc_tree\",attrs:{\"data\":_vm.docTree,\"props\":{children: 'children',label: 'title'},\"node-key\":\"menuId\",\"highlight-current\":\"\",\"current-node-key\":\"\",\"draggable\":true,\"default-expanded-keys\":_vm.defaultExpandedKeys,\"auto-expand-parent\":true,\"filter-node-method\":_vm.filterNodeMethod},on:{\"node-click\":_vm.handleDocTreeNodeClick}})],1),_c('div',{staticClass:\"doc_editor_wrapper\"},[(_vm.titleFormShow)?_c('el-form',{ref:\"titleForm\",staticClass:\"title_form\",attrs:{\"model\":_vm.titleForm,\"rules\":_vm.titleFormRules,\"label-width\":\"100px\",\"label-position\":\"top\"}},[_c('h4',[_vm._v(\"更新标题\")]),_c('el-form-item',{attrs:{\"label\":\"更新前标题\"}},[_c('el-input',{attrs:{\"disabled\":\"\"},model:{value:(_vm.titleForm.oldTitle),callback:function ($$v) {_vm.$set(_vm.titleForm, \"oldTitle\", $$v)},expression:\"titleForm.oldTitle\"}})],1),_c('el-form-item',{attrs:{\"label\":\"更新后标题\",\"prop\":\"newTitle\"}},[_c('el-input',{model:{value:(_vm.titleForm.newTitle),callback:function ($$v) {_vm.$set(_vm.titleForm, \"newTitle\", $$v)},expression:\"titleForm.newTitle\"}})],1)],1):_vm._e(),(_vm.markdownShow)?_c('mavon-editor',{ref:\"markdown\",attrs:{\"ishljs\":true},on:{\"imgAdd\":_vm.imgAdd},model:{value:(_vm.mdContent),callback:function ($$v) {_vm.mdContent=$$v},expression:\"mdContent\"}}):_vm._e()],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <el-container direction=\"vertical\" class=\"manage_help_doc_wrapper\" v-loading=\"loading\">\r\n    <el-header >\r\n      <el-row>\r\n        <el-col :span=\"8\"><pis-logo /></el-col>\r\n        <el-col :span=\"16\"><pis-nav-right /></el-col>\r\n      </el-row>\r\n    </el-header>\r\n\r\n    <el-main>\r\n      <div class=\"action_btn_wrapper\">\r\n        <el-tooltip class=\"item\" effect=\"dark\" content=\"返回上一页\" placement=\"right\">\r\n          <el-button class=\"action_btn\" icon=\"el-icon-back\" plain @click=\"$router.replace({name: 'home'})\"></el-button>\r\n        </el-tooltip>\r\n\r\n        <el-tooltip class=\"item\" effect=\"dark\" content=\"增加顶级目录\" placement=\"right\">\r\n          <el-button class=\"action_btn\" type=\"info\" icon=\"el-icon-folder-add\" circle @click=\"addTopMenu()\"></el-button>\r\n        </el-tooltip>\r\n\r\n        <el-tooltip class=\"item\" effect=\"dark\" content=\"在下方添加子目录\" placement=\"right\">\r\n          <el-button class=\"action_btn\" type=\"info\" icon=\"el-icon-plus\" circle @click=\"addChildMenu()\"></el-button>\r\n        </el-tooltip>\r\n\r\n        <el-tooltip class=\"item\" effect=\"dark\" content=\"重命名目录\" placement=\"right\">\r\n          <el-button class=\"icon iconfont icon-zhongmingming action_btn\" type=\"info\" circle @click=\"renameMenu()\"></el-button>\r\n        </el-tooltip>\r\n\r\n        <el-tooltip class=\"item\" effect=\"dark\" content=\"编辑文档内容\" placement=\"right\">\r\n          <el-button class=\"action_btn\" type=\"info\" icon=\"el-icon-edit\" circle @click=\"editDocDetail()\"></el-button>\r\n        </el-tooltip>\r\n\r\n        <el-tooltip class=\"item\" effect=\"dark\" content=\"删除目录及其子目录\" placement=\"right\">\r\n          <el-button class=\"action_btn\" type=\"danger\" icon=\"el-icon-delete\" circle @click=\"deleteMenu()\"></el-button>\r\n        </el-tooltip>\r\n\r\n        <el-tooltip class=\"item\" effect=\"dark\" content=\"保存当前操作草稿\" placement=\"right\">\r\n          <el-button type=\"primary\" class=\"icon iconfont icon-baocun action_btn\" circle @click=\"saveAction()\"></el-button>\r\n        </el-tooltip>\r\n\r\n        <el-tooltip class=\"item\" effect=\"dark\" content=\"提交工作台操作\" placement=\"right\">\r\n          <el-button type=\"primary\" class=\"icon iconfont icon-tijiao action_btn\" circle @click=\"submitDoc()\"></el-button>\r\n        </el-tooltip>\r\n      </div>\r\n\r\n      <div class=\"doc_menu_wrapper\">\r\n        <h4>帮助文档</h4>\r\n\r\n        <el-input id=\"searchInput\" placeholder=\"文档标题\" prefix-icon=\"el-icon-search\" @keyup.enter.native=\"filterMenu()\"\r\n                  v-model=\"searchTitle\" size=\"small\"></el-input>\r\n\r\n        <el-tree class=\"doc_tree\" ref=\"docTree\" :data=\"docTree\" :props=\"{children: 'children',label: 'title'}\"\r\n                 node-key=\"menuId\" highlight-current current-node-key :draggable=\"true\"\r\n                 :default-expanded-keys=\"defaultExpandedKeys\" :auto-expand-parent=\"true\"\r\n                 :filter-node-method=\"filterNodeMethod\"\r\n                 @node-click=\"handleDocTreeNodeClick\" >\r\n        </el-tree>\r\n      </div>\r\n\r\n      <div class=\"doc_editor_wrapper\">\r\n        <el-form v-if=\"titleFormShow\" ref=\"titleForm\" :model=\"titleForm\"  :rules=\"titleFormRules\"\r\n                 label-width=\"100px\" label-position=\"top\" class=\"title_form\">\r\n          <h4>更新标题</h4>\r\n          <el-form-item label=\"更新前标题\">\r\n            <el-input v-model=\"titleForm.oldTitle\" disabled></el-input>\r\n          </el-form-item>\r\n\r\n          <el-form-item label=\"更新后标题\" prop=\"newTitle\">\r\n            <el-input v-model=\"titleForm.newTitle\"></el-input>\r\n          </el-form-item>\r\n        </el-form>\r\n\r\n        <mavon-editor v-if=\"markdownShow\" v-model='mdContent' :ishljs=\"true\" ref=\"markdown\"  @imgAdd=\"imgAdd\"></mavon-editor>\r\n      </div>\r\n    </el-main>\r\n  </el-container>\r\n</template>\r\n\r\n<script>\r\n    const NavRight = () => import(\"@/views/common/NavRight.vue\");\r\n    const Logo = () => import(\"@/views/common/Logo.vue\");\r\n\r\n\r\n\r\n    export default {\r\n        name: \"ManageHelpDocs\",\r\n        components: {\r\n          \"pis-nav-right\": NavRight,\r\n          \"pis-logo\": Logo\r\n        },\r\n        data() {\r\n            return {\r\n              loading: false,\r\n\r\n              docTree: [],\r\n              searchTitle: null,\r\n              currentNode: {},\r\n              defaultExpandedKeys: [], // 默认展开\r\n\r\n              titleFormShow: false,\r\n              titleForm: {\r\n                oldTitle: null,\r\n                newTitle: null\r\n              },\r\n              titleFormRules: {\r\n                newTitle: [\r\n                  { required: true, message: '标题不能为空', trigger: 'blur' },\r\n                ],\r\n              },\r\n\r\n              markdownShow: false,\r\n              mdContent: ''\r\n            }\r\n        },\r\n        created(){\r\n          this.getLastestHelpDoc();\r\n        },\r\n        methods: {\r\n          // 获取最新的文档数据\r\n          getLastestHelpDoc(){\r\n            this.loading = true;\r\n            this.$axios.get(`help_doc/lastest`).then(data => {\r\n              if(data.data && \"1001\" === data.data.resultCode){\r\n                let helpDocRecordString = \"[]\";\r\n                if( data.data.data && data.data.data.helpDocRecordString){\r\n                  helpDocRecordString = data.data.data.helpDocRecordString;\r\n                }\r\n                this.docTree = JSON.parse(helpDocRecordString);\r\n              }else{\r\n                this.$message({type: \"error\", message: \"获取文档失败\", showClose: true, duration: 2000});\r\n              }\r\n              this.loading = false;\r\n            }).catch(err => {\r\n              this.$message({type: \"error\", message: \"获取文档失败\", showClose: true, duration: 2000});\r\n              this.loading = false;\r\n            })\r\n          },\r\n\r\n          // 点击文档目录节点\r\n          handleDocTreeNodeClick(data){\r\n            if((this.titleFormShow || this.markdownShow) && JSON.stringify(data) !== JSON.stringify(this.currentNode)){\r\n              this.$nextTick(() => {\r\n                this.$refs.docTree.setCurrentNode(this.currentNode);\r\n              })\r\n              this.$message({type: \"warning\", message: \"有草稿未保存,禁止切换节点\", showClose: true, duration: 2000});\r\n              return;\r\n            }\r\n            this.currentNode = data;\r\n          },\r\n\r\n          // 新建顶级目录\r\n          addTopMenu(){\r\n            let menuId = '' + (this.docTree.length + 1);\r\n            let newMenu = {\r\n              menuId: menuId,\r\n              title: `目录${menuId}`,\r\n              children: []\r\n            };\r\n            this.docTree.push(newMenu);\r\n          },\r\n\r\n          // 添加子目录\r\n          addChildMenu(){\r\n            let currentNode = this.currentNode;\r\n            if(!currentNode || \"{}\" === JSON.stringify(currentNode)){\r\n              this.$message({type: \"warning\", message: \"未选取目录树节点\", showClose: true, duration: 2000});\r\n              return;\r\n            }\r\n            let menuId = currentNode.menuId + \"-\" + (currentNode.children.length + 1);\r\n            currentNode.children.push({\r\n              menuId: menuId,\r\n              title: `目录${menuId}`,\r\n              children: []\r\n            })\r\n            this.defaultExpandedKeys = [];\r\n            this.defaultExpandedKeys.push(currentNode.menuId);\r\n          },\r\n\r\n          // 重命名目录\r\n          renameMenu(){\r\n            if(this.markdownShow){\r\n              this.$message({type: \"warning\", message: \"更新文档详情草稿未保存\", showClose: true, duration: 2000});\r\n              return;\r\n            }\r\n\r\n            let currentNode = this.currentNode;\r\n            if(!currentNode || \"{}\" === JSON.stringify(currentNode)){\r\n              this.$message({type: \"warning\", message: \"未选取目录树节点\", showClose: true, duration: 2000});\r\n              return;\r\n            }\r\n            this.titleFormShow = true;\r\n            this.titleForm = {\r\n              oldTitle: currentNode.title,\r\n              newTitle: currentNode.title,\r\n            }\r\n          },\r\n\r\n          // 编辑文档具体内容\r\n          editDocDetail(){\r\n            if(this.titleFormShow){\r\n              this.$message({type: \"warning\", message: \"更新文档标题草稿未保存\", showClose: true, duration: 2000});\r\n              return;\r\n            }\r\n\r\n            let targetNode = this.currentNode;\r\n            if(!targetNode || \"{}\" === JSON.stringify(targetNode)){\r\n              this.$message({type: \"warning\", message: \"未选取目录树节点\", showClose: true, duration: 2000});\r\n              return;\r\n            }\r\n            if(!targetNode.children || targetNode.children.length == 0){\r\n              this.markdownShow = true;\r\n              // 有草稿存在或者不存在详情ID\r\n              if((targetNode.mdContent && '' !== targetNode.mdContent) || !targetNode.docItemId || targetNode.docItemId === ''){\r\n                this.mdContent = targetNode.mdContent || '';\r\n              }\r\n              // 没有草稿就从服务器拉取\r\n              else{\r\n                this.loading = true;\r\n                this.$axios.get(`help_doc/doc_item_details?docItemId=${targetNode.docItemId}`).then(res => {\r\n                  let details = res.data.data;\r\n                  this.mdContent = details.markdown;\r\n                  targetNode.signature = details.signature;\r\n                  this.loading = false;\r\n                }).catch(err => {\r\n                  this.$message({type: \"error\", message: \" 获取文档内容失败 ！\", showClose: true, duration: 2000});\r\n                  this.markdownShow = false;\r\n                  this.loading = false;\r\n                })\r\n              }\r\n            }else{\r\n              this.markdownShow = false;\r\n              this.$message({type: \"warning\", message: \"当前节点有子节点, 禁止操作！\", showClose: true, duration: 2000});\r\n              return;\r\n            }\r\n          },\r\n\r\n          // 删除目录\r\n          deleteMenu(){\r\n            let currentNode = this.currentNode;\r\n            if(!currentNode || \"{}\" === JSON.stringify(currentNode)){\r\n              this.$message({type: \"warning\", message: \"未选取目录树节点\", showClose: true, duration: 2000});\r\n              return;\r\n            }\r\n\r\n            this.$confirm(`确认删除目录: <b>${currentNode.title}</b> 及其所有信息`, '提示', {confirmButtonText: '确定',\r\n              cancelButtonText: '取消',\r\n              type: 'warning',\r\n              dangerouslyUseHTMLString: true\r\n            }).then(() => {\r\n\r\n              this.$refs.docTree.remove(currentNode);\r\n              this.$message({type: 'success', message: '删除成功', showClose: true, duration: 2000});\r\n            }).catch(() => {\r\n              this.$message({type: 'info', message: '已取消删除', showClose: true, duration: 2000});\r\n            });\r\n          },\r\n\r\n          // 保存操作草稿\r\n          saveAction(){\r\n            let currentNode = this.currentNode;\r\n            // 当前草稿是更新文档标题\r\n            if(this.titleFormShow){\r\n              currentNode.title = this.titleForm.newTitle;\r\n              this.titleForm = {\r\n                oldTitle: null,\r\n                newTitle: null,\r\n              }\r\n\r\n              this.titleFormShow = false;\r\n              return ;\r\n            }\r\n\r\n            /**\r\n             * 以下策略为了节省内存及带宽：\r\n             * 1. 提交接口只传输 markdown 内容，解析成HTML并存储由后端实现\r\n             * 2. 加载时先通过接口拉取目录，点击具体文档时再拉取对应的 markdown 内容\r\n             * 3. 保存文档内容草稿时，比较 markdown 内容的签名值，签名值不一样说明改动过，此时再保存到内存中\r\n             *\r\n             */\r\n            if(this.markdownShow){\r\n              let mdContent = this.mdContent;\r\n              let contentMd5 = this.$MD5(mdContent);\r\n              if(contentMd5 !== currentNode.signature){\r\n                //currentNode.mdHtml = this.$refs.markdown.d_render;\r\n                currentNode.mdContent = mdContent;\r\n              }\r\n              this.markdownShow = false;\r\n\r\n              return;\r\n            }\r\n          },\r\n\r\n          // 提交文档工作台\r\n          submitDoc(){\r\n            // 先保存一下未保存的草稿\r\n            this.saveAction();\r\n            this.loading = true;\r\n            this.$axios.post(`help_doc/submit`,this.docTree).then(res => {\r\n              if(res.data.resultCode === \"1001\"){\r\n                this.$message({type: \"success\", message: \" 提交帮助文档工作台内容成功 ！\", showClose: true, duration: 2000});\r\n              }else{\r\n                this.$message({type: \"error\", message: \" 提交帮助文档工作台内容失败 ！\", showClose: true, duration: 2000});\r\n              }\r\n              this.loading = false;\r\n            }).catch(err => {\r\n              this.$message({type: \"error\", message: \" 提交帮助文档工作台内容失败 ！\", showClose: true, duration: 2000});\r\n              this.loading = false;\r\n            })\r\n          },\r\n\r\n\r\n          filterNodeMethod(value, data, node){\r\n            if(!value || value.match(/^[ ]+$/)){\r\n              return true;\r\n            }\r\n\r\n            if(node.label.indexOf(value) >= 0){\r\n              return true;\r\n            }\r\n            return false;\r\n          },\r\n\r\n          filterMenu(){\r\n            this.$refs.docTree.filter(this.searchTitle);\r\n          },\r\n\r\n          // markdown 编辑器上传图片的回调, 上传的不是图片不会调用\r\n          imgAdd(fileName,file){\r\n            let formData = new FormData();\r\n            formData.append('file',file);\r\n            this.loading = true;\r\n            this.$axios.post(`help_doc/save_img`,formData).then(res => {\r\n              if(res && res.data && \"1001\" === res.data.resultCode){\r\n                let imgUrl = res.data.imgUrl;\r\n                this.$refs.markdown.$img2Url(fileName, imgUrl);\r\n              }else{\r\n                this.$message({type: \"error\", message: \" 添加图片失败 ！\", showClose: true, duration: 2000});\r\n              }\r\n              this.loading = false;\r\n            }).catch(err => {\r\n              this.loading = false;\r\n              this.$message({type: \"error\", message: \" 添加图片失败 ！\", showClose: true, duration: 2000});\r\n            })\r\n          }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n  .manage_help_doc_wrapper {\r\n    min-width: 800px;\r\n    overflow-y: hidden;\r\n  }\r\n\r\n  /deep/ .el-main {\r\n    overflow-y: hidden;\r\n  }\r\n\r\n  /deep/ .el-header {\r\n    border-bottom: 1px solid #DCDCDC;\r\n  }\r\n\r\n  /deep/ .el-tree-node__label {\r\n    font-size: 16px;\r\n    margin: 2px 0 2px 0;\r\n  }\r\n\r\n  /deep/ .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {\r\n    background-color: #FFEFD5;\r\n  }\r\n\r\n  /deep/ .el-tree , .doc_tree_wrapper {\r\n    /*background: #F5F5F5;*/\r\n  }\r\n\r\n  /deep/ .v-note-wrapper {\r\n    height: calc(100vh - 120px);\r\n    margin: 10px;\r\n  }\r\n\r\n  .action_btn_wrapper {\r\n    width: 80px;\r\n    float: left;\r\n    border-right: 1px solid #DCDCDC;\r\n    /*min-height: 800px;*/\r\n    margin: 10px;\r\n    text-align: left;\r\n    height: calc(100vh - 100px);\r\n    max-height: calc(100vh - 100px);\r\n    overflow: auto;\r\n  }\r\n\r\n  .action_btn {\r\n    margin: 20px 0 0 10px;\r\n  }\r\n\r\n  .action_btn:first-child {\r\n    margin-left: 0;\r\n  }\r\n\r\n  .doc_menu_wrapper {\r\n    width: 20%;\r\n    min-width: 300px;\r\n    float: left;\r\n   /* min-height: 800px;*/\r\n    border-right: 1px solid #DCDCDC;\r\n    margin: 10px;\r\n    text-align: left;\r\n    height: calc(100vh - 100px);\r\n    max-height: calc(100vh - 100px);\r\n    overflow: auto;\r\n  }\r\n\r\n  .doc_menu_wrapper /deep/.el-input{\r\n    width: 250px !important;\r\n  }\r\n\r\n  #docTitleForm /deep/ .el-form-item__content {\r\n    margin-left: 0 !important;\r\n  }\r\n\r\n  .title_form {\r\n    margin-left: 20px;\r\n  }\r\n\r\n  .title_form /deep/.el-input{\r\n    width: 500px !important;\r\n  }\r\n\r\n  .doc_editor_wrapper {\r\n    min-width: 300px;\r\n    height: calc(100vh - 100px);\r\n    max-height: calc(100vh - 100px);\r\n    overflow: auto;\r\n    text-align: left;\r\n  }\r\n\r\n  .doc_tree {\r\n    margin-top: 20px;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/index.js??vue-loader-options!./ManageHelpDocs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/index.js??vue-loader-options!./ManageHelpDocs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ManageHelpDocs.vue?vue&type=template&id=09ac0f80&scoped=true&\"\nimport script from \"./ManageHelpDocs.vue?vue&type=script&lang=js&\"\nexport * from \"./ManageHelpDocs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ManageHelpDocs.vue?vue&type=style&index=0&id=09ac0f80&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"09ac0f80\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/_mini-css-extract-plugin@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/index.js??vue-loader-options!./ManageHelpDocs.vue?vue&type=style&index=0&id=09ac0f80&scoped=true&lang=css&\""],"sourceRoot":""}