|
@@ -235,12 +235,24 @@
|
|
|
fixed="right"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button
|
|
|
+ <!-- <el-button
|
|
|
type="text"
|
|
|
@click="looker(scope.row)"
|
|
|
:disabled="(scope.row.isOpenMetronome ? !scope.row.url : !scope.row.metronomeUrl) || scope.row.clientType != 'SMART_PRACTICE'"
|
|
|
>预览</el-button
|
|
|
- >
|
|
|
+ > -->
|
|
|
+ <el-dropdown :disabled="(scope.row.isOpenMetronome ? !scope.row.url : !scope.row.metronomeUrl) || scope.row.clientType != 'SMART_PRACTICE'">
|
|
|
+ <span class="el-dropdown-link">
|
|
|
+ 预览<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
+ </span>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item>
|
|
|
+ <el-button type="text" @click="looker(scope.row, 1)" >原音自带节拍器</el-button></el-dropdown-item>
|
|
|
+ </el-dropdown-item>
|
|
|
+ <el-dropdown-item>
|
|
|
+ <el-button type="text" @click="looker(scope.row, 0)" >系统自带节拍器</el-button></el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
<el-button
|
|
|
type="text"
|
|
|
@click="player(scope.row)"
|
|
@@ -336,11 +348,13 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ tabName: 'first',
|
|
|
type: "",
|
|
|
activeUrl: "",
|
|
|
songUseType,
|
|
|
lookVisible: false,
|
|
|
accompanyUrl: null, // 预览地址
|
|
|
+ accompanyUrl2: null, // 预览地址
|
|
|
audioVisible: false,
|
|
|
tableList: [],
|
|
|
searchForm: {
|
|
@@ -427,14 +441,16 @@ export default {
|
|
|
this.$refs.searchForm.resetFields();
|
|
|
this.FetchList();
|
|
|
},
|
|
|
- looker(row) {
|
|
|
+ looker(row, num) {
|
|
|
this.accompanyUrl =
|
|
|
vaildTeachingUrl() +
|
|
|
"/accompany?Authorization=" +
|
|
|
getToken() +
|
|
|
- "&platform=web#/detail/" +
|
|
|
+ "&platform=web&isOpenMetronome="+ num +"#/detail/" +
|
|
|
row.id;
|
|
|
this.lookVisible = true;
|
|
|
+
|
|
|
+
|
|
|
// this.$nextTick(() => {
|
|
|
// console.log(this.$refs.iframe)
|
|
|
// let iframe = this.$refs.iframe
|
|
@@ -506,6 +522,10 @@ export default {
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="less" scoped>
|
|
|
+/deep/.el-dropdown {
|
|
|
+ margin-right: 10px;
|
|
|
+ color: #14928A;
|
|
|
+}
|
|
|
.remark {
|
|
|
display: inline;
|
|
|
overflow: hidden;
|
|
@@ -516,7 +536,6 @@ export default {
|
|
|
padding: 0;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
.iframe_back {
|
|
|
width: 195px;
|
|
|
height: 45px;
|