Browse Source

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

zhanglei
yunuo970428 3 years ago
parent
commit
9ecd6018c9
  1. 69
      anrui-scm/anrui-scm-ui/src/views/cheliang/cheliangtaizhangchaxun/chaliangtaizhangselect.vue

69
anrui-scm/anrui-scm-ui/src/views/cheliang/cheliangtaizhangchaxun/chaliangtaizhangselect.vue

@ -7,12 +7,8 @@
<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-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"/>
@ -181,20 +170,19 @@
<el-form-item label="常用配置">
<el-input v-model="listQuery.params.configName" 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-form-item label="配置编码">
<el-input v-model="listQuery.params.configCode" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</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"/>
</el-select>
</el-form-item>
<!-- <el-form-item label="车型名称">-->
<!-- <el-input v-model="listQuery.params.modelName" placeholder="请输入车型名称" clearable class="addinputw"/>-->
<!-- </el-form-item>-->
<el-form-item label="库存状态">
<el-select v-model="listQuery.params.vehicleState" class="addinputw" clearable placeholder="">
<el-option v-for="item in vehicleState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
@ -218,15 +206,16 @@
<el-option v-for="item in settlementStatus_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="内部编码">
<el-input v-model="listQuery.params.insideCode" placeholder="" clearable class="addinputw"/>
</el-form-item>
<el-form-item label="厂家入库日期">
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.applicationDateStart" clearable type="date" placeholder="开始日期"/>
<span style="padding: 0 8px"></span>
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.applicationDateEnd" clearable type="date" placeholder="结束日期"/>
</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>
@ -418,7 +407,7 @@
</template>
<script>
import { fetchByUseOrgSid, getUseOrgByUserSid, pagerList, selectCarTransferListAll, pagerListByOrgSidPath } from '@/api/cheliang/basevehicle'
import { fetchByUseOrgSid, getUseOrgByUserSid, selectCarTransferListAll, pagerListByOrgSidPath } from '@/api/cheliang/basevehicle'
import { typeValues, brandDown } from '@/api/cheliang/dictcommons'
import Pagination from '@/components/pagination'
import ButtonBar from '@/components/ButtonBar'
@ -444,6 +433,7 @@ export default {
isSearchShow: false,
dialogVisible: false,
index: 0,
activeNames: ['1'],
searchxianshitit: '显示查询条件',
btndisabled: false,
// ---------
@ -493,6 +483,7 @@ export default {
bumperKey: '',
carColorKey: '',
configName: '',
configCode: '',
configuringBaoKey: '',
fuelTankKey: '',
hubMaterialKey: '',
@ -508,7 +499,8 @@ export default {
tireCoverKey: '',
tireSizeKey: '',
wheelbaseKey: '',
orgSidPath: ''
orgSidPath: '',
insideCode: ''
},
current: 1,
size: 5,
@ -991,6 +983,7 @@ export default {
bumperKey: '',
carColorKey: '',
configName: '',
configCode: '',
configuringBaoKey: '',
fuelTankKey: '',
hubMaterialKey: '',
@ -1006,7 +999,8 @@ export default {
tireCoverKey: '',
tireSizeKey: '',
wheelbaseKey: '',
orgSidPath: ''
orgSidPath: '',
insideCode: ''
},
current: 1,
size: 5,
@ -1075,10 +1069,13 @@ 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;
height: 42px;
line-height: 42px;
}
/deep/ .collapseStyle .el-collapse-item__content {
padding: 5px 0;
}
</style>

Loading…
Cancel
Save