农资入口修改

Administrator

2022-05-24 d2d5efb636834bd624815b71cb36630c15955051

农资入口修改

 src/views/stock/stockmanage.vue

@@ -7,33 +7,48 @@
        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="content">
        <div class="farm" v-for="(item, index) in data" :key="index">
        <!-- <div class="farm"> -->
          <!-- <div class="farm"> -->
          <div class="left">
            <div class="farm-img">
              <img src="../../../public/img/stock/fei.png" class="img" />
@@ -42,7 +57,9 @@
              <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">
@@ -53,9 +70,8 @@
          </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)">
@@ -143,8 +159,8 @@
    return {
      formInline: {
        stype: "0",
        state:"0",
        keyword:"",
        state: "0",
        keyword: "",
      },
      form: {},
      formC: {},
@@ -521,19 +537,19 @@
  },
  methods: {
    //农资类型select 改变事件
    stypeChange(value){
      this.query['stype'] = value;
      this.onLoad(this.page,this.query);
    stypeChange(value) {
      this.query["stype"] = value;
      this.onLoad(this.page, this.query);
    },
    //库存 select 改变事件
    stateChange(value){
      this.query['state'] = value;
      this.onLoad(this.page,this.query);
    stateChange(value) {
      this.query["state"] = value;
      this.onLoad(this.page, this.query);
    },
    //keywordChange 输入事件
    keywordChange(value){
      this.query['keyword'] = value;
      this.onLoad(this.page,this.query);
    keywordChange(value) {
      this.query["keyword"] = value;
      this.onLoad(this.page, this.query);
    },
    //分页
    handleSizeChange(val) {
@@ -927,10 +943,9 @@
              color: #5abf78;
              position: relative;
              top: -2px;
              left:3px;
              left: 3px;
            }
          }


          .out {
            margin-top: 10px;
@@ -955,7 +970,7 @@
              color: #5abf78;
              position: relative;
              top: -2px;
              left:3px;
              left: 3px;
            }
          }
        }