提交： 优化 场景控制 表单的 触发器以及执行动作 的验证判断，以及一部分问题点。

src/utils/validate.js

@@ -91,3 +91,12 @@ export function isArray(arg) {
   }
   return Array.isArray(arg)
 }
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+ export function validCode(str) {
+  const reg = /^[A-Za-z0-9]+$/
+  return reg.test(str)
+}

src/views/iot/project/profileV2/ESceneManage/ESceneTriggers/src/EDeviceParam.vue

@@ -55,7 +55,7 @@
             <el-col
               :span="comdlistOption.length === 1 ? 24 : 12"
               v-for="paramsItem in comdlistOption"
-              :key="paramsItem.funId"
+              :key="paramsItem.funId || getGuid()"
             >
               <el-form-item
                 :label="paramsItem.funName + '：'"
@@ -70,7 +70,7 @@
                 >
                   <el-option
                     v-for="(keys, valus) in strtoJson(paramsItem.funObj)"
-                    :key="valus"
+                    :key="getGuid()"
                     :label="keys"
                     :value="valus"
                   ></el-option>
@@ -200,12 +200,12 @@ export default {
       },
       deep: true,
     },
-    paramsDevcie: {
+    // paramsDevcie: {
-      handler(val, oldVal) {
+    //   handler(val, oldVal) {
-        this.form = this.paramsDevcie;
+    //     this.form = this.paramsDevcie;
-      },
+    //   },
-      deep: true,
+    //   deep: true,
-    }
+    // }
   },
   created() {
     this.form = this.paramsDevcie;
@@ -269,7 +269,6 @@ export default {
         cmdType: "2",
       };
       getDeviceCmdList(params).then((res) => {
-        debugger
         this.cmdListOption = res.data;
         if (this.form.cmdKey) {
           this.cmdChange(this.form.cmdKey);
@@ -409,6 +408,15 @@ export default {
         this.$forceUpdate();
       });
     },
+    getGuid() {
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(
+        c
+      ) {
+        var r = (Math.random() * 16) | 0,
+          v = c == "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+      });
+    },
   },
 };
 </script>

src/views/iot/project/profileV2/ESceneManage/ESceneTriggers/src/conditionTemp.vue

@@ -12,7 +12,7 @@
           v-for="(lable, val) in relationOptions"
           :label="lable"
           :value="val"
-          :key="val"
+          :key="val　+　getGuid()"
         ></el-option>
       </el-select>
       <span style="margin: 0px 8px">类型:</span>
@@ -27,7 +27,7 @@
           v-for="opt in propertyList"
           :label="opt.funName"
           :value="opt.funKey"
-          :key="opt.funKey"
+          :key="opt.funKey +　getGuid()"
         ></el-option>
       </el-select>
       <span style="margin: 0px 8px"> 条件:</span>
@@ -42,7 +42,7 @@
           v-for="(proVal, proName) in trigCondEnumOptions"
           :label="proVal"
           :value="proName"
-          :key="proVal"
+          :key="proVal + getGuid()"
           >{{ proVal }}</el-option
         >
       </el-select>
@@ -165,6 +165,15 @@ export default {
         this.triggerMinInput = true;
       }
     },
+    getGuid() {
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(
+        c
+      ) {
+        var r = (Math.random() * 16) | 0,
+          v = c == "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+      });
+    },
   },
 };
 </script>

src/views/iot/project/profileV2/ESceneManage/index.vue

@@ -93,7 +93,8 @@
               type="text"
               icon="el-icon-delete"
               @click="handleDelete(scope.row)"
-            >删除</el-button>
+              >删除</el-button
+            >
 
             <!-- <el-button size="mini" type="text" icon="el-icon-search"
               >详情</el-button
@@ -165,7 +166,7 @@
                 <e-tag-card
                   style="margin-top: 5px"
                   v-for="(item, idx) in form.triggers"
-                  :key="idx"
+                  :key="item.guid || getGuid()"
                   type="info"
                 >
                   <e-scene-triggers
@@ -211,7 +212,7 @@
                 <e-tag-card
                   style="margin-top: 5px"
                   v-for="(item, idx) in form.actions"
-                  :key="idx"
+                  :key="item.guid || getGuid()"
                   type="info"
                 >
                   <e-scene-action
@@ -248,6 +249,7 @@
   </div>
 </template>
 <script>
+import { strAndNumber } from "@/utils/validate";
 import {
   projectSceneList,
   projectSceneAdd,
@@ -308,6 +310,9 @@ export default {
         sceneName: [
           { required: true, message: "场景名称不能为空", trigger: "change" },
         ],
+        sceneCode: [
+          { required: true, validator: this.chenking_sceneCode, trigger: "change" },
+        ],
       },
     };
   },
@@ -334,6 +339,16 @@ export default {
     this.init();
   },
   methods: {
+    chenking_sceneCode(rule, value, callback) {
+      const isExp = /^[A-Z a-z 0-9 _ - $]{0,36}$/;
+      if (!this.form.sceneCode || this.form.sceneCode.length <= 0) {
+        callback(new Error("场景编码不能为空！"));
+      } else if (this.form.sceneCode && !isExp.test(this.form.sceneCode)) {
+        callback(new Error("格式不正确(数字，英文字母大小写，36个字符)！"));
+      } else {
+        callback();
+      }
+    },
     handleAddAction() {
       let obj = {
         orderBy: this.form.actions.length + 1 || 1,
@@ -347,12 +362,14 @@ export default {
       };
       this.form.actions.push(obj);
     },
+    // 获取标记
     handleAddTrigger() {
+      let triggersPop = [...this.form.triggers].pop();
       let obj = {
-        orderBy: this.form.triggers.length + 1 || 1,
+        orderBy: triggersPop ? triggersPop.orderBy + 1: 1,
         method: "",
         conditions: [],
-        intervalVal: 61,
+        intervalVal: '',
         intervalUnit: "SECONDS",
         sceneTriggerDevices: [],
       };
@@ -364,13 +381,18 @@ export default {
         this.msgError("至少有一条触发器！");
         return false;
       }
+      var isTrue = true;
       this.form.triggers.forEach(e => {
+        if (!e.method) {
+          this.msgError("设备触发__至少选择一种类型！");
+          isTrue = false;
+        }
         if (e.method === 'DEVICE' && (!e.conditions || e.conditions.length <= 0 )) {
           this.msgError("设备触发__至少选择一条设备以及触发条件！");
-          return false;
+          isTrue = false;
         }
       })
-      return true;
+      return isTrue && this.validateAction();
     },
     // 验证 执行条件
     validateAction() {
@@ -378,25 +400,26 @@ export default {
         this.msgError("至少有一执行条件！");
         return false;
       }
+      var isTrue = true;
       this.form.actions.forEach(e => {
         if (e.actionType === 'DEVOUTPUT' && (
           e.sceneActionDevices[0] &&　(!e.sceneActionDevices[0]['cmdKey'] || !e.sceneActionDevices[0]['deviceKey'] )
         )) {
           this.msgError("执行条件中有条件未选择设备或者分组！");
-          return false;
+          isTrue = false;
         }
         if (e.actionType === 'NOTIFIER' &&
           (!e.sceneActionNotifierContacts[0] || !e.sceneActionNotifierContacts[0]['contactsRelList'])) {
           this.msgError("执行条件中有条件未选择联系人！");
-          return false;
+          isTrue = false;
         }
       })
-      return true
+      return isTrue;
     },
     submitForm() {
       console.log("submit---", this.form);
       this.$refs["form"].validate((valid) => {
-        if (valid && this.validateTrigger() && this.validateAction()) {
+        if (valid && this.validateTrigger()) {
           if (this.form.recordId != null) {
             projectSceneUpdate(this.form).then((response) => {
               this.msgSuccess("修改成功");
@@ -487,6 +510,15 @@ export default {
         this.total = res.total;
       });
     },
+    getGuid() {
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(
+        c
+      ) {
+        var r = (Math.random() * 16) | 0,
+          v = c == "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+      });
+    },
   },
 };
 </script>