新增行列表

src/api/accounting/voucher.js

@@ -52,3 +52,12 @@ export function exportVoucherExcel(query) {
     responseType: 'blob'
   })
 }
+
+// 获得会计凭证行分页
+export function getVoucherDetailsPage(query) {
+  return request({
+    url: '/accounting/voucher-details/page',
+    method: 'get',
+    params: query
+  })
+}

src/views/accounting/voucher/index.vue

@@ -188,7 +188,7 @@
           <el-col :span="8">
             <el-form-item label="审核人" prop="audit">
               <el-select
-                v-model="audit"
+                v-model="form.audit"
                 filterable
                 placeholder="请选择审核人"
                 value-key="id"
@@ -207,7 +207,7 @@
           <el-col :span="8">
             <el-form-item label="核准人" prop="checker">
               <el-select
-                v-model="checker"
+                v-model="form.checker"
                 filterable
                 placeholder="请选择核准人"
                 value-key="id"
@@ -226,7 +226,7 @@
           <el-col :span="8">
             <el-form-item label="经办人" prop="handle">
               <el-select
-                v-model="handle"
+                v-model="form.handle"
                 filterable
                 placeholder="请选择经办人"
                 value-key="id"
@@ -270,6 +270,16 @@
           />
         </el-form-item>
       </el-form>
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column prop="digest" label="摘要" width="180">
+        </el-table-column>
+        <el-table-column prop="subjectCode" label="科目代码" width="180">
+        </el-table-column>
+        <el-table-column prop="subjectName" label="科目名称"> </el-table-column>
+        <el-table-column prop="debitMoney" label="借方金额"> </el-table-column>
+        <el-table-column prop="creditorMoney" label="贷方金额">
+        </el-table-column>
+      </el-table>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -286,6 +296,7 @@ import {
   getVoucher,
   getVoucherPage,
   exportVoucherExcel,
+  getVoucherDetailsPage,
 } from "@/api/accounting/voucher";
 import { listUser } from "@/api/system/user";
 import { getSiteTree } from "@/api/setting/organization";
@@ -311,6 +322,8 @@ export default {
       total: 0,
       // 会计凭证列表
       list: [],
+      // 会计凭证行列表
+      tableData: [],
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -358,9 +371,6 @@ export default {
       siteOptions: [], //归档位置数据
       siteArray: [], //归档位置选中值
       typeOptions: [], //凭证类别
-      audit: null,
-      checker: null,
-      handle: null,
     };
   },
   created() {
@@ -380,6 +390,13 @@ export default {
         this.loading = false;
       });
     },
+    /** 查询列表 */
+    getLineList(val) {
+      // 执行查询
+      getVoucherDetailsPage({ voucherId: val }).then((response) => {
+        this.tableData = response.data.list;
+      });
+    },
     //获取字典数据
     handleInitList() {
       // 获取凭证类别
@@ -465,9 +482,6 @@ export default {
         cabinetId: undefined,
       };
       this.resetForm("form");
-      this.audit = "";
-      this.checker = "";
-      this.handle = "";
     },
     /** 搜索按钮操作 */
     handleQuery() {
@@ -509,6 +523,7 @@ export default {
         this.open = true;
         this.title = "修改会计凭证";
       });
+      this.getLineList(row.id);
     },
     /** 提交按钮 */
     submitForm() {