From 8cb77ebeee3a9d52cdead054e7e430836f5513c3 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Tue, 14 Feb 2023 15:15:34 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppLegalLearning/AppLegalLearning.vue     |   4 +-
 .../qujing/AppLegalLearning/classDetail.vue   | 101 +++++++++++++-----
 .../components/OnlineClass.vue                |   8 +-
 3 files changed, 78 insertions(+), 35 deletions(-)

diff --git a/src/project/qujing/AppLegalLearning/AppLegalLearning.vue b/src/project/qujing/AppLegalLearning/AppLegalLearning.vue
index 45ba417..65f201f 100644
--- a/src/project/qujing/AppLegalLearning/AppLegalLearning.vue
+++ b/src/project/qujing/AppLegalLearning/AppLegalLearning.vue
@@ -54,8 +54,8 @@ export default {
     toTest(id) {
       uni.navigateTo({url: "./testForm?id=" + id})
     },
-    toDetail() {
-      uni.navigateTo({url: "./classDetail"})
+    toDetail(id) {
+      uni.navigateTo({url: "./classDetail?id=" + id})
     }
   }
 }
diff --git a/src/project/qujing/AppLegalLearning/classDetail.vue b/src/project/qujing/AppLegalLearning/classDetail.vue
index cd4e399..c30708a 100644
--- a/src/project/qujing/AppLegalLearning/classDetail.vue
+++ b/src/project/qujing/AppLegalLearning/classDetail.vue
@@ -1,50 +1,44 @@
 <template>
   <div class="classDetail">
     <div class="media">
-      <img src="https://cdn.cunwuyun.cn/qujing/jige.png" alt="">
-      <!-- <video src="./img/2676.mp4" controls/> -->
+      <img src="https://cdn.cunwuyun.cn/qujing/jige.png" alt="" v-if="data.courseType == 0">
+      <video :src="data.videoUrl" controls v-if="data.courseType == 1"/>
     </div>
 
-    <div class="title">
-      五一假期若出游如何严格做好疫情防控？具体要求来了！
-    </div>
-    <p class="study_num">23人已学习</p>
+    <div class="title">{{ data.title }}</div>
+    <p class="study_num">{{ data.learnerNumber || 0 }}人已学习</p>
 
-    <p class="content">
-      7月13日，从“曲靖这十年”系列新闻发布会（法治建设专场）
-      获悉，党的十八大以来，曲靖市深入学习贯彻习近平新时代中国特色社会主义思想，坚持以习近平法治思想为根本遵循和行动指南，坚持依法治市、依法执政、依法行政共同推进，法治曲靖、法治政府、法治社会一体建设，统筹推动科学立法、严格执法、公正司法、全民守法，人民群众法治获得感、满意度明显提升，法治曲靖建设蹄疾步稳、铿锵有力，为全市经济社会高质量跨越式发展提供了坚实法治保障。
-      中共曲靖市委政法委副书记刘洁介绍，过去十年，曲靖市坚持“固根本、明方向”，全面加强党对法治建设的领导；坚持“立良法、促善治”，持续夯实法治建设根基；坚持“严执法、
-      促规范”，稳步推进法治政府建设；坚持“强制约、促公正”，充分彰显社会公平正义；坚持“广普法、重实效”，遵法守法
-      观念入脑入心。刘洁称，2019年机构改革后，曲靖市委全面依法治市委员会办公室在市司法局设立，在市委市政府的领导下，曲靖全市司法行政系统围绕“一个统筹、四大职能”，
-      制定完善法治曲靖建设3个“1+3”体系，开创了法治建设工作新局面。当前，曲靖以健全行政执法“一方案三清单”为统领，完善制度体系建设，全面推行重大行政决策目录化管理，
-      创新推进基层合法性审查全覆盖，行政执法人员全部纳入云南执法人员网上管理系统进行管理，行政复议案件统一由市、县两级人民政府管辖，行政复议体制改革落地落实，政府
-      行政行为质量稳步提高，2022年上半年市级法院行政案件行政机关负责人出庭应诉率达100%。刘洁指出，全民守法是法治社会的基础工程。曲靖紧跟新时代，在针对性和实效性上下功夫，不断提升全市公民法治意识和法治素养，使法治成为社会共识和基本准则。曲靖按照“覆盖城乡、功能完善、便捷高效、群众满意”的目标，深化公共法律服务体系建设，推动实现市县乡村四级公共法律服务实体平台全覆盖。
-    </p>
+    <p class="content" v-html="data.content"></p>
 
     <div class="btn_box">
       <div class="input_btn" @click="showSend = true">我来说两句...</div>
-      <div class="comment"  @click="showComment = true">
+      <div class="comment" @click="showComment = true;getComment()">
         <img src="https://cdn.cunwuyun.cn/qujing/message.png" alt="">
         <div class="comm_num">
-          <span>999</span><span>+</span>
+          <span>{{ commentList.length || 0}}</span><span v-show="commentList.length > 999">+</span>
         </div>
       </div>
     </div>
 
     <u-popup v-model="showComment" mode="bottom" border-radius="32">
-			<h4 class="message_num">共16条评论</h4>
-      <div class="comment_card">
-        <div class="avatar">
-          <img src="https://cdn.cunwuyun.cn/shandong10086/avatar.png" alt="">
-        </div>
-        <div class="comment_info">
-          <div class="avatar_info">
-            <div class="avatar_name">徐逸凡</div>
-            <div class="avatar_time">9小时前</div>
+			<h4 class="message_num">共{{ data.msgCount }}条评论</h4>
+      <div v-if="commentList.length">
+        <div class="comment_card" v-for="item in commentList" :key="item.id">
+          <div class="avatar">
+            <img :src="item.avatar" alt="" v-if="item.avatar">
+            <img src="https://cdn.cunwuyun.cn/shandong10086/avatar.png" alt="" v-else>
+          </div>
+          <div class="comment_info">
+            <div class="avatar_info">
+              <div class="avatar_name">{{ item.name }}</div>
+              <div class="avatar_time">{{ item.commentTime }}</div>
+            </div>
+            <div class="comm_content">{{ item.content }}</div>
           </div>
-          <div class="comm_content">中央精神的重要讲话为我们的前进指明了方向。</div>
         </div>
       </div>
+      <AiEmpty :description="`暂无相关评论`" class="emptyWrap" v-else/>
+
       <div class="comm_input_btn" @click="showSend = true,showComment= false">
         <div>我来说两句...</div>
       </div>
@@ -59,10 +53,11 @@
               v-model="content"
               :cursor-spacing="40"
               placeholder="我来说两句..."
+              maxlength="100"
               @keyboardheightchange="keyboard">
           </textarea>
         </div>
-        <div class="send_btn">发送</div>
+        <div class="send_btn" @click="sendComment">发送</div>
       </div>
 		</u-popup>
   </div>
@@ -76,9 +71,57 @@ export default {
       showSend: false,
       content: '',
       height: 0,
+      data: {},
+      commentList: [],
+      id: '',
+      flag: false,
     }
   },
+  onLoad(o) {
+    this.id = o.id
+    this.getDetail()
+  },
   methods: {
+    getDetail() {
+      this.$instance.post(`/app/appcourseinfo/queryDetailById?id=${this.id}`).then(res=> {
+        if(res?.data) {
+          this.data = res.data
+        }
+      }).catch(err=> this.$u.toast(err.msg))
+    },
+    // 评论集合
+    getComment() {
+      this.$instance.post(`/app/appcoursecomment/listByApplet?courseId=${this.data.id}`).then(res=> {
+        if(res?.data) {
+          this.commentList = res.data.records
+        }
+      })
+    },
+    // 新增评论
+    sendComment() {
+      if(this.flag) return
+
+      if(!this.content) {
+        return this.$u.toast('请输入内容')
+      }
+
+      this.flag = true
+      this.$instance.post(`/app/appcoursecomment/add`,{
+        courseId: this.data.id,
+        content: this.content,
+        type: '1'
+      }).then(res=> {
+        if(res.code==0) {
+          this.flag = false
+          this.showSend = false
+          this.getComment()
+        }
+      }).catch(err=> {
+        this.flag = false
+        this.showSend = false
+        this.$u.toast(err.msg)
+      })
+    },
     keyboard(e) {
       console.log(e.detail.height);
     }
diff --git a/src/project/qujing/AppLegalLearning/components/OnlineClass.vue b/src/project/qujing/AppLegalLearning/components/OnlineClass.vue
index 1dc6191..3720283 100644
--- a/src/project/qujing/AppLegalLearning/components/OnlineClass.vue
+++ b/src/project/qujing/AppLegalLearning/components/OnlineClass.vue
@@ -7,7 +7,7 @@
     <p class="all_class">全部课程</p>
 
     <div class="card_list" v-if="classList.length">
-      <div class="card" v-for="item in classList" :key="item.id" @click="handleToDetail">
+      <div class="card" v-for="item in classList" :key="item.id" @click="handleToDetail(item.id)">
         <div class="card_left">
           <img :src="item.pictureUrl" alt="">
         </div>
@@ -36,7 +36,7 @@ export default {
   
   methods: {
     getList() {
-      this.$instance.post(`/app/appcourseinfo/list`, null, {
+      this.$instance.post(`/app/appcourseinfo/listByApplet`, null, {
         params: {
           current: this.current,
           size: 10,
@@ -48,8 +48,8 @@ export default {
         }
       })
     },
-    handleToDetail() {
-      this.$emit('toDetail')
+    handleToDetail(id) {
+      this.$emit('toDetail',id)
     }
   },
   onReachBottom() {