From d25b99660c672a91e6654d873fe051a9a811593b Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Fri, 7 Apr 2023 13:49:41 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=AF=E5=88=86=E5=AE=A1=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../fd/AppPointsReview/AppPointsReview.vue    |  4 +-
 src/project/fd/AppPointsReview/detail.vue     | 59 +++++++++++++++++--
 2 files changed, 57 insertions(+), 6 deletions(-)

diff --git a/src/project/fd/AppPointsReview/AppPointsReview.vue b/src/project/fd/AppPointsReview/AppPointsReview.vue
index a3799266..c6788857 100644
--- a/src/project/fd/AppPointsReview/AppPointsReview.vue
+++ b/src/project/fd/AppPointsReview/AppPointsReview.vue
@@ -105,7 +105,9 @@ export default {
         current: this.current,
         size: 10,
         girdId: this.user.girdId,
-        applyItemId: this.search.type
+        applyItemId: this.search.type,
+        createTimeStart: this.search.startTime,
+        createTimeEnd: this.search.endTime
       }).then(res=> {
         if(res?.data) {
           res.data.records.map((item) => {
diff --git a/src/project/fd/AppPointsReview/detail.vue b/src/project/fd/AppPointsReview/detail.vue
index d8659efa..421243dc 100644
--- a/src/project/fd/AppPointsReview/detail.vue
+++ b/src/project/fd/AppPointsReview/detail.vue
@@ -11,7 +11,15 @@
       </div>
       <p class="text">{{info.content}}</p>
       <div class="img-list" v-if="info.files && info.files.length">
-        <img :src="item.accessUrl" alt="" v-for="(item, index) in info.files" :key="index" @click="previewImages(info.files, item.accessUrl)">
+        <!-- <AiUploader type="file" multiple :def.sync="info.files" :disabled="true"></AiUploader> -->
+
+        <div v-for="(item, index) in info.files"  :key="index">
+          <div v-if="item.postfix == '.mp4'" class="video-item" @click="choose(item)" >
+            <img :src="item.facePicture" alt="" class="pic-img">
+            <img :src="`${$cdn}video/play-icon.png`" alt="" class="play-icon">
+          </div>
+          <img :src="item.accessUrl" alt="" @click="previewImages(item.accessUrl)" class="pic-img" v-else>
+        </div>
       </div>
     </div>
     <div class="pass-info" v-if="info.status == 2">
@@ -32,6 +40,12 @@
         <span class="confirm" @click="confirm">保存</span>
       </div>
     </u-popup>
+    <u-popup v-model="showVideo" mode="bottom">
+      <div class="audio">
+        <video controls class="only_video" :src="videoUrl" autoplay></video>
+        <!-- <audio :src="url" ref="audio" :controls="true" :name="autioName" style="display: block;"></audio> -->
+      </div>
+    </u-popup>
   </div>
 </template>
 
@@ -44,6 +58,8 @@ export default {
       value: '',
       id: '',
       info: {},
+      showVideo: false,
+      videoUrl: ''
     };
   },
   onLoad(option) {
@@ -89,15 +105,25 @@ export default {
         }
       })
     },
-    previewImages(images, img) {
+    previewImages(img) {
+      var imgs = []
+      this.info.files.map((item) => {
+        if(item.postfix != '.mp4') {
+          imgs.push(item.accessUrl)
+        }
+      })
       uni.previewImage({
-        urls: images.map(v => v.accessUrl),
+        urls: imgs,
         current: img
       })
     },
     callPhone(phone) {
       uni.makePhoneCall({ phoneNumber: phone })
     },
+    choose(item) {
+      this.videoUrl = item.accessUrl
+      this.showVideo = true
+    },
   },
 };
 </script>
@@ -158,14 +184,27 @@ uni-page-body {
       margin-bottom: 20px;
     }
     .img-list {
-      img {
+      div {
+        display: inline-block;
+      }
+      .pic-img {
         width: 210px;
         height: 210px;
         margin: 0 16px 16px 0;
       }
-      img:nth-of-type(3n) {
+      .pic-img:nth-of-type(3n) {
         margin-right: 0;
       }
+      .video-item {
+        position: relative;
+      }
+      .play-icon {
+        position: absolute;
+        top: 80px;
+        left: 80px;
+        width: 50px;
+        height: 50px;
+      }
     }
   }
   .pass-info {
@@ -260,5 +299,15 @@ uni-page-body {
       color: #fff;
     }
   }
+  .audio {
+    width: 100%;
+    height: 600px;
+    box-sizing: border-box;
+    padding: 32px;
+    .only_video {
+      width: 100%;
+      height: 100%;
+    }
+  }
 }
 </style>
\ No newline at end of file