panqihua
/
cloudnote_web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

笔记导出

Browse Source
master
pan 4 years ago
parent 4fec3aabac
commit eccfb2e321
3 changed files with 175 additions and 150 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 12
      nuxt.config.js
  2. 16
      pages/index/note.vue
  3. 41
      pages/index/read.vue

12
nuxt.config.js
Unescape View File

@ -188,6 +188,8 @@ export default {
"new_recommend": "最新推荐",
"note": {
"table": {
"note_content": "笔记内容",
"note_title": "笔记标题",
"original_text": "注释原文",
"paper_name": "论文标题"
},
@ -201,9 +203,7 @@ export default {
"search": "查找"
},
"form": {
"keyword": "关键字",
"note_content": "笔记内容",
"note_title": "笔记标题"
"keyword": "关键字"
},
"tip": {
"add_tip": "是否添加该笔记？",
@ -362,6 +362,8 @@ export default {
"new_recommend": "",
"note": {
"table": {
"note_content": "",
"note_title": "",
"original_text": "",
"paper_name": ""
},
@ -375,9 +377,7 @@ export default {
"search": ""
},
"form": {
"keyword": "",
"note_content": "",
"note_title": ""
"keyword": ""
},
"tip": {
"add_tip": "",

16
pages/index/note.vue
Unescape View File

@ -3,11 +3,11 @@
<el-row type="flex" justify="center">
<el-col :span="5">
<el-form ref="form" :model="form" label-width="80px">
<el-form-item :label="$t('read.form.note_title')" prop="note_title">
<el-input v-model="form.note_title" :placeholder="$t('input_please', { keyword: this.$t('read.form.note_title') })"></el-input>
<el-form-item :label="$t('note.table.note_title')" prop="note_title">
<el-input v-model="form.note_title" :placeholder="$t('input_please', { keyword: this.$t('note.table.note_title') })"></el-input>
</el-form-item>
<el-form-item :label="$t('read.form.note_content')" prop="note_content">
<el-input type="textarea" v-model="form.note_content" :placeholder="$t('input_please', { keyword: this.$t('read.form.note_content') })"></el-input>
<el-form-item :label="$t('note.table.note_content')" prop="note_content">
<el-input type="textarea" v-model="form.note_content" :placeholder="$t('input_please', { keyword: this.$t('note.table.note_content') })"></el-input>
</el-form-item>
<el-form-item class="center">
<el-button @click="findNote">{{$t('button.query')}}</el-button>
@ -22,8 +22,8 @@
</template>
</el-table-column>
<el-table-column align="center" prop="originalText" :label="$t('note.table.original_text')" />
<el-table-column align="center" prop="noteTitle" :label="$t('read.form.note_title')" />
<el-table-column align="center" prop="noteContent" :label="$t('read.form.note_content')" />
<el-table-column align="center" prop="noteTitle" :label="$t('note.table.note_title')" />
<el-table-column align="center" prop="noteContent" :label="$t('note.table.note_content')" />
<el-table-column align="center" :label="$t('action')" >
<template slot-scope="scope" >
<el-button @click="read(scope.row)">{{$t('button.jump_note')}}</el-button>
@ -55,12 +55,12 @@
rules:{
note_title:[{
required: true,
message: this.$t('input_please', { keyword: this.$t('read.form.note_title') }),
message: this.$t('input_please', { keyword: this.$t('note.table.note_title') }),
trigger: 'blur'
}],
note_content:[{
required: true,
message: this.$t('input_please', { keyword: this.$t('read.form.note_content') }),
message: this.$t('input_please', { keyword: this.$t('note.table.note_content') }),
trigger: 'blur'
}]
},

41
pages/index/read.vue
Unescape View File

@ -10,13 +10,13 @@
<el-form-item :label="$t('note.table.original_text')">
<el-input autosize type="textarea" v-model="note_form.original_text" disabled></el-input>
</el-form-item>
<el-form-item :label="$t('read.form.note_title')" prop="note_title">
<el-form-item :label="$t('note.table.note_title')" prop="note_title">
<el-input v-model="note_form.note_title"
:placeholder="$t('input_please', { keyword: this.$t('read.form.note_title') })"></el-input>
:placeholder="$t('input_please', { keyword: this.$t('note.table.note_title') })"></el-input>
</el-form-item>
<el-form-item :label="$t('read.form.note_content')" prop="note_content">
<el-form-item :label="$t('note.table.note_content')" prop="note_content">
<el-input autosize type="textarea" v-model="note_form.note_content"
:placeholder="$t('input_please', { keyword: this.$t('read.form.note_content') })"></el-input>
:placeholder="$t('input_please', { keyword: this.$t('note.table.note_content') })"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="addNote">{{$t('button.add')}}</el-button>
@ -80,6 +80,8 @@
>
<el-button size="mini" type="danger" slot="reference" icon="el-icon-delete"></el-button>
</el-popconfirm>
<el-button size="mini" type="success" @click="download(item)"
icon="el-icon-download"></el-button>
</el-button-group>
</el-row>
</div>
@ -165,12 +167,12 @@
rules: {
note_title: [{
required: true,
message: this.$t('input_please', { keyword: this.$t('read.form.note_title') }),
message: this.$t('input_please', { keyword: this.$t('note.table.note_title') }),
trigger: 'blur'
}],
note_content: [{
required: true,
message: this.$t('input_please', { keyword: this.$t('read.form.note_content') }),
message: this.$t('input_please', { keyword: this.$t('note.table.note_content') }),
trigger: 'blur'
}]
},
@ -232,6 +234,28 @@
},
methods: {
//导出笔记
download(item) {
console.info(item)
let ele = document.createElement('a')
//设置下载文件名
ele.download = `${this.$t('note.table.note_title')}.txt`
//隐藏元素
ele.style.display = 'none'
//字符内容转变成blob地址
let blob = new Blob([`${this.$t('note.table.note_title')}：${item.title}
${this.$t('note.table.paper_name')}：《${this.activeContent.title}》
${this.$t('note.table.original_text')}：${item.originalText}
${this.$t('note.table.note_content')}：${item.content}`])
//如果是链接，这里也可以直接设置链接地址
ele.href = URL.createObjectURL(blob)
document.body.appendChild(ele)
//模拟点击
ele.click()
//移除元素
document.body.removeChild(ele)
},
//收藏
star(e, item) {
e.stopPropagation()
@ -434,7 +458,7 @@
paperId: this.activeContent.id,
score1: this.stars[0].value,
score2: this.stars[1].value,
score3:this.stars[2].value,
score3: this.stars[2].value
}, function(res) {
if (res.code === '200') {
that.queryRating()
@ -601,7 +625,8 @@
id: item.noteId,
title: item.noteTitle,
content: item.noteContent,
isActive:item.noteId===that.$route.query.noteId
isActive: item.noteId === that.$route.query.noteId,
originalText: item.originalText
}
that.noteList.push(obj)
if (item.noteId === that.$route.query.noteId) {

Write Preview
Loading…
Cancel
Save