From d2d5efb636834bd624815b71cb36630c15955051 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Tue, 24 May 2022 16:43:28 +0800
Subject: [PATCH] 农资入口修改

---
 src/views/stock/stockmanage.vue |   69 +++++++++++++++++++++-------------
 1 files changed, 42 insertions(+), 27 deletions(-)

diff --git a/src/views/stock/stockmanage.vue b/src/views/stock/stockmanage.vue
index 9838952..876882a 100644
--- a/src/views/stock/stockmanage.vue
+++ b/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;
             }
           }
         }

--
Gitblit v1.9.3