配置拍照

src/utils/api/index.js

@@ -173,6 +173,23 @@ export function updateScheduleRulel(data) {
     data,
   });
 }
+//5.获取所有通道
+export function getScheduleRulelAccessList(data) {
+  return request({
+    url: "/test/getChannelTreeList",
+    method: "post",
+    data,
+  });
+}
+//6.设置时间表通道
+export function setScheduleRulel(data) {
+  return request({
+    url: "/test/getScheduleRulelList",
+    method: "post",
+    data,
+  });
+}
+
 
 //线路信息管理接口数据
 //获取电压等级列表

src/views/devicePhotoSchedule/components/setdevice.vue

@@ -0,0 +1,87 @@
+<template>
+  <el-dialog class="addLineDialog" title="设置" :visible.sync="isShow" :close-on-click-modal="false" width="40%" >
+    <el-form label-position="left" ref="formInfo" label-width="100px" :rules="rules" :model="formdata" >
+      <el-form-item label="通道：" prop="name">
+        <el-tree :data="listnr" show-checkbox :props="defaultProps" ref="tree" node-key="id" ></el-tree>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="getCheckedNodes">获取</el-button>
+      <el-button @click="isShow = false">取 消</el-button>
+      <el-button type="primary" @click="submitForm()">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { setScheduleRulel,getScheduleRulelAccessList } from "@/utils/api/index";
+export default {
+  props: {
+    title:String
+  },
+  data() {
+    return {
+      isShow: false,
+      formdata: {},
+      rules: {
+        name: [
+          { required: true, message: "请选择通道", trigger: "blur" },
+        ],
+      },
+      listnr: [],
+      defaultProps: {
+        children: 'list',
+        label: 'name'
+      },
+      selid:0
+    };
+  },
+  mounted() {
+    this.getlistnr()
+  },
+  methods: {
+    //判断
+    getdataform(val){
+      this.selid = val.id
+      // if (val==null) {
+      //   return this.formdata = {}
+      // } 
+      // this.formdata = val
+      // this.$set(this.formdata,'time',[val.startTime, val.endTime])
+    },
+    //获取所有通道
+    getlistnr(){
+      getScheduleRulelAccessList({}).then((res) => {
+        this.listnr = res.data.list
+      }).catch((err) => {});
+    },
+    //获取所选值
+    getCheckedNodes() {
+      console.log(this.$refs.tree.getCheckedNodes());
+    },
+    // 保存确定操作
+    submitForm() {
+      this.$refs.formInfo.validate((valid) => {
+        if (valid) {
+          setScheduleRulel({ list: formArr }).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
+    }
+  }
+};
+</script>

src/views/devicePhotoSchedule/index.vue

@@ -2,20 +2,11 @@
   <div class="deviceInformation">
     <div class="deviceBox">
       <div class="deviceBtnGroup">
-        <el-button type="primary" icon="el-icon-plus" @click.native.stop="handleAdddevice()"
+        <el-button type="primary" icon="el-icon-plus" @click.native.stop="handleAdddevice()" >新增</el-button>
-          >新增</el-button
-        >
       </div>
       <div class="deviceTable">
-        <el-table
+        <el-table ref="multipleTable" :data="deviceTableData" tooltip-effect="dark" style="width: 100%" 
-          ref="multipleTable"
+        height="calc(100% - 40px)" @selection-change="handleSelectionChange" @row-click="handleRowClick">
-          :data="deviceTableData"
-          tooltip-effect="dark"
-          style="width: 100%"
-          height="calc(100% - 40px)"
-          @selection-change="handleSelectionChange"
-          @row-click="handleRowClick"
-        >
           <!-- <el-table-column type="index" width="55"> </el-table-column>
           <el-table-column type="selection" width="55"> </el-table-column> -->
           <el-table-column label="单位" show-overflow-tooltip>
@@ -24,63 +15,40 @@
           <el-table-column label="时间表类型" show-overflow-tooltip>
             <template>时间表类型</template>
           </el-table-column>
-
+          <el-table-column prop="startTime" label="开始时间" show-overflow-tooltip ></el-table-column>
-          <el-table-column
+          <el-table-column prop="endTime" label="结束时间" show-overflow-tooltip ></el-table-column>
-            prop="startTime"
+          <el-table-column prop="span" label="间隔（分）" show-overflow-tooltip></el-table-column>
-            label="开始时间"
+          <el-table-column prop="remark" label="备注" show-overflow-tooltip></el-table-column>
-            show-overflow-tooltip
-          >
-          </el-table-column>
-          <el-table-column
-            prop="endTime"
-            label="结束时间"
-            show-overflow-tooltip
-          >
-          </el-table-column>
-          <el-table-column prop="span" label="间隔（分）" show-overflow-tooltip>
-          </el-table-column>
-          <el-table-column prop="remark" label="备注" show-overflow-tooltip>
-          </el-table-column>
           <el-table-column fixed="right" label="操作" width="200">
             <template slot-scope="scope">
-              <el-button
+              <el-button @click.native.stop="handleResive(scope.row)" type="text" >修改</el-button>
-                @click.native.stop="handleResive(scope.row)"
+              <el-button  type="text" class="deleteText" @click.native.stop="handleDelete(scope.row)">删除</el-button>
-                type="text"
+              <el-button  type="text"  @click.native.stop="handleSet(scope.row)">设置</el-button>
-                >修改</el-button
-              >
-              <el-button
-                type="text"
-                class="deleteText"
-                @click.native.stop="handleDelete(scope.row)"
-                >删除</el-button
-              >
             </template>
           </el-table-column>
         </el-table>
         <div class="pageNation">
-          <el-pagination
+          <el-pagination @current-change="handleCurrentChange" :current-page="page" :page-size="pageSize" 
-            @current-change="handleCurrentChange"
+          layout=" prev, pager, next, jumper,total" :total="total" background >
-            :current-page="page"
-            :page-size="pageSize"
-            layout=" prev, pager, next, jumper,total"
-            :total="total"
-            background
-          >
           </el-pagination>
         </div>
       </div>
     </div>
-    <!-- 新增线路 -->
+    <!-- 新增时间表 -->
     <adddeviceDialog  :title="title" ref="adddeviceDialogref" ></adddeviceDialog>
+    <!-- 设置时间表 -->
+    <setdevice ref="setdeviceDialogref"  ></setdevice>
   </div>
 </template>
 <script>
 import { getScheduleRulelListJoggle,deleteScheduleRulel } from "@/utils/api/index";
 import adddeviceDialog from "./components/adddeviceDialog.vue";
+import setdevice from './components/setdevice.vue';
 
 export default {
   components: {
-    adddeviceDialog
+    adddeviceDialog,
+    setdevice
   },
   data() {
     return {
@@ -117,20 +85,26 @@ export default {
       this.multipleSelection = val;
     },
 
-    // 新建弹窗
+    // 新建
     handleAdddevice() {
       this.title = "新增";
       this.$refs.adddeviceDialogref.display()
       this.$refs.adddeviceDialogref.getdataform(null)
     },
 
-    //handleResive 修改线路数据
+    //修改
     handleResive(data) {
       this.title = "修改";
       this.$refs.adddeviceDialogref.display()
       this.$refs.adddeviceDialogref.getdataform(data)
     },
 
+    //设置
+    handleSet(data){
+      this.$refs.setdeviceDialogref.display()
+      this.$refs.setdeviceDialogref.getdataform(data)
+    },
+
     //删除数据
     handleDelete(data) {
       let deleteArr=[]

src/views/realTimeMonitor/index.vue

@@ -63,7 +63,11 @@
             </el-select>
           </div>
         </div>
-        <!-- <paramArea></paramArea> -->
+        <div class="paramsDate">
+          <el-button type="primary" @click.native.stop="handleSetSchedule()"
+            >时间表设置</el-button
+          >
+        </div>
       </div>
     </div>
   </div>
@@ -226,6 +230,8 @@ export default {
       console.log(channelObj);
       this.getTerminalPhotoList(val, this.dateValue, channelObj.termid);
     },
+    //设置时间表
+    handleSetSchedule() {},
   },
 };
 </script>