Selaa lähdekoodia

reactor:样式调整;

zhangchong 1 vuosi sitten
vanhempi
commit
2bf478f013
2 muutettua tiedostoa jossa 19 lisäystä ja 11 poistoa
  1. 13 11
      src/components/AudioPlayer/index.vue
  2. 6 0
      src/theme/element.scss

+ 13 - 11
src/components/AudioPlayer/index.vue

@@ -55,9 +55,9 @@
 							</el-dropdown-menu>
 						</template>
 					</el-dropdown>
-          <el-button link :loading="loading">
-            <SvgIcon name="ele-Download" class="cursor-pointer ml5" size="18px" color="var(--el-color-primary)" @click="downLoad" title="下载录音"/>
-          </el-button>
+					<el-button link :loading="loading" v-auth="'public:record:download'">
+						<SvgIcon name="ele-Download" class="cursor-pointer ml5" size="18px" color="var(--el-color-primary)" @click="downLoad" title="下载录音" />
+					</el-button>
 				</div>
 			</div>
 		</div>
@@ -68,7 +68,7 @@
 import { reactive, ref, computed, watch, nextTick } from 'vue';
 import { formatDuration } from '@/utils/formatTime';
 import { ElMessage } from 'element-plus';
-import { downloadFileBySrc, downloadFileByStream } from '@/utils/tools';
+import { downloadFileByStream } from '@/utils/tools';
 import { fileDownload } from '@/api/public/file';
 
 // 定义父组件传过来的值
@@ -241,13 +241,15 @@ const mute = () => {
 const loading = ref(false);
 // 下载
 const downLoad = () => {
-  loading.value = true;
-	fileDownload({ path: import.meta.env.VITE_RECORD_DOWNLOAD_PREFIX + props.recordingAbsolutePath }).then((res: any) => {
-		downloadFileByStream(res, <string>props.fileName);
-    loading.value = false;
-	}).catch(() => {
-    loading.value = false;
-  })
+	loading.value = true;
+	fileDownload({ path: import.meta.env.VITE_RECORD_DOWNLOAD_PREFIX + props.recordingAbsolutePath })
+		.then((res: any) => {
+			downloadFileByStream(res, <string>props.fileName);
+			loading.value = false;
+		})
+		.catch(() => {
+			loading.value = false;
+		});
 };
 nextTick(() => {
 	audioRef.value.onerror = () => {

+ 6 - 0
src/theme/element.scss

@@ -382,3 +382,9 @@
 .el-table__body tr.hover-row.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell, .el-table__body tr.hover-row>td.el-table__cell{
 	background: var(--el-fill-color-darker);
 }
+.el-table-v2__row:hover{
+	background: var(--el-fill-color-darker);
+}
+.el-select-dropdown__option-item.hover{
+	background-color: var(--el-fill-color-darker) !important;
+}