Merge branch 'fix/DEFECT-1655' into 'main_dev'

fix: 修复报表选择设备名称过长无法选择属性

See merge request yunteng/thingskit-front!934

@@ -9,6 +9,7 @@
     @register="registerDrawer"
     @ok="handleSubmit"
     @close="handleClose"
+    wrapClassName="report-drawer"
   >
     <BasicForm @register="registerForm">
       <!-- 设备选择 -->
@@ -199,3 +200,15 @@
     selectDeviceRef.value?.resetValue();
   };
 </script>
+
+<style lang="less">
+  .report-drawer {
+    .ant-form-item-control-input-content {
+      > div {
+        > div {
+          @apply w-full;
+        }
+      }
+    }
+  }
+</style>

 <template>
-  <div
-    class="flex"
-    v-for="param in dynamicInput.params"
-    :key="param.key"
-    style="margin-top: 1.25vh"
-  >
-    <a-input :disabled="true" v-model:value="param.name" style="width: 38%; margin-bottom: 5px" />
+  <div v-for="param in dynamicInput.params" :key="param.key" class="mt-4 flex gap-2">
+    <a-input :disabled="true" v-model:value="param.name" class="w-1/2 flex-1" />
     <Select
       placeholder="请选择设备属性"
       v-model:value="param.attributes"
-      style="width: 38%; margin-left: 1.8vw"
+      class="!w-1/2"
       :options="selectOptions"
       :disabled="disabled"
       @change="emitChange"