Browse Source

盘点搜索框样式

hella_online_20240829
zhang_li 4 months ago
parent
commit
ef896850dc
  1. 15
      src/components/TableFormCountPlan/src/TableFormCountPlan.vue

15
src/components/TableFormCountPlan/src/TableFormCountPlan.vue

@ -66,16 +66,18 @@
row.type == 'LOCATION_CODE' row.type == 'LOCATION_CODE'
" "
> >
<el-input <div class="input-box">
<el-input
:key="'值input' + $index" :key="'值input' + $index"
v-model="row.value" v-model="row.value"
:placeholder="tableFields[1].placeholder || '请输入' + tableFields[1].label" :placeholder="tableFields[1].placeholder || '请输入' + tableFields[1].label"
:disabled = "row.disabled || false" :disabled = "row.disabled || false"
style="flex: 1;width: 0px;"
/> />
<el-button :key="'值button' + $index" @click="inpuFocus(tableFields[1], row)" <el-button :key="'值button' + $index" @click="inpuFocus(tableFields[1], row)"
><Icon icon="ep:search" size="14" ><Icon icon="ep:search" size="14"
/></el-button> /></el-button>
</div>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
:key="'值formitem' + $index" :key="'值formitem' + $index"
@ -110,7 +112,6 @@
v-model="row.value" v-model="row.value"
:disabled = "row.disabled || false" :disabled = "row.disabled || false"
:placeholder="tableFields[1].placeholder || '请输入' + tableFields[1].label" :placeholder="tableFields[1].placeholder || '请输入' + tableFields[1].label"
style="flex: 1;width: 0px;"
/> />
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -263,4 +264,12 @@ defineExpose({
} }
} }
} }
.input-box{
display: flex;
flex: 1!important;
}
.input-box ::v-deep .el-input{
flex: 1!important;
width: 0px!important;
}
</style> </style>

Loading…
Cancel
Save