页面修改

src/components/stuMan/subscribe/changeTeacher.vue

+<template>
+  <div>
+    <q-dialog v-model="show" persistent transition-show="scale" transition-hide="scale" @input="changeDig">
+      <q-card style="width: 400px;max-width:900px;">
+        <q-card-section class="row items-center q-pb-none">
+          <div class="text-h6">换老师</div>
+          <q-space />
+          <q-btn icon="close" flat round dense @click="changeDig(false)" />
+        </q-card-section>
+        <q-card-section class="q-pt-none scroll" style="max-height: 70vh">
+          <q-select filled v-model="teacherObj.Tid" stack-label option-value="TId" option-label="TeacherName"
+            :options="TeacherList" label="教师列表" class="col-10" map-options emit-value>
+            <template v-slot:no-option>
+              <q-item>
+                <q-item-section class="text-grey">
+                  未找到相关数据
+                </q-item-section>
+              </q-item>
+            </template>
+          </q-select>
+        </q-card-section>
+        <q-separator />
+        <q-card-actions align="right" class="bg-white">
+          <q-btn label="取消" flat color="grey-10" @click="changeDig(false)" />
+          <q-btn label="确定" color="accent" @click="save" />
+        </q-card-actions>
+      </q-card>
+    </q-dialog>
+  </div>
+</template>
+<script>
+  import {
+    SetScrollTeacher,
+  } from "../../../api/studyabroad/subscribe.js";
+  import {
+    getTeacherDropDownList,
+  } from "../../../api/school/index";
+  export default {
+    model: {
+      prop: "show",
+      event: "changeshow"
+    },
+    props: {
+      saveObj: {
+        type: Object,
+        default: null
+      },
+      date: {
+        type: String,
+        default: ""
+      },
+      show: {
+        type: Boolean,
+        default: false
+      },
+    },
+    data() {
+      return {
+        teacherObj: {
+          TeacherName: "",
+          Tid: 0,
+        },
+        TeacherList: []
+      };
+    },
+    watch: {
+      show(val) {
+        if (val) {
+          this.teacherObj.TeacherName = this.save.TeacherName;
+          this.teacherObj.Tid = this.saveObj.Tid;
+        }
+      }
+    },
+    created() {
+      this.getTeacherList();
+    },
+    mounted() {
+
+    },
+    methods: {
+      //开关弹窗
+      changeDig(val) {
+        this.$emit("changeshow", val);
+      },
+      //获取教师下拉
+      getTeacherList() {
+        getTeacherDropDownList({
+          LeaveStatus: 1,
+          IsShow: 1
+        }).then(res => {
+          this.TeacherList = res.Data;
+        });
+      },
+      save() {
+        if (this.teacherObj.Tid == 0) {
+          this.$q.notify({
+            message: "请选择老师",
+            position: "top"
+          });
+          return;
+        }
+        const saveMsg = {
+          Date: this.date,
+          TeacherId: this.saveObj.Tid,
+          ShiftSort: this.saveObj.ShiftSort,
+          RoomId: this.saveObj.RoomId,
+          NewTeacherId: this.teacherObj.Tid,
+        };
+        SetScrollTeacher(saveMsg).then(res => {
+          if (res.Code == 1) {
+            this.$q.notify({
+              message: "操作成功",
+              position: "top"
+            });
+
+            var tempTeacher = this.TeacherList.find(qitem => qitem.TId == this.teacherObj.Tid);
+            this.$emit("success", {
+              Name: tempTeacher.TeacherName,
+              Id: this.teacherObj.Tid
+            });
+            this.teacherObj.TeacherName = "";
+            this.teacherObj.Tid = 0;
+            this.changeDig(false)
+          }
+        });
+      }
+    }
+  };
+
+</script>

src/components/stuMan/subscribe/detail.vue

@@ -4,14 +4,16 @@
       <q-field filled label="老师" stack-label class="col-6">
         <template v-slot:control>
           <div>{{ saveObj.TeacherName }}</div>
-          <q-btn color="accent" size="xs" label="修改" v-if="auth.IsEdit&&saveObj.ClassType==3&&(saveObj.State==1||saveObj.State==2)" @click="modifyTeacher"
+          <q-btn color="accent" size="xs" label="修改"
+            v-if="auth.IsEdit&&saveObj.ClassType==3&&(saveObj.State==1||saveObj.State==2)" @click="modifyTeacher"
             class="q-ml-md" />
         </template>
       </q-field>
       <q-field filled label="教室" stack-label class="col-6">
         <template v-slot:control>
           <div>{{ saveObj.RoomName }}</div>
-          <q-btn   color="accent" size="xs" label="修改" v-if="auth.IsEdit&&saveObj.ClassType==3 &&(saveObj.State==1||saveObj.State==2)" @click="modifyRoom"
+          <q-btn color="accent" size="xs" label="修改"
+            v-if="auth.IsEdit&&saveObj.ClassType==3 &&(saveObj.State==1||saveObj.State==2)" @click="modifyRoom"
             class="q-ml-md" />
         </template>
       </q-field>
@@ -290,7 +292,7 @@
       teacherHandle(val) {
         this.$set(this.saveObj, "TeacherName", val.Name);
         this.$set(this.saveObj, "Tid", val.Id);
-        this.$emit("success", val);   
+        this.$emit("success", val);
       },
       isShowTag(arr, min) {
         let n = 0;

src/components/stuMan/subscribe/subscribeForm.vue

@@ -11,7 +11,7 @@
           <div class="row col q-mr-lg q-col-gutter-md">
             <q-field filled label="日期" stack-label class="col-12">
               <template v-slot:control>
-                <div>{{ dateObj.date }}</div>
+                <div>{{ dateObj.date }} </div>
               </template>
             </q-field>
 
@@ -136,7 +136,9 @@
                   </q-select>
                 </div>
                 <div class="col-3 q-pt-md q-pl-md">
-                  <q-btn v-if="(saveObj.State==1||saveObj.State==2)" size="sm" color="accent" label="添加" @click="subscribeCourse" />
+
+                  <q-btn v-if="(saveObj.State==1||saveObj.State==2||editType==1)" size="sm" color="accent" label="添加"
+                    @click="subscribeCourse" />
                 </div>
               </div>
               <div class="row col-12" style="margin-top: 20px;">
@@ -212,7 +214,8 @@
                   <tfoot>
                     <tr>
                       <td colspan="1" style="text-align: center;">
-                        <q-btn v-if="(saveObj.State==1||saveObj.State==2)" size="sm" color="accent" label="保存" @click="SaveStuAppointment" :loading="addLoading" />
+                        <q-btn v-if="(saveObj.State==1||saveObj.State==2||editType==1)" size="sm" color="accent" label="保存"
+                          @click="SaveStuAppointment" :loading="addLoading" />
                       </td>
                     </tr>
                   </tfoot>
@@ -793,6 +796,7 @@
       }
     }
   };
+
 </script>
 <style>
   .q-calendar-daily__day-interval:hover {
@@ -822,6 +826,7 @@
   .q-calendar-daily__day:hover {
     background: rgba(0, 0, 255, 0.1);
   }
+
 </style>
 <style>
   .upload-assiatant-box .q-uploader__list {
@@ -849,4 +854,5 @@
   .thead tr th {
     padding: 10px 0;
   }
-</style>
\ No newline at end of file
+
+</style>