样式修改

src/views/music/album/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
+    <el-form class="form" :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
       <el-form-item label="专辑名称：" prop="name">
         <el-input v-model="form.name" placeholder="请输入专辑名称" show-word-limit />
       </el-form-item>
@@ -317,7 +317,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-form-item {
-  width: 500px;
+.form {
+  .el-form-item {
+    width: 500px;
+  }
 }
 </style>

src/views/music/blog/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
+    <el-form class="form" :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
       <el-form-item label="播客名称：" prop="name">
         <el-input v-model="form.name" placeholder="请输入播客名称" show-word-limit />
       </el-form-item>
@@ -63,7 +63,7 @@
     </div>
 
     <!-- 弹窗 -->
-    <el-dialog :visible.sync="dialogVisible" title="关联节目" width="1100px">
+    <el-dialog :visible.sync="dialogVisible" title="关联节目" width="1200px">
       <el-form inline size="mini" style="width: 100%">
         <el-form-item label="节目ID：">
           <el-input v-model="dialogForm.id" placeholder="请输入节目ID" clearable />
@@ -374,7 +374,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-form-item {
-  width: 500px;
+
+.form {
+  .el-form-item {
+    width: 500px;
+  }
 }
 </style>

src/views/music/menu/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
+    <el-form class="form" :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
       <el-form-item label="歌单名称：" prop="name">
         <el-input v-model="form.name" placeholder="请输入歌单名称" show-word-limit />
       </el-form-item>
@@ -276,7 +276,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-form-item {
-  width: 500px;
+
+.form {
+  .el-form-item {
+    width: 500px;
+  }
 }
 </style>

src/views/project/list/detail.vue

@@ -11,7 +11,7 @@
       <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">
+        <el-table :data="versionData" v-loading="loading">
           <el-table-column type="index" label="序号" align="center" />
           <el-table-column prop="name" label="应用名称" align="center" show-overflow-tooltip />
           <el-table-column prop="version" label="最新版本" align="center" show-overflow-tooltip />
@@ -41,8 +41,8 @@
             </template>
           </el-table-column>
         </el-table>
-        <pagination v-show="total > 0" :total="total" :page.sync="versionForm.pageNum"
-          :limit.sync="versionForm.pageSize" @pagination="getList" />
+        <pagination v-show="total > 0" :total="total" :page.sync="versionForm.pageNum" :limit.sync="versionForm.pageSize"
+          @pagination="getList" />
       </el-form-item>
     </el-form>
     <div class="form-btn">
@@ -323,8 +323,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-form-item {
-  width: 500px;
+.form {
+  .el-form-item {
+    width: 500px;
+  }
 }
 
 ::v-deep .updateContent {