拍照设置功能

src/utils/api/index.js

@@ -149,6 +149,30 @@ export function getScheduleRulelListJoggle(data) {
     data,
   });
 }
+//2.新增任务规则
+export function addScheduleRulel(data) {
+  return request({
+    url: "/test/addSchelduleRuleList",
+    method: "post",
+    data,
+  });
+}
+//3.删除任务规则
+export function deleteScheduleRulel(data) {
+  return request({
+    url: "/test/deleteSchelduleRule",
+    method: "post",
+    data,
+  });
+}
+//4.修改任务规则
+export function updateScheduleRulel(data) {
+  return request({
+    url: "/test/updateSchelduleRule",
+    method: "post",
+    data,
+  });
+}
 
 //线路信息管理接口数据
 //1.线路列表信息

src/views/devicePhotoSchedule/components/adddeviceDialog.vue

@@ -1,144 +1,111 @@
 <template>
   <el-dialog
     class="addLineDialog"
-    :title="lineDialogTitle"
-    :visible.sync="lineDialog"
-    width="420px"
+    :title="title"
+    :visible.sync="isShow"
+    :close-on-click-modal="false"
+    width="40%"
   >
     <el-form
       label-position="left"
-      ref="formLineInfo"
+      ref="formInfo"
       label-width="100px"
       :rules="rules"
-      :model="lineForm"
+      :model="formdata"
     >
       <el-form-item label="名称：" prop="name">
         <el-input
-          v-model="lineForm.name"
+          v-model="formdata.name"
           autocomplete="off"
         ></el-input>
       </el-form-item>
-      <el-form-item label="开始时间：" prop="startTime">
-        <el-input
-          v-model.number="lineForm.startTime"
-          autocomplete="off"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="结束时间：" prop="endTime">
-        <el-input
-          v-model.number="lineForm.endTime"
-          autocomplete="off"
-        ></el-input>
+      <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="lineForm.span" autocomplete="off"></el-input>
+        <!-- <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="lineForm.remark" autocomplete="off"></el-input>
+        <el-input v-model="formdata.remark" autocomplete="off"></el-input>
       </el-form-item>
     </el-form>
     <div slot="footer" class="dialog-footer">
-      <el-button @click="closeDialog(0)">取 消</el-button>
+      <el-button @click="isShow = false">取 消</el-button>
       <el-button type="primary" @click="submitForm()">确 定</el-button>
     </div>
   </el-dialog>
 </template>
 <script>
-import { addLineJoggle, updateLineJoggle } from "@/utils/api/index";
+import { addScheduleRulel, updateScheduleRulel } from "@/utils/api/index";
 export default {
   props: {
-    lineDialog: {
-      type: Boolean,
-    },
-    lineDialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    formItem: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
+    title:String
   },
-
   data() {
     return {
-      lineForm: {},
+      isShow: false,
+      formdata: {},
       rules: {
         name: [
-          { required: true, message: "请输入公司名称", trigger: "blur" },
+          { required: true, message: "请输入名称", trigger: "blur" },
         ],
-        startTime: [
-          { required: true, message: "请选择DY等级", trigger: "blur" },
-          { type: "number", message: "DY等级数字值" },
-        ],
-        endTime: [
-          { required: true, message: "请选择DY等级", trigger: "blur" },
-          { type: "number", message: "DY等级数字值" },
+        time: [
+          { required: true, message: "请选择时间", trigger: "blur" },
         ],
         span: [
-          {
-            required: true,
-            message: "请输入线路名称",
-            trigger: "blur",
-          },
+          { required: true, message: "请输入间隔", trigger: "blur", },
         ],
         remark: [
-          {
-            required: true,
-            message: "请输入线路名称",
-            trigger: "blur",
-          },
+          { required: true, message: "请输入备注", trigger: "blur", },
         ],
-      },
-      //表单数组，对象
-      formArr: [],
+      }
     };
   },
   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.formLineInfo.validate((valid) => {
+      this.$refs.formInfo.validate((valid) => {
         if (valid) {
-          let formObj = {
-            name: this.lineForm.name,
-            startTime: this.lineForm.startTime,
-            endTime: this.lineForm.endTime,
-            span: this.lineForm.span,
-            remark: this.lineForm.remark
-          };
-          this.formArr.push(formObj);
-          console.log(this.formArr);
-
-          // 走保存请求
-          if (this.lineDialogTitle == "新增") {
-            addLineJoggle({ list: this.formArr })
+          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) => {
-                console.log(res);
-                this.$emit("lineDialogClose", 1); //关闭弹窗
+                this.isShow = false
                 this.$message.success("添加成功");
+                this.$parent.deviceList()
               })
               .catch((err) => {
-                console.log(err); //代码错误、请求失败捕获
                 this.$message.error("添加失败");
               });
-          } else if (this.lineDialogTitle == "修改") {
-            let changeformObj = {
-              name: this.lineForm.name,
-              startTime: this.lineForm.startTime,
-              endTime: this.lineForm.endTime,
-              span: this.lineForm.span,
-              remark: this.lineForm.remark
-            };
-            updateLineJoggle(changeformObj)
+          } else {
+            updateScheduleRulel(this.formdata)
               .then((res) => {
-                console.log(res);
-                this.$emit("lineDialogClose", 1); //关闭弹窗
+                this.isShow = false
                 this.$message.success("修改成功");
+                this.$parent.deviceList()
               })
               .catch((err) => {
-                console.log(err); //代码错误、请求失败捕获
                 this.$message.error("修改失败");
               });
           }
@@ -148,28 +115,16 @@ export default {
         }
       });
     },
-    //取消关闭弹窗
-    closeDialog(flag) {
-      this.$refs.formLineInfo.resetFields();
-      this.$emit("lineDialogClose", flag);
+    display() {
+      this.isShow = true
     },
+    hide() {
+      this.isShow = false
+    }
+
   },
   mounted() {
-    console.log("打印传过来的对象", this.formItem);
-    console.log("打印传过来的对象", this.formItem.bsIdentifier);
-    this.lineForm = JSON.parse(JSON.stringify(this.formItem));
-  },
-  watch: {
-    formItem: {
-      handler(newVal, oldVal) {
-        // 调用函数
-        this.$nextTick(() => {
-          this.lineForm = JSON.parse(JSON.stringify(this.formItem));
-        });
-      },
-      immediate: true,
-      deep: true,
-    },
+    
   },
 };
 </script>

src/views/devicePhotoSchedule/index.vue

@@ -2,7 +2,7 @@
   <div class="deviceInformation">
     <div class="deviceBox">
       <div class="deviceBtnGroup">
-        <el-button type="primary" icon="el-icon-plus" @click="handleAdddevice()"
+        <el-button type="primary" icon="el-icon-plus" @click.native.stop="handleAdddevice()"
           >新增</el-button
         >
       </div>
@@ -71,15 +71,11 @@
       </div>
     </div>
     <!-- 新增线路 -->
-    <adddeviceDialog
-      :lineDialog="deviceDialog"
-      :lineDialogTitle="deviceDialogTitle"
-      :formItem="formdeviceInfo"
-    ></adddeviceDialog>
+    <adddeviceDialog  :title="title" ref="adddeviceDialogref" ></adddeviceDialog>
   </div>
 </template>
 <script>
-import { getScheduleRulelListJoggle,deleteLineJoggle } from "@/utils/api/index";
+import { getScheduleRulelListJoggle,deleteScheduleRulel } from "@/utils/api/index";
 import adddeviceDialog from "./components/adddeviceDialog.vue";
 
 export default {
@@ -88,29 +84,29 @@ export default {
   },
   data() {
     return {
-      deviceDialogTitle: "", //弹窗标题
-      deviceDialog: false,
-      formdeviceInfo: {}, //弹窗传值
+      title: "", //弹窗标题
       deviceTableData: [],
       //multipleSelection: [], //获取当前选中
-      //删除数组
-      deleteArr: [],
       page: 1, // 当前页数
-      pageSize: 20, // 每页数量
+      pageSize: 10, // 每页数量
       total: 0, //总条数
     };
   },
+  created() {
+    this.deviceList();
+  },
   methods: {
     //获取线路列表数据
     deviceList() {
-      getScheduleRulelListJoggle()
+      getScheduleRulelListJoggle({
+        pageindex: this.page,
+        pagesize: this.pageSize
+      })
         .then((res) => {
-          console.log(res);
           this.deviceTableData = res.data.list;
+          this.total = res.data.total
         })
-        .catch((err) => {
-          console.log(err); //代码错误、请求失败捕获
-        });
+        .catch((err) => {});
     },
     //点击行选中
     handleRowClick(row, column, event) {
@@ -123,58 +119,45 @@ export default {
 
     // 新建弹窗
     handleAdddevice() {
-      this.deviceDialog = true;
-      this.deviceDialogTitle = "新增";
+      this.title = "新增";
+      this.$refs.adddeviceDialogref.display()
+      this.$refs.adddeviceDialogref.getdataform(null)
     },
 
     //handleResive 修改线路数据
     handleResive(data) {
-      console.log(data);
-      this.deviceDialogTitle = "修改";
-      this.formdeviceInfo = Object.assign({}, data);
-      this.deviceDialog = true;
+      this.title = "修改";
+      this.$refs.adddeviceDialogref.display()
+      this.$refs.adddeviceDialogref.getdataform(data)
     },
 
     //删除数据
     handleDelete(data) {
-      console.log(data);
-      this.deleteArr.push({
+      let deleteArr=[]
+      deleteArr.push({
         id: data.id,
       });
-      console.log(this.deleteArr);
       this.$confirm("确定要删除记录吗,同时删除关联关系?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning",
       })
         .then(() => {
-          // 行设置向后台请求删除数据
-          deleteLineJoggle({ list: this.deleteArr }).then((res) => {
-            console.log(res);
-            this.lineList(); //刷新
-          });
-          this.$message({
-            type: "success",
-            message: "删除成功!",
+          deleteScheduleRulel({ list: deleteArr }).then((res) => {
+            this.deviceList(); //刷新
           });
+          this.$message({ type: "success", message: "删除成功!" });
         })
         .catch(() => {
-          this.$message({
-            type: "info",
-            message: "已取消删除",
-          });
+          this.$message({ type: "info",  message: "已取消删除" });
         });
     },
     //点击分页
     handleCurrentChange(val) {
-      console.log(`当前页: ${val}`);
       this.page = val;
-      //this.getTableList();
+      this.deviceList();
     },
-  },
-  created() {
-    this.deviceList();
-  },
+  }
 };
 </script>
 <style lang="less">