From 46b34a40513956f8fcd324ebb31b05c2bfb71fda Mon Sep 17 00:00:00 2001
From: fanluyan <754122931@qq.com>
Date: Sat, 6 May 2023 14:39:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=B6=E9=97=B4=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/adddeviceDialog.vue            |  94 ++++++--------
 .../components/adddeviceDialogbak.vue         | 117 ++++++++++++++++++
 src/views/devicePhotoSchedule/index.vue       |   2 +-
 3 files changed, 159 insertions(+), 54 deletions(-)
 create mode 100644 src/views/devicePhotoSchedule/components/adddeviceDialogbak.vue

diff --git a/src/views/devicePhotoSchedule/components/adddeviceDialog.vue b/src/views/devicePhotoSchedule/components/adddeviceDialog.vue
index 765b46b..a29829e 100644
--- a/src/views/devicePhotoSchedule/components/adddeviceDialog.vue
+++ b/src/views/devicePhotoSchedule/components/adddeviceDialog.vue
@@ -1,37 +1,42 @@
 <template>
   <el-dialog
-    class="addLineDialog"
+    class="adddeviceDialog"
     :title="title"
     :visible.sync="isShow"
     :close-on-click-modal="false"
-    width="470px"
+    width="670px"
   >
     <el-form
       label-position="left"
       ref="formInfo"
-      label-width="80px"
+      label-width="auto"
       :rules="rules"
       :model="formdata"
     >
-      <el-form-item label="名称：" prop="name">
+      <el-form-item label="名称" prop="name">
         <el-input v-model="formdata.name" autocomplete="off"></el-input>
       </el-form-item>
-      <el-form-item label="时间：" prop="time">
-        <el-time-picker
-          is-range
-          v-model="formdata.time"
-          range-separator="至"
-          start-placeholder="开始时间"
-          end-placeholder="结束时间"
-          value-format="HH:mm:ss"
-        >
-        </el-time-picker>
-      </el-form-item>
-      <el-form-item label="间隔：" prop="span">
-        <!-- <el-input v-model="formdata.span" autocomplete="off" type="number"></el-input> -->
-        <el-input-number v-model="formdata.span" :min="1"></el-input-number>
-      </el-form-item>
-      <el-form-item label="备注：" prop="remark">
+      <div class="timeBoxArr">
+        <el-form-item label="时间" prop="time">
+          <el-time-picker
+            is-range
+            v-model="formdata.time"
+            range-separator="至"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+            value-format="HH:mm:ss"
+          >
+          </el-time-picker>
+        </el-form-item>
+        <el-form-item label="间隔（分）" prop="span">
+          <!-- <el-input v-model="formdata.span" autocomplete="off" type="number"></el-input> -->
+          <el-input-number v-model="formdata.span" :min="1"></el-input-number>
+        </el-form-item>
+        <button>新增</button>
+        <button>删除</button>
+      </div>
+
+      <el-form-item label="备注" prop="remark">
         <el-input v-model="formdata.remark" autocomplete="off"></el-input>
       </el-form-item>
     </el-form>
@@ -42,7 +47,7 @@
   </el-dialog>
 </template>
 <script>
-import { addScheduleRulel, updateScheduleRulel } from "@/utils/api/index";
+//import { addScheduleRulel, updateScheduleRulel } from "@/utils/api/index";
 export default {
   props: {
     title: String,
@@ -51,12 +56,6 @@ export default {
     return {
       isShow: false,
       formdata: {},
-      rules: {
-        name: [{ required: true, message: "请输入名称", trigger: "blur" }],
-        time: [{ required: true, message: "请选择时间", trigger: "blur" }],
-        span: [{ required: true, message: "请输入间隔", trigger: "blur" }],
-        remark: [{ required: true, message: "请输入备注", trigger: "blur" }],
-      },
     };
   },
   methods: {
@@ -73,32 +72,7 @@ export default {
     submitForm() {
       this.$refs.formInfo.validate((valid) => {
         if (valid) {
-          this.formdata.startTime = this.formdata.time[0];
-          this.formdata.endTime = this.formdata.time[1];
-          delete this.formdata.time;
-          if (this.title == "新增") {
-            let formArr = [];
-            formArr.push(this.formdata);
-            addScheduleRulel({ list: formArr })
-              .then((res) => {
-                this.isShow = false;
-                this.$message.success("添加成功");
-                this.$parent.deviceList();
-              })
-              .catch((err) => {
-                this.$message.error("添加失败");
-              });
-          } else {
-            updateScheduleRulel(this.formdata)
-              .then((res) => {
-                this.isShow = false;
-                this.$message.success("修改成功");
-                this.$parent.deviceList();
-              })
-              .catch((err) => {
-                this.$message.error("修改失败");
-              });
-          }
+          console.log(valid);
         } else {
           console.log("error submit!!");
           return false;
@@ -115,3 +89,17 @@ export default {
   mounted() {},
 };
 </script>
+<style lang="less">
+.adddeviceDialog {
+  .el-form {
+    .timeBoxArr {
+      display: flex;
+      .el-date-editor.el-input,
+      .el-date-editor.el-input__inner {
+        width: 226px;
+        margin-right: 16px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/devicePhotoSchedule/components/adddeviceDialogbak.vue b/src/views/devicePhotoSchedule/components/adddeviceDialogbak.vue
new file mode 100644
index 0000000..765b46b
--- /dev/null
+++ b/src/views/devicePhotoSchedule/components/adddeviceDialogbak.vue
@@ -0,0 +1,117 @@
+<template>
+  <el-dialog
+    class="addLineDialog"
+    :title="title"
+    :visible.sync="isShow"
+    :close-on-click-modal="false"
+    width="470px"
+  >
+    <el-form
+      label-position="left"
+      ref="formInfo"
+      label-width="80px"
+      :rules="rules"
+      :model="formdata"
+    >
+      <el-form-item label="名称：" prop="name">
+        <el-input v-model="formdata.name" autocomplete="off"></el-input>
+      </el-form-item>
+      <el-form-item label="时间：" prop="time">
+        <el-time-picker
+          is-range
+          v-model="formdata.time"
+          range-separator="至"
+          start-placeholder="开始时间"
+          end-placeholder="结束时间"
+          value-format="HH:mm:ss"
+        >
+        </el-time-picker>
+      </el-form-item>
+      <el-form-item label="间隔：" prop="span">
+        <!-- <el-input v-model="formdata.span" autocomplete="off" type="number"></el-input> -->
+        <el-input-number v-model="formdata.span" :min="1"></el-input-number>
+      </el-form-item>
+      <el-form-item label="备注：" prop="remark">
+        <el-input v-model="formdata.remark" autocomplete="off"></el-input>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="isShow = false">取 消</el-button>
+      <el-button type="primary" @click="submitForm()">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { addScheduleRulel, updateScheduleRulel } from "@/utils/api/index";
+export default {
+  props: {
+    title: String,
+  },
+  data() {
+    return {
+      isShow: false,
+      formdata: {},
+      rules: {
+        name: [{ required: true, message: "请输入名称", trigger: "blur" }],
+        time: [{ required: true, message: "请选择时间", trigger: "blur" }],
+        span: [{ required: true, message: "请输入间隔", trigger: "blur" }],
+        remark: [{ required: true, message: "请输入备注", trigger: "blur" }],
+      },
+    };
+  },
+  methods: {
+    //判断
+    getdataform(val) {
+      console.log(val);
+      if (val == null) {
+        return (this.formdata = {});
+      }
+      this.formdata = val;
+      this.$set(this.formdata, "time", [val.startTime, val.endTime]);
+    },
+    // 保存确定操作
+    submitForm() {
+      this.$refs.formInfo.validate((valid) => {
+        if (valid) {
+          this.formdata.startTime = this.formdata.time[0];
+          this.formdata.endTime = this.formdata.time[1];
+          delete this.formdata.time;
+          if (this.title == "新增") {
+            let formArr = [];
+            formArr.push(this.formdata);
+            addScheduleRulel({ list: formArr })
+              .then((res) => {
+                this.isShow = false;
+                this.$message.success("添加成功");
+                this.$parent.deviceList();
+              })
+              .catch((err) => {
+                this.$message.error("添加失败");
+              });
+          } else {
+            updateScheduleRulel(this.formdata)
+              .then((res) => {
+                this.isShow = false;
+                this.$message.success("修改成功");
+                this.$parent.deviceList();
+              })
+              .catch((err) => {
+                this.$message.error("修改失败");
+              });
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    display() {
+      this.isShow = true;
+    },
+    hide() {
+      this.isShow = false;
+    },
+  },
+  mounted() {},
+};
+</script>
diff --git a/src/views/devicePhotoSchedule/index.vue b/src/views/devicePhotoSchedule/index.vue
index ab4bd95..f294df4 100644
--- a/src/views/devicePhotoSchedule/index.vue
+++ b/src/views/devicePhotoSchedule/index.vue
@@ -114,7 +114,7 @@ export default {
     this.deviceList();
   },
   methods: {
-    //获取拍照时间表数据
+    //获取拍照时间表数据列表
     deviceList() {
       this.loading = true;
       getScheduleRulelListJoggle({