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