修改

src/data/pages.js

@@ -73,6 +73,7 @@ export const pages=[
     {title:'我的分享',path:'myshare',component:'share/MyList',hidden:false},
     {title:'分享给我的',path:'toshare',component:'share/ToList',hidden:false},
     {title:'我的笔记',path:'Mynotes',component:'user/Mynotes',hidden:true},
+    {title:'编辑笔记',path:'Mynotes',component:'user/Noteedit',hidden:true},
     {title:'我的测评',path:'myassess',component:'user/MyAssess',hidden:true},
     {title:'我的收藏',path:'favorites',component:'user/MyFavorites',hidden:false},
     {title:'我的关注',path:'follows',component:'user/MyFollow',hidden:false},

src/views/user/Mynotes.vue

@@ -83,7 +83,7 @@
                   <div>
                   <div class="textbut-box">
                   <!-- <interactBar nodeWidth="60px" :readonly="true"  :type="4" :data="qa" @addAnswers="qaAnswer(qa)" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar> -->
-                    <el-button style=" margin-right: 10px;" class="textbut" type="text"> <i class="el-icon-delete"></i> 删除</el-button><el-button class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
+                    <el-button style=" margin-right: 10px;" class="textbut" type="text"> <i class="el-icon-delete"></i> 删除</el-button><el-button @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
                   </div>
                   </div>
               </div>
@@ -92,11 +92,44 @@
 
 
      <el-dialog
+        width="860px"
         title="王明"
         :visible.sync="dialogVisible"
-        width="30%"
         :before-close="handleClose">
-        <span>这是一段信息</span>
+        
+
+        <div class="Exportbox">
+           <div class="Export-info" style="border-bottom: 1px solid #ddd;padding-bottom:30px;margin-bottom:35px">
+               <div class="all-title">
+                 <h3> 《高效能人士的7个习惯》</h3>
+                  <div><img src="../../../public/images/coteplay.png" alt="">8:40</div>
+                  <h6>2022/05/21 16:28</h6>
+              </div>
+              <div class="all-content">
+                  我见过的策划们，不管是甲方企业的，还是广告代理都经常犯三大错误：找一个营销理论，做策略时直接向上套。不管是什么行业、企业处在什么发展阶段，都要照着这个理论的要求，做策略时直接向上套。不管是什么行业、企业处在什么来实。不管是么行业、企业处在什什么行业、企业处在发展发发发施营销传播，写PPT时 也要照着这个理论的框架来写。施营销传播，写PPT时 也要照着这个理论的框架来写施营销传播，写PPT时 也要照论。
+              </div>
+           </div>
+             <div class="Export-info" style="border-bottom: 1px solid #ddd;padding-bottom:30px;margin-bottom:35px">
+               <div class="all-title">
+                 <h3> 《高效能人士的7个习惯》</h3>
+                  <div><img src="../../../public/images/coteplay.png" alt="">8:40</div>
+                  <h6>2022/05/21 16:28</h6>
+              </div>
+              <div class="all-content">
+                  我见过的策划们，不管是甲方企业的，还是广告代理都经常犯三大错误：找一个营销理论，做策略时直接向上套。不管是什么行业、企业处在什么发展阶段，都要照着这个理论的要求，做策略时直接向上套。不管是什么行业、企业处在什么来实。不管是么行业、企业处在什什么行业、企业处在发展发发发施营销传播，写PPT时 也要照着这个理论的框架来写。施营销传播，写PPT时 也要照着这个理论的框架来写施营销传播，写PPT时 也要照论。
+              </div>
+           </div>
+             <div class="Export-info" style="border-bottom: 1px solid #ddd;padding-bottom:30px;margin-bottom:35px">
+               <div class="all-title">
+                 <h3> 《高效能人士的7个习惯》</h3>
+                  <div><img src="../../../public/images/coteplay.png" alt="">8:40</div>
+                  <h6>2022/05/21 16:28</h6>
+              </div>
+              <div class="all-content">
+                  我见过的策划们，不管是甲方企业的，还是广告代理都经常犯三大错误：找一个营销理论，做策略时直接向上套。不管是什么行业、企业处在什么发展阶段，都要照着这个理论的要求，做策略时直接向上套。不管是什么行业、企业处在什么来实。不管是么行业、企业处在什什么行业、企业处在发展发发发施营销传播，写PPT时 也要照着这个理论的框架来写。施营销传播，写PPT时 也要照着这个理论的框架来写施营销传播，写PPT时 也要照论。
+              </div>
+           </div>
+        </div>
         <span slot="footer" class="dialog-footer">
             <el-button @click="dialogVisible = false">取 消</el-button>
             <el-button @click="dialogVisible = false">打 印</el-button>
@@ -122,54 +155,24 @@ export default {
   },
   methods: {
       handleClose(done) {
-        this.$confirm('确认关闭？')
+        
-          .then(_ => {
+
-            done();
+         
-          })
+      },
-          .catch(_ => {});
+      edit(){
+          router.push()
       }
     }
 }
 </script>
 
 <style lang="scss" scoped>
-::v-deep.el-dialog__header{
+.Export-info:last-child{
-    background: url('/images/daochubg.png') 100% / 100% !important;
+    border: none;
 }
-.textbut-box{
+::v-deep.dr-dialog{
-    // position: absolute;
+    max-width: 870px !important;
-    // right: 0;
-    display: flex;
 }
-.textbut{
-        font-size: 12px;
-        font-weight: 400;
-        color: #6E7B84 !important;
-       
-}
-.note-all{
-    width: 100%;
-    .note-all-info{
-       border-bottom: 1px solid #ddd;
-       padding-top: 35px;
-       .all-footer{
-           height: 10px;
-           padding-bottom: 45px;
-           width: 100%;
-           div{
-               float: right;
-           }
-       }
-       .all-content{
-           font-size: 14px;
-           font-weight: 400;
-           color: #333333;
-           img{
-               width: 140px;
-               height: 175px;
-               margin-right: 23px;
-           }
-       }
  .all-title{
            height: 50px;
            .daoru{
@@ -225,6 +228,46 @@ export default {
                 }
            }
        }
+
+
+::v-deep.el-dialog__header{
+    background: url('/images/daochubg.png') 100% / 100% !important;
+}
+.textbut-box{
+    // position: absolute;
+    // right: 0;
+    display: flex;
+}
+.textbut{
+        font-size: 12px;
+        font-weight: 400;
+        color: #6E7B84 !important;
+       
+}
+.note-all{
+    width: 100%;
+    .note-all-info{
+       border-bottom: 1px solid #ddd;
+       padding-top: 35px;
+       .all-footer{
+           height: 10px;
+           padding-bottom: 45px;
+           width: 100%;
+           div{
+               float: right;
+           }
+       }
+       .all-content{
+           font-size: 14px;
+           font-weight: 400;
+           color: #333333;
+           img{
+               width: 140px;
+               height: 175px;
+               margin-right: 23px;
+           }
+       }
+      
     }
 }
 .tabcontent{

src/views/user/Noteedit.vue

@@ -0,0 +1,15 @@
+<template>
+   <div>
+      
+   </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>