调班功能

src/xt_pages/workforce/components/template_schedule_dialog.vue

 <template>
   <el-dialog
     width="40%"
+    :close-on-click-modal="isClose"
+    :close-on-press-escape="isClose"
+    :show-close="isClose"
     :visible.sync="visible"
     :before-close="_close"
   >
-    <el-form :model="form" label-width="80px" :rules="rules">
+    <el-form :model="form" label-width="80px" :rules="rules" ref="formValue"     >
             <el-form-item label="患者" required prop="patient_id">
               <el-select
                 v-model="form.patient_id"
                 </el-option>
               </el-select>
             </el-form-item>
-      <el-form-item label="透析模式" required prop="treat_mode">
+          <el-form-item label="透析模式" required prop="treat_mode">
         <el-select
           v-model="form.treat_mode"
           placeholder="选择透析模式"
       </el-form-item>
     </el-form>
     <div slot="footer" class="dialog-footer">
-      <el-button @click="visible=false">取消</el-button>
-      <el-button type="primary" @click="saveAction">保 存</el-button>
+      <el-button @click="clearAction('formValue')">取消</el-button>
+      <el-button type="primary" @click="saveAction()">保 存</el-button>
     </div>
   </el-dialog>
 </template>
     return {
       patients:[],
       visible: false,
+      isClose:false,
       form: {
         patient_id: "",
         treat_mode: "",
     show(weekday, time_type, device_number_id,patients) {
       this.clear();
       this.patients = patients
-      console.log(this.patients)
       this.form.weekday = weekday;
       this.form.time_type = time_type;
       this.form.device_number_id = device_number_id;
     showWith(patient_id, treat_mode, weekday, time_type, device_number_id,patients) {
       this.clear();
       this.patients = patients
-      console.log(this.patients)
       this.form.patient_id = patient_id;
       this.form.treat_mode = treat_mode;
       this.form.weekday = weekday;
     hide() {
       this.clear();
       this.visible = false;
+    },clearAction(){
+      this.form.patient_id = "";
+      this.form.treat_mode = "";
+      this.$refs.formValue.resetFields()
+      this.visible = false;
     },
     saveAction: function() {
       if (this.form.patient_id <= 0) {
         this.form.time_type,
         this.form.device_number_id
       );
+      this.$refs.formValue.resetFields()
+
     },
     cancelScheduleAction: function() {
       this.$emit(