修改

src/components/course/lesson-form.vue

@@ -67,24 +67,27 @@
     width: 300px;
     height: auto;
   }
-  .calenderClassDate{
-    display:flex;
+
+  .calenderClassDate {
+    display: flex;
     justify-content: space-between;
-    margin-bottom:5px;
+    margin-bottom: 5px;
   }
- .delBtnStyle{
-    position:absolute;
-    right:6px;
-    top:-9px;
-    width:20px;
-    height:20px;
-    border:1px solid red;
+
+  .delBtnStyle {
+    position: absolute;
+    right: 6px;
+    top: -9px;
+    width: 20px;
+    height: 20px;
+    border: 1px solid red;
     background-color: red;
-    color:#fff;
+    color: #fff;
     line-height: 18px;
     text-align: center;
     border-radius: 50%;
   }
+
 </style><template>
   <div class="lesson_Form">
     <div class="calenderHeader">
@@ -132,7 +135,7 @@
                         class="col-6 q-pr-lg q-pb-lg" label="" :rules="[val => !!val || '请填写开始时间']" />
                     </div>
                     <div class="delBtnStyle">
-                       <i @click="delStep(subIndex)" class="iconfont icon-guanbi"></i>
+                      <i @click="delStep(subIndex)" class="iconfont icon-guanbi"></i>
                     </div>
                   </div>
                 </template>
@@ -164,17 +167,17 @@
                         <q-select filled stack-label option-value="TId" option-label="TeacherName"
                           v-model="addMsg.TeacherId" ref="Teacher_Id" :options="TeacherList" label="关联教师" :dense="false"
                           class="col-6 q-pb-lg" emit-value map-options />
-                        <div class="calenderClassDate">
+                        <!-- <div class="calenderClassDate">
                           <div>上课时间:{{item.ClassDateStr}}</div>
                           <div>
                             <i class="iconfont icon-zhuanhuan1"></i><span style="color:#2961fe;cursor:pointer;" @click="isShowCanlder=true;">变更时间</span>
                           </div>
-                        </div>
-                        <q-input v-if="isShowCanlder" filled v-model="addMsg.ClassDate" class="col-6 q-pb-lg" mask="date" label="上课时间">
+                        </div> -->
+                        <q-input filled v-model="addMsg.ClassDate" class="col-6 q-pb-lg" mask="date" label="上课时间">
                           <template v-slot:append>
                             <q-icon name="event" class="cursor-pointer">
-                              <q-popup-proxy ref="qDateProxy2" transition-show="scale" transition-hide="scale">
-                                <q-date v-model="addMsg.ClassDate" @input="getCanlder(),() => $refs.qDateProxy2.hide()" />
+                              <q-popup-proxy ref="qDateProxy3" transition-show="scale" transition-hide="scale">
+                                <q-date v-model="addMsg.ClassDate" @input=' () => $refs.qDateProxy3[0].hide()' />
                               </q-popup-proxy>
                             </q-icon>
                           </template>
@@ -284,11 +287,11 @@
           }]
         },
         isSetMore: 1, //是否显示更多设置
-        isSetMoreTwo:1,
+        isSetMoreTwo: 1,
         ClassRoomList: [], //教室下拉数据
         isShowMenu: false, //是否显示弹出
         isShowEdit: false, //是否显示修改弹出
-        isShowCanlder:false, //是否显示日历修改日期
+        isShowCanlder: false, //是否显示日历修改日期
       }
     },
     created() {
@@ -297,20 +300,17 @@
         var d = new Date(this.value);
         var datetime = d.getFullYear() + '-' + (d.getMonth() + 1);
         let prevBtn1 = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(1)');
-        prevBtn1.addEventListener('click',() => {
-          console.log('上个月');
+        prevBtn1.addEventListener('click', () => {
           this.getClassPlan(datetime);
         })
         // 点击今天
         let prevBtn2 = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(2)');
-        prevBtn2.addEventListener('click',() => {
-          console.log('今天');
+        prevBtn2.addEventListener('click', () => {
           this.getClassPlan(datetime);
         })
         // 点击下个月
         let prevBtn3 = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(3)');
-        prevBtn3.addEventListener('click',() => {
-          console.log('下个月');
+        prevBtn3.addEventListener('click', () => {
           this.getClassPlan(datetime);
         })
       })
@@ -364,20 +364,20 @@
         })
       },
       //点击新增
-      addNew(){
-        this.isShowMenu=true;
-        this.addMsg.ClassPlanId=0;
+      addNew() {
+        this.isShowMenu = true;
+        this.addMsg.ClassPlanId = 0;
         this.addMsg.PlanTimeList = [{
-            ClassTimeId: 0,
-            StartTime: "",
-            EndTime: "",
+          ClassTimeId: 0,
+          StartTime: "",
+          EndTime: "",
         }]
       },
       //删除
-      delStep(index){
+      delStep(index) {
         // this.isShowMenu=true;
-        console.log(this.isShowMenu,'this.isShowMenu');
-        this.addMsg.PlanTimeList.splice(index,1);
+        console.log(this.isShowMenu, 'this.isShowMenu');
+        this.addMsg.PlanTimeList.splice(index, 1);
       },
       //点击新增
       addStep() {
@@ -393,9 +393,9 @@
         setClassPlan(this.addMsg).then(res => {
           if (res.Code == 1) {
             this.isShowMenu = false;
-            this.isShowEdit=false;
+            this.isShowEdit = false;
             this.getClassPlan();
-          
+
           }
         })
       },
@@ -437,7 +437,7 @@
           })
         });
       },
-      getCanlder(){
+      getCanlder() {
         // this.isShowEdit=true;
         // this.isShowCanlder=false;
       },