Skip to content

C
csssp-xcx-h5
提交 4878fe4d authored 作者: 杨斌基's avatar 杨斌基
浏览文件
操作

feat(上报内容): 调整表单内容顺序

上级 c624a1b3
隐藏空白字符变更
内嵌 并排
正在显示 包含 69 行增加 和 58 行删除
pages/record-content/index.vue
浏览文件 @ 4878fe4d
...@@ -57,6 +57,38 @@ ...@@ -57,6 +57,38 @@
</view> </view>
</view> </view>
<!-- 上传照片-->
<view class="step_box">
<view class="tep_one">
<image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_zp@2x.png" />
<view class="one">{{ !showActive ? null : '上传照片/视频' }}</view>
</view>
<view class="photo_wrapper">
<view class="photo_list">
<view class="photo_item" bindtap="preview" v-for="(item, index) in photoList" :key="item.id">
<view v-if="item.status === 'loading'" class="photo_item--loading"> </view>
<view v-else @click="previewVideo(item, index)">
<!-- <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" />
<image src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />
</view>
<!-- <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" />
</view>
</view>
<view class="photo_upload" @click="upload">
<image mode="aspectFill" class="upload_icon" src="/static/icon/upload_icon@2x.png" />
</view>
</view>
<view class="tip">{{ '需反应车型、停车位置和环境参照物' }}</view>
</view>
</view>
<!-- 违法类型--> <!-- 违法类型-->
<view class="step_box"> <view class="step_box">
<view class="tep_one"> <view class="tep_one">
...@@ -72,36 +104,18 @@ ...@@ -72,36 +104,18 @@
</view> </view>
</view> </view>
<!-- 违法时间--> <!-- 车牌号码-->
<view class="step_box"> <view class="step_box">
<view class="tep_one"> <view class="tep_one">
<image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" /> <image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" />
<view class="one">{{ '违法时间' }}</view> <view class="one">{{ '车牌号码' }}</view>
</view> </view>
<view class="report_title"> <view class="report_title">
<input <input :maxlength="20" :placeholder="'车牌号码'" v-model="IllegalForm.license_plate" class="title_input" />
:maxlength="20" <view class="clear">
:placeholder="'违法时间'" <text style="float: right; font-size: 28rpx; font-weight: 400; color: #656565; margin-right: 5px">{{ IllegalForm.license_plate.length }}/{{ maxWord }}</text>
:value="$u.timeFormat(IllegalForm.illegal_time, 'yyyy-mm-dd hh:MM:ss')" <image v-if="IllegalForm.license_plate" @click="IllegalForm.license_plate = ''" mode="aspectFill" class="tep_icon" src="/static/icon/ic_bt_del@2x.png" />
readonly </view>
class="title_input"
@click="showIllegalTime = true"
/>
<!-- <view class="clear">-->
<!-- <text style="float: right; font-size: 28rpx; font-weight: 400; color: #656565; margin-right: 5px">{{ IllegalForm.illegal_time.length }}/{{ maxWord }}</text>-->
<!-- <image v-if="IllegalForm.illegal_time" @click="IllegalForm.illegal_time = ''" mode="aspectFill" class="tep_icon" src="/static/icon/ic_bt_del@2x.png" />-->
<!-- </view>-->
</view>
</view>
<!-- 行为描述-->
<view class="step_box">
<view class="tep_one">
<image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" />
<view class="one">{{ '行为描述' }}</view>
</view>
<view class="photo_list2">
<textarea v-model="IllegalForm.content" :placeholder="'具体描述（最少10个字）'" class="write_box" />
</view> </view>
</view> </view>
...@@ -120,50 +134,36 @@ ...@@ -120,50 +134,36 @@
</view> </view>
</view> </view>
<!-- 车牌号码--> <!-- 违法时间-->
<view class="step_box"> <view class="step_box">
<view class="tep_one"> <view class="tep_one">
<image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" /> <image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" />
<view class="one">{{ '车牌号码' }}</view> <view class="one">{{ '违法时间' }}</view>
</view> </view>
<view class="report_title"> <view class="report_title">
<input :maxlength="20" :placeholder="'车牌号码'" v-model="IllegalForm.license_plate" class="title_input" /> <input
<view class="clear"> :maxlength="20"
<text style="float: right; font-size: 28rpx; font-weight: 400; color: #656565; margin-right: 5px">{{ IllegalForm.license_plate.length }}/{{ maxWord }}</text> :placeholder="'违法时间'"
<image v-if="IllegalForm.license_plate" @click="IllegalForm.license_plate = ''" mode="aspectFill" class="tep_icon" src="/static/icon/ic_bt_del@2x.png" /> :value="$u.timeFormat(IllegalForm.illegal_time, 'yyyy-mm-dd hh:MM:ss')"
</view> readonly
class="title_input"
@click="showIllegalTime = true"
/>
<!-- <view class="clear">-->
<!-- <text style="float: right; font-size: 28rpx; font-weight: 400; color: #656565; margin-right: 5px">{{ IllegalForm.illegal_time.length }}/{{ maxWord }}</text>-->
<!-- <image v-if="IllegalForm.illegal_time" @click="IllegalForm.illegal_time = ''" mode="aspectFill" class="tep_icon" src="/static/icon/ic_bt_del@2x.png" />-->
<!-- </view>-->
</view> </view>
</view> </view>
<!-- 上传照片--> <!-- 行为描述-->
<view class="step_box"> <view class="step_box">
<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_neirong@2x.png" />
<view class="one">{{ !showActive ? null : '上传照片/视频' }}</view> <view class="one">{{ '行为描述' }}</view>
</view> </view>
<view class="photo_wrapper"> <view class="photo_list2">
<view class="photo_list"> <textarea v-model="IllegalForm.content" :placeholder="'具体描述（最少10个字）'" class="write_box" />
<view class="photo_item" bindtap="preview" v-for="(item, index) in photoList" :key="item.id">
<view v-if="item.status === 'loading'" class="photo_item--loading"> </view>
<view v-else @click="previewVideo(item, index)">
<!-- <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" />
<image src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />
</view>
<!-- <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" />
</view>
</view>
<view class="photo_upload" @click="upload">
<image mode="aspectFill" class="upload_icon" src="/static/icon/upload_icon@2x.png" />
</view>
</view>
<view class="tip">{{ '需反应车型、停车位置和环境参照物' }}</view>
</view> </view>
</view> </view>
...@@ -226,6 +226,17 @@ ...@@ -226,6 +226,17 @@
</view> </view>
</view> </view>
<!-- 示例 -->
<view v-if="activeItem" class="step_box">
<view class="tep_one">
<image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" />
<view class="one">示例</view>
</view>
<view class="example">
<u-parse :content="activeItem.desc" />
</view>
</view>
<view class="step_box"> <view class="step_box">
<view class="tep_one"> <view class="tep_one">
<image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_didian@2x.png" /> <image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_didian@2x.png" />
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论