From ba6c5c55246f6a76adb45c5eed1a0479b3b19af9 Mon Sep 17 00:00:00 2001
From: Fluyan <754122931@qq.com>
Date: Sun, 14 May 2023 12:49:40 +0800
Subject: [PATCH] you hua

---
 src/utils/api/index.js                        | 10 ++++
 .../components/setdevice.vue                  | 54 ++++++++++++++++---
 2 files changed, 56 insertions(+), 8 deletions(-)

diff --git a/src/utils/api/index.js b/src/utils/api/index.js
index 57fdcee..4f0a025 100644
--- a/src/utils/api/index.js
+++ b/src/utils/api/index.js
@@ -386,3 +386,13 @@ export function getTerminalInfoJoggle(data) {
     data,
   });
 }
+
+
+//根据通道编号获取设备列表
+export function getTermListByChannelJoggle(data) {
+  return request({
+    url: "/api/getTermListByChannel ",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/views/devicePhotoSchedule/components/setdevice.vue b/src/views/devicePhotoSchedule/components/setdevice.vue
index f37e6eb..316d3f7 100644
--- a/src/views/devicePhotoSchedule/components/setdevice.vue
+++ b/src/views/devicePhotoSchedule/components/setdevice.vue
@@ -8,7 +8,12 @@
   >
     <div class="setTimeTd">
       <h3>时间表规则</h3>
-      <el-descriptions
+      <p class="timeGz" v-for="(val, index) in ruleSchedule" :key="index">
+        <span>{{ val.startTime }}</span> ~
+        <span>{{ val.endTime }}</span>
+        间隔：<el-tag>{{ val.span }}分钟</el-tag>
+      </p>
+      <!-- <el-descriptions
         title=""
         :column="3"
         border
@@ -27,7 +32,7 @@
         >
           <el-tag size="small">{{ val.span }}</el-tag>
         </el-descriptions-item>
-      </el-descriptions>
+      </el-descriptions> -->
       <h3>设置通道</h3>
       <div class="chooseTDBox">
         <label>选择通道:</label>
@@ -53,6 +58,25 @@
         </div>
       </div>
       <div class="flexnr">
+        <div class="dybox" v-for="(dyitem, index) in newzzList" :key="index">
+          <h4>电压等级：{{ dyitem.name }}</h4>
+          <div
+            class="xlbox"
+            v-for="(xlitem, index) in dyitem.list"
+            :key="index"
+          >
+            <h4>线路：{{ xlitem.name }}</h4>
+            <div class="zzbox">
+              <el-checkbox-group v-model="zzListCheck">
+                <el-checkbox
+                  :label="zzitem.displayName"
+                  v-for="(zzitem, index) in xlitem.list"
+                  :key="index"
+                ></el-checkbox>
+              </el-checkbox-group>
+            </div>
+          </div>
+        </div>
         <!-- <div class="w50">通道:</div>
         <el-tree
           :data="listnr"
@@ -75,6 +99,7 @@
 import {
   setScheduleRulel,
   getScheduleRulelAccessList,
+  getTermListByChannelJoggle,
 } from "@/utils/api/index";
 export default {
   props: {
@@ -141,6 +166,7 @@ export default {
       multipleSelection: [],
       //新是数据结构参数
       newzzList: [],
+      zzListCheck: [],
     };
   },
   mounted() {},
@@ -163,14 +189,16 @@ export default {
     },
     //选择通道
     handleChange() {
-      console.log(this.listnr);
       console.log(this.checkedAisle);
-      this.newzzList = this.listnr.filter((item) => {
-        console.log(item);
-      });
 
-      console.log(this.newzzList);
-      this.$refs.tree.setCheckedKeys(this.checkedAisle);
+      getTermListByChannelJoggle({
+        id: this.checkedAisle,
+      })
+        .then((res) => {
+          console.log(res);
+          this.newzzList = res.data.list;
+        })
+        .catch((err) => {});
     },
     //遍历数据
     eachTreeData(data, callback, childKey) {
@@ -265,6 +293,9 @@ export default {
     overflow: auto;
     display: flex;
     align-items: flex-start;
+    border: 1px solid #eee;
+    padding: 16px;
+    border-radius: 4px;
     .el-tree {
       flex: 1;
     }
@@ -278,6 +309,12 @@ export default {
       font-size: 16px;
       line-height: 24px;
     }
+    .timeGz {
+      line-height: 32px;
+      span {
+        margin: 0px 8px;
+      }
+    }
     .setCheckbox {
       .el-table__header .el-table-column--selection .cell .el-checkbox:after {
         color: #333;
@@ -291,6 +328,7 @@ export default {
   .chooseTDBox {
     display: flex;
     align-items: center;
+    margin-bottom: 8px;
     label {
       margin-right: 8px;
     }