编辑书签 删除书签

This commit is contained in:
WangHao 2021-03-14 23:40:33 +08:00
parent e00e2148a9
commit 6e9a510d3c
8 changed files with 75 additions and 29 deletions

View File

@ -42,9 +42,10 @@
<!--编辑 -->
<div class="editAllBookMark" v-show="seen&&bm.bookmarkId==current">
<el-button type="info" plain size="mini" icon="el-icon-edit"></el-button>
<el-button type="info" plain size="mini" icon="el-icon-share"></el-button>
<el-button type="info" plain size="mini" icon="el-icon-delete"></el-button>
<el-button type="info" plain size="mini" icon="el-icon-share" ></el-button>
<el-button type="info" plain size="mini" icon="el-icon-edit" @click.stop="handleUpdate(bm.bookmarkId)"></el-button>
<el-button type="danger" plain size="mini" icon="el-icon-delete" @click.stop="handleDelete(bm.bookmarkId)"></el-button>
<div style="width: 10px"></div>
</div>
</div>
@ -60,7 +61,7 @@
bookmarkList: Array,
property: null,
highlighted: null,//
sousuo:null
sousuo:null,
},
data: function () {
return {
@ -69,7 +70,7 @@
isBookmarkIcon:false,
Ueditor:undefined,
seen:false,
current:0
current:0,
}
},
mounted(){
@ -94,11 +95,19 @@
},
methods: {
/**打开书签**/
winurl:function(noteId,tiymceueditor,bookmarkId,url) {
this.$emit('on-windowurl', noteId, tiymceueditor,bookmarkId,url);
}
,
},
/**编辑书签**/
handleUpdate:function(bookmarkId) {
this.$emit('on-handleUpdate', bookmarkId);
},
/**删除书签**/
handleDelete:function(bookmarkId) {
this.$emit('on-handleDelete', bookmarkId);
},
/**渲染模式**/
showView(e) {
var that=this;
switch (e) {
@ -182,6 +191,10 @@
this.current = null;
},
/**编辑**/
}
}
</script>

View File

@ -163,9 +163,9 @@ export const constantRoutes = [
},
children: [
{
path: '/NqEdit',
name: 'NqEdit',
component: resolve => require(['../views/bookmark/common/NqEdit.vue'], resolve),
path: '/nqEdit',
name: 'nqEdit',
component: resolve => require(['../views/bookmark/common/nqEdit.vue'], resolve),
meta:{
title: 'Quill编辑器',icon:'user',
requireAuth: true,//加该字段,表示进入这个路由是需要登录的true
@ -173,9 +173,9 @@ export const constantRoutes = [
}
]
},{
path: '/UserTagAll',
name: 'UserTagAll',
component: resolve => require(['../views/bookmark/common/UserTagAll.vue'], resolve),
path: '/userTagAll',
name: 'userTagAll',
component: resolve => require(['../views/bookmark/common/userTagAll.vue'], resolve),
meta:{
title: '用户标签',icon:'user',
requireAuth: true,//加该字段,表示进入这个路由是需要登录的true
@ -196,6 +196,14 @@ export const constantRoutes = [
title: '测试页面',icon:'user',
requireAuth: true,//加该字段,表示进入这个路由是需要登录的true
},
},{
path: '/tool',
name: 'tool',
component: resolve => require(['../views/bookmark/common/tool.vue'], resolve),
meta:{
title: '工具箱',icon:'user',
requireAuth: true,//加该字段,表示进入这个路由是需要登录的true
},
}
],

View File

@ -199,7 +199,7 @@
<div class="bookmarklist" :style="datalist" infinite-scroll-distance="10" v-loading="loading" v-if="showbookmark"
v-infinite-scroll="load"
infinite-scroll-disabled="disabled" style="overflow:auto;" infinite-scroll-immediate="false">
<BookmarkOne @on-windowurl="windowurl" :key="property" :property="property" :highlighted="highlighted" :sousuo="sousuo" :listloading="listloading" :loading="loading" :bookmarkList="bookmarkList"></BookmarkOne>
<BookmarkOne @on-windowurl="windowurl" @on-handleUpdate="handleUpdate" @on-handleDelete="handleDelete" :key="property" :property="property" :highlighted="highlighted" :sousuo="sousuo" :listloading="listloading" :loading="loading" :bookmarkList="bookmarkList"></BookmarkOne>
<p v-if="listloading" class="listhint"><i class="el-icon-loading"></i>加载中...</p>
<p v-if="listnoMore&&!showimg" class="listhint">没有更多了</p>
@ -312,7 +312,7 @@
import {listMenuByUserId} from "@/api/bookmark/menu";
import Treeselect from "@riophae/vue-treeselect";
import BookmarkOne from "../../../components/BookmarkList";
import TinyMceEdit from "../../../views/bookmark/common/NqEdit";
import TinyMceEdit from "../common/nqEdit";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import {
selectBymenuIdUserID,
@ -471,6 +471,7 @@
var routedata = that.$route.query.menuId;
var sousuo = that.$route.query.sousuo;
var property = that.$route.query.property;
var bookmarkId = that.$route.query.bookmarkId;
if (routedata == undefined) {
// that.queryParams.menuId = 1;
} else {
@ -648,6 +649,7 @@
/** 修改按钮操作 */
handleUpdate(bookmarkId) {
console.log("handleUpdate"+bookmarkId);
this.reset();
const ibookmarkId = bookmarkId || this.ids
getBookmark(ibookmarkId).then(response => {

View File

@ -29,12 +29,12 @@
</div>
<div class="structure">
<el-radio v-model="structure" label="0">按原目录导入</el-radio>
<el-radio v-model="structure" label="1" disabled>全部导入到一个新目录</el-radio>
</div>
<el-button type="primary" size="small" @click="submitUpload" plain><i
class="el-icon-upload el-icon--right">开始导入书签</i></el-button>
<!-- <div class="structure">-->
<!-- <el-radio v-model="structure" label="0">按原目录导入</el-radio>-->
<!-- <el-radio v-model="structure" label="1" disabled>全部导入到一个新目录</el-radio>-->
<!-- </div>-->
<!-- <el-button type="primary" size="small" @click="submitUpload" plain><i-->
<!-- class="el-icon-upload el-icon&#45;&#45;right">开始导入书签</i></el-button>-->

View File

@ -0,0 +1,19 @@
<template>
<div>
{{msg}}
</div>
</template>
<script>
export default {
name: 'areaTree',
components: {},
data: function () {
return {}
},
methods: {}
}
</script>
<style>
</style>

View File

@ -26,7 +26,7 @@
<div class="areaTree">
<ul id="treeDemo" class="ztree"></ul>
</div>
<div class="reminder">工具箱</div>
<div class="reminder" >工具箱</div>
<div class="aside-title"><i class="el-icon-s-flag" style="color: #569cd5"></i><span>RSS订阅</span></div>
<div class="aside-title" @click="goUserTagAll"><i class="el-icon-s-management"></i><span>标签管理</span></div>
<div class="aside-title" @click="gorecycle"><i class="el-icon-delete-solid" style="color: red"></i><span>垃圾桶</span></div>
@ -34,7 +34,7 @@
<div class="aside-title"><i class="el-icon-s-comment"></i><span>意见反馈</span></div>
<div class="aside-title" @click="ceshi"><i class="el-icon-s-comment"></i><span>测试页面</span></div>
<!-- <div class="aside-title" @click="NqEdit"><i class="el-icon-s-comment"></i><span>NqQuillEdit编辑器</span></div>-->
<div class="aside-title " style="margin-bottom: 100px"><i class="el-icon-s-grid"></i><span>工具箱</span></div>
<div class="aside-title " style="margin-bottom: 100px" @click="gotool"><i class="el-icon-s-grid"></i><span>工具箱</span></div>
</div>
@ -894,12 +894,16 @@
/**跳转NqQuillEdit测试页面**/
NqEdit: function () {
this.$router.push({
path: "/NqEdit",
path: "/nqEdit",
})
},
/** 工具箱**/
gotool() {
var that = this;
that.$router.push({
path: "/tool",
})
},
editBookmark: function (e) {
this.reset();
this.getTreeselect();
@ -976,7 +980,7 @@
goUserTagAll() {
var that = this;
that.$router.push({
path: "/UserTagAll",
path: "/userTagAll",
})
},