From 66f8f95cda6498def0f29d99e118edce360dc8ae Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Wed, 10 Jul 2024 09:48:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../invoicing/consumable/cons_record.vue      | 188 ++++++++++--------
 1 file changed, 105 insertions(+), 83 deletions(-)

diff --git a/src/views/invoicing/consumable/cons_record.vue b/src/views/invoicing/consumable/cons_record.vue
index ccd68b8..1212717 100644
--- a/src/views/invoicing/consumable/cons_record.vue
+++ b/src/views/invoicing/consumable/cons_record.vue
@@ -1,96 +1,118 @@
 <template>
-    <div class="app-container">
-        <div class="head-container">
-            <el-form :model="query" inline>
-                <el-form-item>
-                    <el-input v-model="query.conName" placeholder="耗材信息名称" />
-                </el-form-item>
-                <el-form-item>
-                    <el-button type="primary" @click="getTableData">查询</el-button>
-                    <el-button>重置</el-button>
-                </el-form-item>
-            </el-form>
-        </div>
-        <div class="head-container">
-            <el-table ref="table" :data="clickseetableData.data" v-loading="clickseetableData.loading" row-key="id"
-                height="66vh">
-                <el-table-column label="耗材名称" prop="conName" />
-                <el-table-column label="变动库存" prop="amount">
-                    <template v-slot="scope">
-                        <span :class="{ red: scope.row.bizType == '-' }">{{ scope.row.bizType }}{{ scope.row.amount
-                            }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="现有库存" prop="balance" />
-                <!-- <el-table-column label="业务编码" prop="bizCode" /> -->
-                <el-table-column label="业务说明" prop="bizName" />
-                <el-table-column label="商品名称" prop="productName" />
-                <!-- <el-table-column label="正负号标识" prop="bizType" /> -->
-                <!-- <el-table-column label="耗材id" prop="consId" /> -->
-                <el-table-column label="创建时间" prop="createTime"></el-table-column>
-                <!-- <el-table-column label="更新时间" prop="updateTime">
+  <div class="app-container">
+    <div class="head-container">
+      <el-form :model="query" inline>
+        <el-form-item>
+          <el-input v-model="query.conName" placeholder="耗材信息名称" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="getTableData">查询</el-button>
+          <el-button @click="resetHandle">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="head-container">
+      <el-table
+        ref="table"
+        :data="clickseetableData.data"
+        v-loading="clickseetableData.loading"
+        row-key="id"
+        height="66vh"
+      >
+        <el-table-column label="耗材名称" prop="conName" />
+        <el-table-column label="变动库存" prop="amount">
+          <template v-slot="scope">
+            <span :class="{ red: scope.row.bizType == '-' }"
+              >{{ scope.row.bizType }}{{ scope.row.amount }}</span
+            >
+          </template>
+        </el-table-column>
+        <el-table-column label="现有库存" prop="balance" />
+        <!-- <el-table-column label="业务编码" prop="bizCode" /> -->
+        <el-table-column label="业务说明" prop="bizName" />
+        <el-table-column label="商品名称" prop="productName" />
+        <!-- <el-table-column label="正负号标识" prop="bizType" /> -->
+        <!-- <el-table-column label="耗材id" prop="consId" /> -->
+        <el-table-column label="创建时间" prop="createTime"></el-table-column>
+        <!-- <el-table-column label="更新时间" prop="updateTime">
           <template v-slot="scope">
             {{ dayjs(scope.row.createdAt).format('YYYY-MM-DD HH:mm:ss') }}
           </template>
         </el-table-column> -->
-            </el-table>
-        </div>
-        <div class="head-container">
-            <el-pagination :total="clickseetableData.total" :current-page="clickseetableData.page + 1"
-                :page-size="clickseetableData.size" layout="total, sizes, prev, pager, next, jumper"
-                @current-change="paginationChangetype"
-                @size-change="e => { clickseetableData.size = e; clickseetableData.page = 0; getTableData() }" />
-        </div>
+      </el-table>
     </div>
+    <div class="head-container">
+      <el-pagination
+        :total="clickseetableData.total"
+        :current-page="clickseetableData.page + 1"
+        :page-size="clickseetableData.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        @current-change="paginationChangetype"
+        @size-change="
+          e => {
+            clickseetableData.size = e;
+            clickseetableData.page = 0;
+            getTableData();
+          }
+        "
+      />
+    </div>
+  </div>
 </template>
 
 <script>
-import { gettbConsInfoFlow } from '@/api/consumable'
+import { gettbConsInfoFlow } from "@/api/consumable";
 export default {
-    data() {
-        return {
-            query: {
-                conName: ''
-            },
-            clickseetableData: {
-                data: [],
-                page: 0,
-                size: 30,
-                loading: false,
-                total: 0
-            },
-        }
+  data() {
+    return {
+      query: {
+        conName: ""
+      },
+      clickseetableData: {
+        data: [],
+        page: 0,
+        size: 30,
+        loading: false,
+        total: 0
+      }
+    };
+  },
+  mounted() {
+    this.getTableData();
+  },
+  methods: {
+    resetHandle() {
+      this.clickseetableData.page = 0;
+      this.clickseetableData.size = 30;
+      this.query.conName = "";
+      this.getTableData();
     },
-    mounted() {
-        this.getTableData()
+    pageSizeChange(e) {
+      this.clickseetableData.size = e;
+      this.getTableData();
     },
-    methods: {
-        pageSizeChange(e) {
-            this.clickseetableData.size = e
-            this.getTableData()
-        },
-        paginationChangetype(e) {
-            this.clickseetableData.page = e - 1
-            this.getTableData()
-        },
-        // 查看查询耗材流水信息
-        async getTableData() {
-            try {
-                this.clickseetableData.loading = true
-                const res = await gettbConsInfoFlow({
-                    page: this.clickseetableData.page,
-                    size: this.clickseetableData.size,
-                    consId: '',
-                    conName: this.query.conName,
-                    shopId: localStorage.getItem('shopId')
-                })
-                this.clickseetableData.loading = false
-                this.clickseetableData.data = res.content
-                this.clickseetableData.total = res.totalElements
-            } catch (error) {
-                console.log(error)
-            }
-        }
+    paginationChangetype(e) {
+      this.clickseetableData.page = e - 1;
+      this.getTableData();
+    },
+    // 查看查询耗材流水信息
+    async getTableData() {
+      try {
+        this.clickseetableData.loading = true;
+        const res = await gettbConsInfoFlow({
+          page: this.clickseetableData.page,
+          size: this.clickseetableData.size,
+          consId: "",
+          conName: this.query.conName,
+          shopId: localStorage.getItem("shopId")
+        });
+        this.clickseetableData.loading = false;
+        this.clickseetableData.data = res.content;
+        this.clickseetableData.total = res.totalElements;
+      } catch (error) {
+        console.log(error);
+      }
     }
-}
-</script>
\ No newline at end of file
+  }
+};
+</script>