作息管理需求变更

src/components/elDialog/dialog.vue

@@ -29,8 +29,8 @@ export default {
 }
 </style>
 <style lang="scss" scoped>
-  .centerDialog{
-    position: absolute;
-    top: 20%;
-  } 
+  //.centerDialog{
+  //  position: absolute;
+  //  top: 20%;
+  //}
 </style>

src/views/system/workTimeSet/dialog.add.vue

@@ -63,7 +63,7 @@
 <!--                    v-model="r.row.workTime"/>-->
 <!--                </template>-->
 <!--              </el-table-column>-->
-              <el-table-column label="营业时间" width="120">
+              <el-table-column label="营业开始" width="120">
                 <template slot-scope="r">
                   <el-time-select
                     style="width: 100%;"
@@ -93,7 +93,7 @@
 <!--                    v-model="r.row.noonbreakEnd"/>-->
 <!--                </template>-->
 <!--              </el-table-column>-->
-              <el-table-column label="营业终了" width="120">
+              <el-table-column label="营业结束" width="120">
                 <template slot-scope="r">
                   <el-time-select
                     style="width: 100%"
@@ -241,7 +241,7 @@ export default {
           return;
         }
         if(!timeCheck([other.openTime,other.closeTime])){
-          this.$message.error(`${ds}：营业时间应在营业终了之前`);
+          this.$message.error(`${ds}：营业开始时间应在营业结束之前`);
           return false;
         }
       }

src/views/system/workTimeSet/dialog.edit.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="question-infos">
-    <DialogCom title="编辑作息" @close="handleClose" :visible="show" width="800px">
+    <DialogCom title="编辑作息" @close="handleClose" :visible="show" width="800px"  append-to-body>
       <div class="page-body">
         <el-form :model="formData" :rules="formData.isEnable?formDataRules:{}" size="small" ref="form" label-position="right"
                  label-width="120px" label-prefix=":">
@@ -30,47 +30,47 @@
                 </template>
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item prop="workTime" label="上班时间：">
-                <template >
-                  <el-time-select
-                      :picker-options="pickerOptions"
-                      v-model="formData.workTime"
-                      :disabled="!formData.isEnable || formData.isEnable === false"/>
-                </template>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item prop="workOffTime" label="下班时间：">
-                <template >
-                  <el-time-select
-                    :picker-options="pickerOptions"
-                    v-model="formData.workOffTime"
-                    :disabled="!formData.isEnable || formData.isEnable === false"/>
-                </template>
-              </el-form-item>
-            </el-col>
-              <el-col :span="12">
+<!--            <el-col :span="12">-->
+<!--              <el-form-item prop="workTime" label="上班时间：">-->
+<!--                <template >-->
+<!--                  <el-time-select-->
+<!--                      :picker-options="pickerOptions"-->
+<!--                      v-model="formData.workTime"-->
+<!--                      :disabled="!formData.isEnable || formData.isEnable === false"/>-->
+<!--                </template>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--            <el-col :span="12">-->
+<!--              <el-form-item prop="workOffTime" label="下班时间：">-->
+<!--                <template >-->
+<!--                  <el-time-select-->
+<!--                    :picker-options="pickerOptions"-->
+<!--                    v-model="formData.workOffTime"-->
+<!--                    :disabled="!formData.isEnable || formData.isEnable === false"/>-->
+<!--                </template>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--              <el-col :span="12">-->
 
-              <el-form-item prop="noonbreakStart" label="午休开始：">
-                <template>
-                  <el-time-select
-                      :picker-options="pickerOptions"
-                      v-model="formData.noonbreakStart"
-                      :disabled="!formData.isEnable || formData.isEnable === false"/>
-                </template>
-              </el-form-item>
-              </el-col>
-            <el-col :span="12">
-              <el-form-item prop="noonbreakEnd" label="午休结束：">
-                <template >
-                  <el-time-select
-                      :picker-options="pickerOptions"
-                      v-model="formData.noonbreakEnd"
-                      :disabled="!formData.isEnable || formData.isEnable === false"/>
-                </template>
-              </el-form-item>
-            </el-col>
+<!--              <el-form-item prop="noonbreakStart" label="午休开始：">-->
+<!--                <template>-->
+<!--                  <el-time-select-->
+<!--                      :picker-options="pickerOptions"-->
+<!--                      v-model="formData.noonbreakStart"-->
+<!--                      :disabled="!formData.isEnable || formData.isEnable === false"/>-->
+<!--                </template>-->
+<!--              </el-form-item>-->
+<!--              </el-col>-->
+<!--            <el-col :span="12">-->
+<!--              <el-form-item prop="noonbreakEnd" label="午休结束：">-->
+<!--                <template >-->
+<!--                  <el-time-select-->
+<!--                      :picker-options="pickerOptions"-->
+<!--                      v-model="formData.noonbreakEnd"-->
+<!--                      :disabled="!formData.isEnable || formData.isEnable === false"/>-->
+<!--                </template>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
             <el-col :span="12">
               <el-form-item prop="openTime" label="营业开始：">
                 <template >
@@ -121,10 +121,10 @@ export default {
       //表单验证
       formDataRules: {
         isEnable: [{ required: true, message: "请选择状态" }],
-        workTime: [{ required: true, message: "请输入上班时间" }],
-        workOffTime: [{ required: true, message: "请输入下班时间" }],
-        noonbreakStart: [{ required: true, message: "请输入午休开始时间" }],
-        noonbreakEnd: [{ required: true, message: "请输入午休结束时间" }],
+        // workTime: [{ required: true, message: "请输入上班时间" }],
+        // workOffTime: [{ required: true, message: "请输入下班时间" }],
+        // noonbreakStart: [{ required: true, message: "请输入午休开始时间" }],
+        // noonbreakEnd: [{ required: true, message: "请输入午休结束时间" }],
         openTime: [{ required: true, message: "请输入营业时间" }],
         closeTime: [{ required: true, message: "请输入营业终了时间" }],
       },
@@ -138,7 +138,7 @@ export default {
       return {
         start: "00:00",
         end: "24:00",
-        step: "00:10",
+        step: "00:05",
       };
     },
   },
@@ -156,20 +156,20 @@ export default {
         isEnable: 1,
         openTime: null,
         closeTime: null,
-        noonbreakStart: null,
-        noonbreakEnd: null,
-        workTime: null,
-        workOffTime: null,
+        // noonbreakStart: null,
+        // noonbreakEnd: null,
+        // workTime: null,
+        // workOffTime: null,
       };
     },
     onEnableChange(workTime) {
       if (workTime.isEnable === false) {
         workTime.openTime = null;
         workTime.closeTime = null;
-        workTime.noonbreakStart = null;
-        workTime.noonbreakEnd = null;
-        workTime.workTime = null;
-        workTime.workOffTime = null;
+        // workTime.noonbreakStart = null;
+        // workTime.noonbreakEnd = null;
+        // workTime.workTime = null;
+        // workTime.workOffTime = null;
       }
     },
     handleClose() {
@@ -182,23 +182,13 @@ export default {
     onSubmit() {
       this.$refs.form.validate((isValidate) => {
         if (!isValidate) return;
-        if (!this.formData.noonbreakStart ^ !this.formData.noonbreakEnd) {
-          this.$message.warning(`午休开始及结束时间必须同时配置`);
-          return;
-        }
         if (
             !timeCheck([
-              this.formData.workTime,
               this.formData.openTime,
-              this.formData.noonbreakStart,
-              this.formData.noonbreakEnd,
               this.formData.closeTime,
-              this.formData.workOffTime,
             ])
         ) {
-          this.$message.warning(
-              `时间配置规则：上班时间<=午休开始<=午休结束<=下班时间`
-          );
+          this.$message.warning(`营业开始时间应在营业结束之前`);
           return false;
         }
         editWorkTime(this.formData).then(res=>{

src/views/system/workTimeSet/dialog.template.vue

@@ -63,7 +63,7 @@
 <!--                      v-model="r.row.workTime"/>-->
 <!--                  </template>-->
 <!--                </el-table-column>-->
-                <el-table-column label="营业时间">
+                <el-table-column label="营业开始">
                   <template slot-scope="r">
                     <el-time-select
                       style="width: 100%"
@@ -93,7 +93,7 @@
 <!--                      v-model="r.row.noonbreakEnd"/>-->
 <!--                  </template>-->
 <!--                </el-table-column>-->
-                <el-table-column label="营业终了">
+                <el-table-column label="营业结束">
                   <template slot-scope="r">
                     <el-time-select
                       style="width: 100%"
@@ -279,7 +279,7 @@ export default {
       // }
       let arr = [dayOfWeek.openTime,dayOfWeek.closeTime];
       if (!timeCheck(arr)) {
-        this.$message.error(`${dayOfWeek.dayOfWeekText}的营业时间应在营业终了之前`);
+        this.$message.error(`${dayOfWeek.dayOfWeekText}的营业开始时间应在营业结束之前`);
         return false;
       }
       return true;
@@ -323,10 +323,10 @@ export default {
       if (!workTime.isWorkday) {
         workTime.openTime = null;
         workTime.closeTime = null;
-        workTime.noonbreakStart = null;
-        workTime.noonbreakEnd = null;
-        workTime.workTime = null;
-        workTime.workOffTime = null;
+        // workTime.noonbreakStart = null;
+        // workTime.noonbreakEnd = null;
+        // workTime.workTime = null;
+        // workTime.workOffTime = null;
       }
     },
     handleClose() {