班次管理

src/views/system/classes/index.vue

@@ -170,7 +170,13 @@
     />
 
     <!-- 添加或修改医院信息管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+    <el-dialog
+      :title="title"
+      :visible.sync="open"
+      width="900px"
+      append-to-body
+      :before-close="cancelxz"
+    >
       <el-form
         ref="form"
         :model="form"
@@ -201,7 +207,7 @@
             placeholder="请输入班次名称"
           />
         </el-form-item>
-        <el-form-item label="上午开始时间" prop="forenoonStartTime">
+        <el-form-item label="上午开始时间" prop="forenoonStartTime" :key="form.forenoonStartTime">
           <el-time-select
             placeholder="起始时间"
             v-model="form.forenoonStartTime"
@@ -213,7 +219,7 @@
           >
           </el-time-select>
         </el-form-item>
-        <el-form-item label="上午结束时间" prop="forenoonEndTime">
+        <el-form-item label="上午结束时间" prop="forenoonEndTime" :key="form.forenoonEndTime">
           <el-time-select
             placeholder="起始时间"
             v-model="form.forenoonEndTime"
@@ -226,7 +232,7 @@
           >
           </el-time-select>
         </el-form-item>
-        <el-form-item label="下午开始时间" prop="afternoonStartTime">
+        <el-form-item label="下午开始时间" prop="afternoonStartTime"  :key="form.afternoonStartTime">
           <el-time-select
             placeholder="起始时间"
             v-model="form.afternoonStartTime"
@@ -238,7 +244,7 @@
           >
           </el-time-select>
         </el-form-item>
-        <el-form-item label="下午结束时间" prop="afternoonEndTime">
+        <el-form-item label="下午结束时间" prop="afternoonEndTime"   :key="form.afternoonEndTime">
           <el-time-select
             placeholder="结束时间"
             v-model="form.afternoonEndTime"
@@ -290,14 +296,8 @@ export default {
   name: "Hospital",
   data() {
     return {
-      startTime: "",
-      endTime: "",
-      startTimemoning: "",
-      startTimeend: "",
       // 遮罩层
       loading: true,
-      value1: new Date(2016, 9, 10, 18, 40),
-      value2: new Date(2016, 9, 10, 18, 40),
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -339,7 +339,21 @@ export default {
         // hospitalSort: null,
       },
       // 表单参数
-      form: {},
+      form: {
+        hospitalName: null,
+        hospitalCode: null,
+        afternoonEndTime: null,
+        afternoonStartTime: null,
+        forenoonEndTime: null,
+        forenoonStartTime: null,
+        scheduleName: null,
+        status: "0",
+        hospitalId: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+      },
       // 表单校验
       rules: {
         hospitalId: [
@@ -386,6 +400,11 @@ export default {
     this.info();
   },
   methods: {
+
+    cancelxz() {
+      this.open = false;
+      this.reset();
+    },
     hospitalitem(e) {
       this.form.hospitalName = this.options.find(
         (f) => f.id == e
@@ -398,9 +417,6 @@ export default {
         this.options = res.data;
       });
     },
-    imgs(item) {
-      this.imgsurl.pictureUrlList.push(item);
-    },
     /** 查询医院信息管理列表 */
     getList() {
       this.loading = true;
@@ -428,7 +444,6 @@ export default {
         scheduleName: null,
         status: "0",
         hospitalId: null,
-        // hospitalSort: null,
         createBy: null,
         createTime: null,
         updateBy: null,
@@ -457,6 +472,7 @@ export default {
       this.reset();
       this.open = true;
       this.title = "添加班次管理";
+      console.log(this.form.forenoonStartTime);
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -478,8 +494,7 @@ export default {
         this.$message.error("请选择下午结束时间!");
       } else if (this.form.afternoonEndTime && !this.form.afternoonStartTime) {
         this.$message.error("请选择下午开始时间!");
-      }
-      else if (
+      } else if (
         !this.form.afternoonEndTime &&
         !this.form.afternoonStartTime &&
         !this.form.forenoonStartTime &&