| | |
| | | class="demo-form-inline" |
| | | size="small" |
| | | > |
| | | |
| | | <el-form-item label=""> |
| | | <el-select v-model="formInline.stype" placeholder="全部分类" @change="stypeChange"> |
| | | <el-select |
| | | v-model="formInline.stype" |
| | | placeholder="全部分类" |
| | | @change="stypeChange" |
| | | > |
| | | <el-option label="全部分类" value="0"></el-option> |
| | | <el-option label="区域二" value="beijing"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label=""> |
| | | <el-select v-model="formInline.state" placeholder="有库存" @change="stateChange"> |
| | | <el-select |
| | | v-model="formInline.state" |
| | | placeholder="有库存" |
| | | @change="stateChange" |
| | | > |
| | | <el-option label="全部" value="2"></el-option> |
| | | <el-option label="有库存" value="0"></el-option> |
| | | <el-option label="无库存" value="1"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label=""> |
| | | <el-input v-model="formInline.keyword" placeholder="请输入名称" @input="keywordChange" clearable></el-input> |
| | | |
| | | <el-input |
| | | v-model="formInline.keyword" |
| | | placeholder="请输入名称" |
| | | @input="keywordChange" |
| | | clearable |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-button type="success" disabled>成功按钮</el-button> |
| | | <el-button type="success" disabled>成功按钮</el-button> |
| | | <el-button type="success" disabled>成功按钮</el-button> |
| | | <el-button size="small" |
| | | ><span style="color: #5abf78">已出库待使用的农资</span></el-button |
| | | > |
| | | <el-button size="small" |
| | | ><span style="color: #5abf78">出入库记录</span></el-button |
| | | > |
| | | <el-button type="success" size="small">农资入库</el-button> |
| | | </el-form> |
| | | </div> |
| | | <div class="table"> |
| | |
| | | <div class="param-spec"> |
| | | <div class="spec-1"><span>肥料</span></div> |
| | | <div class="spec-2"><span>有机肥</span></div> |
| | | <div class="spec-3"><span>{{item.spn}}</span></div> |
| | | <div class="spec-3"> |
| | | <span>{{ item.spn }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="param-cen">有机肥</div> |
| | | <div class="param-detail"> |
| | |
| | | </div> |
| | | <div class="right"> |
| | | <div class="spec"> |
| | | <span class="num">{{item.amount}}</span>袋<span class="num1" |
| | | >(共940公斤)</span |
| | | > |
| | | <span class="num">{{ item.amount }}</span |
| | | >袋<span class="num1">(共940公斤)</span> |
| | | </div> |
| | | <div class="btn"> |
| | | <div class="in" @click="modifiedGrades(item)"> |
| | |
| | | methods: { |
| | | //农资类型select 改变事件 |
| | | stypeChange(value){ |
| | | this.query['stype'] = value; |
| | | this.query["stype"] = value; |
| | | this.onLoad(this.page,this.query); |
| | | }, |
| | | //库存 select 改变事件 |
| | | stateChange(value){ |
| | | this.query['state'] = value; |
| | | this.query["state"] = value; |
| | | this.onLoad(this.page,this.query); |
| | | }, |
| | | //keywordChange 输入事件 |
| | | keywordChange(value){ |
| | | this.query['keyword'] = value; |
| | | this.query["keyword"] = value; |
| | | this.onLoad(this.page,this.query); |
| | | }, |
| | | //分页 |
| | |
| | | left:3px; |
| | | } |
| | | } |
| | | |
| | | |
| | | .out { |
| | | margin-top: 10px; |