拍照设置

src/views/devicePhotoSchedule/components/setdevice.vue

@@ -8,22 +8,19 @@
   >
     <div class="setTimeTd">
       <h3>时间表规则</h3>
-      <el-descriptions title="" :column="3" border>
-        <el-descriptions-item label="开始时间"> 12:00:07</el-descriptions-item>
-        <el-descriptions-item label="结束时间"> 16:00:07</el-descriptions-item>
+      <el-descriptions title="" :column="3" border v-for="( val,index ) in ruleSchedule" :key="index" >
+        <el-descriptions-item label="开始时间">{{ val.startTime }}</el-descriptions-item>
+        <el-descriptions-item label="结束时间">{{ val.endTime }}</el-descriptions-item>
         <el-descriptions-item label="时间间隔（分）">
-          <el-tag size="small">60</el-tag>
+          <el-tag size="small">{{ val.span }}</el-tag>
         </el-descriptions-item>
       </el-descriptions>
       <h3>设置通道</h3>
       <div class="chooseTDBox">
-        <label>选择通道</label>
+        <label>选择通道:</label>
         <div class="checkBox">
-          <el-checkbox-group v-model="checkList">
-            <el-checkbox label="通道1" border></el-checkbox>
-            <el-checkbox label="通道2" border></el-checkbox>
-            <el-checkbox label="通道3" border></el-checkbox>
-            <el-checkbox label="通道4" border></el-checkbox>
+          <el-checkbox-group v-model="checkedAisle" @change="handleChange">
+            <el-checkbox :label="val.id" border v-for=" val  in aisleList" :key="val.id">{{ val.name }}</el-checkbox>
           </el-checkbox-group>
         </div>
       </div>
@@ -58,16 +55,15 @@ export default {
   data() {
     return {
       isShow: false,
-      formdata: {},
-      rules: {
-        name: [{ required: true, message: "请选择通道", trigger: "blur" }],
-      },
-      listnr: [],
+      selid: 0,//选中时间表id
+      ruleSchedule:[],//时间表规则
+      checkedAisle: [],//选中通道数据
+      aisleList:[],//通道数据内容
+      listnr: [],//通道树状结构
       defaultProps: {
         children: "list",
         label: "name",
       },
-      selid: 0,
       ruleid: "",
       parmsList: [], //选中的通道
 
@@ -115,7 +111,6 @@ export default {
       ],
       multipleSelection: [],
 
-      checkList: [],
     };
   },
   mounted() {},
@@ -123,6 +118,7 @@ export default {
     //判断
     getdataform(val) {
       this.selid = val.id;
+      this.ruleSchedule = val.list
       this.getlistnr();
     },
     //获取所有通道
@@ -130,10 +126,31 @@ export default {
       getScheduleRulelAccessList({})
         .then((res) => {
           this.listnr = res.data.list;
+          this.aisleList = res.data.channellist;
         })
         .catch((err) => {});
     },
+    //选择通道
+    handleChange(){
+      console.log(this.listnr)
+      console.log(this.checkedAisle)
+      this.$refs.tree.setCheckedKeys(this.checkedAisle);
+    },
+    //遍历数据
+    eachTreeData(data, callback, childKey){
+      if (!childKey) childKey = 'children';
+      data.forEach(d => {
+        if (callback(d) !== false && d[childKey]) this.eachTreeData(d[childKey], callback, childKey);
+      })
+    },
+    //给树的每一个节点 添加一个唯一值key，并算出默认选中的节点key数组
+    addKeyToList(data){
+      let key = 0;
+      this.eachTreeData(data, (d) => {
+        d.key = key++
+      })
       
+    },
     //获取所选值
     getCheckedNodes() {
       this.parmsList = [];