From d12ecff83dc07baecfb458bce3d501485b03f2df Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Fri, 5 Jul 2024 09:43:32 +0800
Subject: [PATCH] =?UTF-8?q?1.=E6=96=B0=E5=A2=9E=E8=80=97=E6=9D=90=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E6=9F=A5=E8=AF=A2=E6=89=80=E6=9C=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../invoicing/consumable/cons_record.vue      | 90 +++++++++++++++++++
 .../invoicing/consumable/information.vue      | 23 +++--
 2 files changed, 100 insertions(+), 13 deletions(-)
 create mode 100644 src/views/invoicing/consumable/cons_record.vue

diff --git a/src/views/invoicing/consumable/cons_record.vue b/src/views/invoicing/consumable/cons_record.vue
new file mode 100644
index 0000000..cd2487e
--- /dev/null
+++ b/src/views/invoicing/consumable/cons_record.vue
@@ -0,0 +1,90 @@
+<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="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="bizType" /> -->
+                <el-table-column label="耗材名称" prop="conName" />
+                <!-- <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" />
+        </div>
+    </div>
+</template>
+
+<script>
+import { gettbConsInfoFlow } from '@/api/consumable'
+export default {
+    data() {
+        return {
+            query: {
+                conName: ''
+            },
+            clickseetableData: {
+                data: [],
+                page: 0,
+                size: 30,
+                loading: false,
+                total: 0
+            },
+        }
+    },
+    mounted() {
+        this.getTableData()
+    },
+    methods: {
+        paginationChangetype(e) {
+            this.tableDatatype.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
diff --git a/src/views/invoicing/consumable/information.vue b/src/views/invoicing/consumable/information.vue
index 1b12965..c152800 100644
--- a/src/views/invoicing/consumable/information.vue
+++ b/src/views/invoicing/consumable/information.vue
@@ -60,15 +60,12 @@
             {{ dayjs(scope.row.createdAt).format('YYYY-MM-DD HH:mm:ss') }}
           </template>
         </el-table-column>
-        <el-table-column label="耗材记录">
-          <template v-slot="scope">
-            <el-button type="text" @click="clicksee(scope.row)">查看</el-button>
-          </template>
-        </el-table-column>
         <el-table-column label="操作">
           <template v-slot="scope">
+            <el-button type="text" @click="clicksee(scope.row)">耗材记录</el-button>
             <!-- <el-button type="text" icon="el-icon-rank">排序</el-button> -->
-            <el-button type="text" @click="clickdialogfadd(scope.row)">编辑</el-button>
+            <!-- <el-button type="text" @click="clickdialogfadd(scope.row)"
+              style="margin-left: 10px !important;">入库</el-button> -->
             <!-- <el-button type="text" icon="el-icon-edit" @click="clickdialogframe('edit', scope.row)">编辑</el-button> -->
             <!-- <el-popconfirm title="确定删除吗？" @confirm="delTableHandle([scope.row.id])">
               <el-button type="text" icon="el-icon-delete" style="margin-left: 20px !important;"
@@ -95,7 +92,7 @@
       </el-form>
     </el-dialog>
     <!-- 修改和增加 -->
-    <el-dialog :title="dialogtitle" :visible.sync="dialogshow" width="70%" >
+    <el-dialog :title="dialogtitle" :visible.sync="dialogshow" width="70%">
       <el-form :inline="true" ref="refruleForm" :model="ruleForm" :rules="rules" class="demo-form-inline">
         <el-form-item label="单位" prop="conUnit" v-if="dialogtitle == '添加'">
           <el-input v-model="ruleForm.conUnit" placeholder="请输入单位"></el-input>
@@ -258,8 +255,8 @@ export default {
         conCode: '',
         conName: '',
         conTypeId: '',
-        price:"",
-        conNames:"",
+        price: "",
+        conNames: "",
         // surplusStock: '',
         conUnit: '',
         conWarning: '',
@@ -390,7 +387,7 @@ export default {
     tableDatatypetable(item) {
       console.log(item, '调试-选择完的数据')
       this.ruleForm.conCode = item.conTypeCode
-      this.ruleForm.conNames = item.conTypeName 
+      this.ruleForm.conNames = item.conTypeName
       this.ruleForm.conTypeId = item.id
       this.typedialogshow = false
     },
@@ -439,7 +436,7 @@ export default {
       this.$refs[formName].validate(async (valid) => {
         if (valid) {
           if (this.dialogtitle == '编辑') {
-         
+
             await postapitbConsInfo({
               id: this.ruleForm.id,
               conCode: this.ruleForm.conCode,
@@ -453,9 +450,9 @@ export default {
             this.dialogshow = false
           } else {//添加
             await posttbConsInfo({
-             ...this.ruleForm
+              ...this.ruleForm
             })
-            this.$message({type:'success',message:'添加成功'})
+            this.$message({ type: 'success', message: '添加成功' })
           }
           this.dialogshow = false
           this.$refs[formName].resetFields()