From fefe4a3011fb472788abb2e7ffdbbc5a4f58623c Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期三, 05 六月 2024 14:10:16 +0800
Subject: [PATCH] feat:更新ui界面
---
src/views/home/components/audioAnalysis/components/Analysis.vue | 57 +++++++++++++++++++++++++++++++++++----------------------
1 files changed, 35 insertions(+), 22 deletions(-)
diff --git a/src/views/home/components/audioAnalysis/components/Analysis.vue b/src/views/home/components/audioAnalysis/components/Analysis.vue
index 1d0edbf..43e0f4f 100644
--- a/src/views/home/components/audioAnalysis/components/Analysis.vue
+++ b/src/views/home/components/audioAnalysis/components/Analysis.vue
@@ -13,7 +13,6 @@
<a-player
:music="audio[0]"
:list="audio"
- autoplay
/>
</el-card>
</div>
@@ -22,24 +21,34 @@
<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>
@@ -47,10 +56,10 @@
<el-card style="height: 420px">
<h3>闊抽璇︽儏</h3>
<div>
- 杞﹀彿锛歋S4B115<br/>
- 杞︽锛�8040<br>
- 鏃堕棿锛�2020-09-21 20:45:08<br/>
- 鍙告満锛欰20<br>
+ 杞﹀彿锛歿{lookAudio.locomotiveNumber}}<br/>
+ 杞︽锛歿{lookAudio.trainNumber}}<br>
+ 鏃堕棿锛歿{lookAudio.occurrenceTime}}<br/>
+ 鍙告満锛歿{lookAudio.driverNumber}}<br>
</div>
</el-card>
</div>
@@ -68,7 +77,11 @@
APlayer
},
props:{
- modalAudio:{type:Boolean,default:false}
+ modalAudio:{type:Boolean,default:false},
+ lookAudio:{
+ type:Object,
+ default:()=>({})
+ }
},
data(){
return {
@@ -105,9 +118,9 @@
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{
--
Gitblit v1.8.0