✨ feat(我的作品,我的订阅，我的收藏): API联调

 <template>
 <template>
   <div class="video-wrapper" style="position: relative;">
   <div class="video-wrapper" style="position: relative;">
-    <div class="status">
+    <div v-if="mp" class="status">
       <van-image v-if="item.status === 'ENABLE'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_enable" />
       <van-image v-if="item.status === 'ENABLE'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_enable" />
       <van-image v-if="item.status === 'REFUSE'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_refuse" />
       <van-image v-if="item.status === 'REFUSE'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_refuse" />
       <van-image v-if="item.status === 'APPLY'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_apply" />
       <van-image v-if="item.status === 'APPLY'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_apply" />
     </div>
     </div>
     <div class="video-div" :id="'mui-player-' + item.id"></div>
     <div class="video-div" :id="'mui-player-' + item.id"></div>
+    <div v-if="mp">
       <div v-if="item.status === 'ENABLE'" class="normal-module">
       <div v-if="item.status === 'ENABLE'" class="normal-module">
         <div class="video-bar">
         <div class="video-bar">
           <van-row>
           <van-row>
@@ -40,6 +41,7 @@
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>
+  </div>
 </template>
 </template>
 
 
 <script setup>
 <script setup>
@@ -49,6 +51,7 @@
 import icon_dianzan1 from '@images/icon-dianzan01@2x.png'
 import icon_dianzan1 from '@images/icon-dianzan01@2x.png'
 import icon_dianzan2 from '@images/icon-dianzan02@2x.png'
 import icon_dianzan2 from '@images/icon-dianzan02@2x.png'
 import icon_liuyan from '@images/icon-liuyan@2x.png'
 import icon_liuyan from '@images/icon-liuyan@2x.png'
+
 import icon_refuse from '@images/icon-jujue@2x.png'
 import icon_refuse from '@images/icon-jujue@2x.png'
 import icon_apply from '@images/icon-shenhe@2x.png'
 import icon_apply from '@images/icon-shenhe@2x.png'
 import icon_enable from '@images/icon-tongguo@2x.png'
 import icon_enable from '@images/icon-tongguo@2x.png'
@@ -77,7 +80,8 @@ export default {
   props: ['item'],
   props: ['item'],
   data() {
   data() {
     return {
     return {
-      detail: {}
+      detail: {},
+      mp: ''
     }
     }
   },
   },
   created() {
   created() {
@@ -96,6 +100,7 @@ export default {
           { attrKey: 'x5-video-player-type', attrValue: 'h5-page' },
           { attrKey: 'x5-video-player-type', attrValue: 'h5-page' },
         ]
         ]
       })
       })
+      this.mp = mp; // 渲染速度问题，只有视频控件渲染完成后显示
       this.detail = _.cloneDeep(this.item);
       this.detail = _.cloneDeep(this.item);
     }, 500);
     }, 500);
   },
   },

@@ -26,7 +26,7 @@ const props = defineProps({
 const emit = defineEmits(['on-click']);
 const emit = defineEmits(['on-click']);
 const handle = () => {
 const handle = () => {
   if (props.type === 'C') { // 类型是客户端时，才能查看
   if (props.type === 'C') { // 类型是客户端时，才能查看
-    emit('on-click', '')
+    emit('on-click', props.item)
   }
   }
 }
 }
 
 

 <template>
 <template>
   <div class="video-wrapper">
   <div class="video-wrapper">
     <div class="video-div" :id="'mui-player-' + item.id"></div>
     <div class="video-div" :id="'mui-player-' + item.id"></div>
-    <div class="normal-module">
+    <div v-if="mp" class="normal-module">
       <div class="video-bar">
       <div class="video-bar">
         <van-row>
         <van-row>
           <van-col span="12" @click="goTo">
           <van-col span="12" @click="goTo">
@@ -65,7 +65,8 @@ export default {
   props: ['item'],
   props: ['item'],
   data() {
   data() {
     return {
     return {
-      detail: {}
+      detail: {},
+      mp: ''
     }
     }
   },
   },
   created() {
   created() {
@@ -84,6 +85,7 @@ export default {
           { attrKey: 'x5-video-player-type', attrValue: 'h5-page' },
           { attrKey: 'x5-video-player-type', attrValue: 'h5-page' },
         ]
         ]
       })
       })
+      this.mp = mp;
       this.detail = _.cloneDeep(this.item)
       this.detail = _.cloneDeep(this.item)
     }, 500);
     }, 500);
   },
   },

@@ -26,7 +26,7 @@ axios.interceptors.request.use(
 // 响应拦截器
 // 响应拦截器
 axios.interceptors.response.use(
 axios.interceptors.response.use(
   response => {
   response => {
-    let userType = router && router.currentRoute.value.href.indexOf('business') > 0 ? 'b' : 'c';
+    let userType = router && router.currentRoute.value.href?.indexOf('business') > 0 ? 'b' : 'c';
     if (response.data.code === 401) {
     if (response.data.code === 401) {
       // 未授权跳转登录页
       // 未授权跳转登录页
       // 带着上一个页面的信息
       // 带着上一个页面的信息

 <template>
 <template>
   <div class="book-video-list">
   <div class="book-video-list">
-    <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
-      <template v-for="item in dataList" :key="item" style="height: 3rem;">
+    <template v-for="item in prodList" :key="item" style="height: 3rem;">
       <video-card :item="item"></video-card>
       <video-card :item="item"></video-card>
     </template>
     </template>
-    </van-list>
+    <div style="height: 2rem;"></div>
   </div>
   </div>
 </template>
 </template>
 
 
@@ -21,31 +20,22 @@ const $route = useRoute();
 const $router = useRouter();
 const $router = useRouter();
 
 
 // 处理书籍下作品列表
 // 处理书籍下作品列表
-const list = ref([]);
-const loading = ref(false);
-const finished = ref(false);
-
-const onLoad = () => {
-  // 异步更新数据
-  // setTimeout 仅做示例，真实场景中一般为 ajax 请求
-  setTimeout(() => {
-    for (let i = 0; i < 20; i++) {
-      list.value.push(list.value.length + 1);
-    }
-
-    // 加载状态结束
-    loading.value = false;
-
-    // 数据全部加载完成
-    if (list.value.length >= 100) {
-      finished.value = true;
+const prodList = ref([])
+axios.get('/srv/?a=my_favor')
+.then(res => {
+  if (res.data.code === 1) {
+    prodList.value = res.data.data.prod;
+  } else {
+    console.warn(res);
+    Toast({
+      icon: 'close',
+      message: res.data.msg
+    });
   }
   }
-  }, 1000);
-};
-
-  onMounted(() => {
-    
-  })
+})
+.catch(err => {
+  console.error(err); 
+})
 </script>
 </script>
 
 
 <script>
 <script>

@@ -16,16 +16,31 @@ import { Toast } from 'vant';
 const $route = useRoute();
 const $route = useRoute();
 const $router = useRouter();
 const $router = useRouter();
 
 
-const items = reactive([])
-
-  onMounted(() => {
-    for (let index = 0; index < 20; index++) {
-      items.push({
-        id: index,
-        avatar: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg'
-      })
+const items = ref([]);
+axios.get('/srv/?a=my_subscribe')
+  .then(res => {
+    if (res.data.code === 1) {
+      items.value = res.data.data;
+    } else {
+      console.warn(res);
+      Toast({
+        icon: 'close',
+        message: res.data.msg
+      });
     }
     }
   })
   })
+  .catch(err => {
+    console.error(err);
+  });
+
+const onClick = (item) => {
+  $router.push({
+    path: '/client/bookDetail',
+    query: {
+      id: item.id
+    }
+  });
+}
 </script>
 </script>
 
 
 <script>
 <script>
@@ -33,12 +48,12 @@ import mixin from 'common/mixin';
 
 
 export default {
 export default {
   mixins: [mixin.init],
   mixins: [mixin.init],
-  data () {
+  data() {
     return {
     return {
 
 
     }
     }
   },
   },
-  mounted () {
+  mounted() {
 
 
   },
   },
   methods: {
   methods: {
@@ -48,5 +63,4 @@ export default {
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
-
 </style>
 </style>
\ No newline at end of file

@@ -47,7 +47,6 @@ export default {
   mixins: [mixin.init],
   mixins: [mixin.init],
   data () {
   data () {
     return {
     return {
-
     }
     }
   },
   },
   mounted () {
   mounted () {