feat(src/views/reagent/report/inventoryconsum): 完成库存消耗

src/api/report.js

@@ -17,3 +17,21 @@ export function drug_details_info(data) {
     data
   })
 }
+
+//  /api/report/stock_loss_info
+export function stock_loss_info(data) {
+  return request({
+    url: '/api/report/stock_loss_info',
+    method: 'post',
+    data
+  })
+}
+
+// /api/report/drug_use_expend
+export function drug_use_expend(data) {
+  return request({
+    url: '/api/report/drug_use_expend',
+    method: 'post',
+    data
+  })
+}

src/router/index.js

@@ -100,6 +100,20 @@ export const constantRoutes = [
         component: () => import('@/views/reagent/report/warehousinginfo/index'),
         hidden: true,
         meta: { title: '入库信息查询', icon: '报表统计' }
+      },
+      {
+        path: 'inventoryconsuminfo',
+        name: 'InventoryConsumInfo',
+        component: () => import('@/views/reagent/report/inventoryconsum/index'),
+        hidden: true,
+        meta: { title: '库存消耗', icon: '报表统计' }
+      },
+      {
+        path: 'reagentconsuminfo',
+        name: 'ReagentConsumInfo',
+        component: () => import('@/views/reagent/report/reagentconsum/index'),
+        hidden: true,
+        meta: { title: '试剂消耗', icon: '报表统计' }
       }
     ]
   },

src/views/reagent/report/index.vue

@@ -51,7 +51,7 @@
       <div class="consume-title title text">试剂消耗用量</div>
       <div class="consume">
         <el-card class="box-card">
-          <div slot="header" class="clearfix">
+          <div slot="header" class="clearfix" @click="$router.push('/reagent/report/inventoryconsuminfo')">
             <span class="text">试剂库存消耗</span>
             <i style="float: right; padding: 3px 0" class="el-icon-arrow-right" />
           </div>
@@ -80,7 +80,7 @@
       </div>
       <div class="consume">
         <el-card class="box-card">
-          <div slot="header" class="clearfix">
+          <div slot="header" class="clearfix" @click="$router.push('/reagent/report/reagentconsuminfo')">
             <span class="text">试剂用量消耗</span>
             <i style="float: right; padding: 3px 0" class="el-icon-arrow-right" />
           </div>

src/views/reagent/report/inventoryconsum/index.vue

@@ -0,0 +1,133 @@
+<template>
+  <div class="main-content-container">
+    <div class="title">库存消耗</div>
+    <div class="header">
+      <div class="header-left">
+        <el-button size="small" @click="$router.push('/reagent/report/index')">返回上一级</el-button>
+        <el-input v-model="selectReagentValue" size="small" placeholder="请输入搜索试剂名称" />
+        <el-date-picker
+          v-model="start_time"
+          type="datetime"
+          placeholder="选择生产日期"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        />
+        <el-date-picker
+          v-model="end_time"
+          type="datetime"
+          placeholder="选择过期日期"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        />
+        <el-button size="small" type="primary" icon="el-icon-search" @click="searchReagent">搜索</el-button>
+      </div>
+      <div class="header-right">
+        <el-button>导出报告</el-button>
+        <el-button icon="el-icon-refresh" circle @click="getStoreInfo" />
+      </div>
+    </div>
+    <el-table
+      v-loading="loadingReagent"
+      element-loading-text="拼命加载中"
+      :header-cell-style="headerStyle"
+      :data="reagentData"
+      height="460"
+    >
+      <el-table-column align="center" property="name" label="试剂名称" />
+      <el-table-column align="center" property="purity" label="纯度" />
+      <el-table-column align="center" property="cas_number" label="CAS码" />
+      <!--      <el-table-column align="center" property="remain" label="重点监控" />-->
+      <el-table-column align="center" property="enter_stock" label="入库数量" />
+      <!--      <el-table-column align="center" property="in_stock" label="当前库存总量" />-->
+      <el-table-column align="center" property="in_stock" label="当前在库数量" />
+      <el-table-column align="center" property="up_stock" label="当前借出数量" />
+      <el-table-column align="center" property="no_stock" label="消耗数量" />
+    </el-table>
+    <div style="text-align: center">
+      <el-pagination
+        layout="prev, pager, next"
+        :current-page.sync="page"
+        :total="total"
+        :page-size.sync="page_size"
+        @current-change="pageChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import { stock_loss_info } from '@/api/report'
+import stringify from '@/utils/stringify'
+
+export default {
+  name: 'WarehousingInfo',
+  data() {
+    return {
+      selectReagentValue: '',
+      headerStyle: { 'background': '#E6E6E6' },
+      page: 1,
+      page_size: 15,
+      total: 0,
+      reagentData: [],
+      loadingReagent: false,
+      start_time: null,
+      end_time: null
+    }
+  },
+  created() {
+    this.getStoreInfo()
+  },
+  methods: {
+    // 搜索
+    searchReagent() {
+      this.pageChange(1)
+    },
+    // 翻页
+    pageChange(page) {
+      this.page = page
+      this.getStoreInfo()
+    },
+
+    //  获取库存信息总览数据
+    getStoreInfo() {
+      this.loadingReagent = true
+      stock_loss_info(stringify({
+        seach_word: this.selectReagentValue,
+        start_time: this.start_time,
+        end_time: this.end_time,
+        page: this.page,
+        page_size: this.page_size
+      })).then(res => {
+        this.reagentData = res.data.data
+        this.total = res.data.total_count
+      }).finally(() => { this.loadingReagent = false })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.main-content-container{
+  margin: 1rem;
+  background: white;
+  min-height: calc(100vh - 12rem);
+  padding: 1rem;
+  .title {
+    font-size: 1.25rem;
+    font-weight: bold;
+    color: #000000;
+    margin-bottom: 1rem;
+  }
+  .header{
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 1rem;
+    .header-left{
+      .el-input{
+        width:160px;
+        margin-right: 1rem;
+        margin-left: 1rem;
+      }
+    }
+  }
+}
+
+</style>