you hua

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,
+  });
+}

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;
     }