From ab293c17acb6fe233a3a47b0976bff03309cd1a4 Mon Sep 17 00:00:00 2001
From: lmj <3407000732@qq.com>
Date: Wed, 14 Sep 2022 17:04:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/Mynotes.vue | 127 ++++++++++++++++++++++++++++++++-----
 1 file changed, 110 insertions(+), 17 deletions(-)

diff --git a/src/views/user/Mynotes.vue b/src/views/user/Mynotes.vue
index 3b9a505b..96f16097 100644
--- a/src/views/user/Mynotes.vue
+++ b/src/views/user/Mynotes.vue
@@ -12,35 +12,37 @@
                  class="el-buttons"
                 v-model="value1"
                 type="daterange"
+                start-placeholder="开始"
+                end-placeholder="结束"
                >
                 </el-date-picker>
                 <!-- <i class="el-icon-arrow-down"></i> -->
-            <el-button class="el-buttons">全部课程 <i class="el-icon-arrow-down"></i></el-button>
-            <el-button class="el-buttons">发布时间 <i class="el-icon-arrow-down"></i></el-button>
-            <el-button class="el-buttons">点赞次数 <i class="el-icon-arrow-down"></i></el-button>
+            <el-button class="el-buttons el-dropdown-link">全部课程 <i class="el-icon-arrow-down"></i></el-button>
+            <el-button class="el-buttons">发布时间 <i class="el-icon-bottom"></i></el-button>
+            <el-button class="el-buttons">点赞次数 <i class="el-icon-bottom"></i></el-button>
         </div>
         <div class="note-tab">
             <div class="tabcontent">
-                <span :class=" num == 1 ? 'tab-textactive':''" >全部</span>
-                <span :class=" num == 2 ? 'tab-textactive':''" >线上笔记</span>
-                <span :class=" num == 3 ? 'tab-textactive':''" >导入笔记</span>
+                <span @click="noteData(null)" :class=" num == null ? 'tab-textactive':''" >全部</span>
+                <span @click="noteData(1)" :class=" num == 1 ? 'tab-textactive':''" >线上笔记</span>
+                <span @click="noteData(2)" :class=" num == 2 ? 'tab-textactive':''" >导入笔记</span>
             </div>
         </div>
-        <div class="note-all" v-if="num == 1">
-           <div class="note-all-info">
+        <div class="note-all" v-if="num == null"  >
+           <div class="note-all-info"  v-for="(item,idx) in datalist" :key="idx">
               <div class="all-title">
-                 <h3> 《高效能人士的7个习惯》</h3>
-                  <div><img src="../../../public/images/coteplay.png" alt="">8:40</div>
+                 <h3> {{ item.courseName }} </h3>
+                  <div><img src="../../../public/images/coteplay.png" alt=""> {{  getHMS(item.playTime) }} </div>
                   <span>私密</span>
-                  <h6>2022/05/21 16:28</h6>
+                  <h6>{{ item.sysUpdateTime }}</h6>
               </div>
               <div class="all-content">
-                  我见过的策划们，不管是甲方企业的，还是广告代理都经常犯三大错误：找一个营销理论，做策略时直接向上套。不管是什么行业、企业处在什么发展阶段，都要照着这个理论的要求，做策略时直接向上套。不管是什么行业、企业处在什么来实。不管是么行业、企业处在什什么行业、企业处在发展发发发施营销传播，写PPT时 也要照着这个理论的框架来写。施营销传播，写PPT时 也要照着这个理论的框架来写施营销传播，写PPT时 也要照论。
+                 {{ item.content }}
               </div>
               <div class="all-footer">
                   <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>
+                  <!-- <interactBar nodeWidth="60px" :readonly="true"  :type="4" :data="datalist"  :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 @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
                   </div>
                   </div>
@@ -60,7 +62,7 @@
               <div class="all-footer">
                   <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> -->
+                  <!-- <interactBar nodeWidth="60px" :readonly="true"  :type="4" :data="datalist"  :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 @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
                   </div>
                   </div>
@@ -91,6 +93,53 @@
         </div>
 
 
+
+          <div class="note-all" v-if="num == 1"  >
+           <div class="note-all-info"  v-for="(item,idx) in datalist" :key="idx">
+              <div class="all-title">
+                 <h3> {{ item.courseName }} </h3>
+                  <div><img src="../../../public/images/coteplay.png" alt="">{{  getHMS(item.playTime) }}</div>
+                  <span>私密</span>
+                  <h6>{{ item.sysUpdateTime }}</h6>
+              </div>
+              <div class="all-content">
+                 {{ item.content }}
+              </div>
+              <div class="all-footer">
+                  <div>
+                  <div class="textbut-box">
+                  <!-- <interactBar nodeWidth="60px" :readonly="true"  :type="4" :data="datalist"  :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 @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
+                  </div>
+                  </div>
+              </div>
+           </div>
+        </div>
+
+
+         <div class="note-all" v-if="num == 2"  >
+           <div class="note-all-info"  v-for="(item,idx) in datalist" :key="idx">
+              <div class="all-title">
+                 <h3> {{ item.courseName }} </h3>
+                  <div><img src="../../../public/images/coteplay.png" alt="">{{  getHMS(item.playTime) }}</div>
+                  <span v-if="item.openType == 1">私密</span>
+                  <h6>{{ item.sysUpdateTime }}</h6>
+              </div>
+              <div class="all-content">
+                 {{ item.content }}
+              </div>
+              <div class="all-footer">
+                  <div>
+                  <div class="textbut-box">
+                  <!-- <interactBar nodeWidth="60px" :readonly="true"  :type="4" :data="datalist" :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 @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
+                  </div>
+                  </div>
+              </div>
+           </div>
+        </div>
+
+
      <el-dialog
         width="860px"
         title="王明"
@@ -141,17 +190,29 @@
 </template>
 
 <script>
+import apiNote from '@/api/phase2/note.js'
 import interactBar from '@/components/Portal/interactBar.vue';
 export default {
     components:{interactBar},
   data(){
       return{
            value1: '起止时间',
-           num :1,
-            dialogVisible: false,
+           num :null,
+           dialogVisible: false,
+           pageIndex:1,
+           paegSize:1,
+           orderType:'',
+           orderField:'praises',
+           courseId:'',
+           endTime:'',
+           endTime:'',
+           datalist:[ ],
       }
       
 
+  },
+  mounted(){
+    this.noteData(null)
   },
   methods: {
       handleClose(done) {
@@ -163,7 +224,37 @@ export default {
       this.$router.push({ path: '/user/Noteedit' });
 
 
-      }
+      },
+      noteData(tab){
+          console.log(tab)
+        this.num = tab
+        let data = {
+            pageIndex:this.pageIndex,
+            paegsize:this.paegSize,
+            orderType:this.orderType,
+            orderField:this.orderField,
+            courseId:this.courseId,
+            type:this.num,
+            startTime:this.endTime,
+            endTime:this.endTime
+        }
+        apiNote.query(data).then(res=>{
+            console.log(res);
+           
+          this.datalist = res.result.list 
+           console.log(this.datalist,'111lmj')
+        })
+      },
+
+// 根据秒数转换成对应的时分秒
+    getHMS(time) {
+  const hour = parseInt(time / 3600) < 10 ? '0' + parseInt(time / 3600) : parseInt(time / 3600)
+  const min = parseInt(time % 3600 / 60) < 10 ? '0' + parseInt(time % 3600 / 60) : parseInt(time % 3600 / 60)
+  const sec = parseInt(time % 3600 % 60) < 10 ? '0' + parseInt(time % 3600 % 60) : parseInt(time % 3600 % 60)
+  console.log(hour + ':' + min + ':' + sec)
+  return hour + ':' + min + ':' + sec
+}
+
     }
 }
 </script>
@@ -177,6 +268,7 @@ export default {
 }
  .all-title{
            height: 50px;
+           display: flex;
            .daoru{
                 width: 80px;
                 height: 30px;
@@ -185,6 +277,7 @@ export default {
            }
            h6{
                margin: 0;
+               margin-left: auto;
                float: right;
                font-size: 14px;
                color: #999999;