巡检

src/pages/business/polling/problemReport.vue

@@ -13,7 +13,7 @@
             <view class="report-list">
                 <view class="report-pro">问题项</view>
                 <view class="report-right">
-                    <view class="r-list"  v-for="(item, index) in optionObj.list" :key="index">
+                    <view class="r-list"  v-for="(item, index) in optionObj.list" :key="index"  @click="handleRound(item)">
                         <view class="r-left" :class="{'r-red':item.active}">
                             <view>{{String(index+1).padStart(2, '0')+'.'}}</view>
                             <view>{{ item.pointName }}</view>
@@ -122,19 +122,24 @@ const chooseMedia = () => {
         success: (res) => {
             console.log(res)
             res.tempFiles.forEach(file => {
-                console.log(`文件类型: ${file.type}, 文件路径: ${file.tempFilePath}`);
-                if (file.type === 'image') {
+                console.log(`文件类型: ${file.fileType}, 文件路径: ${file.tempFilePath}`);
+                if (file.fileType === 'image') {
                     // 显示本地图片
-                    imgArr.value.push(file)
+                    imgArr.value.push(file.tempFilePath)
                 } else if (file.type === 'video') {
                     // 处理视频
-                    videoArr.value.push(file)
+                    videoArr.value.push(file.tempFilePath)
                 }
             });
         }
     });
 }
 
+// 红点点击
+const handleRound=(item)=>{
+    item.active=!item.active
+}
+
 // 提交
 const handleSubmit=()=>{
     // showModel('有未完成的巡检项');
@@ -207,7 +212,7 @@ const handleSubmit=()=>{
 .report-list .r-left{
     display: flex;
     /* align-items: center; */
-    width:70%;
+    width:90%;
     font-size:28rpx;
     color:#919191;
 }
@@ -249,10 +254,27 @@ const handleSubmit=()=>{
     line-height: 30rpx;
     /* #endif */
     /* #ifdef APP-PLUS */
-    height:30rpx;
-    padding-top:5rpx;
+    height:33rpx;
+    padding-top:2rpx;
     /* #endif */
 }
+.report-list .img-flex{
+    display: flex;
+    flex-flow:row wrap;
+    margin-bottom:30rpx;
+}
+.report-list .img-show img,
+.report-list .img-show video{
+    width:210rpx;
+    height: 140rpx;
+}
+.report-list .img-show :deep(.uni-video-cover-play-button){
+    width:64rpx;
+    height: 64rpx;
+    line-height: 64rpx;
+    font-size:60rpx;
+}
+
 .report-list .img-con{
     background-color: #EEEEEE;
     width:210rpx;
@@ -269,13 +291,9 @@ const handleSubmit=()=>{
 .report-list .img-show,
 .report-list .img-con{
     width: calc(100% / 3 - 10px); /* 减去一些间隙以避免溢出 */
-    margin:20rpx 10rpx 0;
+    margin:20rpx 20rpx 0 0;
 }
 
-.report-list .img-show:first-child,
-.report-list .img-con:first-child{
-    margin-left:0;
-}
 
 .btn-submit{
     width:400rpx;