带有查询弹窗组件字段修改样式

src/components/Form/src/Form.vue

@@ -226,18 +226,16 @@ export default defineComponent({
       if (item?.componentProps?.isSearchList) {
         formItemSlotsSearchList[item.field] = () => {
           return (
-            <>
-            <ElInput v-model={formModel.value[item.field]} placeholder={item?.componentProps?.searchListPlaceholder} onClick={()=>{
+            <div >
+            <ElInput class={'myInput'} v-model={formModel.value[item.field]} placeholder={item?.componentProps?.searchListPlaceholder} disabled={true} />
+            <ElButton icon={Search} onClick={()=>{
               opensearchTable(
                 item.field, item?.componentProps?.searchField,
                 item?.componentProps?.searchTitle, 
                 item?.componentProps?.searchAllSchemas, 
                 item?.componentProps?.searchPage
-              )}}>
-              {/* <template v-slot:append >.com</template> */}
-            </ElInput>
-            {/* <ElButton >ddd</ElButton> */}
-            </>
+              )}}/>
+            </div>
           )
         }
       }
@@ -332,6 +330,9 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+.myInput{
+  width: calc(100% - 46px);
+}
 .#{$elNamespace}-form.#{$namespace}-form .#{$elNamespace}-row {
   margin-right: 0 !important;
   margin-left: 0 !important;