样式修改

src/views/music/album/detail.vue

@@ -33,7 +33,7 @@
       <el-form-item label="专辑封面：" prop="coverUrl">
         <Upload listType="picture-card" :url="form.coverUrl" @upload="upload($event, 'coverUrl')" :disabled="disabled" />
       </el-form-item>
-      <el-form-item label="歌曲列表：" style="width: 1000px;">
+      <el-form-item label="歌曲列表：" style="width: 100%;">
         <el-button type="primary" icon="el-icon-plus" @click="getDialog">添加歌曲</el-button>
         <!-- 列表 -->
         <el-table class="table" :data="form.programList" height="329px" v-loading="form_loading">
@@ -317,15 +317,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-form {
+.el-form-item {
   width: 500px;
 }
-
-.form-btn {
-  margin-top: 20px;
-}
-
-.table {
-  width: calc(100% - 100px);
-}
 </style>

src/views/music/blog/detail.vue

@@ -47,7 +47,7 @@
         <el-button type="primary" @click="getDialog">关联节目</el-button>
         <el-button @click="getDelete" :disabled="ids.length > 0 ? false : true">解除关联</el-button>
       </el-form-item>
-      <el-form-item style="width: 1000px">
+      <el-form-item style="width: 100%">
         <el-table :data="form.adminPodCastProgramDetailResp" height="497" @selection-change="handleSelect">
           <el-table-column type="selection" align="center" />
           <el-table-column label="ID" prop="id" align="center" show-overflow-tooltip />
@@ -374,11 +374,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-form {
+.el-form-item {
   width: 500px;
 }
-
-.form-btn {
-  margin-top: 20px;
-}
 </style>

src/views/music/menu/detail.vue

@@ -24,24 +24,23 @@
         <Upload listType="picture-card" :url="form.avatarNickHead" @upload="upload($event, 'avatarNickHead')"
           :disabled="disabled" />
       </el-form-item>
-      <el-form-item label="歌曲列表：">
+      <el-form-item label="歌曲列表：" style="width: 100%;">
         <el-button type="primary" icon="el-icon-plus" @click="getDialog">添加歌曲</el-button>
+        <el-table class="table" :data="form.programList" height="329px" v-loading="form_loading">
+          <el-table-column label="ID" prop="id" align="center" />
+          <el-table-column label="歌曲名称" prop="name" align="center" show-overflow-tooltip />
+          <el-table-column label="歌手名称" prop="singerName" align="center" show-overflow-tooltip />
+          <el-table-column label="播放时长" prop="playTime" align="center" />
+          <el-table-column label="当前状态" prop="status" align="center" :formatter="statusFormatter" />
+          <el-table-column label="操作" align="center">
+            <template slot-scope="scope">
+              <Audio :src="scope.row.progaramUrl" />
+              <el-button type="delete" @click="getDelete(scope.$index)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
       </el-form-item>
     </el-form>
-    <!-- 列表 -->
-    <el-table class="table" :data="form.programList" height="329px" v-loading="form_loading">
-      <el-table-column label="ID" prop="id" align="center" />
-      <el-table-column label="歌曲名称" prop="name" align="center" show-overflow-tooltip />
-      <el-table-column label="歌手名称" prop="singerName" align="center" show-overflow-tooltip />
-      <el-table-column label="播放时长" prop="playTime" align="center" />
-      <el-table-column label="当前状态" prop="status" align="center" :formatter="statusFormatter" />
-      <el-table-column label="操作" align="center">
-        <template slot-scope="scope">
-          <Audio :src="scope.row.progaramUrl" />
-          <el-button type="delete" :disabled="disabled" @click="getDelete(scope.$index)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
     <div class="form-btn">
       <el-button @click="cancel">取消</el-button>
       <el-button v-if="!disabled" type="primary" @click="getSubmit">确定</el-button>
@@ -277,16 +276,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-form {
+.el-form-item {
   width: 500px;
 }
-
-.form-btn {
-  margin-top: 20px;
-}
-
-.table {
-  width: calc(100% - 100px);
-  margin-left: 100px;
-}
 </style>

src/views/operation/channel/detail.vue

@@ -8,8 +8,7 @@
             <el-input v-model="form.aliasName" placeholder="请输入频道名称" />
           </el-form-item>
           <el-form-item label="频道属性：">
-            <el-select v-model="form.channelType" placeholder="请选择频道属性" :disabled="disabled"
-              @change="handleChange">
+            <el-select v-model="form.channelType" placeholder="请选择频道属性" :disabled="disabled" @change="handleChange">
               <el-option v-for="item in channelTypeOptions" :key="item.value" :value="Number(item.value)"
                 :label="item.label" />
             </el-select>
@@ -165,10 +164,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.form {
-  width: 1000px;
-}
-
 .el-image {
   width: 80px;
   height: 80px;

src/views/operation/tag/detail.vue

@@ -22,10 +22,8 @@
       <el-form-item label="频道封面：" prop="channelCover">
         <Upload listType="picture-card" :url="form.channelCover" @upload="upload" :disabled="disabled" />
       </el-form-item>
-      <el-form-item label="频道内容：">
+      <el-form-item label="频道内容：" style="width: 100%;">
         <el-button type="primary" @click="getDialog" :disabled="!form.channelType">关联内容</el-button>
-      </el-form-item>
-      <el-form-item style="width: 1000px">
         <el-table :data="form.listagCategoryAudio">
           <el-table-column label="音频ID" prop="audioId" align="center" show-overflow-tooltip />
           <el-table-column label="音频名称" prop="audioName" align="center" show-overflow-tooltip />
@@ -195,7 +193,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-form {
+.el-form-item {
   width: 500px;
 }
 

src/views/project/list/detail.vue

@@ -8,7 +8,7 @@
       <el-form-item label="图标：">
         <Upload :url="projectForm.pic" listType="picture-card" @upload="getUpload($event, 'icon')" />
       </el-form-item>
-      <el-form-item v-if="projectForm.id" label="版本管理：" style="width: 1500px">
+      <el-form-item v-if="projectForm.id" label="版本管理：" style="width: 100%;">
         <!-- app列表 -->
         <el-button type="primary" icon="el-icon-plus" @click="getDialog()">新增</el-button>
         <el-table :data="versionData" v-loading="loading" height="342px">
@@ -323,7 +323,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.form {
+.el-form-item {
   width: 500px;
 }
 

src/views/registration/lottery/detail.vue

@@ -29,7 +29,7 @@
           <el-option v-for="item in numOptions" :key="item.value" :value="item.value" :label="item.label" />
         </el-select>
       </el-form-item>
-      <el-form-item style="width: 1200px">
+      <el-form-item style="width: 100%">
         <el-table :data="form.lotteryConfigGoodList">
           <el-table-column label="顺序" type="index" align="center" />
           <el-table-column label="奖品类型" align="center">
@@ -228,7 +228,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-form {
+.el-form-item {
   width: 500px;
 }