编辑书签 删除书签

ruoyi-ui/src/components/BookmarkList/index.vue

@@ -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-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>

ruoyi-ui/src/router/index.js

@@ -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
+        },
       }
     ],
 

ruoyi-ui/src/views/bookmark/bookmark/index.vue

@@ -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 => {

ruoyi-ui/src/views/bookmark/common/ImportHtml.vue

@@ -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>-->
 
 
 

ruoyi-ui/src/views/bookmark/common/tool.vue

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

ruoyi-ui/src/views/bookmark/index/index.vue

@@ -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",
         })
       },