fix:修改病害确认弹窗搜索表单间距

This commit is contained in:
SunTao 2025-01-06 16:08:18 +08:00
parent 04a62cbd68
commit 1747147428

View File

@ -32,108 +32,108 @@
:inline="true"
label-width="5rem"
>
<el-row :gutter="24">
<el-col :span="7">
<el-form-item label="路段名称">
<el-select
v-model="imgForm.segmentId"
placeholder="请选择路段名称"
:popper-append-to-body="false"
filterable
clearable
>
<el-option
v-for="item in segmentList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="病害类型">
<el-select
v-model="imgForm.defectType"
placeholder="请选择病害类型"
:popper-append-to-body="false"
clearable
>
<el-option
v-for="item in defectTypeList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="公里桩">
<el-input
v-model="imgForm.stakeStart"
placeholder="起始公里桩"
style="width: 8rem"
clearable
/>
<span style="margin: 0 5px">-</span>
<el-input
v-model="imgForm.stakeEnd"
placeholder="终止公里桩"
style="width: 8rem"
clearable
/>
</el-form-item>
</el-col>
<!-- <el-row :gutter="24">
<el-col :span="7"> -->
<el-form-item label="路段名称">
<el-select
v-model="imgForm.segmentId"
placeholder="请选择路段名称"
:popper-append-to-body="false"
filterable
clearable
>
<el-option
v-for="item in segmentList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<!-- </el-col>
<el-col :span="7"> -->
<el-form-item label="病害类型">
<el-select
v-model="imgForm.defectType"
placeholder="请选择病害类型"
:popper-append-to-body="false"
clearable
>
<el-option
v-for="item in defectTypeList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<!-- </el-col>
<el-col :span="10"> -->
<el-form-item label="公里桩">
<el-input
v-model="imgForm.stakeStart"
placeholder="起始公里桩"
style="width: 7.5rem"
clearable
/>
<span style="margin: 0 5px">-</span>
<el-input
v-model="imgForm.stakeEnd"
placeholder="终止公里桩"
style="width: 7.5rem"
clearable
/>
</el-form-item>
<!-- </el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="9">
<el-form-item label="病害长度">
<el-input-number
v-model="imgForm.minLen"
controls-position="right"
placeholder="最小长度"
:min="0"
></el-input-number>
<span style="margin: 0 5px">-</span>
<el-input-number
v-model="imgForm.maxLen"
controls-position="right"
placeholder="最大长度"
:min="0"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="病害面积">
<el-input-number
v-model="imgForm.minArea"
controls-position="right"
placeholder="最小面积"
:min="0"
></el-input-number>
<span style="margin: 0 5px">-</span>
<el-input-number
v-model="imgForm.maxArea"
controls-position="right"
placeholder="最大面积"
:min="0"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-button
type="primary"
class="btn-submit"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button class="btn-cancel" size="mini" @click="resetQuery"
>重置</el-button
>
</el-col>
</el-row>
<el-col :span="9"> -->
<el-form-item label="病害长度">
<el-input-number
v-model="imgForm.minLen"
controls-position="right"
placeholder="最小长度"
:min="0"
></el-input-number>
<span style="margin: 0 5px">-</span>
<el-input-number
v-model="imgForm.maxLen"
controls-position="right"
placeholder="最大长度"
:min="0"
></el-input-number>
</el-form-item>
<!-- </el-col>
<el-col :span="9"> -->
<el-form-item label="病害面积">
<el-input-number
v-model="imgForm.minArea"
controls-position="right"
placeholder="最小面积"
:min="0"
></el-input-number>
<span style="margin: 0 5px">-</span>
<el-input-number
v-model="imgForm.maxArea"
controls-position="right"
placeholder="最大面积"
:min="0"
></el-input-number>
</el-form-item>
<!-- </el-col>
<el-col :span="6"> -->
<el-button
type="primary"
class="btn-submit"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button class="btn-cancel" size="mini" @click="resetQuery"
>重置</el-button
>
<!-- </el-col>
</el-row> -->
</el-form>
</div>
<!-- 图片展示 -->