| | |
| | | <template> |
| | | <div class="body"> |
| | | <div class="search"> |
| | | <el-form |
| | | :inline="true" |
| | | :model="formInline" |
| | | class="demo-form-inline" |
| | | size="small" |
| | | > |
| | | <el-form-item label=""> |
| | | <div style="float: left"> |
| | | <div style="float: left"> |
| | | <el-select |
| | | v-model="formInline.stype" |
| | | placeholder="全部分类" |
| | | size="small" |
| | | @change="stypeChange" |
| | | > |
| | | <el-option label="全部分类" value="0"></el-option> |
| | | <el-option label="区域二" value="beijing"></el-option> |
| | | <el-option label="" value="1"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label=""> |
| | | </div> |
| | | <div style="float: left; margin-left: 15px"> |
| | | <el-select |
| | | v-model="formInline.state" |
| | | size="small" |
| | | placeholder="有库存" |
| | | @change="stateChange" |
| | | > |
| | |
| | | <el-option label="有库存" value="0"></el-option> |
| | | <el-option label="无库存" value="1"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label=""> |
| | | </div> |
| | | <div style="float: left; margin-left: 15px"> |
| | | <el-input |
| | | v-model="formInline.keyword" |
| | | size="small" |
| | | placeholder="请输入名称" |
| | | @input="keywordChange" |
| | | clearable |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <el-button size="small" |
| | | ><span style="color: #5abf78">已出库待使用的农资</span></el-button |
| | | > |
| | |
| | | ><span style="color: #5abf78">出入库记录</span></el-button |
| | | > |
| | | <el-button type="success" size="small">农资入库</el-button> |
| | | </el-form> |
| | | </div> |
| | | </div> |
| | | <div class="table"> |
| | | <div class="content"> |
| | |
| | | |
| | | .search { |
| | | padding-top: 40px; |
| | | margin-left: 30px; |
| | | width: 98%; |
| | | margin: 0 auto; |
| | | display: flex; |
| | | flex-flow: row nowrap; |
| | | justify-content: space-between; |
| | | } |
| | | |
| | | .content { |