弹窗组件 添加音频作者 专辑名称字段

src/components/Dialog/index.vue

@@ -10,8 +10,7 @@
       </el-form-item>
       <el-form-item label="资源平台：">
         <el-select v-model="dialogForm.platformId" :disabled="[16, 17].includes(channelType)" clearable>
-          <el-option v-for="item in platformOptions" :key="item.value" :value="item.value"
-            :label="item.label" />
+          <el-option v-for="item in platformOptions" :key="item.value" :value="item.value" :label="item.label" />
         </el-select>
       </el-form-item>
       <el-form-item label="付费类型：" v-if="![2, 10, 11].includes(dialogForm.audioType)">
@@ -27,8 +26,7 @@
         <el-button icon="el-icon-refresh" @click="getRefresh">重置</el-button>
       </el-form-item>
     </el-form>
-    <el-table :data="tableData" ref="tableData" :row-key="getRowKey" @selection-change="getChange"
-      v-loading="loading">
+    <el-table :data="tableData" ref="tableData" :row-key="getRowKey" @selection-change="getChange" v-loading="loading">
       <el-table-column type="selection" align="center" :reserve-selection="true" />
       <el-table-column label="音频ID" prop="audioId" align="center" show-overflow-tooltip />
       <el-table-column label="音频名称" prop="audioName" align="center" show-overflow-tooltip />
@@ -37,12 +35,14 @@
           <el-image v-if="scope.row.audioPic" :src="scope.row.audioPic" />
         </template>
       </el-table-column>
+      <el-table-column label="音频作者" prop="singerName" align="center" />
+      <el-table-column label="专辑名称" prop="songName" align="center" />
       <el-table-column label="付费类型" prop="isFree" align="center" :formatter="freeFormatter" />
       <el-table-column label="资源平台" align="center" :formatter="platfromFormatter" />
     </el-table>
     <div slot="footer">
-      <pagination v-show="total>0" :total="total" :page.sync="dialogForm.pageNum"
-        :limit.sync="dialogForm.pageSize" @pagination="getList" />
+      <pagination v-show="total > 0" :total="total" :page.sync="dialogForm.pageNum" :limit.sync="dialogForm.pageSize"
+        @pagination="getList" />
     </div>
   </el-dialog>
 </template>
@@ -97,7 +97,7 @@ export default {
       this.dialogForm.audioType = this.channelOptions[val][0].value
     },
     'dialogForm.audioType'(val) {
-      if(this.dialogVisible){
+      if (this.dialogVisible) {
         this.getPlatform({
           audioType: val
         })