重点工程播放视频

pages/key-project-management/positioning_management/index.vue

@@ -1,6 +1,19 @@
 <template>
   <view class="content">
-    <u-search placeholder="请输入搜索关键词" v-model="KEYWORDS" @custom="fnSearchList" @clear="fnSearchList" @search="fnSearchList"></u-search>
+    <view class="search card">
+      <u--input
+          prefixIcon="search"
+          placeholder="请输入关键字"
+          border="surround"
+          v-model="KEYWORDS"
+          clearable
+          shape="circle"
+      ></u--input>
+      <view class="bth-mini ml-10">
+        <u-button type="success" text="确定" @click="fnSearchList"></u-button>
+      </view>
+
+    </view>
     <u-list @scrolltolower="scrolltolower" v-if="list.length > 0">
       <u-list-item v-for="(item, index) in list" :key="index">
         <view class="flex-between main-title" @click="fnKeyProjectApply(item.OUTSOURCED_ID)">

pages/key-project-management/positioning_management/list.vue

@@ -1,7 +1,19 @@
 <template>
   <view class="content">
-    <u-search placeholder="请输入搜索关键词" v-model="KEYWORDS" @custom="fnSearchList" @clear="fnSearchList"
+    <view class="search card">
-              @search="fnSearchList"></u-search>
+      <u--input
+          prefixIcon="search"
+          placeholder="请输入关键字"
+          border="surround"
+          v-model="KEYWORDS"
+          clearable
+          shape="circle"
+      ></u--input>
+      <view class="bth-mini ml-10">
+        <u-button type="success" text="确定" @click="fnSearchList"></u-button>
+      </view>
+
+    </view>
     <u-list @scrolltolower="scrolltolower" v-if="list.length > 0">
       <u-list-item v-for="(item, index) in list" :key="index">
         <view class="flex-between main-title">

pages/key-project-management/positioning_management/videoView.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="content">
-      <video id="coursewareVideo" src="https://arqsp.qhdsafety.com:10010/api/v1/stream/start?serial=34020000001110001307&code=34020000001320000004&channel=1&token=&_=1733366514489"
+    <video id="coursewareVideo" :src="src"
            controls autoplay="autoplay" style="width: 100%;"></video>
   </view>
 </template>
@@ -12,7 +12,8 @@ import {getPlatVideoPlay, loginVideoPlat} from "@/api";
 export default {
   data() {
     return {
-      info: {}
+      info: {},
+      src: ''
     }
   },
   onLoad(options) {
@@ -20,10 +21,16 @@ export default {
     this.fnInit()
   },
   methods: {
-    fnInit(){
+    fnInit() {
       this.fnInitVideoPlat()
     },
-    async fnInitVideoPlat(){
+    async fnInitVideoPlat() {
+      const resData = await getPlatVideoPlay({
+        serial: '34020000001110001307',
+        code: '34020000001320000004',
+        channel: 1,
+      })
+      this.src = resData.HLS
       //   this.src = 'https://arqsp.qhdsafety.com:10010/api/v1/stream/start?serial=34020000001110001307&code=34020000001320000004&channel=1&token=&_=1733366514489'
       // console.log(src)
     },
@@ -51,16 +58,6 @@ export default {
 <style lang="scss" scoped>
 .content {
   background-color: #fff;
-  padding: 0 20upx;
+  padding: 20rpx;
-}
-
-.button {
-  text-align: center;
-  margin-top: 40upx;
-  margin-bottom: 40upx;
-
-  button {
-    width: 70%;
-  }
 }
 </style>