updates

src/modules/course/api.ts

 import httpRequest from '@/utils/axios'
 
 // 获取课程列表
-export function getCourseList(params: { page_size: number; page: number }) {
+export function getCourseList(params?: { page_size?: number; page?: number }) {
   return httpRequest.get('/api/psp/v1/learning/course-list', { params })
 }
 
@@ -20,7 +20,7 @@ export function createCourseRecord(data: {
   chapter_id: string
   course_id: string
   content: string
-  title?: string
+  picture?: string
   file?: string
 }) {
   return httpRequest.post('/api/psp/v1/learning/upload', data)
@@ -32,6 +32,6 @@ export function createCourseComment(data: { entity_id: string; to_comment_id?: s
 }
 
 // 获取打卡记录评论
-export function getRecordComment(params: { id: string; page_size?: number; page: number }) {
+export function getRecordComment(params: { id: string; page_size?: number; page?: number }) {
   return httpRequest.get('/api/psp/v1/learning/record-comments', { params })
 }

src/modules/course/components/ChapterItem.vue

@@ -82,8 +82,7 @@ useInfiniteScroll(
   line-height: 0.28rem;
 }
 .chapter-view {
-  margin-bottom: 0.56rem;
-  padding: 0.16rem 0;
+  padding: 0.36rem 0;
   font-size: 0.24rem;
   color: #033974;
   line-height: 0.36rem;

src/modules/home/api.ts

@@ -5,12 +5,17 @@ export function getHomeData() {
   return httpRequest.get('/api/psp/v1/index/index')
 }
 // 获取导学视频列表
-export function getVideoList(params?: { page_size: number; page: number }) {
+export function getVideoList(params?: { page_size?: number; page?: number }) {
   return httpRequest.get('/api/psp/v1/learning/video-list', { params })
 }
 
+// 获取导学视频详情
+export function getVideoView(params: { id: string }) {
+  return httpRequest.get('/api/psp/v1/learning/video-view', { params })
+}
+
 // 获取课程列表
-export function getCourseList(params?: { page_size: number; page: number }) {
+export function getCourseList(params?: { page_size?: number; page?: number }) {
   return httpRequest.get('/api/psp/v1/learning/course-list', { params })
 }
 

src/modules/home/components/Banner.vue

@@ -3,31 +3,16 @@ import { Swiper, SwiperSlide } from 'swiper/vue'
 import { Pagination } from 'swiper'
 import 'swiper/css'
 import 'swiper/css/pagination'
+import type { IBanner } from '../types'
 
-const list: Array<{
-  url: string
-  imageUrl: string
-}> = [
-  {
-    url: '/',
-    imageUrl: 'https://webapp-pub.ezijing.com/project/prp-h5/banner.png'
-  },
-  {
-    url: '/',
-    imageUrl: 'https://webapp-pub.ezijing.com/project/prp-h5/banner.png'
-  },
-  {
-    url: '/',
-    imageUrl: 'https://webapp-pub.ezijing.com/project/prp-h5/banner.png'
-  }
-]
+defineProps<{ list: IBanner[] }>()
 </script>
 
 <template>
   <nav class="home-banner">
     <Swiper pagination :modules="[Pagination]">
       <SwiperSlide v-for="(item, index) in list" :key="index">
-        <img :src="item.imageUrl" />
+        <img :src="item.cover_page" />
       </SwiperSlide>
     </Swiper>
   </nav>

src/modules/home/components/LearningMapCourse.vue

@@ -8,7 +8,7 @@ import { getCourseList } from '../api'
 // 学习进度
 const dataset = ref<{ total: number; list: ICourseItem[] }>({ total: 0, list: [] })
 const fetchCourseList = () => {
-  getCourseList().then(res => {
+  getCourseList({ page_size: 100 }).then(res => {
     dataset.value = res.data
   })
 }
@@ -72,6 +72,7 @@ onMounted(() => {
   flex: 1;
   margin-left: 0.26rem;
   line-height: 0.33rem;
+  overflow: hidden;
   h5 {
     font-size: 0.24rem;
     font-weight: 500;

src/modules/home/components/LearningMapVideo.vue

 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import { Swiper, SwiperSlide } from 'swiper/vue'
 import 'swiper/css'
 import type { IVideoItem } from '../types'
-import { getVideoList } from '../api'
+import { getVideoList, getVideoView } from '../api'
 
 // 课程导学
 const dataset = ref<{ total: number; list: IVideoItem[] }>({ total: 0, list: [] })
 const fetchVideoList = () => {
-  getVideoList().then(res => {
+  getVideoList({ page_size: 100 }).then(res => {
     dataset.value = res.data
   })
 }
 onMounted(() => {
   fetchVideoList()
 })
+
+// 查看详情
+const dialogVisible = ref<boolean>(false)
+const videoInfo = ref<IVideoItem>()
+const videoUrl = computed(() => {
+  if (videoInfo.value) {
+    // 优先取mp4
+    const [first = {}] = videoInfo.value.play_info.filter(item => item.Format === 'mp4')
+    return first.PlayURL
+  }
+  return ''
+})
+const fetchVideoView = (id: string) => {
+  getVideoView({ id }).then(res => {
+    videoInfo.value = res.data
+  })
+}
+const onClick = (data: IVideoItem) => {
+  fetchVideoView(data.id)
+  dialogVisible.value = true
+}
 </script>
 
 <template>
   <swiper slides-per-view="auto" :space-between="10">
-    <swiper-slide v-for="(item, index) in dataset.list" :key="index" class="video-item">
+    <swiper-slide v-for="(item, index) in dataset.list" :key="index" class="video-item" @click="onClick(item)">
       <img :src="item.cover_page" />
       <h5>{{ item.course_name }}</h5>
       <p>{{ item.pv }}播放</p>
     </swiper-slide>
   </swiper>
+  <van-popup v-model:show="dialogVisible" round>
+    <div class="video-wrap" v-if="dialogVisible">
+      <video controls autoplay :src="videoUrl"></video>
+    </div>
+  </van-popup>
 </template>
 
 <style lang="scss">
@@ -54,4 +80,12 @@ onMounted(() => {
     color: #999999;
   }
 }
+.video-wrap {
+  width: 80vw;
+  margin: 0.2rem;
+  video {
+    width: 100%;
+    max-height: 80vh;
+  }
+}
 </style>

src/modules/home/components/Menu.vue

@@ -18,7 +18,7 @@ const menus: Array<{
     icon: 'https://webapp-pub.ezijing.com/project/prp-h5/home_menu_2.png'
   },
   {
-    path: '/query',
+    path: '#query',
     name: '权益查看',
     icon: 'https://webapp-pub.ezijing.com/project/prp-h5/home_menu_3.png'
   },

src/modules/home/components/Questions.vue

@@ -31,7 +31,7 @@ const onSubmitComment = (data: any, action: string) => {
 <template>
   <AppCard title="陪伴问答" id="qa">
     <template #header-aside>
-      <div class="button">发表问答</div>
+      <div class="button"><router-link to="/qa/publish">发表问答</router-link></div>
     </template>
     <PublishItem v-for="item in data.list" :data="item" :key="item.id" @submitComment="onSubmitComment"></PublishItem>
   </AppCard>

src/modules/home/types.ts

@@ -12,6 +12,7 @@ export interface IBanner {
   id: string
   title: string
   pv: string
+  cover_page: string
 }
 
 export interface IDocItem {

src/modules/qa/api.ts

+import httpRequest from '@/utils/axios'
+
+// 获取问答列表
+export function getQuestionList(params?: { page_size?: number; page?: number }) {
+  return httpRequest.get('/api/psp/v1/question/list', { params })
+}
+
+// 获取问答详情
+export function getQuestionView(params: { id: string; page_size?: number; page?: number }) {
+  return httpRequest.get('/api/psp/v1/question/view', { params })
+}
+// 发布问答
+export function createQuestion(data: { title: string; desc: string; picture?: string; file?: string }) {
+  return httpRequest.post('/api/psp/v1/question/create-question', data)
+}
+
+// 发布问答评论
+export function createQuestionComment(data: { question_id: string; to_comment_id?: string; content: string }) {
+  return httpRequest.post('/api/psp/v1/question/create-comment', data)
+}

src/modules/qa/index.ts

@@ -5,6 +5,9 @@ export const routes: Array<RouteRecordRaw> = [
   {
     path: '/qa',
     component: AppLayout,
-    children: [{ path: '', component: () => import('./views/Index.vue') }]
+    children: [
+      { path: '', component: () => import('./views/Index.vue') },
+      { path: 'publish', component: () => import('./views/Publish.vue') }
+    ]
   }
 ]

src/modules/qa/views/Publish.vue

+<script setup lang="ts">
+import { reactive } from 'vue'
+import { useRouter } from 'vue-router'
+import { createQuestion } from '../api'
+import UploadImageList from '@/components/UploadImageList.vue'
+import { Toast } from 'vant'
+const router = useRouter()
+
+const form = reactive({ title: '', desc: '', picture: [] })
+
+function onSubmit() {
+  const params = Object.assign({}, form, { picture: JSON.stringify(form.picture) })
+  createQuestion(params).then(() => {
+    Toast.success('发布成功')
+    router.push({ path: '/#qa' })
+  })
+}
+</script>
+
+<template>
+  <AppContainer title="发布问题" backgroundColor="#fff" headerAlign="center">
+    <van-form @submit="onSubmit">
+      <van-field
+        v-model="form.title"
+        placeholder="请输入问题标题"
+        :rules="[{ required: true, message: '请输入问题标题' }]"
+      />
+      <van-field
+        v-model="form.desc"
+        type="textarea"
+        placeholder="请输入问题内容"
+        :autosize="{ minHeight: 200 }"
+        :rules="[{ required: true, message: '请输入问题内容' }]"
+      />
+      <van-field>
+        <template #input>
+          <UploadImageList v-model="form.picture"></UploadImageList>
+        </template>
+      </van-field>
+      <van-button block round native-type="submit" class="my-button">发布</van-button>
+    </van-form>
+  </AppContainer>
+</template>
+
+<style lang="scss" scoped>
+:deep(.van-cell) {
+  padding-left: 0;
+  padding-right: 0;
+  &::after {
+    left: 0;
+    right: 0;
+  }
+}
+.my-button {
+  margin: 1rem 0;
+}
+</style>

src/types.ts

@@ -7,7 +7,7 @@ export interface IVideoItem {
   course_name: string
   aliyun_video_id: string
   pv: string
-  play_info: object
+  play_info: any[]
 }
 
 // 课程
@@ -30,7 +30,7 @@ export interface ICourseItem {
 export interface ICourseChapters {
   big_total: string
   small_total: string
-  list: []
+  list: any[]
 }
 
 // 课程老师