✨ feat: 财务单据完善

klp-ui/src/views/finance/document/index.vue

@@ -73,37 +73,11 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="financialDocumentList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="单据ID" align="center" prop="documentId" v-if="true"/>
-      <el-table-column label="单据编号" align="center" prop="docNo" />
-      <el-table-column label="单据类型" align="center" prop="docType" />
-      <el-table-column label="单据日期" align="center" prop="docDate" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.docDate, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="单据金额" align="center" prop="amount" />
-      <el-table-column label="关联订单ID" align="center" prop="relatedOrderId" />
-      <el-table-column label="单据状态" align="center" prop="status" />
-      <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+    <FinanceVoucherTable
+      :voucher-data="financialDocumentList"
+      @view-voucher="handleUpdate"
+      @delete-voucher="handleDelete"
+    />
 
     <pagination
       v-show="total > 0"
@@ -123,11 +97,13 @@
 <script>
 import { listFinancialDocumentWithDetail, getFinancialDocument, delFinancialDocument, addFinancialDocument, updateFinancialDocument } from "@/api/finance/financialDocument";
 import CreateDocument from "./components/Voucher.vue";
+import FinanceVoucherTable from "./components/FinanceVoucherTable.vue"; // 引入定制表格
 
 export default {
   name: "FinancialDocument",
   components: {
-    CreateDocument
+    CreateDocument,
+    FinanceVoucherTable
   },
   data() {
     return {
@@ -227,6 +203,8 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
+      this.currentRow = {}
+      // this.isCreate = true;
       this.title = "添加财务单据";
     },
     /** 修改按钮操作 */