增加进销存

2022-05-27 17:08:32 +08:00
parent 8385a1d27a
commit 3ba887662c
192 changed files with 43818 additions and 10501 deletions
@@ -0,0 +1,181 @@
+<!-- from 7 5 2 7 1 8 9 2 0 -->
+<template>
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :style="cardStyle" :bordered="false">
+        <!-- 查询区域 -->
+        <div class="table-page-search-wrapper">
+          <a-form layout="inline" @keyup.enter.native="searchQuery">
+            <a-row :gutter="24">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <a-input placeholder="请输入名称" v-model="queryParam.search.name"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :md="6" :sm="24">
+                <a-form-item label="编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <a-input placeholder="请输入编号" v-model="queryParam.search.serialNo"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :md="5" :sm="24">
+                <span class="table-page-search-submitButtons">
+                  <a-button type="primary" @click="searchQuery">查询</a-button>
+                  <a-button style="margin-left: 8px" v-print="'#reportPrint'" icon="printer">打印</a-button>
+                  <a-button style="margin-left: 8px" @click="exportExcel" icon="download">导出</a-button>
+                </span>
+              </a-col>
+              <a-col :md="6" :sm="24">
+                <a-form-item>
+                  <span>本月发生总额：{{allMonthAmount}}，当前总余额：{{allCurrentAmount}}</span>
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-form>
+        </div>
+        <!-- table区域-begin -->
+        <section ref="print" id="reportPrint">
+          <a-table
+            bordered
+            ref="table"
+            size="middle"
+            rowKey="id"
+            :columns="columns"        
+            :components="drag(columns)"
+            :dataSource="dataSource"
+            :pagination="false"
+            :scroll="scroll"
+            :loading="loading"
+            @change="handleTableChange">
+              <span slot="action" slot-scope="text, record">
+                <a @click="showAccountInOutList(record)">{{record.id?'流水':''}}</a>
+              </span>
+          </a-table>
+          <a-row :gutter="24" style="margin-top: 8px;text-align:right;">
+            <a-col :md="24" :sm="24">
+              <a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
+                size="small"
+                show-size-changer
+                :showQuickJumper="true"
+                :current="ipagination.current"
+                :page-size="ipagination.pageSize"
+                :page-size-options="ipagination.pageSizeOptions"
+                :total="ipagination.total"
+                :show-total="(total, range) => `共 ${total-Math.ceil(total/ipagination.pageSize)} 条`">
+                <template slot="buildOptionText" slot-scope="props">
+                  <span>{{ props.value-1 }}条/页</span>
+                </template>
+              </a-pagination>
+            </a-col>
+          </a-row>
+        </section>
+        <!-- table区域-end -->
+        <account-in-out-list ref="accountInOutList" @ok="modalFormOk"></account-in-out-list>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+<script>
+  import AccountInOutList from './modules/AccountInOutList'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import { openDownloadDialog, sheet2blob} from "@/utils/util"
+  import JEllipsis from '@/components/jeecg/JEllipsis'
+  import {getAction} from '@/api/manage'
+  import tableDragResizeMixin from '@/mixins/tableDragResizeMixin'
+  export default {
+    name: "AccountReport",
+    mixins:[JeecgListMixin,tableDragResizeMixin],
+    components: {
+      AccountInOutList,
+      JEllipsis
+    },
+    data () {
+      return {
+        labelCol: {
+          span: 5
+        },
+        wrapperCol: {
+          span: 18,
+          offset: 1
+        },
+        // 查询条件
+        queryParam: {
+          search: {
+            name:'',
+            serialNo:''
+          }
+        },
+        ipagination:{
+          pageSize: 11,
+          pageSizeOptions: ['11', '21', '31', '101', '201']
+        },
+        allMonthAmount: '',
+        allCurrentAmount: '',
+        tabKey: "1",
+        // 表头
+        columns: [
+          {
+            title: '#', dataIndex: 'rowIndex', width:60, align:"center",
+            customRender:function (t,r,index) {
+              return (t !== '合计') ? (parseInt(index) + 1) : t
+            }
+          },
+          { title: '名称', dataIndex: 'name', width: 100},
+          { title: '编号', dataIndex: 'serialNo', width: 150},
+          { title: '期初金额', dataIndex: 'initialAmount', sorter: (a, b) => a.initialAmount - b.initialAmount, width: 100},
+          { title: '本月发生额', dataIndex: 'thisMonthAmount', sorter: (a, b) => a.thisMonthAmount - b.thisMonthAmount, width: 100},
+          { title: '当前余额', dataIndex: 'currentAmount', sorter: (a, b) => a.currentAmount - b.currentAmount, width: 100},
+          { title: '账户流水', dataIndex: 'action', align:"center", width: 200,
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/account/list",
+          getStatistics: "/account/getStatistics"
+        }
+      }
+    },
+    created () {
+      this.getAccountStatistics()
+    },
+    methods: {
+      getQueryParams() {
+        let param = Object.assign({}, this.queryParam, this.isorter);
+        param.field = this.getQueryField();
+        param.currentPage = this.ipagination.current;
+        param.pageSize = this.ipagination.pageSize-1;
+        return param;
+      },
+      getAccountStatistics() {
+        getAction(this.url.getStatistics, this.queryParam.search).then((res)=>{
+          if(res && res.code === 200) {
+            if(res.data){
+              this.allMonthAmount = res.data.allMonthAmount
+              this.allCurrentAmount = res.data.allCurrentAmount
+            }
+          }
+        })
+      },
+      searchQuery() {
+        this.loadData(1);
+        this.getAccountStatistics();
+      },
+      showAccountInOutList(record) {
+        this.$refs.accountInOutList.show(record);
+        this.$refs.accountInOutList.title = "查看账户流水";
+        this.$refs.accountInOutList.disableSubmit = false;
+      },
+      exportExcel() {
+        let aoa = [['名称', '编号', '期初金额', '本月发生额', '账户流水']]
+        for (let i = 0; i < this.dataSource.length; i++) {
+          let ds = this.dataSource[i]
+          let item = [ds.name, ds.serialNo, ds.initialAmount, ds.thisMonthAmount, ds.currentAmount]
+          aoa.push(item)
+        }
+        openDownloadDialog(sheet2blob(aoa), '账户统计')
+      }
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less'
+</style>