1

src/App.vue

@@ -260,37 +260,28 @@ input[type="number"] {
 // 公用编剧模板
 .m-container {
   box-sizing: border-box;
-  background-color: #fff;
-  padding: 18px 30px 40px;
-  // height: calc(100vh - 145px) !important;
-  // height: calc(100vh - 70px);
+  background-color: #eef4f9;
   width: 100%;
-  // min-width: 1440px;
-  // overflow: auto;
   min-height: 560px;
+  padding-top: 10px;
   .m-core {
-    margin-top: 10px;
+    padding: 18px 20px 40px;
+    margin-bottom: 20px;
     background-color: #fff;
     position: relative;
   }
-  // & > h2 {
-  //   display: none !important;
-  // }
   & > h2 {
     height: 48px;
     line-height: 48px;
     position: relative;
-    // padding-left: 20px;
     font-size: 26px;
     font-weight: 600;
     padding-bottom: 15px;
-    margin-bottom: 20px;
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
     color: #212121;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
     .term {
       height: 32px;
       line-height: 32px;

src/views/platformManager/serviceManager/form.vue

@@ -5,31 +5,31 @@
       <el-page-header @back="onCancel"
                       :content="(payType == 'create' ? '新增服务' : '修改服务')"></el-page-header>
     </h2>
-    <div class="m-core"
-         style="overflow: hidden">
+    <div class="m-core" style="overflow: hidden; background-color: #eef4f9;">
       <el-form :model="form"
                 ref="accountForm"
-                
                 :inline="true"
                 label-position="right"
                 label-width="120px">
-        <el-alert
-          title="服务信息"
-          type="info"
-          :closable="false"
-          style="margin-bottom: 20px"
-        ></el-alert>
-        <el-form-item label="服务名称" prop="name" :rules="[{ required: true, message: '请输入服务名称', trigger: 'blur' }]">
-          <el-input v-model="form.name" placeholder="请输入服务名称"></el-input>
-        </el-form-item>
-        <el-form-item label="产品服务" prop="productId" :rules="[{ required: true, message: '请选择产品服务', trigger: 'change' }]">
-          <el-select v-model="form.productId" multiple collapse-tags clearable placeholder="请选择产品服务">
-            <el-option v-for="(item, index) in productList"
-                        :key="index"
-                        :label="item.name"
-                        :value="item.id"></el-option>
-          </el-select>
-        </el-form-item>
+        <div style="background: #fff;">
+          <el-alert
+            title="服务信息"
+            type="info"
+            :closable="false"
+            class="smallTitle"
+          ></el-alert>
+          <el-form-item label="服务名称" prop="name" :rules="[{ required: true, message: '请输入服务名称', trigger: 'blur' }]">
+            <el-input v-model="form.name" placeholder="请输入服务名称"></el-input>
+          </el-form-item>
+          <el-form-item label="产品服务" prop="productId" :rules="[{ required: true, message: '请选择产品服务', trigger: 'change' }]">
+            <el-select v-model="form.productId" multiple collapse-tags clearable placeholder="请选择产品服务">
+              <el-option v-for="(item, index) in productList"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.id"></el-option>
+            </el-select>
+          </el-form-item>
+        </div>
 
         <el-alert
           title="服务属性"
@@ -283,4 +283,14 @@ export default {
   }
 }
 
+.smallTitle {
+  background: #fff;
+  border-bottom: 1px solid #E8E8E8;
+  margin-bottom: 20px;
+  color: #393F3E;
+  .el-alert__title {
+    font-size: 16px;
+  }
+}
+
 </style>

src/views/platformManager/serviceManager/index.vue

@@ -4,7 +4,8 @@
       <div class="squrt"></div>
       服务管理
     </h2>
-    <save-form
+    <div class="m-core">
+      <save-form
       :inline="true"
       class="searchForm"
       ref="searchForm"
@@ -40,14 +41,12 @@
               @click="openService('update', scope.row)"
               v-permission="'platformServe/update'"
               type="text"
-              
               >修改</el-button
             >
             <el-button
               @click="delService(scope.row)"
               v-permission="'platformServe/delete'"
               type="text"
-              
               >删除</el-button
             >
           </template>
@@ -63,6 +62,7 @@
         @pagination="getList"
       />
     </div>
+    </div>
   </div>
 </template>
 <script>