Browse Source

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

master
陈薪名 1 year ago
parent
commit
01accb59c6
  1. 15
      src/components/Form/src/Form.vue

15
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;

Loading…
Cancel
Save