前端样式优化:搜索框布局和select下拉框加载中。
/搜索框
/搜索框
搜索栏的宽450 文字宽140 上下对齐
.searchbox{
width: 450px;display: flex;
flex-wrap: nowrap;
}
.searchboxtext{
width: 140px;
text-align: right;
line-height: 50px;
}
<div class="search-div-style searchbox">
<div class="search-span-style searchboxtext"><span class="notes-style">*</span>计费开始时间:</div>
<el-date-picker class="handle-input mr10 marginStyle" clearable size="small" v-model="settlementStartTime"
type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</div>
下拉加载
下拉加载
<el-select :loading="selectloading" loading-text="加载中..." v-model="conId" filterable clearable size="small"
class="handle-input mr10 marginStyle">
<el-option v-for="(item, index) in htlist" :key="index" :label="item.conName" :value="item.conId">
</el-option>
</el-select>
selectloading: true,//数据
this.selectloading = false;//请求成功的时候不显示 加载中字样