页面功能

src/api/reimbursementSys/reimbursementSysService.js

@@ -0,0 +1,11 @@
+import request from '@/utils/httpRequest'
+
+export default class reimbursementSys {
+  qqq (params) {
+    return request({
+      url: '/ReimbursementSysController/ReimbursementTreeStructure',
+      method: 'get',
+      params: params
+    })
+  }
+}

src/views/modules/reimbursementSys/reimbursementSys.vue

@@ -0,0 +1,111 @@
+<template>
+  <el-table
+    :data="dataList"
+    border
+    row-key="invoicennumber"
+    default-expand-all
+    :tree-props="{children: 'child'}"
+    style="width: 100%">
+    <el-table-column
+      prop="invoiceCode"
+      label="发票代码"
+      width="140">
+    </el-table-column>
+    <el-table-column
+      prop="invoicennumber"
+      label="发票号码"
+      width="100">
+    </el-table-column>
+    <el-table-column
+      prop="firmName"
+      label="购方企业名称"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="makeTime"
+      label="开票日期"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="productName"
+      label="商品名称"
+      width="140">
+    </el-table-column>
+    <el-table-column
+      prop="money"
+      label="金额"
+      >
+    </el-table-column>
+     <el-table-column
+      prop="tax"
+      label="税额"
+      >
+    </el-table-column>
+     <el-table-column
+      prop="income"
+      label="收入"
+     >
+    </el-table-column>
+    <el-table-column
+      prop="proposer"
+      label="申请人"
+      width="65">
+    </el-table-column>
+      <el-table-column
+      prop="partner"
+      label="合伙人"
+      width="65">
+    </el-table-column>
+     <el-table-column
+      prop="businessType"
+      label="业务类型">
+    </el-table-column>
+     <el-table-column
+      prop="businessCode"
+      label="业务编号"
+       width="100">
+    </el-table-column>
+      <el-table-column
+      prop="gatheringTime"
+      label="收款日期"
+       width="100">
+    </el-table-column>
+      <el-table-column label="操作">
+      <template slot-scope="scope">
+        <el-button
+          size="mini"
+          @click="handleEdit(scope.$index, scope.row)">修改编号</el-button>
+        
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+<script>
+import ReimbursementSys from '@/api/reimbursementSys/reimbursementSysService'
+export default {
+  data () {
+    return {
+      dataList: [],
+      loading: false
+    }
+  },
+  ReimbursementSys: null,
+  created () {
+    this.ReimbursementSys = new ReimbursementSys()
+  },
+  activated () {
+    this.refreshList()
+  },
+  methods: {
+      // 获取数据列表
+    refreshList () {
+      this.loading = true
+      this.ReimbursementSys.qqq().then(({data}) => {
+        this.dataList = data
+        console.log(this.dataList)
+      })
+    }
+  }
+
+}
+</script>