|
|
@@ -0,0 +1,103 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <!-- 搜索 -->
|
|
|
+ <el-form inline size="mini">
|
|
|
+ <el-form-item label="音频名称：">
|
|
|
+ <el-input placeholder="请输入音频名称" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="音频类型：">
|
|
|
+ <el-select v-model="form.audioType" placeholder="请选择音频类型" clearable>
|
|
|
+ <el-option v-for="item in audioTypeOptions" :key="item.value" :value="item.value"
|
|
|
+ :label="item.label" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="资源平台：">
|
|
|
+ <el-select v-model="form.platformId" placeholder="请选择资源平台" clearable>
|
|
|
+ <el-option v-for="item in platformOptions" :key="item.value" :value="item.value"
|
|
|
+ :label="item.label" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-search">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!-- 列表 -->
|
|
|
+ <el-table :data="tableData" v-loading="loading">
|
|
|
+ <el-table-column label="异常ID" align="center" />
|
|
|
+ <el-table-column label="音频ID" align="center" />
|
|
|
+ <el-table-column label="音频名称" align="center" />
|
|
|
+ <el-table-column label="音频类型" align="center" />
|
|
|
+ <el-table-column label="资源平台" align="center" />
|
|
|
+ <el-table-column label="异常时间" align="center" />
|
|
|
+ <el-table-column label="操作" align="center">
|
|
|
+ <template>
|
|
|
+ <el-button type="text" @click="getDialog">查看</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <el-dialog :visible.sync="dialogVisible" title="详情" width="1000px">
|
|
|
+ <el-descriptions title="音频信息" :column="2">
|
|
|
+ <el-descriptions-item label="音频ID："></el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ <el-descriptions title="异常信息" :column="2">
|
|
|
+ <el-descriptions-item label="下线次数："></el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { platformMixin, audioMixin } from '@/mixin/index'
|
|
|
+export default {
|
|
|
+ mixins: [platformMixin, audioMixin],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 遮罩层
|
|
|
+ loading: false,
|
|
|
+ // 表单
|
|
|
+ form: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ platformId: null,
|
|
|
+ audioType: null
|
|
|
+ },
|
|
|
+ // 列表
|
|
|
+ tableData: [],
|
|
|
+ // 弹窗
|
|
|
+ dialogVisible: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ 'form.audioType'(val) {
|
|
|
+ if (val) {
|
|
|
+ this.getPlatform({
|
|
|
+ audioType: val
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.platformOptions = this.platformTypeOptions
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 'form.platformId'(val) {
|
|
|
+ if (val) {
|
|
|
+ this.getAudioType(val)
|
|
|
+ } else {
|
|
|
+ this.audioTypeOptions = this.audioOptions
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.audioTypeOptions = this.audioOptions
|
|
|
+ this.platformOptions = this.platformTypeOptions
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getDialog() {
|
|
|
+ this.dialogVisible = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+</style>
|
