修改

src/layout/components/TrackManagement/index.vue

@@ -123,14 +123,14 @@ export default {
   //绘制音频波形图
   mounted() {
     this.$nextTick(() => {
-      // var wavesurfer = WaveSurfer.create({
+       this.wavesurfer = WaveSurfer.create({
-      //   container: this.$refs.waveForm,
+        container: this.$refs.waveForm,
-      //   waveColor: "white",
+        waveColor: "white",
-      //   progressColor: "#42e8e0",
+        progressColor: "#42e8e0",
-      //   cursorColor: "transparent",
+        cursorColor: "transparent",
-      //   barWidth: 3
+        barWidth: 3
-      // });
+      });
-    //   wavesurfer.load(require("./从别后.mp3"));
+       this.wavesurfer.load(require('./一吻天荒.mp3'));
     });
   },
   methods: {
@@ -141,21 +141,8 @@ export default {
     //编辑按钮
     editSong() {},
     //试听按钮操做
-    listenSong() {
+    listenSong(row) {
-      this.$nextTick(() => {
+         this.wavesurfer.playPause()
-        var wavesurfer = WaveSurfer.create({
-          container: this.$refs.waveForm,
-          waveColor: "white",
-          progressColor: "#42e8e0",
-          cursorColor: "transparent",
-          barWidth: 3
-        });
-        wavesurfer.load(require("./从别后.mp3"));
-
-        wavesurfer.on("ready", function() {
-          wavesurfer.play();
-        });
-      });
     },
     download() {},
     // 取消按钮

src/layout/index.vue

@@ -115,6 +115,7 @@ li {
 .el-message-box__content {
   color: white;
 }
+
 /* .el-button--small {
   background: #3835a0;
   color: white;
@@ -342,6 +343,11 @@ header h1 {
 .el-message-box__input input.invalid{
   border-color:transparent !important;
 }
+.el-input__inner{
+  background-color: #1c257f ;
+  border: 1px solid rgba(25, 186, 139, 0.17) ;
+  color: white;
+}
 /*   设备管理*/
 .el-popover {
   background: #111658 !important;