feat:大屏公共接口管理测试新增支持restful风格的接口测试

@@ -21,7 +21,6 @@
               placeholder="请选择"
               placeholder="请选择"
               notFoundContent="请选择"
               notFoundContent="请选择"
               :options="selectOptions"
               :options="selectOptions"
-              @change="handleChange(item)"
               allowClear
               allowClear
             />
             />
           </td>
           </td>
@@ -45,6 +44,7 @@
               notFoundContent="请选择"
               notFoundContent="请选择"
               :options="entityOptions"
               :options="entityOptions"
               allowClear
               allowClear
+              @change="handleDeviceChange(item)"
             />
             />
             <Select
             <Select
               v-else-if="item.key === 'keys'"
               v-else-if="item.key === 'keys'"
@@ -171,58 +171,15 @@
     });
     });
   };
   };
 
 
-  //TODO 待优化 Select互斥
-  const handleChange = async (e) => {
-    selectOptions.value.forEach((ele) => {
-      ele.disabled = false;
-      tableTestArray.content.forEach((element) => {
-        if (element.key === e.key && element.key !== 'scope') {
-          element.value = null;
-        }
-        if (element.key === ele.value && element.key !== 'scope') {
-          ele.disabled = true;
-        }
-      });
-    });
-    //获取对应项
-    if (e.key === 'deviceProfileId') {
-      const { options } = await useApi(e.key);
-      valueOptions.value = options;
-    } else if (e.key === 'organizationId') {
-      const { options } = await useApi(e.key);
-      treeData.value = options as any;
-    } else if (e.key === 'entityId') {
-      const getOrganizationIds = tableTestArray.content
-        .map((f) => {
-          if (f.key === 'organizationId') {
-            return f.value;
-          }
-        })
-        .filter(Boolean);
-      if (getOrganizationIds.length === 0) return;
-      getEntityOptions(getOrganizationIds?.at(-1));
-    } else if (e.key === 'keys') {
-      const getIds = tableTestArray.content
-        .map((f) => {
-          if (f.key === 'deviceProfileId') {
-            return f.value;
-          }
-        })
-        .filter(Boolean);
-      if (getIds.length === 0) return;
-      getAttributeOptions({ deviceProfileId: getIds?.at(-1) });
-    } else if (e.key === 'date') {
-      valueOptions.value = [];
-    }
-  };
-
   const handleOrgnationChange = async (e) => {
   const handleOrgnationChange = async (e) => {
+    let deviceProfileId = '';
     tableTestArray.content.forEach((f) => {
     tableTestArray.content.forEach((f) => {
       if (f.key === 'entityId') {
       if (f.key === 'entityId') {
         f.value = null;
         f.value = null;
       }
       }
+      if (f.key === 'deviceProfileId') deviceProfileId = f.value;
     });
     });
-    getEntityOptions(e.value);
+    getEntityOptions(e.value, deviceProfileId);
   };
   };
 
 
   const getEntityOptions = async (organizationId: string, deviceProfileId?: string) => {
   const getEntityOptions = async (organizationId: string, deviceProfileId?: string) => {
@@ -240,16 +197,26 @@
   };
   };
 
 
   const handleValueChange = (e) => {
   const handleValueChange = (e) => {
+    let organizationId = '';
     if (e.key === 'deviceProfileId') {
     if (e.key === 'deviceProfileId') {
       tableTestArray.content.forEach((f) => {
       tableTestArray.content.forEach((f) => {
         if (f.key === 'keys') {
         if (f.key === 'keys') {
           f.value = null;
           f.value = null;
         }
         }
+        if (f.key === 'organizationId') organizationId = f.value;
+        if (f.key === 'entityId') f.value = null;
       });
       });
       getAttributeOptions({ deviceProfileId: e.value });
       getAttributeOptions({ deviceProfileId: e.value });
+      if (organizationId !== '') {
+        getEntityOptions(organizationId, e.value);
+      }
     }
     }
   };
   };
 
 
+  const handleDeviceChange = (e) => {
+    console.log(e);
+  };
+
   //获取数据
   //获取数据
   const getValue = () => {
   const getValue = () => {
     return tableTestArray.content;
     return tableTestArray.content;
@@ -261,6 +228,9 @@
 </script>
 </script>
 
 
 <style scoped lang="less">
 <style scoped lang="less">
+  :deep(.ant-select-selector) {
+    width: 12vw !important;
+  }
   @table-color: #e5e7eb;
   @table-color: #e5e7eb;
 
 
   .table-border-color {
   .table-border-color {