gx

src/pages.json

@@ -617,7 +617,10 @@
 					"path": "xskz/details",
 					"style": {
 						"navigationBarTitleText": "线上看展-详情",
-						"enablePullDownRefresh": false
+						"enablePullDownRefresh": false,
+						"usingComponents": {
+							"player-component": "plugin://player/video"
+						}
 					}
 				}
 			]

src/pagesD/jgsz/index.vue

@@ -16,25 +16,11 @@
       </view>
     </view>
     <view class="forms" v-if="tabC == '0'">
-      <view class="teamBox" v-for="(item, index) in 6">
+      <view class="teamBox" v-for="(item, index) in 2" :key="index">
         <view class="teamBox-right">
+          <view class="item-image">
             <image src="../../static/txIcon.png" mode=""></image>
           </view>
-        <view class="teamBox-left">
-          <view class="teamMinbox-top">
-            <view class="title">张三</view>
-            <view class="street">会长</view>
-          </view>
-          <view class="teamMinbox-bottom">
-            xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
-          </view>
-        </view>
-      </view>
-    </view>
-    <view class="forms" v-if="tabC == '1'" >
-      <view class="teamBox" v-for="(item, index) in 2">
-        <view class="teamBox-right">
-          <image src="../../static/txIcon.png" mode=""></image>
         </view>
         <view class="teamBox-left">
           <view class="teamMinbox-top">
@@ -47,11 +33,37 @@
         </view>
       </view>
     </view>
-    <view class="forms" v-if="tabC == '2'" >
+    <view class="forms" v-if="tabC == '1'">
-      <view class="teamBox" v-for="(item, index) in 3">
+      <view
+        class="teamBox"
+        v-for="item in list"
+        :key="item.id"
+        @click="onInfo(item.id)"
+      >
         <view class="teamBox-right">
+          <view class="item-image">
+            {{ item.userName }}
+            <!-- <image src="../../static/txIcon.png" mode=""></image> -->
+          </view>
+        </view>
+        <view class="teamBox-left">
+          <view class="teamMinbox-top">
+            <view class="title">{{ item.userName }}</view>
+            <view class="street">{{ item.identity }}</view>
+          </view>
+          <view class="teamMinbox-bottom">
+            {{ item.introduce }}
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="forms" v-if="tabC == '2'">
+      <view class="teamBox" v-for="(item, index) in 3" :key="index">
+        <view class="teamBox-right">
+          <view class="item-image">
             <image src="../../static/txIcon.png" mode=""></image>
           </view>
+        </view>
         <view class="teamBox-left">
           <view class="teamMinbox-top">
             <view class="title">xx团队</view>
@@ -71,15 +83,44 @@ export default {
   data() {
     return {
       tabC: "0",
+      list: [],
     };
   },
   onShow() {
-    // this.getData();
+    this.get();
   },
   methods: {
+    get() {
+      this.http
+        .request("/organPerson/list", {}, "GET")
+        .then((res) => {
+          if (res.code == 200) {
+            this.list = res.data.records;
+          }
+        })
+        .catch((err) => {
+          uni.showToast({
+            title: e.data.message,
+            icon: "none",
+          });
+        });
+    },
     toTab(val) {
       this.tabC = val;
-      // this.getData()
+    },
+    onInfo(obj) {
+      this.http
+        .request("/organPerson/details", { id: obj }, "GET")
+        .then((res) => {
+          if (res.code == 200) {
+          }
+        })
+        .catch((err) => {
+          uni.showToast({
+            title: e.data.message,
+            icon: "none",
+          });
+        });
     },
   },
 };
@@ -140,12 +181,28 @@ export default {
     display: flex;
     .teamBox-right {
       margin-right: 20rpx;
+      width: 159rpx;
+      height: 159rpx;
+      .item-image {
+        width: 159rpx;
+        height: 159rpx; 
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: rgba(152, 149, 149, 0.5);
+        color: rgb(240, 239, 239);
+        font-style: 64rpx;
+        font-weight: bolder;
+        border-radius: 50%;
+        overflow: hidden;
         image {
-        width: 180rpx;
+          width: 159rpx;
-        height: 130rpx;
+          height: 159rpx;
+          border-radius: 50%;
           background-size: contain;
         }
       }
+    }
     .teamBox-left {
       //   width: 400rpx;
       .teamMinbox-top {

src/pagesD/xskz/details.vue

@@ -1,15 +1,27 @@
 <template>
   <view>
-    <player-component vid="p0743x9grjv"></player-component>
+    <player-component
+      playerid="tvp"
+      id="tvp-id"
+      vid="13881752490784308944"
+    ></player-component>
   </view>
 </template>
 
 <script>
 export default {
   data() {
-    return {};
+    return {
+      store: null,
+      player: null,
+    };
+  },
+  onShow() {
+    this.store = requirePlugin("player");
+    this.player = this.store.get("tvp");
+    console.log(this.store);
+    console.log(this.player);
   },
-  onShow() {},
   mounted() {},
   methods: {},
 };

src/pagesD/xskz/index.vue

@@ -24,25 +24,25 @@
       </view>
     </view> -->
     <view class="forms">
-      <view class="teamBox" v-for="(item, index) in videoList" :key="item.id">
+      <view class="teamBox" v-for="(item, index) in list" :key="item.id">
         <view class="teamBox-top">
-          <view class="mask" @click="playMask(index)" v-if="item.play">
+          <image class="team-image" :src="item.linkPath" mode="scaleToFill" />
-            <text>{{ item.title }}</text>
+          <view class="mask">
             <image src="../../static/play.png"></image>
           </view>
         </view>
         <view class="teamBox-bottom">
           <view class="interactive">
             <image src="../../static/play-1.png" mode=""></image>
-            <view class="title">{{ item.playback }}</view>
+            <view class="title">{{ item.views }}</view>
           </view>
           <view class="interactive">
             <image src="../../static/workDetail/heart1.png" mode=""></image>
-            <view class="title">{{ item.like }}</view>
+            <view class="title">{{ item.likes }}</view>
           </view>
           <view class="interactive">
             <image src="../../static/workDetail/star1.png" mode=""></image>
-            <view class="title">{{ item.collect }}</view>
+            <view class="title">{{ item.collections }}</view>
           </view>
         </view>
       </view>
@@ -102,19 +102,19 @@ export default {
           });
         });
     },
-    playMask(index) {
+    playMask(obj) {
-      this.videoList[index].play = false;
+      // this.videoList[index].play = false;
-      var video = document.getElementById("video");
+      // var video = document.getElementById("video");
-      //   暂停播放
+      // //   暂停播放
-      video.addEventListener("pause", function (e) {
+      // video.addEventListener("pause", function (e) {
-        console.log("暂停播放");
+      //   console.log("暂停播放");
-        console.log(e);
+      //   console.log(e);
-      });
+      // });
-      // 15、ended：播放结束
+      // // 15、ended：播放结束
-      video.addEventListener("ended", function (e) {
+      // video.addEventListener("ended", function (e) {
-        console.log("视频播放完了");
+      //   console.log("视频播放完了");
-        console.log(e);
+      //   console.log(e);
-      });
+      // });
     },
   },
 };
@@ -167,17 +167,18 @@ export default {
   margin: 40rpx auto 0rpx;
   .teamBox {
     .teamBox-top {
-      height: 400rpx;
       position: relative;
-      //   video {
+
-      //     position: relative;
+      .team-image {
-      //   }
+        width: 100%;
+        height: 400rpx;
+        border: 2px solid red;
+      }
       .mask {
         position: absolute;
         top: 0;
         width: 100%;
         height: 100%;
-        background-color: rgba(0, 0, 0, 0.1);
         z-index: 99;
         text {
           //   position: absolute;