拍照时间表设置

src/views/devicePhotoSchedule/components/setdevice.vue

@@ -57,7 +57,7 @@
           </el-radio-group>
         </div>
       </div>
-      <div class="flexnr">
+      <div class="flexnr" v-loading="loading" v-if="newzzList.length !== 0">
         <div class="dybox" v-for="(dyitem, index) in newzzList" :key="index">
           <h4>电压等级：{{ dyitem.name }}</h4>
           <div
@@ -67,25 +67,21 @@
           >
             <h4>线路：{{ xlitem.name }}</h4>
             <div class="zzbox">
-              <el-checkbox-group v-model="zzListCheck">
+              <el-checkbox-group v-model="zzListCheck" @change="handleCheckBox">
                 <el-checkbox
-                  :label="zzitem.displayName"
+                  :label="zzitem.id"
                   v-for="(zzitem, index) in xlitem.list"
                   :key="index"
-                ></el-checkbox>
+                  :checked="checked"
+                  >{{ zzitem.displayName }}</el-checkbox
+                >
               </el-checkbox-group>
             </div>
           </div>
         </div>
-        <!-- <div class="w50">通道:</div>
-        <el-tree
-          :data="listnr"
-          show-checkbox
-          :props="defaultProps"
-          ref="tree"
-          node-key="id"
-          :default-expand-all="true"
-        ></el-tree> -->
+      </div>
+      <div class="flexnr" v-else>
+        <p class="nochannel">暂无通道</p>
       </div>
     </div>
     <div slot="footer" class="dialog-footer">
@@ -167,6 +163,8 @@ export default {
       //新是数据结构参数
       newzzList: [],
       zzListCheck: [],
+      loading: false,
+      checked: false,
     };
   },
   mounted() {},
@@ -190,16 +188,22 @@ export default {
     //选择通道
     handleChange() {
       console.log(this.checkedAisle);
-
+      this.loading = true;
       getTermListByChannelJoggle({
         id: this.checkedAisle,
       })
         .then((res) => {
           console.log(res);
           this.newzzList = res.data.list;
+          this.checked = true;
+          console.log(this.zzListCheck);
+          this.loading = false;
         })
         .catch((err) => {});
     },
+    handleCheckBox() {
+      console.log(this.zzListCheck);
+    },
     //遍历数据
     eachTreeData(data, callback, childKey) {
       if (!childKey) childKey = "children";
@@ -259,10 +263,24 @@ export default {
 
     // 保存确定操作
     submitForm() {
-      this.getCheckedNodes();
-      if (this.parmsList.length == 0)
-        return this.$message.error("通道不能为空");
-      setScheduleRulel({ list: this.parmsList, ruleid: this.selid })
+      console.log(this.zzListCheck);
+      console.log(this.checkedAisle);
+      let checkzzList = [];
+      for (let i = 0; i < this.zzListCheck.length; i++) {
+        console.log(this.zzListCheck[i]);
+        checkzzList.push({
+          termid: this.zzListCheck[i],
+          channelidlist: [this.checkedAisle],
+        });
+      }
+      console.log(checkzzList);
+      if (this.zzListCheck.length == 0) {
+        this.$message.error("请选择通道");
+      } else {
+        setScheduleRulel({
+          scheduleid: this.selid,
+          list: checkzzList,
+        })
           .then((res) => {
             this.isShow = false;
             this.$message.success("添加成功");
@@ -271,6 +289,18 @@ export default {
           .catch((err) => {
             this.$message.error("添加失败");
           });
+      }
+      // if (this.parmsList.length == 0)
+      //   return this.$message.error("通道不能为空");
+      // setScheduleRulel({ list: this.parmsList, ruleid: this.selid })
+      //   .then((res) => {
+      //     this.isShow = false;
+      //     this.$message.success("添加成功");
+      //     this.$parent.deviceList();
+      //   })
+      //   .catch((err) => {
+      //     this.$message.error("添加失败");
+      //   });
     },
     display() {
       this.isShow = true;
@@ -296,8 +326,38 @@ export default {
     border: 1px solid #eee;
     padding: 16px;
     border-radius: 4px;
-    .el-tree {
-      flex: 1;
+    .dybox {
+      h4 {
+        font-size: 14px;
+        color: #333;
+        line-height: 24px;
+        font-weight: normal;
+      }
+      .xlbox {
+        h4 {
+          font-size: 14px;
+          color: #333;
+          line-height: 24px;
+          font-weight: normal;
+        }
+        margin-left: 16px;
+        .zzbox {
+          margin-left: 16px;
+          .el-checkbox-group {
+            .el-checkbox {
+              line-height: 24px;
+              width: 196px;
+            }
+          }
+        }
+      }
+    }
+    .nochannel {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
     }
   }
   .w50 {