播放按钮调整

添加证件号限制
dev
Tuzki 2 years ago
parent 4af0638f4f
commit adfe592693
  1. 17
      ruoyi-ui/src/views/picture/resource-monitoring/dialog-module/tour-detail.vue
  2. 3
      ruoyi-ui/src/views/reservationdata/appointmentrecord/index.vue

@ -100,12 +100,10 @@
<div v-if="viewNavActive=='broadcast'&&detailData.mp3Url" class="audio-controls">
<audio ref="audio" :src="baseUrl+detailData.mp3Url"></audio>
<div :class="{ playing: isPlaying }" class="play-pause" @click="togglePlayback"></div>
<div class="progress-bar" @click="seek($event)">
<div class="progress-bar" >
<div :style="{ width: progressPercentage }" class="progress"></div>
</div>
<div class="volume-bar" @click="adjustVolume($event)">
<div :style="{ height: volumePercentage }" class="progress"></div>
</div>
<div class="time-display">{{ currentTimeDisplay }}</div>
</div>
</div>
@ -712,7 +710,7 @@ export default {
isPlaying: false,
duration: 0,
currentTime: 0,
volume: 1.0, //
volume: 1, //
baseUrl: process.env.VUE_APP_BASE_API,
flowData: {},
@ -858,6 +856,7 @@ export default {
}
},
seek(event) {
console.log(event,'999')
const barWidth = event.currentTarget.offsetWidth;
const clickPosition = event.clientX - event.currentTarget.offsetLeft;
const percentage = clickPosition / barWidth;
@ -1783,17 +1782,17 @@ video {
padding: 0 5px;
}
.play-btn {
.play-pause {
width: 30px;
height: 30px;
background-image: url("~@/assets/images/p_pause.svg");
background-image: url("~@/assets/images/p_play.svg");
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.play-btn.playing {
background-image: url("~@/assets/images/p_play.svg");
.play-pause.playing {
background-image: url("~@/assets/images/p_pause.svg");
}
.progress-bar {

@ -29,7 +29,7 @@
/>
</el-form-item>
<el-form-item label="证件类型" prop="certificateType">
<el-select v-model="queryParams.certificateType" placeholder="请选择证件类型" clearable>
<el-select v-model="queryParams.certificateType" placeholder="请选择证件类型" >
<el-option
v-for="dict in dict.type.certificate_type"
:key="dict.value"
@ -42,6 +42,7 @@
<el-form-item label="证件号码" prop="documentsNumber">
<el-input
:disabled="queryParams.certificateType==null"
v-model="queryParams.documentsNumber"
placeholder="请输入证件号码"
clearable

Loading…
Cancel
Save