Skip to content

Z
zys-ui
提交 f7290020 authored 作者: 龙菲's avatar 龙菲
浏览文件
操作

我的笔记新增按标签分类模块

上级 0d79d6bd
显示空白字符变更
内嵌 并排
正在显示 包含 817 行增加 和 139 行删除
src/api/doc/bookMark.js
浏览文件 @ f7290020
......@@ -3,6 +3,7 @@
*/
import request from '@/utils/request'
import qs from 'qs'
const baseUrl = '/v1/api'
export const getBookMarkList = params => {
......@@ -44,7 +45,9 @@ export const pdfRemoveMark = data => {
data
})
}
export const addOrUpdateBookMarkDoc = data => {
// 新增和编辑笔记-doc
export const addOrUpdateNoteDoc = data => {
return request({
url: baseUrl + '/doc/bookmark/addOrUpdate',
method: 'post',
......@@ -52,10 +55,21 @@ export const addOrUpdateBookMarkDoc = data => {
})
}
export const addOrUpdateBookMarkPdf = data => {
// 新增和编辑笔记-pdf
export const addOrUpdateNotePdf = data => {
return request({
url: baseUrl + '/doc/bookmark/pdf/addOrUpdate',
method: 'post',
data
})
}
// 删除笔记
export const deleteNote = data => {
return request({
url: baseUrl + '/doc/bookmark/delete',
method: 'post',
data: qs.stringify(data),
headers: { 'content-type': 'application/x-www-form-urlencoded' }
})
}
src/assets/icons/svg/add-tag.svg 0 → 100644
浏览文件 @ f7290020
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1693794833067" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2373" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M863.286375 564.350417l109.00951-108.71652V211.917933L780.732138 20.802289H539.360094l-13.081141 13.046672L103.40823 455.340907l0.137878 0.137878L0 558.749137l433.401128 434.331802 151.596465-151.200067c27.230834 93.067407 113.197543 161.299604 214.934007 161.299604 123.538366 0 224.051166-100.5128 224.051165-224.051165 0.017235-101.529647-67.921973-187.375713-160.69639-214.778894zM766.479037 55.271699l171.347438 170.951039v215.089119l-115.300177 114.903779c-1.620062-0.172347-3.291829-0.120643-4.929126-0.258521l-3.826104-0.327459-2.998839-0.258521a193.959371 193.959371 0 0 0-10.823395-0.327459c-123.538366 0-224.051166 100.5128-224.051165 224.051165 0 3.429706 0.103408 6.911117 0.310225 10.530405 0.068939 1.240899 0.224051 2.585206 0.310224 3.860574l0.275756 3.446941c0.103408 1.309838 0.068939 2.671379 0.206816 3.981217l-40.122393 40.00175-384.575209-385.368004L553.613195 55.271699h212.865842zM48.756981 558.818076l79.141765-78.934949 384.695851 385.523117-79.141765 78.934949L48.756981 558.818076z m751.191853 409.89299c-95.635378 0-174.742674-71.248271-187.565294-163.402238l-0.051705-0.344694c-0.379164-2.774788-0.568745-5.170412-0.8445-7.721148-0.137878-1.258133-0.310225-2.619675-0.413633-3.826105-0.361929-4.739544-0.723858-9.461853-0.723858-14.28757 0-104.528486 85.053269-189.581755 189.581756-189.581756 4.842952 0 9.599731 0.361929 14.356509 0.723858l2.395624 0.258521c3.102247 0.310225 6.135555 0.58598 9.582496 1.068551l0.430868 0.051704c91.878213 13.081141 162.816259 92.05056 162.816258 187.461887 0.017235 104.562955-85.036035 189.59899-189.564521 189.59899z" p-id="2374"></path><path d="M903.357065 761.894606h-86.173525v-86.173525a17.234705 17.234705 0 1 0-34.469411 0v86.173525h-86.173525a17.234705 17.234705 0 1 0 0 34.46941h86.173525v86.173525a17.234705 17.234705 0 1 0 34.469411 0v-86.173525h86.173525a17.234705 17.234705 0 1 0 0-34.46941zM731.268535 311.551763c37.39931 0 67.818564-30.419254 67.818564-67.818564s-30.419254-67.835799-67.818564-67.835799-67.835799 30.436489-67.835799 67.835799 30.436489 67.818564 67.835799 67.818564z m0-101.167719c18.38943 0 33.349154 14.959724 33.349154 33.366389a33.400858 33.400858 0 0 1-33.349154 33.349155 33.400858 33.400858 0 0 1-33.366389-33.349155c0-18.406665 14.959724-33.366389 33.366389-33.366389z" p-id="2375"></path></svg>
\ No newline at end of file
src/assets/icons/svg/from.svg 0 → 100644
浏览文件 @ f7290020
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1693797030803" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2498" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M0.65995 468.63725l159.772685 0 0 42.630015-159.772685 0 0-42.630015Z" p-id="2499"></path><path d="M863.150181 468.63725l159.772685 0 0 42.630015-159.772685 0 0-42.630015Z" p-id="2500"></path><path d="M0.301349 0 0.301349 383.682563 42.931364 383.682563 42.931364 42.629127 981.070411 42.629127 981.070411 382.148745 1023.698651 382.148745 1023.698651 0Z" p-id="2501"></path><path d="M981.070411 980.484134 42.931364 980.484134 42.931364 604.522143 0.301349 604.522143 0.301349 1023.112374 1023.698651 1023.112374 1023.698651 604.522143 981.070411 604.522143Z" p-id="2502"></path><path d="M479.5981 576.137638l127.857203 0 0 126.252375c0 19.40528-6.873776 27.720561-25.168636 27.720561-15.522804 0-31.046495-0.554766-46.571075-1.665186 3.325047 13.861168 9.314748 27.498654 10.977271 39.141645 18.851402 0 36.592383 0.887626 52.668178 0.33286 36.592383-1.660748 51.560421-20.623991 51.560421-58.321468L650.921462 576.137638l84.333349 0L735.25481 342.127463 623.997989 342.127463l17.627365-42.133832 137.145322 0 0-43.023233L371.826098 256.970397l0 209.246296c0 142.48173-15.522804 199.573835-63.200748 272.755051 12.195982 8.870047 28.166149 19.40528 38.700495 28.828318 52.668178-91.477851 68.190094-156.332246 68.190094-302.138135L415.515939 299.993631l178.209565 0-16.632336 42.133832L479.5981 342.127463 479.5981 576.137638zM523.063371 480.726716l168.390646 0 0 52.224365L523.063371 532.951081 523.063371 480.726716zM523.063371 384.709546l168.390646 0 0 54.650247L523.063371 439.359793 523.063371 384.709546zM273.81177 768.254527c14.415934-65.972804 32.156028-143.587712 46.015421-200.13659-12.750748-3.880701-40.366569-13.864719-50.900027-18.297523-12.198644 60.426917-30.493504 138.598366-47.678832 201.245235L273.81177 768.254527zM765.371961 734.095127l38.03655-29.163841c-26.611028-33.264673-53.221169-64.866822-84.26944-99.792244l-35.817485 25.837018C712.703783 665.905033 738.207054 698.612276 765.371961 734.095127zM470.420046 742.632314c29.937851-34.925421 57.657524-70.407384 84.268552-108.660515l-40.699429-28.278878c-21.619907 34.371543-49.340468 70.404721-80.386963 103.116403C442.474029 716.018623 460.441355 733.211051 470.420046 742.632314zM309.175678 372.420364l40.920447-40.92311c-26.05715-24.946729-52.668178-49.33958-79.833972-73.177665l-39.256149 37.040634C256.508388 319.19742 284.229836 346.918868 309.175678 372.420364zM298.203733 506.468758l40.366569-42.363727c-26.611916-24.391963-53.222056-47.678832-82.05215-71.517804L218.923639 431.62857C247.198966 457.130066 272.145695 480.412496 298.203733 506.468758z" p-id="2503"></path></svg>
\ No newline at end of file
src/assets/icons/svg/from1.svg 0 → 100644
浏览文件 @ f7290020
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1693797033594" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2650" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M512 42.666667C251.733333 42.666667 42.666667 251.733333 42.666667 512s209.066667 469.333333 469.333333 469.333333 469.333333-209.066667 469.333333-469.333333S772.266667 42.666667 512 42.666667z m0 896C277.333333 938.666667 85.333333 746.666667 85.333333 512S277.333333 85.333333 512 85.333333s426.666667 192 426.666667 426.666667-192 426.666667-426.666667 426.666667z" p-id="2651"></path><path d="M716.8 279.466667l-283.733333 142.933333c-4.266667 2.133333-8.533333 6.4-8.533334 8.533333l-142.933333 283.733334c-4.266667 8.533333-2.133333 17.066667 4.266667 25.6 4.266667 4.266667 8.533333 6.4 14.933333 6.4 4.266667 0 6.4 0 8.533333-2.133334l283.733334-142.933333c4.266667-2.133333 8.533333-6.4 8.533333-8.533333l142.933333-283.733334c4.266667-8.533333 2.133333-17.066667-4.266666-25.6-6.4-6.4-17.066667-8.533333-23.466667-4.266666z m-270.933333 196.266666l100.266666 100.266667-200.533333 100.266667 100.266667-200.533334z m132.266666 72.533334L477.866667 448l200.533333-100.266667-100.266667 200.533334z" p-id="2652"></path></svg>
\ No newline at end of file
src/assets/icons/svg/tag.svg 0 → 100644
浏览文件 @ f7290020
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1693794836142" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2522" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M583.9696 104.64l270.9136 0.6144c35.232 0.08 63.776 28.624 63.856 63.856l0.6144 270.912a64 64 0 0 1-18.7456 45.4016L476.784 909.248c-24.9936 24.9936-65.5168 24.9936-90.5104 0L114.7456 637.72c-24.9936-24.9936-24.9936-65.5168 0-90.5104l423.824-423.824A64 64 0 0 1 583.9696 104.64z m-0.1088 48a16 16 0 0 0-11.3504 4.6864L148.688 581.1504c-6.248 6.248-6.248 16.3792 0 22.6272l271.5296 271.5296c6.248 6.248 16.3776 6.248 22.6272 0l423.824-423.824a16 16 0 0 0 4.6864-11.3504l-0.616-270.9136c-0.0192-8.808-7.1552-15.944-15.9632-15.9648L583.8608 152.64zM672 256c53.0192 0 96 42.9808 96 96s-42.9808 96-96 96-96-42.9808-96-96 42.9808-96 96-96z m0 48c-26.5104 0-48 21.4896-48 48 0 26.5104 21.4896 48 48 48 26.5104 0 48-21.4896 48-48 0-26.5104-21.4896-48-48-48z" p-id="2523"></path></svg>
\ No newline at end of file
src/components/file/components/OperationMenu.vue
浏览文件 @ f7290020
......@@ -326,11 +326,6 @@ export default {
},
// 批量下载文件链接
batchDownloadLink() {
// return `${
// process.env.VUE_APP_BASE_API
// }/filetransfer/batchDownloadFile?userFileIds=${this.selectedFiles
// .map((item) => item.userFileId)
// .join(",")}`;
return `${
process.env.VUE_APP_BASE_API
}/v1/api/folder/transfer/batchDownloadFile?userFileIds=${this.selectedFiles
......
src/libs/qiwen/globalFunction/file.js
浏览文件 @ f7290020
......@@ -302,13 +302,8 @@ const fileFunction = {
*/
handleFileNameClickNew(row, currentIndex = 0, fileList = []) {
console.log('row', row);
// 如果当前文件在回收站中，则不允许预览
// if (row.deleteFlag !== undefined && row.deleteFlag !== 0) {
// return false
// }
// 若是文件夹则进入该文件夹
if (row.isDir) {
// debugger
if (router.currentRoute.name === 'Share') {
// 当前是查看他人分享列表的页面
router.push({
......@@ -342,7 +337,8 @@ const fileFunction = {
const WORD = ['doc', 'docx']
const PDF = ['pdf']
// 若当前点击项是word
if (WORD.includes(row.extendName.toLowerCase()) || WORD.includes(row.suffix.toLowerCase())) {
let extentName = row.extendName || row.suffix || row.showType
if (WORD.includes(extentName.toLowerCase())) {
let flag = false
const { fileId, userId, id } = row
......@@ -354,35 +350,35 @@ const fileFunction = {
fileId: fileId,
flag
}
// let resolve = router.resolve({
// path: '/wpsReader',
// query: {
// wpsUrl: `https://wwo.wps.cn/office/w/2c9a8083849eac7001849eae1df50001?_w_userid=1638778159578505218&_w_filrread=1&_w_filetype=db&_w_filepath=http://222.85.214.245:9559/ls/public/stream?randomCode=34df183096eb4996a93c3f779702e45d&_w_tokentype=1&_w_appid=1058dd766ec443c79f95933ec6a41169&_w_redirectkey=123456&_w_signature=E1OEcnnGEgVfK7mcnGDFgXJSLPY%3D`,
// // wpsUrl: `http://localhost/office/w/2c9a8083849eac7001849eae1df50001?_w_userid=1638778159578505218&_w_filrread=1&_w_filetype=db&_w_filepath=http://222.85.214.245:9559/ls/public/stream?randomCode=34df183096eb4996a93c3f779702e45d&_w_tokentype=1&_w_appid=1058dd766ec443c79f95933ec6a41169&_w_redirectkey=123456&_w_signature=E1OEcnnGEgVfK7mcnGDFgXJSLPY%3D`,
// token: `0617753de96249a5a9839daf9b8ff8b5`,
// fileId
// }
// })
// window.open(resolve.href, '_blank')
getViewUrlDbPath(params).then(res => {
if (res.data) {
// console.log('res.data', res.data);
// 跳转 使用sessionStorage，避免关键信息在ip中暴露
// 使用push会停留当前页面，故不采纳
// params 传递参数，子组件无法渲染iframe组件，故不采纳
localStorage.wpsUrl = res.data.wpsUrl
localStorage.token = res.data.token
let resolve = router.resolve({
path: '/wpsReader',
query: {
wpsUrl: res.data.wpsUrl,
token: res.data.token
wpsUrl: `https://wwo.wps.cn/office/w/2c9a8083849eac7001849eae1df50001?_w_userid=1638778159578505218&_w_filrread=1&_w_filetype=db&_w_filepath=http://222.85.214.245:9559/ls/public/stream?randomCode=34df183096eb4996a93c3f779702e45d&_w_tokentype=1&_w_appid=1058dd766ec443c79f95933ec6a41169&_w_redirectkey=123456&_w_signature=E1OEcnnGEgVfK7mcnGDFgXJSLPY%3D`,
// wpsUrl: `http://localhost/office/w/2c9a8083849eac7001849eae1df50001?_w_userid=1638778159578505218&_w_filrread=1&_w_filetype=db&_w_filepath=http://222.85.214.245:9559/ls/public/stream?randomCode=34df183096eb4996a93c3f779702e45d&_w_tokentype=1&_w_appid=1058dd766ec443c79f95933ec6a41169&_w_redirectkey=123456&_w_signature=E1OEcnnGEgVfK7mcnGDFgXJSLPY%3D`,
token: `0617753de96249a5a9839daf9b8ff8b5`,
fileId
}
})
window.open(resolve.href, '_blank')
}
})
return false
// getViewUrlDbPath(params).then(res => {
// if (res.data) {
// // console.log('res.data', res.data);
// // 跳转 使用sessionStorage，避免关键信息在ip中暴露
// // 使用push会停留当前页面，故不采纳
// // params 传递参数，子组件无法渲染iframe组件，故不采纳
// localStorage.wpsUrl = res.data.wpsUrl
// localStorage.token = res.data.token
// let resolve = router.resolve({
// path: '/wpsReader',
// query: {
// wpsUrl: res.data.wpsUrl,
// token: res.data.token
// }
// })
// window.open(resolve.href, '_blank')
// }
// })
// return false
}
// 若当前点击项是pdf
if (PDF.includes(row.extendName.toLowerCase())) {
......
src/utils/index.js
浏览文件 @ f7290020
......@@ -388,3 +388,26 @@ export function isNumberStr(str) {
return /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g.test(str)
}
// 复制文字到剪切板
export function textCopy(t) {
// 如果当前浏览器版本不兼容navigator.clipboard
if (!navigator.clipboard) {
var ele = document.createElement("input");
ele.value = t;
document.body.appendChild(ele);
ele.select();
document.execCommand("copy");
document.body.removeChild(ele);
if (document.execCommand("copy")) {
console.log("复制成功！");
} else {
console.log("复制失败！");
}
} else {
navigator.clipboard.writeText(t).then(function () {
console.log("复制成功！");
}).catch(function () {
console.log("复制失败！");
})
}
}
src/views/mine/myNote/components/noteByFile.vue
浏览文件 @ f7290020
<template>
<div class="wrapper">
<div class="wrapper" v-loading="loading">
<div :span="5" class="left">
<div class="search">
<el-input
......@@ -7,7 +7,17 @@
suffix-icon="el-icon-search"
clearable
size="mini"
v-model="keyword"
@keyup.native.enter="handleSearch"
></el-input>
<el-button
plain
size="mini"
icon="el-icon-refresh-right"
style="margin-left: 4px"
@click.native="handleReset"
>重置</el-button
>
</div>
<div class="total">共计{{ fileList.total }}条数据</div>
......@@ -19,7 +29,7 @@
>
<div
v-if="item"
:class="{ item: true, active: currentFile.fileId == item.fileId }"
:class="{ item: true, active: currentFileId == item.fileId }"
>
<div class="item-left" :title="item.fileName">
<svg-icon
......@@ -28,9 +38,6 @@
></svg-icon>
<span>{{ item.fileName }}</span>
</div>
<!-- <div class="item-right">
<i class="el-icon-more"></i>
</div> -->
</div>
</el-col>
</el-row>
......@@ -46,16 +53,7 @@
</el-pagination>
</div>
<div :span="19" class="right">
<div class="single-article">
<div class="info" v-if="currentFile.fileId">
<div class="info-title">{{ currentFile.fileName }}</div>
<div class="info-detail">
<div class="note-total">
共{{ noteList.records.length }}条笔记
</div>
<el-button type="text">查看原文</el-button>
</div>
</div>
<div class="note-container">
<div class="card-group">
<el-card
class="card-item"
......@@ -63,24 +61,66 @@
v-for="(item, index) in noteList.records"
:key="index"
>
<div class="card-head">
<div class="tag" v-if="item.tagName.length > 0">
<el-tag
style="margin-right: 8px"
type="warning"
v-for="(v, i) in item.tagName.split(',')"
>{{ v }}
</el-tag>
</div>
<div class="oprations">
<el-link type="primary"><i class="el-icon-edit"></i></el-link>
<el-link type="danger"><i class="el-icon-delete"></i></el-link>
<el-link
type="primary"
icon="el-icon-document-copy"
@click="handleNoteOperation('copyOrigin', item)"
>复制原文</el-link
>
<el-link
type="primary"
icon="el-icon-document-copy"
@click="handleNoteOperation('copyNote', item)"
>复制笔记</el-link
>
<el-dropdown>
<el-link type="primary" icon="el-icon-more">更多</el-link>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
@click.native="handleNoteOperation('view', item)"
>查看原文</el-dropdown-item
>
<el-dropdown-item
@click.native="handleNoteOperation('edit', item)"
>编辑笔记</el-dropdown-item
>
<el-dropdown-item
@click.native="handleNoteOperation('delete', item)"
>删除笔记</el-dropdown-item
>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="bookmark">
<span>
<svg-icon icon-class="origin" />
{{ getNoteText(item.type) }}
<svg-icon icon-class="origin" /> {{ getNoteText(item.type) }}
</span>
<span>
<span class="label"> 原文：</span>{{ item.bookmarkContent }}
</span>
<span> 原文：{{ item.bookmarkContent }}</span>
</div>
<div class="bookmark">
<span>
<svg-icon icon-class="icon-note" />
<svg-icon icon-class="icon-note" style="color: #e6a23c" />
{{ getNoteText(item.type) }}
</span>
<span> 笔记：{{ item.noteContent }}</span>
<span>
<span class="label"> 笔记：</span>{{ item.noteContent }}</span
>
</div>
<div class="source">来源：《{{ item.docName }}》</div>
</el-card>
<div class="page">
<el-pagination
......@@ -88,8 +128,8 @@
background
@size-change="handleSizeChangeNote"
@current-change="handleCurrentChangeNote"
:current-page.sync="noteList.currentPage"
:page-size="noteList.pageCount"
:current-page.sync="noteList.current"
:page-size="noteList.size"
layout="prev, pager, next"
:total="fileList.total"
>
......@@ -98,30 +138,44 @@
</div>
</div>
</div>
<AddOrUpdateNoteDialog
:formData="form"
ref="AddOrUpdateNoteDialog"
@update="handleUpdateNoteList"
/>
</div>
</template>
<script>
import { getNoteAllFilesList, getNoteByFile } from "@/api/doc/index";
import noteOperationMixins from "./noteOperationMixins";
export default {
mixins: [noteOperationMixins],
data() {
return {
keyword:'',//文件名关键词，搜索文件时使用
currentFileId:'',//文件id 搜索笔记时使用
//文件列表
fileList: {
records: [],
currentPage: 1,
pageCount: 20,
current: 1,
size: 20,
total: 0,
},
//笔记列表
noteList: {
records: [],
currentPage: 1,
pageCount: 10,
current: 1,
size: 10,
total: 0,
},
currentFile: {},
fileId: "",
// noteList,
editNoteDialogVisible: false, //笔记笔记弹窗可见性
form: {
docId: "", //文档Id
bookmarkContent: "", //原文内容
noteContent: "", //笔记内容
tagsArr: [], //标签
},
loading: false,
};
},
computed: {
......@@ -161,37 +215,63 @@ export default {
methods: {
//加载文件列表
async loadfileList() {
const { currentPage, pageCount } = this.fileList;
this.loading = true;
const { current, size } = this.fileList;
const params = {
currentPage,
pageCount,
currentPage: current,
pageCount: size,
fileName:this.keyword
};
let res = await getNoteAllFilesList(params);
if (res.data) {
this.fileList = res.data;
this.loadNoteList();
}
this.loading = false;
},
//加载笔记列表
async loadNoteList() {
const { currentPage, pageCount } = this.noteList;
const { current, size } = this.noteList;
const params = {
currentPage,
pageCount,
fileId: this.fileId,
currentPage: current,
pageCount: size,
fileId: this.currentFileId,
};
let res = await getNoteByFile(params);
if (res.data) {
this.noteList = res.data;
}
this.loading = false;
},
// 文件名搜索
handleSearch() {
// 重置分页
this.fileList.current = 1;
this.fileList.size = 20;
// 重置笔记的筛选条件
this.currentFileId = "";
this.loadfileList();
},
handleReset() {
// 重置分页
this.fileList.current = 1;
this.fileList.size = 20;
// 重置查询参数
this.currentFileId = ''
this.keyword = ''
this.loadfileList();
},
// 点击文章
// 点击左侧文件
handleClickArticle(item) {
// debugger
this.currentFile = item;
const { fileId } = this.currentFile;
this.fileId = fileId;
if (this.currentFileId == item.fileId) {
this.currentFileId = "";
} else {
this.currentFileId = item.fileId;
}
this.noteList.currentPage = 1;
this.noteList.pageCount = 10;
this.loadNoteList();
......@@ -220,6 +300,10 @@ export default {
this.fileList.currentPage = value;
this.loadNoteList();
},
// 更新右侧获取笔记
handleUpdateNoteList() {
this.loadNoteList();
},
},
};
</script>
......@@ -229,26 +313,24 @@ export default {
.right {
height: 100%;
}
.wrapper {
.wrapper,
.search {
display: flex;
}
.left {
width: 300px;
// background-color: #f2f3f5;
border-right: #e4e4e4 1px solid;
border-right: #e6ebf5 1px solid;
height: 100%;
overflow: auto;
padding: 16px 0px;
padding: 20px 20px 0px;
position: relative;
.search {
padding: 0 20px;
}
.total {
color: #999;
padding: 12px 20px 0;
margin-bottom: 10px;
font-size: 12px;
padding: 12px 0 10px;
font-size: 14px;
display: flex;
justify-content: flex-end;
}
......@@ -259,10 +341,10 @@ export default {
padding-bottom: 16px;
.item {
cursor: pointer;
padding: 12px 32px;
padding: 12px 20px;
color: #333;
display: flex;
border-radius: 6px;
.item-left {
white-space: nowrap;
text-overflow: ellipsis;
......@@ -281,15 +363,14 @@ export default {
}
.right {
flex: 1;
padding: 0 100px 16px 32px;
padding: 20px 100px 16px 32px;
// 单篇文章
.single-article {
.note-container {
//文章基本信息
.info {
padding: 12px 16px 4px;
margin-bottom: 8px;
margin-bottom: 32px;
background-color: #eef0f4;
// border-bottom: 1px solid #333;
border-radius: 2px;
.info-title {
color: #333;
......@@ -301,35 +382,46 @@ export default {
align-items: center;
font-size: 14px;
color: #666;
.note-total{
.note-total {
margin-right: 16px;
}
}
}
.card-group {
height: calc(100vh - 300px);
height: calc(100vh - 190px);
overflow: auto;
.card-item {
font-size: 14px;
margin-bottom: 16px;
.card-head {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
.oprations {
display: flex;
justify-content: flex-end;
margin-bottom: 8px;
.el-link{
.el-link {
margin-right: 16px;
}
}
}
.bookmark {
margin-bottom: 16px;
font-size: 16px;
color: #333;
.label {
font-weight: bold;
}
.svg-icon {
color: $theme-blue;
}
}
.source {
.svg-icon {
color: $danger;
}
color: #999;
}
}
}
......@@ -341,7 +433,6 @@ export default {
background-color: #fff;
position: absolute;
bottom: 0;
// width: 100%;
display: flex;
justify-content: center;
}
......
src/views/mine/myNote/components/noteByTag.vue
浏览文件 @ f7290020
<template>
<div>按标签分类</div>
<div class="wrapper" v-loading="loading">
<div :span="5" class="left">
<div class="search">
<el-input
placeholder="搜索标签"
suffix-icon="el-icon-search"
clearable
size="mini"
v-model="keyword"
@keyup.native.enter="handleSearch"
></el-input>
<el-button
plain
size="mini"
icon="el-icon-refresh-right"
style="margin-left: 4px"
@click.native="handleReset"
>重置</el-button
>
</div>
<div class="header">
<span class="total"> 共计{{ tagList.total }}条数据 </span>
<span>
<el-button type="text">
<svg-icon icon-class="add-tag"></svg-icon>
新增标签</el-button
>
</span>
</div>
<el-row class="list">
<el-col
v-for="(item, index) in tagList.records"
:key="index"
@click.native="handleClickArticle(item)"
>
<div
v-if="item"
:class="{ item: true, active: currentTagId == item.id }"
>
<div class="item-left" :title="item.fileName">
•
<span>{{ item.tagName }}</span>
</div>
</div>
</el-col>
</el-row>
<el-pagination
background
@size-change="handleSizeChangeFile"
@current-change="handleCurrentChangeFile"
:current-page.sync="tagList.currentPage"
:page-size="tagList.pageCount"
layout="prev, pager, next"
:total="tagList.total"
>
</el-pagination>
</div>
<div :span="19" class="right">
<div class="note-container">
<div class="card-group">
<el-card
class="card-item"
shadow="hover"
v-for="(item, index) in noteList.records"
:key="index"
>
<div class="card-head">
<div class="tag" v-if="item.tagName.length > 0">
<el-tag
style="margin-right: 8px"
type="warning"
v-for="(v, i) in item.tagName.split(',')"
>{{ v }}
</el-tag>
</div>
<div class="oprations">
<el-link
type="primary"
icon="el-icon-document-copy"
@click="handleNoteOperation('copyOrigin', item)"
>复制原文</el-link
>
<el-link
type="primary"
icon="el-icon-document-copy"
@click="handleNoteOperation('copyNote', item)"
>复制笔记</el-link
>
<el-dropdown>
<el-link type="primary" icon="el-icon-more">更多</el-link>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
@click.native="handleNoteOperation('view', item)"
>查看原文</el-dropdown-item
>
<el-dropdown-item
@click.native="handleNoteOperation('edit', item)"
>编辑笔记</el-dropdown-item
>
<el-dropdown-item
@click.native="handleNoteOperation('delete', item)"
>删除笔记</el-dropdown-item
>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="bookmark">
<span>
<svg-icon icon-class="origin" /> {{ getNoteText(item.type) }}
</span>
<span>
<span class="label"> 原文：</span>{{ item.bookmarkContent }}
</span>
</div>
<div class="bookmark">
<span>
<svg-icon icon-class="icon-note" style="color: #e6a23c" />
{{ getNoteText(item.type) }}
</span>
<span>
<span class="label"> 笔记：</span>{{ item.noteContent }}</span
>
</div>
<div class="source">来源：《{{ item.docName }}》</div>
</el-card>
<div class="page">
<el-pagination
class="note-page"
background
@size-change="handleSizeChangeNote"
@current-change="handleCurrentChangeNote"
:current-page.sync="noteList.current"
:page-size="noteList.size"
layout="prev, pager, next"
:total="tagList.total"
>
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {};
import { getNoteAllTagList, getNoteByTag } from "@/api/doc/index";
import noteOperationMixins from "./noteOperationMixins";
export default {
mixins: [noteOperationMixins],
data() {
return {
keyword: "", //标签名关键词，搜索文件时使用
currentTagId: "", //文件id 搜索笔记时使用
//文件列表
tagList: {
records: [],
current: 1,
size: 20,
total: 0,
},
//笔记列表
noteList: {
records: [],
current: 1,
size: 20,
total: 0,
},
loading: false,
};
},
computed: {
getFileIcon(row) {
return (row) => {
const { extendName } = row;
if (["doc", "docx", "word"].includes(row.extendName)) {
return "word";
} else if (["pdf"].includes(row.extendName)) {
return "pdf-color";
} else {
return "unknownfile";
}
};
},
getNoteText(type) {
return () => {
switch (type) {
case "underline":
return "下划线";
case "highlight":
return "高亮";
case "note":
return "笔记";
}
};
},
getNoteTypeIcon(type) {
return (type) => {
return type ? type : "icon-note";
};
},
},
mounted() {
this.loadtagList();
},
methods: {
//加载文件列表
async loadtagList() {
this.loading = true;
const { current, size } = this.tagList;
const params = {
currentPage: current,
pageCount: size,
tagName: this.keyword,
};
let res = await getNoteAllTagList(params);
if (res.data) {
this.tagList = res.data;
this.loadNoteList();
}
this.loading = false;
},
//加载笔记列表
async loadNoteList() {
const { current, size } = this.noteList;
const params = {
currentPage: current,
pageCount: size,
id: this.currentTagId,
};
let res = await getNoteByTag(params);
if (res.data) {
this.noteList = res.data;
}
},
// 点击文章
handleClickArticle(item) {
if (this.currentTagId == item.id) {
this.currentTagId = "";
} else {
this.currentTagId = item.id;
}
this.noteList.currentPage = 1;
this.noteList.pageCount = 10;
this.loadNoteList();
},
// 文件名搜索
handleSearch() {
// 重置分页
this.fileList.current = 1;
this.fileList.size = 20;
// 重置当前选中的文件
this.currentTagId = "";
this.loadtagList();
},
handleReset() {
// 重置分页
this.fileList.current = 1;
this.fileList.size = 20;
// 重置查询参数
this.currentTagId = "";
this.keyword = "";
this.loadfileList();
},
// 文件列表size
handleSizeChangeFile(value) {
this.tagList.pageCount = value;
this.loadtagList();
},
// 文件列表current
handleCurrentChangeFile(value) {
this.tagList.currentPage = value;
this.loadtagList();
},
// 文件列表current
handleSizeChangeNote(value) {
this.tagList.pageCount = value;
this.loadNoteList();
},
// 文件列表current
handleCurrentChangeNote(value) {
this.tagList.currentPage = value;
this.loadNoteList();
},
},
};
</script>
<style lang=""></style>
<style lang="scss" scoped>
.wrapper,
.left,
.right {
height: 100%;
}
.wrapper,
.search {
display: flex;
}
.left {
width: 300px;
border-right: #e6ebf5 1px solid;
height: 100%;
overflow: auto;
padding: 20px 20px 0px;
position: relative;
.header {
color: #999;
padding: 12px 0 10px;
// margin-bottom: 10px;
font-size: 14px;
display: flex;
justify-content: space-between;
align-items: center;
}
.list {
font-size: 14px;
height: calc(100vh - 245px);
overflow: auto;
padding-bottom: 16px;
.item {
cursor: pointer;
padding: 12px 20px;
color: #333;
display: flex;
border-radius: 6px;
.item-left {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
&:hover {
background-color: #e5ecfc;
color: $theme-blue;
}
}
.active {
background-color: #e5ecfc;
color: $theme-blue;
}
}
}
.right {
flex: 1;
padding: 20px 100px 16px 32px;
// 单篇文章
.note-container {
//文章基本信息
.info {
padding: 12px 16px 4px;
margin-bottom: 8px;
background-color: #eef0f4;
// border-bottom: 1px solid #333;
border-radius: 4px;
.info-title {
color: #333;
font-size: 18px;
font-weight: bold;
}
.info-detail {
display: flex;
align-items: center;
font-size: 14px;
color: #666;
.note-total {
margin: 8px 0;
}
}
}
.card-group {
height: calc(100vh - 190px);
overflow: auto;
.card-item {
font-size: 14px;
margin-bottom: 16px;
.card-head {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
.oprations {
display: flex;
justify-content: flex-end;
margin-bottom: 8px;
.el-link {
margin-right: 16px;
}
}
}
.bookmark {
margin-bottom: 16px;
font-size: 16px;
color: #333;
.label {
font-weight: bold;
}
.svg-icon {
color: $theme-blue;
}
}
.source {
color: #999;
}
}
}
}
}
.el-pagination {
padding: 10px;
background-color: #fff;
position: absolute;
bottom: 0;
// width: 100%;
display: flex;
justify-content: center;
}
.page {
display: flex;
justify-content: center;
}
::v-deep .el-tabs__header {
margin: 0;
}
</style>
src/views/mine/myNote/components/noteOperationMixins.js 0 → 100644
浏览文件 @ f7290020
import { textCopy } from "@/utils/index";
import { addOrUpdateNoteDoc, deleteNote } from "@/api/doc/bookMark";
import AddOrUpdateNoteDialog from "@/views/read/wpsReader/component/addOrUpdateNoteDialog.vue";
export default {
components:{
AddOrUpdateNoteDialog
},
methods: {
// 笔记操作
handleNoteOperation(type, item) {
switch (type) {
case "copyOrigin":
textCopy(item.bookmarkContent);
this.$message.success("已复制到剪贴板");
break;
case "copyNote":
textCopy(item.noteContent);
this.$message.success("已复制到剪贴板");
break;
case "view":
this.$file.handleFileNameClickNew(item);
break;
case "edit":
this.handleOpenEditNote(item);
break;
case "delete":
this.handleDeleteNote(item);
break;
}
},
// 打开笔记
handleOpenEditNote(item) {
const { id, docId, bookmarkContent, noteContent, tagName } = item;
this.form = {
id,
docId,
bookmarkContent,
noteContent,
tagsArr: tagName.split(","),
};
this.$refs.AddOrUpdateNoteDialog.dialogVisible = true;
},
// 删除笔记
async handleDeleteNote(item) {
this.loading = true;
const params = {
id: item.id,
};
let res = await deleteNote(params);
if (res.code == 200) {
this.$message.success("操作成功");
}
this.loading = false;
},
}
}
src/views/mine/myNote/index.vue
浏览文件 @ f7290020
......@@ -3,11 +3,11 @@
<el-tabs v-model="activeName">
<el-tab-pane name="byFile">
<span slot="label"><i class="el-icon-document"></i> 按文件分类</span>
<NoteByFile />
<NoteByFile ref="NoteByFile" />
</el-tab-pane>
<el-tab-pane name="byTag">
<span slot="label"><i class="el-icon-price-tag"></i> 按标签分类</span>
<NoteByTag />
<NoteByTag ref="NoteByTag" />
</el-tab-pane>
</el-tabs>
</div>
......@@ -25,6 +25,15 @@ export default {
activeName: "byFile",
};
},
watch: {
activeName(value) {
if (value == "byFile") {
this.$refs.NoteByFile.loadfileList();
} else {
this.$refs.NoteByTag.loadtagList();
}
},
},
};
</script>
<style lang="scss" scoped>
......@@ -33,6 +42,7 @@ export default {
}
::v-deep .el-tabs__header {
padding: 0 20px;
margin: 0 !important;
}
::v-deep .el-tab-pane {
height: calc(100vh - 138px);
......
src/views/mine/myShare/components/shareFrom.vue
浏览文件 @ f7290020
......@@ -34,6 +34,14 @@
</el-form>
<div class="mb8">
<el-button
type="primary"
plain
size="mini"
:disabled="multiple"
@click.native="handleMultiDownload"
>批量下载</el-button
>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
......@@ -79,7 +87,7 @@
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
{{scope.row.shareFrom}}
{{ scope.row.shareFrom }}
</template>
</el-table-column>
<el-table-column
......@@ -95,6 +103,16 @@
>
预览
</el-link>
<el-divider direction="vertical"></el-divider>
<el-link
target="_blank"
type="primary"
icon="el-icon-download"
:href="$file.getDownloadFilePath(scope.row)"
:download="scope.row.fileName + '.' + scope.row.extendName"
>
下载
</el-link>
</template>
</el-table-column>
</el-table>
......@@ -105,14 +123,15 @@
:limit.sync="queryParams.pageCount"
@pagination="getList"
/>
<!-- 多选文件下载，页面隐藏 -->
<a :href="batchDownloadLink" ref="batchDownloadRef"></a>
</div>
</template>
<script>
import { getMyShareList, removeShare } from "@/api/user/share";
import { shareStatusConstant } from "../constant";
import store from '@/store'
// const myUserId = store.user.userInfo.id
import { mapGetters } from "vuex";
export default {
name: "myShare",
dicts: ["share_type", "share_status"],
......@@ -121,7 +140,7 @@ export default {
// 遮罩层
loading: true,
// 选中数组
shareIdsArr: [],
selectedFiles: [],
// 非单个禁用
single: true,
// 非多个禁用
......@@ -144,28 +163,41 @@ export default {
pageCount: 10,
fileName: "", //文件名称
shareStatus: "", //分享状态
shareTo:'',//分享人
shareTo: "", //分享给谁
},
// 分享状态常量
shareStatusConstant,
// 批量取消的弹窗可见性
multiCancelVisible: false,
shareIdsArr: [],
selectedFiles: [],
};
},
computed: {
...mapGetters(["userInfo"]),
// 批量下载文件链接
batchDownloadLink() {
return `${
process.env.VUE_APP_BASE_API
}/v1/api/folder/transfer/batchDownloadFile?userFileIds=${this.selectedFiles
.map((item) => item.userFileId)
.join(",")}`;
},
},
created() {
this.getList();
},
methods: {
// 多选框选中数据
handleSelectionChange(selection) {
this.shareIdsArr = selection.map((item) => item.shareId);
this.selectedFiles = selection;
this.single = selection.length != 1;
this.multiple = !selection.length;
},
/** 查询字典类型列表 */
getList() {
this.loading = true;
// 分享给我的
this.queryParams.shareTo = this.userInfo.userId;
getMyShareList(this.queryParams).then((res) => {
this.total = res.data.total;
this.loading = false;
......@@ -196,6 +228,10 @@ export default {
handleOpenFile(file) {
this.$file.handleFileNameClickNew(file);
},
// 批量下载
handleMultiDownload() {
this.$refs["batchDownloadRef"].click();
},
},
};
</script>
......
src/views/mine/myShare/components/shareTo.vue
浏览文件 @ f7290020
......@@ -165,6 +165,8 @@
:limit.sync="queryParams.pageCount"
@pagination="getList"
/>
<!-- 多选文件下载，页面隐藏 -->
<a :href="batchDownloadLink" ref="batchDownloadRef"></a>
<el-dialog
title="批量取消"
:visible.sync="multiCancelVisible"
......@@ -172,7 +174,7 @@
>
<div class="multi-verify">
<div class="text">
一共选择了{{ shareIdsArr.length }}条数据，是否确定批量取消分享？
一共选择了{{ selectedFiles.length }}条数据，是否确定批量取消分享？
</div>
<div class="buttons">
<el-button
......@@ -197,7 +199,7 @@
<script>
import { getMyShareList, removeShare } from "@/api/user/share";
import { shareStatusConstant } from "../constant";
import { mapGetters } from "vuex";
export default {
name: "myShare",
dicts: ["share_type", "share_status"],
......@@ -206,7 +208,7 @@ export default {
// 遮罩层
loading: true,
// 选中数组
shareIdsArr: [],
selectedFiles: [],
// 非单个禁用
single: true,
// 非多个禁用
......@@ -234,10 +236,10 @@ export default {
shareStatusConstant,
// 批量取消的弹窗可见性
multiCancelVisible: false,
shareIdsArr: [],
};
},
computed: {
...mapGetters(["userInfo"]),
getShareStatusTagType(shareStatus) {
return (shareStatus) => {
switch (shareStatus) {
......@@ -252,6 +254,14 @@ export default {
}
};
},
// 批量下载文件链接
batchDownloadLink() {
return `${
process.env.VUE_APP_BASE_API
}/v1/api/folder/transfer/batchDownloadFile?userFileIds=${this.selectedFiles
.map((item) => item.userFileId)
.join(",")}`;
},
},
created() {
this.getList();
......@@ -259,13 +269,14 @@ export default {
methods: {
// 多选框选中数据
handleSelectionChange(selection) {
this.shareIdsArr = selection.map((item) => item.shareId);
this.selectedFiles = selection;
this.single = selection.length != 1;
this.multiple = !selection.length;
},
/** 查询字典类型列表 */
getList() {
this.loading = true;
this.queryParams.shareFrom = this.userInfo.userId;
getMyShareList(this.queryParams).then((res) => {
this.total = res.data.total;
this.loading = false;
......@@ -308,10 +319,12 @@ export default {
this.multiCancelVisible = true;
},
// 批量下载
handleMultiDownload() {},
handleMultiDownload() {
this.$refs["batchDownloadRef"].click();
},
// 提交批量取消分享
handleSubmitMultiRemoveShare() {
const fileIds = this.shareIdsArr.join(",");
const fileIds = this.selectedFiles.map((item) => item.shareId).join(",");
this.handleCancelShare(fileIds);
this.handleCloseMultiRemoveShare();
},
......
src/views/read/wpsReader/component/addOrUpdateNoteDialog.vue
浏览文件 @ f7290020
<template>
<!-- doc文档的新增或更新笔记-->
<el-dialog
title="添加笔记"
:title="formData.docId ? '编辑笔记' : '新增笔记'"
:visible.sync="dialogVisible"
width="500px"
:close-on-click-modal="false"
......@@ -29,7 +29,7 @@
<el-form-item label="标签" disabled style="width: 100%">
<el-select
style="width: 100%"
v-model="tagsArr"
v-model="form.tagsArr"
multiple
filterable
remote
......@@ -59,7 +59,7 @@
</template>
<script>
import { addOrUpdateBookMarkDoc } from "@/api/doc/bookMark";
import { addOrUpdateNoteDoc } from "@/api/doc/bookMark";
import { tagSuggest } from "@/api/doc/tag";
export default {
......@@ -67,8 +67,11 @@ export default {
formData: {
type: Object,
default: () => ({
id:"",//笔记id
docId: "", //文档Id
bookmarkContent: "", //笔记内容
noteContent: "", //标签，提交给后台的时候使用多个用逗号分割
tagsArr: [], //笔记标签
}),
},
},
......@@ -76,15 +79,16 @@ export default {
return {
dialogVisible: false, //新建笔记窗口可见性
form: {
id:'',
docId: "",
docSType: "doc", //文档类型
bookmarkContent: "", //原文
noteContent: "", //笔记
tagsArr: "", //标签，提交给后台的时候使用多个用逗号分割
type: "note", // 笔记类型，新增时必传，[underline-下划线,note-笔记,highlight-高亮]
offset: "0", //偏移量，新增时必传
sectionId: "0", //父节点ID，新增时必传
},
tagsArr: [], //标签，提交给后台的时候使用多个用逗号分割
options: [], //标签可选项
rules: {
noteContent: [
......@@ -101,12 +105,7 @@ export default {
watch: {
formData: {
handler(value) {
console.log("value", value);
const { docId, bookmarkContent } = value;
if (docId && bookmarkContent) {
this.form.docId = docId;
this.form.bookmarkContent = bookmarkContent;
}
this.form = { ...this.form, ...value };
},
deep: true,
immediate: true,
......@@ -118,16 +117,21 @@ export default {
handleSubmitAddNote() {
this.$refs.form.validate(async (valid) => {
if (valid) {
this.loading = true;
const formData = new FormData();
for (const key in this.form) {
if (key == "tagsArr") {
formData.append("tags", this.form.tagsArr.join(","));
} else {
formData.append(key, this.form[key]);
}
formData.append("tags", this.tagsArr.join(","));
let res = await addOrUpdateBookMarkDoc(formData);
}
let res = await addOrUpdateNoteDoc(formData);
this.loading = false;
if (res.code == 200) {
this.$message.success('新建笔记成功！')
this.dialogVisible = false
this.$emit('update')
this.$message.success("操作成功！");
this.dialogVisible = false;
this.$emit("update");
}
}
});
......
src/views/read/wpsReader/index.vue
浏览文件 @ f7290020
......@@ -29,7 +29,9 @@ export default {
controlButton: null, //新建笔记按钮
form: {
docId: "", //文档Id
bookmarkContent: "", //笔记内容
bookmarkContent: "", //原文内容
noteContent: "", //笔记内容
tagsArr: [], //标签
},
};
},
......
vue.config.js
浏览文件 @ f7290020
......@@ -35,9 +35,9 @@ module.exports = {
proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
target: `http://222.85.214.245:9600`,
// target: `http://222.85.214.245:9600`,
// target: `http://222.85.214.245:9558`,
// target: `http://172.24.100.246:9600`,
target: `http://172.24.100.246:9600`,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论