出库数量统计

src/api/lease/out.js

@@ -125,3 +125,12 @@ export function rejectLeaseOut(data) {
     data: data
   })
 }
+
+// 出库数量
+export function getOutNumApi(data) {
+  return request({
+    url: '/material/lease_apply_info/getOutNum',
+    method: 'get',
+    params: data
+  })
+}

src/views/material/lease/outBound/index.vue

@@ -57,6 +57,13 @@
             </el-form-item>
         </el-form>
 
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <div style="color: red">{{ queryParams.time ? queryParams.time[0] : '' }} - {{ queryParams.time ? queryParams.time[1] : '' }}出库数量: {{ allNum }}</div>
+            </el-col>
+            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+
         <el-table v-loading="loading" :data="typeList" border :max-height="650">
             <el-table-column align="center" label="序号" type="index">
                 <template slot-scope="scope">
@@ -679,7 +686,7 @@
 
 <script>
 import { getListLeaseApply, getApplyInfo, getCheckInfo } from '@/api/lease/apply'
-import { outInfoList, getDetailsByTypeId, submitOut, submitNumOut, rejectLeaseOut } from '@/api/lease/out'
+import { outInfoList, getDetailsByTypeId, submitOut, submitNumOut, rejectLeaseOut, getOutNumApi } from '@/api/lease/out'
 import vueEasyPrint from 'vue-easy-print'
 // import chapter from '../../../../utils/chapter';
 import printJS from 'print-js'
@@ -783,6 +790,7 @@ export default {
             leaseLoading: false,
             taskType: '',
             currentRow: {},
+            allNum: null,
         }
     },
     created() {
@@ -793,9 +801,21 @@ export default {
         let start = new Date()
         start.setMonth(start.getMonth() - 1)
         this.queryParams.time = [this.format(start), this.format(end)]
-        // 不在这里直接调用getList，等字典数据加载完成后再调用
+        this.getOutNum()
     },
     methods: {
+        async getOutNum() {
+            try {
+                const params = {
+                    startTime: this.queryParams.time && this.queryParams.time[0],
+                    endTime: this.queryParams.time && this.queryParams.time[1],
+                }
+                const res = await getOutNumApi(params)
+                this.allNum = res.data.alNum || ''
+            } catch (error) {
+                console.log('🚀 ~ getOutNum ~ error:', error)
+            }
+        },
         selectable(row, index) {
             if (row.jiJuType == 2 && row.isCheck == '1') {
                 return !this.isWithinOneMonth(row.nextCheckTime)
@@ -885,6 +905,7 @@ export default {
         handleQuery() {
             this.queryParams.pageNum = 1
             this.getList()
+            this.getOutNum()
         },
         /** 重置按钮操作 */
         resetQuery() {