fix(vehicle): 调整客户档案地区地址布局与宽度
- 将客户档案页面“所在地区”所在列从12改为6,新增“详细地址”列宽为6 - 修改“所在地区”级联选择器宽度由250px改为240px,匹配更合理的宽度设计 - 优化地址相关表单的布局,提高信息展示的清晰度和一致性 - transportCapacity/ship 组合控件宽度对齐至250px,解决两个date-picker和select宽度不一致的问题 - 修复项目表单中el-cascader宽度未统一的问题,确保级联选择器与其他输入控件同宽
This commit is contained in:
@@ -297,8 +297,8 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="地址" prop="registeredDetailAddress" required>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="所在地区" prop="registeredDetailAddress" required>
|
||||
<div class="archive-form__address">
|
||||
<el-cascader
|
||||
ref="registeredRegionCascader"
|
||||
@@ -310,14 +310,18 @@
|
||||
filterable
|
||||
@change="handleRegisteredRegionChange"
|
||||
/>
|
||||
<el-input
|
||||
v-model="archiveForm.registeredDetailAddress"
|
||||
maxlength="255"
|
||||
placeholder="请输入详细地址"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="详细地址" prop="registeredDetailAddress" required>
|
||||
<el-input
|
||||
v-model="archiveForm.registeredDetailAddress"
|
||||
maxlength="255"
|
||||
placeholder="请输入详细地址"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</section-card>
|
||||
|
||||
@@ -4757,8 +4761,8 @@ export default {
|
||||
|
||||
.archive-form__address {
|
||||
:deep(.el-cascader) {
|
||||
flex: 0 0 250px;
|
||||
width: 250px;
|
||||
flex: 0 0 240px;
|
||||
width: 240px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user