Browse Source

完善车辆台账--条件查询模块样式

master
yunuo970428 3 years ago
parent
commit
ad9fee82f8
  1. 47
      anrui-scm/anrui-scm-ui/src/views/cheliang/cheliangtaizhang/cheliangtaizhang.vue

47
anrui-scm/anrui-scm-ui/src/views/cheliang/cheliangtaizhang/cheliangtaizhang.vue

@ -6,13 +6,9 @@
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="109px" class="tab-header">
<div class="divStyle" style="padding-bottom: 5px;border-bottom: 1px solid #E0E3EB;">
<div>
<el-form-item label="车型查询"></el-form-item>
</div>
<div>
<el-row>
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="109px">
<el-collapse v-model="activeNames" class="collapseStyle" style="font-size: 28px" >
<el-collapse-item title="车型查询" name="1">
<el-form-item label="品牌">
<el-select v-model="listQuery.params.carBrand" placeholder="请选择" filterable clearable class="addinputw">
<el-option v-for="item in carBrand_list" :key="item.sid" :label="item.brandName" :value="item.sid"/>
@ -74,15 +70,8 @@
<el-form-item label="规格型号">
<el-input v-model="listQuery.params.specifications" maxlength="125" placeholder="请输入规格型号" class="addinputw" clearable/>
</el-form-item>
</el-row>
</div>
</div>
<div class="divStyle" style="padding: 5px 0;border-bottom: 1px solid #E0E3EB;">
<div>
<el-form-item label="车型配置查询"></el-form-item>
</div>
<div>
<el-row>
</el-collapse-item>
<el-collapse-item title="车型配置查询" name="2">
<el-form-item label="颜色">
<el-select v-model="listQuery.params.carColorKey" placeholder="请选择" filterable clearable class="addinputw">
<el-option v-for="item in carColor_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
@ -184,15 +173,8 @@
<el-form-item label="配置编码">
<el-input v-model="listQuery.params.configCode" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-row>
</div>
</div>
<div class="divStyle" style="padding-top: 5px">
<div>
<el-form-item label="常用查询"></el-form-item>
</div>
<div>
<el-row>
</el-collapse-item>
<el-collapse-item title="常用查询" name="3">
<el-form-item label="存放地点">
<el-select v-model="listQuery.params.location" class="addinputw" clearable placeholder="">
<el-option v-for="item in location_list" :key="item.sid" :label="item.warehouseName" :value="item.sid"/>
@ -232,10 +214,8 @@
<el-form-item label="内部编码">
<el-input v-model="listQuery.params.insideCode" placeholder="" clearable class="addinputw"/>
</el-form-item>
</el-row>
</div>
</div>
</el-collapse-item>
</el-collapse>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
@ -488,6 +468,7 @@ export default {
dialogVisible: false,
dialogRemarks: false,
index: 0,
activeNames: ['1'],
searchxianshitit: '显示查询条件',
btndisabled: false,
// ---------
@ -1399,10 +1380,8 @@ export default {
.addinputw {
width: 99%;
}
.divStyle {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
/deep/ .collapseStyle .el-collapse-item__header {
background-color: #EDF1F7;
font-size: 16px;
}
</style>

Loading…
Cancel
Save