Skip to content

C
csssp-xcx-h5
提交 7aa038e5 authored 作者: 劳广强's avatar 劳广强
浏览文件
操作

fix: 修复 填写上报内容 照片验证和照片提示文案

上级 7eba1cac
隐藏空白字符变更
内嵌 并排
正在显示 包含 47 行增加 和 40 行删除
pages/record-content/index.scss
浏览文件 @ 7aa038e5
...@@ -82,14 +82,17 @@ ...@@ -82,14 +82,17 @@
margin-top: 5rpx; margin-top: 5rpx;
} }
.photo_wrapper {
padding-bottom: 40rpx;
border-bottom: 2rpx solid #e4e4e4;
}
.photo_list { .photo_list {
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 15px; margin-top: 15px;
padding-bottom: 40rpx;
border-bottom: 2rpx solid #e4e4e4;
} }
.photo_list2 { .photo_list2 {
......
pages/record-content/index.vue
浏览文件 @ 7aa038e5
...@@ -129,28 +129,30 @@ ...@@ -129,28 +129,30 @@
<view class="tep_one"> <view class="tep_one">
<image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_zp@2x.png" /> <image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_zp@2x.png" />
<view class="one">{{ !showActive ? null : '上传照片/视频' }}</view> <view class="one">{{ !showActive ? null : '上传照片/视频' }}</view>
<view class="tip">{{ !showActive ? null : '照片至少上传1张/视频20M以下' }}</view>
</view> </view>
<view class="photo_list"> <view class="photo_wrapper">
<view class="photo_item" bindtap="preview" v-for="(item, index) in photoList" :key="item.id"> <view class="photo_list">
<view v-if="item.status === 'loading'" class="photo_item--loading"> </view> <view class="photo_item" bindtap="preview" v-for="(item, index) in photoList" :key="item.id">
<view v-else @click="previewVideo(item, index)"> <view v-if="item.status === 'loading'" class="photo_item--loading"> </view>
<!-- <image mode="aspectFill" class="upload_img" src="{{item}}" /> --> <view v-else @click="previewVideo(item, index)">
<image mode="aspectFill" v-if="item.type === 'image'" :src="item.url" style="display: block; width: 168rpx; height: 168rpx; border-radius: 16rpx" /> <!-- <image mode="aspectFill" class="upload_img" src="{{item}}" /> -->
<image mode="aspectFill" v-if="item.type === 'image'" :src="item.url" style="display: block; width: 168rpx; height: 168rpx; border-radius: 16rpx" />
<view v-else class="play-wrapper">
<video :id="`myVideo${index}`" class="upload_img" :src="item.url" /> <view v-else class="play-wrapper">
<image src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" /> <video :id="`myVideo${index}`" class="upload_img" :src="item.url" />
</view> <image src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />
<!-- <video class="upload_img" v-else :src="item.url" :show-fullscreen-btn="false" :show-play-btn="false" :show-center-play-btn="false" />--> </view>
<!-- <image v-if="item.type === 'video'" src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />--> <!-- <video class="upload_img" v-else :src="item.url" :show-fullscreen-btn="false" :show-play-btn="false" :show-center-play-btn="false" />-->
<!-- <image v-if="item.type === 'video'" src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />-->
<image @click.native.stop="cancel(item, index)" mode="aspectFill" class="upload_del" src="/static/icon/ic_zp_del@2x.png" /> <image @click.native.stop="cancel(item, index)" mode="aspectFill" class="upload_del" src="/static/icon/ic_zp_del@2x.png" />
</view>
</view>
<view class="photo_upload" @click="upload">
<image mode="aspectFill" class="upload_icon" src="/static/icon/upload_icon@2x.png" />
</view> </view>
</view> </view>
<view class="photo_upload" @click="upload"> <view class="tip">{{ '需反应车型、停车位置和环境参照物' }}</view>
<image mode="aspectFill" class="upload_icon" src="/static/icon/upload_icon@2x.png" />
</view>
</view> </view>
</view> </view>
...@@ -229,28 +231,30 @@ ...@@ -229,28 +231,30 @@
<view class="tep_one"> <view class="tep_one">
<image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_zp@2x.png" /> <image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_zp@2x.png" />
<view class="one">{{ !showActive ? null : '上传照片/视频' }}</view> <view class="one">{{ !showActive ? null : '上传照片/视频' }}</view>
<view class="tip">{{ !showActive ? null : '照片至少上传1张/视频20M以下' }}</view>
</view> </view>
<view class="photo_list"> <view class="photo_wrapper">
<view class="photo_item" bindtap="preview" v-for="(item, index) in photoList" :key="item.id"> <view class="photo_list">
<view v-if="item.status === 'loading'" class="photo_item--loading"></view> <view class="photo_item" bindtap="preview" v-for="(item, index) in photoList" :key="item.id">
<view v-else @click="previewVideo(item, index)"> <view v-if="item.status === 'loading'" class="photo_item--loading"></view>
<!-- <image mode="aspectFill" class="upload_img" src="{{item}}" /> --> <view v-else @click="previewVideo(item, index)">
<image mode="aspectFill" v-if="item.type === 'image'" :src="item.url" style="display: block; width: 168rpx; height: 168rpx; border-radius: 16rpx" /> <!-- <image mode="aspectFill" class="upload_img" src="{{item}}" /> -->
<image mode="aspectFill" v-if="item.type === 'image'" :src="item.url" style="display: block; width: 168rpx; height: 168rpx; border-radius: 16rpx" />
<view v-else class="play-wrapper">
<video :id="`myVideo${index}`" class="upload_img" :src="item.url" /> <view v-else class="play-wrapper">
<image src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" /> <video :id="`myVideo${index}`" class="upload_img" :src="item.url" />
</view> <image src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />
<!-- <video class="upload_img" v-else :src="item.url" :show-fullscreen-btn="false" :show-play-btn="false" :show-center-play-btn="false" />--> </view>
<!-- <image v-if="item.type === 'video'" src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />--> <!-- <video class="upload_img" v-else :src="item.url" :show-fullscreen-btn="false" :show-play-btn="false" :show-center-play-btn="false" />-->
<!-- <image v-if="item.type === 'video'" src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />-->
<image @click.native.stop="cancel(item, index)" mode="aspectFill" class="upload_del" src="/static/icon/ic_zp_del@2x.png" /> <image @click.native.stop="cancel(item, index)" mode="aspectFill" class="upload_del" src="/static/icon/ic_zp_del@2x.png" />
</view>
</view>
<view class="photo_upload" @click="upload">
<image mode="aspectFill" class="upload_icon" src="/static/icon/upload_icon@2x.png" />
</view> </view>
</view> </view>
<view class="photo_upload" @click="upload"> <view class="tip">{{ '实例照片（带车牌照、有倾倒行为过程）实地照片、视频' }}</view>
<image mode="aspectFill" class="upload_icon" src="/static/icon/upload_icon@2x.png" />
</view>
</view> </view>
</view> </view>
...@@ -565,7 +569,7 @@ export default { ...@@ -565,7 +569,7 @@ export default {
if (!this.IllegalForm.content) return t('请输入行为描述'); if (!this.IllegalForm.content) return t('请输入行为描述');
if (!this.IllegalForm.number_plate) return t('请输入号牌种类'); if (!this.IllegalForm.number_plate) return t('请输入号牌种类');
if (!this.IllegalForm.license_plate) return t('请输入车牌号码'); if (!this.IllegalForm.license_plate) return t('请输入车牌号码');
if (!this.photoList.filter(({ type }) => type === 'image').length) return t('请上传图片'); if (!this.photoList.length) return t('请上传图片/视频');
if (!this.realForm.name) return t('请输入真实姓名'); if (!this.realForm.name) return t('请输入真实姓名');
if (!this.realForm.phone) return t('请输入电话号码'); if (!this.realForm.phone) return t('请输入电话号码');
if (!this.realForm.certificateType) return t('请选择证件类型'); if (!this.realForm.certificateType) return t('请选择证件类型');
...@@ -573,7 +577,7 @@ export default { ...@@ -573,7 +577,7 @@ export default {
} else { } else {
if (!this.id) return t('请选择上报类型'); if (!this.id) return t('请选择上报类型');
if (!this.longitude) return t('请选择位置'); if (!this.longitude) return t('请选择位置');
if (!this.photoList.filter(({ type }) => type === 'image').length) return t('请上传图片'); if (!this.photoList.length) return t('请上传图片/视频');
if (!this.title) return t('请输入标题'); if (!this.title) return t('请输入标题');
if (!this.content) return t('请输入内容'); if (!this.content) return t('请输入内容');
if (this.checked) { if (this.checked) {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论