feat：营期时间修改功能

src/api/course/userCoursePeriod.js

@@ -60,7 +60,7 @@ export function updateCourseTime(data) {
     data: data
   })
 }
-// 新增会员营期
+// 修改营期时间
 export function updateCourseDate(data) {
   return request({
     url: '/course/period/updateCourseDate',

src/views/course/userCoursePeriod/index.vue

@@ -390,6 +390,7 @@
         <el-button @click="closeAddCourse">取 消</el-button>
       </div>
     </el-dialog>
+
     <el-dialog title="修改看课时间" :visible.sync="updateCourse.open" width="500px" append-to-body>
       <el-form ref="courseUpdateForm" :model="updateCourse.form" :rules="courseUpdateRules" label-width="100px">
         <el-form-item label="看课时间" prop="timeRange">
@@ -419,23 +420,24 @@
         <el-button @click="closeUpdateCourse">取 消</el-button>
       </div>
     </el-dialog>
-<!--    <el-dialog title="修改营期时间" :visible.sync="updateDateOpen" width="500px" append-to-body>-->
-<!--      <el-form ref="courseUpdateForm" :model="form" label-width="100px">-->
-<!--        <el-form-item label="营期时间" prop="dayDate">-->
-<!--          <el-date-picker-->
-<!--            v-model="form.dayDate"-->
-<!--            :selectableRange="form.dayDate"-->
-<!--            value-format="yyyy-MM-dd"-->
-<!--            type="date"-->
-<!--            placeholder="选择时间">-->
-<!--          </el-date-picker>-->
-<!--        </el-form-item>-->
-<!--      </el-form>-->
-<!--      <div slot="footer" class="dialog-footer">-->
-<!--        <el-button type="primary" @click="updateDate">确 定</el-button>-->
-<!--        <el-button @click="updateDateOpen = false">取 消</el-button>-->
-<!--      </div>-->
-<!--    </el-dialog>-->
+
+    <el-dialog title="修改营期时间" :visible.sync="updatePeriodDate.open" width="500px" append-to-body>
+      <el-form ref="courseUpdateForm" :model="updatePeriodDate.form" label-width="100px">
+        <el-form-item label="营期时间" prop="dayDate">
+          <el-date-picker
+            v-model="updatePeriodDate.form.dayDate"
+            :selectableRange="updatePeriodDate.form.dayDate"
+            value-format="yyyy-MM-dd"
+            type="date"
+            placeholder="选择日期">
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="updatePeriodDateSubmit">确 定</el-button>
+        <el-button @click="updatePeriodDate.open = false">取 消</el-button>
+      </div>
+    </el-dialog>
 
 <!--    <red-packet-->
 <!--      :visible.sync="redPacketVisible"-->
@@ -468,6 +470,14 @@
                 v-hasPermi="['course:period:addCourse']"
               >添加课程</el-button>
             </el-col>
+<!--            <el-col :span="1.5">-->
+<!--              <el-button-->
+<!--                type="primary"-->
+<!--                size="mini"-->
+<!--                :disabled="updateCourse.ids.length <= 0"-->
+<!--                @click="handleUpdatePeriodDate"-->
+<!--              >修改营期时间</el-button>-->
+<!--            </el-col>-->
             <el-col :span="1.5">
               <el-button
                 type="primary"
@@ -515,12 +525,12 @@
                 @click="handleBottom(scope.row)"
                 v-hasPermi="['course:period:courseMove']"
               >下移</el-button>
-<!--              <el-button-->
-<!--                size="mini"-->
-<!--                type="text"-->
-<!--                icon="el-icon-edit"-->
-<!--                @click="handleUpdateDate(scope.row)"-->
-<!--              >修改营期时间</el-button>-->
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                @click="handleUpdateDate(scope.row)"
+              >修改营期时间</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -639,6 +649,13 @@ export default {
         addOpen: false,
         form: {},
       },
+      //修改营期时间参数
+      updatePeriodDate: {
+        open: false,
+        loading: true,
+        ids: [],
+        form: {},
+      },
       updateCourse: {
         open: false,
         loading: true,
@@ -1436,14 +1453,14 @@ export default {
         }
       });
     },
-    // updateDate(){
-    //   updateCourseDate(this.form).then(response => {
-    //       this.$message.success('修改成功');
-    //       this.updateDateOpen = false;
-    //       // 重新加载训练营列表
-    //       this.getCourseList();
-    //     });
-    // },
+    updatePeriodDateSubmit(){
+      updateCourseDate(this.updatePeriodDate.form).then(response => {
+          this.$message.success('修改成功');
+          this.updatePeriodDate.open = false;
+          // 重新加载课程列表
+          this.getCourseList();
+        });
+    },
     // saveCourseData(){
     //   updateListCourseData(this.course.list).then(response => {
     //     this.$message.success('保存成功');
@@ -1573,8 +1590,8 @@ export default {
     },
     /** 营期状态格式化 */
     handleUpdateDate(row) {
-      this.form = {id: row.id, dayDate: row.dayDate};
-      this.updateDateOpen = true;
+      this.updatePeriodDate.form = {id: row.id, dayDate: row.dayDate};
+      this.updatePeriodDate.open = true;
     },
     disabledDate(time) {
       return time.getTime() < new Date(new Date().setHours(0,0,0,0));