调整营期修改页面

src/views/course/userCoursePeriod/index.vue

@@ -290,14 +290,14 @@
 <!--          </el-form-item>-->
 <!--        </div>-->
       </el-form>
-      <div slot="footer" class="dialog-footer">
+      <div class="drawer-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-drawer>
 
     <!-- 添加训练营对话框 -->
-    <el-drawer :title="campForm.trainingCampId ? '修改训练营' : '新建训练营'" :visible.sync="campDialogVisible" width="500px" append-to-body>
+    <el-dialog :title="campForm.trainingCampId ? '修改训练营' : '新建训练营'" :visible.sync="campDialogVisible" width="500px" append-to-body>
       <el-form ref="campForm" :model="campForm" :rules="campRules" label-width="100px">
         <el-form-item label="训练营名称" prop="trainingCampName">
           <el-input v-model="campForm.trainingCampName" placeholder="请输入训练营名称" />
@@ -307,7 +307,7 @@
         <el-button type="primary" @click="submitCampForm">确 定</el-button>
         <el-button @click="cancelCampForm">取 消</el-button>
       </div>
-    </el-drawer>
+    </el-dialog>
 
 <!--    &lt;!&ndash; 添加或修改会员营期对话框&ndash;&gt;-->
 <!--    <el-dialog title="课程管理" :visible.sync="course.open" width="75%" top="10px" append-to-body style="padding-bottom: 10px">-->
@@ -1357,8 +1357,15 @@ export default {
 }
 
 /* 添加训练营表单样式 */
-.dialog-footer {
+.drawer-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 20px;
+  background: #fff;
   text-align: right;
+  border-top: 1px solid #e8e8e8;
 }
 
 .el-input-number {