|
|
|
|
@ -14,7 +14,7 @@
|
|
|
|
|
<view class="g_fw_600 g_mr_4 g_flex_column_center">{{ userinfo.agencyId == jobDetail.agencyId ? "项目方" : "发单号" }}</view>
|
|
|
|
|
|
|
|
|
|
<view class="g_flex_row_end flex_center g_flex_1">
|
|
|
|
|
<span class="g_c_6" selectable="false" space="false" decode="false">{{ userinfo.agencyId == jobDetail.agencyId ? jobDetail.upFullName || jobDetail.upAgencyName || "-" : jobDetail.fullName || jobDetail.agencyName }}</span>
|
|
|
|
|
<span class="g_c_6" selectable="false" space="false" decode="false">{{ userinfo.agencyId == jobDetail.agencyId ? jobDetail.upFullName || jobDetail.upAgencyName || jobDetail.upProviderName || "-" : jobDetail.fullName || jobDetail.agencyName }}</span>
|
|
|
|
|
|
|
|
|
|
<span class="iconfont icon-gengduo11 g_fs_14 g_c_6 g_ml_4"></span>
|
|
|
|
|
</view>
|
|
|
|
|
@ -91,33 +91,20 @@
|
|
|
|
|
</view>
|
|
|
|
|
<view v-else class="g_border_e_t g_mt_16"></view>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<view class="m-banner g_pb_16 g_border_f5_b g_mt_12" v-if="swiperArray.length > 0">
|
|
|
|
|
<scroll-view class="banner-scroll" scroll-x="true" show-scrollbar="false"
|
|
|
|
|
:scroll-with-animation="true">
|
|
|
|
|
<view class="scroll-content">
|
|
|
|
|
<view v-for="(item, index) in swiperArray" :key="index" class="scroll-item"
|
|
|
|
|
:class="index == 0 ? 'g_ml_0 g_mr_0' : ''"
|
|
|
|
|
@click="item.type == 'image' ? handleViewBig(item, index) : showVideo(item)">
|
|
|
|
|
<u-image :radius="4" v-if="item.type == 'image'" :showLoading="true" :src="item.image"
|
|
|
|
|
width="58px" height="58px" style="border-radius: 4px">
|
|
|
|
|
</u-image>
|
|
|
|
|
<view class="g_w_58 g_h_58 g_radius_4 videoContainer" v-else>
|
|
|
|
|
<video class="theVideo" :show-fullscreen-btn="true" :show-play-btn="true"
|
|
|
|
|
:show-center-play-btn="true" :enable-play-gesture="true" :id="item.id"
|
|
|
|
|
:src="item.image" @fullscreenchange="fullScreen" :muted="muted"
|
|
|
|
|
:show-mute-btn="isFullscreen" :show-progress="isFullscreen"
|
|
|
|
|
:show-time="isFullscreen" :controls="isFullscreen"
|
|
|
|
|
:enable-progress-gesture="isFullscreen" :object-fit="'cover'"
|
|
|
|
|
style="width: 100%; height: 100%;">
|
|
|
|
|
</video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="m-banner g_pb_16 g_border_f5_b g_mt_12" v-if="swiperArray.length > 0">
|
|
|
|
|
<scroll-view class="banner-scroll" scroll-x="true" show-scrollbar="false" :scroll-with-animation="true">
|
|
|
|
|
<view class="scroll-content">
|
|
|
|
|
<view v-for="(item, index) in swiperArray" :key="index" class="scroll-item" :class="index == 0 ? 'g_ml_0 g_mr_0' : ''" @click="item.type == 'image' ? handleViewBig(item, index) : showVideo(item)">
|
|
|
|
|
<u-image :radius="4" v-if="item.type == 'image'" :showLoading="true" :src="item.image" width="58px" height="58px" style="border-radius: 4px"> </u-image>
|
|
|
|
|
<view class="g_w_58 g_h_58 g_radius_4 videoContainer" v-else>
|
|
|
|
|
<video class="theVideo" :show-fullscreen-btn="true" :show-play-btn="true" :show-center-play-btn="true" :enable-play-gesture="true" :id="item.id" :src="item.image" @fullscreenchange="fullScreen" :muted="muted" :show-mute-btn="isFullscreen" :show-progress="isFullscreen" :show-time="isFullscreen" :controls="isFullscreen" :enable-progress-gesture="isFullscreen" :object-fit="'cover'" style="width: 100%; height: 100%"></video>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="g_flex_row_center g_border_e_b">
|
|
|
|
|
<u-tabs bg-color="transparent" :list="tabInfo.list" :current="tabInfo.active" :active-color="globalData.themeColor" bar-width="32" bar-height="6" @change="handleUpdateTab" :gutter="50" font-size="32" duration="0.05" height="76"></u-tabs>
|
|
|
|
|
</view>
|
|
|
|
|
@ -1258,14 +1245,14 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
fullScreen(e) {
|
|
|
|
|
console.log(e);
|
|
|
|
|
this.muted = true;
|
|
|
|
|
this.isFullscreen = e.detail.fullScreen; // 更新全屏状态
|
|
|
|
|
|
|
|
|
|
if (!e.detail.fullScreen) {
|
|
|
|
|
this.videoContext.stop();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
console.log(e);
|
|
|
|
|
this.muted = true;
|
|
|
|
|
this.isFullscreen = e.detail.fullScreen; // 更新全屏状态
|
|
|
|
|
|
|
|
|
|
if (!e.detail.fullScreen) {
|
|
|
|
|
this.videoContext.stop();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
shareVideo(e) {
|
|
|
|
|
var that = this;
|
|
|
|
|
console.log(e);
|
|
|
|
|
@ -1430,7 +1417,7 @@ export default {
|
|
|
|
|
monthPay: that.jobDetail.monthPay,
|
|
|
|
|
jobId: that.uid,
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
uni.setStorageSync("im_sendParams", JSON.stringify(sendParams));
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: "/root/NEUIKit/pages/Chat/index",
|
|
|
|
|
@ -1629,49 +1616,49 @@ export default {
|
|
|
|
|
.u-swiper__wrapper__item {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
image {
|
|
|
|
|
border-radius: 4px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.banner-scroll {
|
|
|
|
|
width: 100%;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scroll-content {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scroll-item {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 58px;
|
|
|
|
|
height: 58px;
|
|
|
|
|
margin-right: 12px;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.videoContainer {
|
|
|
|
|
position: relative;
|
|
|
|
|
background-color: #000; // 黑色背景
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.theVideo {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 小图时隐藏控制栏
|
|
|
|
|
::v-deep .uni-video-controls {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 全屏时显示控制栏
|
|
|
|
|
::v-deep .uni-video-fullscreen-controls {
|
|
|
|
|
display: block !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 小图时只显示居中的播放按钮
|
|
|
|
|
::v-deep .uni-video-cover-play-button {
|
|
|
|
|
display: block !important;
|
|
|
|
|
@ -1683,21 +1670,21 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// .swiper {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // 为最后一个视频项目添加特殊处理
|
|
|
|
|
// swiper-item:last-child {
|
|
|
|
|
// .videoContainer {
|
|
|
|
|
// // 确保视频容器不会被裁剪
|
|
|
|
|
// overflow: visible !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// .theVideo {
|
|
|
|
|
// // 确保视频元素能够完整显示
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// height: 100%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// .shareVideo {
|
|
|
|
|
// // 调整分享按钮位置,确保不会遮挡视频
|
|
|
|
|
// right: 10px;
|
|
|
|
|
@ -1707,8 +1694,7 @@ export default {
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.m-state {
|
|
|
|
|
position: fixed;
|
|
|
|
|
left: 0;
|
|
|
|
|
|