定时开关

src/pages/eq/hall/page.vue

@@ -9,20 +9,20 @@
                 <el-form-item label="节能模式：">
                   <div class="switch-warp" style="transform: translateY(7px)">
                     <div
-                      :class="[formData.saving == 1 ? 'on' : '']"
+                      :class="[isSaving == 1 ? 'on' : '']"
                       @click="handleSwitch(1)"
                     >
                       人工
                     </div>
                     <div
-                      :class="[formData.saving == 2 ? 'on' : '']"
+                      :class="[isSaving == 2 ? 'on' : '']"
                       @click="handleSwitch(2)"
                     >
                       节能
                     </div>
                   </div>
                 </el-form-item>
-                <span class="btn-group" v-if="formData.saving == 1">
+                <span class="btn-group" v-if="isSaving == 1">
                   <el-form-item label="">
                     <el-button
                       type="primary"
@@ -41,7 +41,7 @@
                   </el-form-item>
                 </span>
               </el-col>
-              <el-col :span="24" v-if="formData.saving == 1">
+              <el-col :span="24" v-if="isSaving == 1">
                 <el-form-item label="温度设定：">
                   <el-input v-model="formData.temp" clearable=""></el-input>
                 </el-form-item>
@@ -74,9 +74,20 @@
                   </el-time-select>
                 </el-form-item>
                 <el-form-item>
-                  <el-button type="primary" size="mini" @click="setSendTime"
-                    >设置定时</el-button
-                  >
+                  <div class="switch-warp" style="transform: translateY(5px)">
+                    <div
+                      :class="[isOpen == 1 ? 'on' : '']"
+                      @click="setSendTime(1)"
+                    >
+                      关
+                    </div>
+                    <div
+                      :class="[isOpen == 2 ? 'on' : '']"
+                      @click="setSendTime(2)"
+                    >
+                      开
+                    </div>
+                  </div>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -185,8 +196,9 @@ export default {
       activeTab: 'b45827c068254695864ee3c1d42573cb', //tab默认选中
       tableData: [],
       tableColums: tableColumsOne,
+      isSaving: 1, //节能
+      isOpen: 1, //定时开关
       formData: {
-        saving: 1
       },
       tabList: [
         {
@@ -267,7 +279,7 @@ export default {
     statusHandle() {},
     // 人工节能
     handleSwitch(state) {
-      this.formData.saving = state
+      this.isSaving = state
       this.$http({
         url: this.$http.adornUrl('/equipment/changeType'),
         method: 'post',
@@ -281,7 +293,9 @@ export default {
       })
     },
     // 设置定时任务
-    setSendTime() {
+    setSendTime(type) {
+      this.isOpen = type
+
       this.$http({
         url: this.$http.adornUrl('/equipment/timedTask'),
         method: 'post',
@@ -289,7 +303,7 @@ export default {
           id: '',
           startTime: this.formData.startTime,
           endTime: this.formData.endTime,
-          status: 1
+          status: type
         })
       }).then((data) => {
         if (data && data.code === 0) {