From 26575849ba49b8029c2cf26af3329e75083ff26d Mon Sep 17 00:00:00 2001
From: liuyi <l_cheny@foxmail.com>
Date: Fri, 21 Apr 2023 14:57:48 +0800
Subject: [PATCH] shezhi

---
 src/utils/api/index.js                        | 17 ++++
 .../components/adddeviceDialog.vue            | 31 ++-----
 .../components/setdevice.vue                  | 87 +++++++++++++++++++
 src/views/devicePhotoSchedule/index.vue       | 78 ++++++-----------
 src/views/realTimeMonitor/index.vue           |  7 ++
 5 files changed, 142 insertions(+), 78 deletions(-)
 create mode 100644 src/views/devicePhotoSchedule/components/setdevice.vue

diff --git a/src/utils/api/index.js b/src/utils/api/index.js
index bd2cfad..2858e5d 100644
--- a/src/utils/api/index.js
+++ b/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,
+  });
+}
+
 
 //线路信息管理接口数据
 //获取电压等级列表
diff --git a/src/views/devicePhotoSchedule/components/adddeviceDialog.vue b/src/views/devicePhotoSchedule/components/adddeviceDialog.vue
index 7dffdc4..35a03aa 100644
--- a/src/views/devicePhotoSchedule/components/adddeviceDialog.vue
+++ b/src/views/devicePhotoSchedule/components/adddeviceDialog.vue
@@ -1,36 +1,15 @@
 <template>
-  <el-dialog
-    class="addLineDialog"
-    :title="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-dialog class="addLineDialog" :title="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-input
-          v-model="formdata.name"
-          autocomplete="off"
-        ></el-input>
+        <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 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">
diff --git a/src/views/devicePhotoSchedule/components/setdevice.vue b/src/views/devicePhotoSchedule/components/setdevice.vue
new file mode 100644
index 0000000..13d6281
--- /dev/null
+++ b/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>
diff --git a/src/views/devicePhotoSchedule/index.vue b/src/views/devicePhotoSchedule/index.vue
index 52c3c11..65e2ece 100644
--- a/src/views/devicePhotoSchedule/index.vue
+++ b/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
-        >
+        <el-button type="primary" icon="el-icon-plus" @click.native.stop="handleAdddevice()" >新增</el-button>
       </div>
       <div class="deviceTable">
-        <el-table
-          ref="multipleTable"
-          :data="deviceTableData"
-          tooltip-effect="dark"
-          style="width: 100%"
-          height="calc(100% - 40px)"
-          @selection-change="handleSelectionChange"
-          @row-click="handleRowClick"
-        >
+        <el-table ref="multipleTable" :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
-            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 prop="startTime" label="开始时间" 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
-                @click.native.stop="handleResive(scope.row)"
-                type="text"
-                >修改</el-button
-              >
-              <el-button
-                type="text"
-                class="deleteText"
-                @click.native.stop="handleDelete(scope.row)"
-                >删除</el-button
-              >
+              <el-button @click.native.stop="handleResive(scope.row)" type="text" >修改</el-button>
+              <el-button  type="text" class="deleteText" @click.native.stop="handleDelete(scope.row)">删除</el-button>
+              <el-button  type="text"  @click.native.stop="handleSet(scope.row)">设置</el-button>
             </template>
           </el-table-column>
         </el-table>
         <div class="pageNation">
-          <el-pagination
-            @current-change="handleCurrentChange"
-            :current-page="page"
-            :page-size="pageSize"
-            layout=" prev, pager, next, jumper,total"
-            :total="total"
-            background
-          >
+          <el-pagination @current-change="handleCurrentChange" :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=[]
diff --git a/src/views/realTimeMonitor/index.vue b/src/views/realTimeMonitor/index.vue
index 077d996..bd0aee4 100644
--- a/src/views/realTimeMonitor/index.vue
+++ b/src/views/realTimeMonitor/index.vue
@@ -62,6 +62,9 @@
             </el-option>
           </el-select>
         </div>
+        <div class="paramsDate">
+          <el-button type="primary" @click.native.stop="handleSetSchedule()" >时间表设置</el-button>
+        </div>
       </div>
       <!-- <paramArea></paramArea> -->
     </div>
@@ -215,6 +218,10 @@ export default {
       console.log(channelObj);
       this.getTerminalPhotoList(val, this.dateValue, channelObj.termid);
     },
+    //设置时间表
+    handleSetSchedule(){
+      
+    }
   },
 };
 </script>