| | |
| | | <div class="menuContent" v-if="menuState.open"> |
| | | <div class="searchBox"> |
| | | <div class="inputBox" v-if="activeMenu !== 2"> |
| | | <el-input class="custom-input" placeholder="请输入内容" v-model="searchText"> |
| | | <el-input class="custom-input" placeholder="请输入内容" v-model="searchText" @keyup.enter="searchBook"> |
| | | <template #prefix> |
| | | <el-icon @click="searchBook"><Search /></el-icon> |
| | | <el-icon><Search /></el-icon> |
| | | </template> |
| | | </el-input> |
| | | </div> |
| | |
| | | <!-- 目录 --> |
| | | <div class="menuList" v-if="activeMenu == 0"> |
| | | <el-tree |
| | | ref="catalogTree" |
| | | style="max-width: 600px" |
| | | default-expand-all="true" |
| | | :data="catalogueData" |
| | | :props="defaultProps" |
| | | v-if="catalogueData.length > 0" |
| | | @node-click="handleNodeClick" |
| | | :filter-node-method="filterNode" |
| | | /> |
| | | <div v-if="catalogueData.length == 0"> |
| | | <el-empty :image-size="60" description="暂无数据" /> |
| | |
| | | <template #footer> |
| | | <span class="dialog-footer"> |
| | | <el-button @click="screenshotClose">取 消</el-button> |
| | | <el-button type="primary" @click="addScreenshot" :loading="screenshotLoading">确 定</el-button> |
| | | <el-button type="primary" @click="addScreenshot" :loading="screenshotLoading" |
| | | >确 定</el-button |
| | | > |
| | | </span> |
| | | </template> |
| | | </el-dialog> |
| | |
| | | axios |
| | | .get(resourceUrl + '/1/information.json?t=123') |
| | | .then(function (response) { |
| | | console.log(response.data); |
| | | console.log(response.data) |
| | | var json = response.data |
| | | // 处理获取到的json数据 |
| | | catalogueData.value = json.data |
| | |
| | | children: 'children', |
| | | label: 'label' |
| | | } |
| | | const filterNode = (value, data) => { |
| | | if (!value) return true |
| | | return data.label.indexOf(value) !== -1 |
| | | } |
| | | |
| | | const handleNodeClick = (data) => { |
| | | document.getElementById(data.id).scrollIntoView() |
| | | console.log(data) |
| | | if (window.qiankunState && window.qiankunState.gotoPage) |
| | | window.qiankunState.gotoPage(data.chapter, data.start) |
| | | } |
| | | |
| | | //获取资源 |
| | |
| | | } |
| | | // getNotesList() |
| | | } |
| | | const catalogTree = ref() |
| | | const searchBook = async () => { |
| | | if (activeMenu.value == 0) { |
| | | if (catalogTree) catalogTree.value.filter(searchText.value) |
| | | } |
| | | if (activeMenu.value == 1) { |
| | | // getNotesList() |
| | | getSignData() |
| | |
| | | const labelShow = (str) => {} |
| | | |
| | | //标签 |
| | | const reMark =() => { |
| | | |
| | | |
| | | } |
| | | const reMark = () => {} |
| | | //截图 |
| | | //截图事件 |
| | | function jitT() { |
| | |
| | | } |
| | | ] |
| | | } |
| | | }).then((res) => { |
| | | }) |
| | | .then((res) => { |
| | | screenshotLoading.value = false |
| | | getScreenshotList() |
| | | nameData.value = '' |
| | | urlData.value = '' |
| | | floatingToolData.activeToolData = '' |
| | | screenshotVisble.value = false |
| | | }).catch(function (error) { |
| | | }) |
| | | .catch(function (error) { |
| | | screenshotLoading.value = false |
| | | }) |
| | | } else { |
| | |
| | | return |
| | | } |
| | | dom = 'notes-' + bookId.value |
| | | data = dialogToolData.notesList.length != 0 ? dialogToolData.notesList[dialogToolData.chapter] : [] |
| | | data = |
| | | dialogToolData.notesList.length != 0 ? dialogToolData.notesList[dialogToolData.chapter] : [] |
| | | data.push({ |
| | | id: toolClass.uuid(8), |
| | | txt: dialogToolData.txt, |
| | |
| | | }) |
| | | } |
| | | } |
| | | |
| | | |
| | | //内容区域顶部显示 |
| | | |