| | |
| | | <a-player |
| | | :music="audio[0]" |
| | | :list="audio" |
| | | autoplay |
| | | /> |
| | | </el-card> |
| | | </div> |
| | |
| | | <el-card height="420px"> |
| | | <h3>语音识别</h3> |
| | | <div class="status"> |
| | | <span>异常</span> |
| | | <span>{{lookAudio.score}}</span> |
| | | <!--<span v-if="lookAudio.audioStatus===0">上传中</span>--> |
| | | <!--<span v-else-if="lookAudio.audioStatus===1" style="color: green">正常</span>--> |
| | | <!--<span v-else-if="lookAudio.audioStatus===2">处理中</span>--> |
| | | <!--<span v-else-if="lookAudio.audioStatus===3">异常</span>--> |
| | | </div> |
| | | <div class="title"> |
| | | <!--<div class="title"> |
| | | <div>时间</div> |
| | | <div>语音</div> |
| | | </div> |
| | | </div>--> |
| | | <div class="timeline-container"> |
| | | <el-timeline style="margin-top: 20px"> |
| | | <el-timeline-item v-for="i in 10" placement="top"> |
| | | <div class="time-line"> |
| | | <div class="time"> |
| | | <div>2018/4/12 20:46</div> |
| | | <div>2018/4/12 20:46</div> |
| | | </div> |
| | | <div class="description">车辆启动了</div> |
| | | </div> |
| | | </el-timeline-item> |
| | | </el-timeline> |
| | | <div v-if="lookAudio.audioText==''"> |
| | | <el-empty description="暂无数据"></el-empty> |
| | | </div> |
| | | <div v-else> |
| | | {{lookAudio.audioText}} |
| | | </div> |
| | | <!--<el-timeline style="margin-top: 20px">--> |
| | | <!--<el-timeline-item v-for="i in 10" placement="top">--> |
| | | <!--<div class="time-line">--> |
| | | <!--<div class="time">--> |
| | | <!--<div>2018/4/12 20:46</div>--> |
| | | <!--<div>2018/4/12 20:46</div>--> |
| | | <!--</div>--> |
| | | <!--<div class="description">车辆启动了</div>--> |
| | | <!--</div>--> |
| | | <!--</el-timeline-item>--> |
| | | <!--</el-timeline>--> |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | |
| | | <el-card style="height: 420px"> |
| | | <h3>音频详情</h3> |
| | | <div> |
| | | 车号:SS4B115<br/> |
| | | 车次:8040<br> |
| | | 时间:2020-09-21 20:45:08<br/> |
| | | 司机:A20<br> |
| | | 车号:{{lookAudio.locomotiveNumber}}<br/> |
| | | 车次:{{lookAudio.trainNumber}}<br> |
| | | 时间:{{lookAudio.occurrenceTime}}<br/> |
| | | 司机:{{lookAudio.driverNumber}}<br> |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | |
| | | APlayer |
| | | }, |
| | | props:{ |
| | | modalAudio:{type:Boolean,default:false} |
| | | modalAudio:{type:Boolean,default:false}, |
| | | lookAudio:{ |
| | | type:Object, |
| | | default:()=>({}) |
| | | } |
| | | }, |
| | | data(){ |
| | | return { |
| | |
| | | { |
| | | title: '天空之城', |
| | | artist: '黄叶', |
| | | url: `${publicPath}audio/test.mp3`, |
| | | //url: `${publicPath}audio/test.mp3`, |
| | | pic: `${publicPath}images/audio/u230.png`, |
| | | lrc: '[00:12.09]作词:林夕[00:12.33]作曲:徐伟贤[00:14.40]对我好对我好' |
| | | } |
| | |
| | | height: 20px; |
| | | line-height: 20px; |
| | | text-align: center; |
| | | border: 1px solid red; |
| | | // border: 1px solid red; |
| | | color: red; |
| | | border-radius: 10px; |
| | | // border-radius: 10px; |
| | | } |
| | | } |
| | | .title{ |