From d14994e10797ce5bc0d29668d358f7c5274dcc5b Mon Sep 17 00:00:00 2001
From: wujianwei <wjw@11.com>
Date: 星期三, 15 四月 2026 15:46:17 +0800
Subject: [PATCH] 新增调用外部接口api
---
ui/admin-ui3/src/views/cwgl/voucherSubjectFee/index.vue | 462 +++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 301 insertions(+), 161 deletions(-)
diff --git a/ui/admin-ui3/src/views/cwgl/voucherSubjectFee/index.vue b/ui/admin-ui3/src/views/cwgl/voucherSubjectFee/index.vue
index 4979f1a..b601b8e 100644
--- a/ui/admin-ui3/src/views/cwgl/voucherSubjectFee/index.vue
+++ b/ui/admin-ui3/src/views/cwgl/voucherSubjectFee/index.vue
@@ -1,183 +1,323 @@
<template>
- <basicContainer >
- <avue-crud
- :option="option"
- :table-loading="pageF.loading"
- :data="tableData"
- :page="page"
- :permission="permissionList"
- :before-open="beforeOpen"
- v-model="form"
- ref="crudRef"
- @row-update="rowUpdate"
- @row-save="rowSave"
- @refresh-change="refreshChange"
- @row-del="rowDel"
- @search-change="searchChange"
- @search-reset="searchReset"
- @selection-change="selectionChange"
- @current-change="currentChange"
- @size-change="sizeChange"
- @on-load="onLoad"
- >
+ <basicContainer>
+ <el-tabs v-model="activeAccountSet" @tab-click="handleTabClick">
+ <el-tab-pane label="鐝犳捣姹囩晠" name="0"></el-tab-pane>
+ <el-tab-pane label="骞跨彔鐗╂祦璐告槗" name="1"></el-tab-pane>
+ </el-tabs>
+ <avue-crud :option="option" :table-loading="pageF.loading" :data="tableData" :page="page"
+ :permission="permissionList" :before-open="beforeOpen" v-model="form" ref="crudRef" @row-update="rowUpdate"
+ @row-save="rowSave" @refresh-change="refreshChange" @row-del="rowDel" @search-change="searchChange"
+ @search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange"
+ @size-change="sizeChange" @on-load="onLoad">
<template #menu-left>
- <el-button
- type="success"
- icon="Edit"
- :disabled="pageF.single"
- v-hasPermi="['cwgl:voucherSubjectFee:edit']"
- @click="handleUpdate">淇敼
+ <!-- <el-button type="success" icon="Edit" :disabled="pageF.single" v-hasPermi="['cwgl:voucherSubjectFee:edit']"
+ @click="handleUpdate">淇敼
</el-button>
- <el-button
- type="danger"
- icon="Delete"
- :disabled="pageF.multiple"
- @click="handleDelete"
- v-hasPermi="['cwgl:voucherSubjectFee:remove']"
- >鍒犻櫎
+ <el-button type="danger" icon="Delete" :disabled="pageF.multiple" @click="handleDelete"
+ v-hasPermi="['cwgl:voucherSubjectFee:remove']">鍒犻櫎
+ </el-button> -->
+ <el-button type="warning" plain icon="Download" @click="handleExport"
+ v-hasPermi="['cwgl:voucherSubjectFee:export']">瀵煎嚭
</el-button>
- <el-button
- type="warning"
- plain
- icon="Download"
- @click="handleExport"
- v-hasPermi="['cwgl:voucherSubjectFee:export']"
- >瀵煎嚭
- </el-button>
+ </template>
+ <template #menu="{ row, index, size }">
+
+ <el-button type="text" icon="View" @click="handleFlow(row)"
+ v-hasPermi="['cwgl:voucherSubjectFee:flow']">鏃ュ織</el-button>
</template>
</avue-crud>
</basicContainer>
+ <OperationLogModal ref="logModalRef" />
+
</template>
<script setup name="voucherSubjectFee" lang="ts">
- import {VoucherSubjectFeeI,addVoucherSubjectFee, delVoucherSubjectFee, exportVoucherSubjectFee, getVoucherSubjectFee, listVoucherSubjectFee, updateVoucherSubjectFee} from "@/api/cwgl/voucherSubjectFee";
- import useCurrentInstance from "@/utils/useCurrentInstance";
- import {computed,reactive, ref, toRefs} from "vue";
- import {PagesInterface, PageQueryInterface} from "@/utils/globalInterface";
- import {usePagePlus} from "@/hooks/usePagePlus";
- import {hasPermission} from "@/utils/permissionUtils";
+import { listVoucherSubjectSetting } from "@/api/cwgl/voucherSubjectSetting";
+import { listVoucherSubjectFeeLog, } from "@/api/cwgl/voucherSubjectFeeLog";
- const { proxy } = useCurrentInstance();
- const crudRef = ref();
+import { VoucherSubjectFeeI, addVoucherSubjectFee, delVoucherSubjectFee, exportVoucherSubjectFee, getVoucherSubjectFee, listVoucherSubjectFee, updateVoucherSubjectFee } from "@/api/cwgl/voucherSubjectFee";
+import useCurrentInstance from "@/utils/useCurrentInstance";
+import { computed, reactive, ref, toRefs } from "vue";
+import { PagesInterface, PageQueryInterface } from "@/utils/globalInterface";
+import { usePagePlus } from "@/hooks/usePagePlus";
+import { hasPermission } from "@/utils/permissionUtils";
+import OperationLogModal from '@/components/OperationLogModal/index.vue';
- const permissionList = computed(()=>{
- return {
- addBtn: hasPermission(["cwgl:voucherSubjectFee:add"]),
- delBtn: hasPermission(["cwgl:voucherSubjectFee:remove"]),
- editBtn: hasPermission(["cwgl:voucherSubjectFee:edit"]),
- viewBtn: hasPermission(["cwgl:voucherSubjectFee:query"]),
- }
- })
+const { proxy } = useCurrentInstance();
+const crudRef = ref();
- const data = reactive({
- form:<VoucherSubjectFeeI>{},
- queryParams:<VoucherSubjectFeeI&PageQueryInterface>{},
- page: <PagesInterface>{
- pageSize: 10,
- total: 0,
- currentPage: 1,
+const permissionList = computed(() => {
+ return {
+ addBtn: hasPermission(["cwgl:voucherSubjectFee:add"]),
+ delBtn: hasPermission(["cwgl:voucherSubjectFee:remove"]),
+ editBtn: hasPermission(["cwgl:voucherSubjectFee:edit"]),
+ viewBtn: hasPermission(["cwgl:voucherSubjectFee:query"]),
+ }
+})
+
+const data = reactive({
+ form: <VoucherSubjectFeeI>{},
+ queryParams: <VoucherSubjectFeeI & PageQueryInterface>{},
+ page: <PagesInterface>{
+ pageSize: 10,
+ total: 0,
+ currentPage: 1,
+ },
+ selectionList: [],
+})
+const { queryParams, form, page, selectionList } = toRefs(data);
+const option = ref({
+ pageKey: 'VoucherSubjectFee',
+ rowKey: 'id',
+ viewBtn: false,
+ column: {
+ // id: {
+ // label: 'ID',
+ // },
+ type: {
+ label: '璐﹀',
+ minWidth: 120,
+ addDisabled: true,
+ editDisabled: true,
+ type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_accounting_type',
+ rules: [
+ {
+ required: true,
+ message: "甯愬绫诲瀷涓嶈兘涓虹┖", trigger: "change"
+ }
+ ],
},
- selectionList:[],
- })
- const {queryParams,form,page,selectionList} = toRefs(data);
- const option = ref({
- pageKey: 'VoucherSubjectFee',
- rowKey: 'id',
- column: {
- id: {
- label: 'ID',
- },
- accountSet: {
- label: '璐﹀',
- rules: [
- {
- required: true,
- message: "璐﹀涓嶈兘涓虹┖", trigger: "blur" }
- ], },
- subjectCode: {
- label: '绉戠洰浠ｇ爜',
- rules: [
- {
- required: true,
- message: "绉戠洰浠ｇ爜涓嶈兘涓虹┖", trigger: "blur" }
- ], },
- subjectName: {
- label: '绉戠洰鍚嶇О',
- rules: [
- {
- required: true,
- message: "绉戠洰鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }
- ], },
- subjectType: {
- label: '绉戠洰绫诲埆',
- rules: [
- {
- required: true,
- message: "绉戠洰绫诲埆涓嶈兘涓虹┖", trigger: "change"
- }
- ], },
- feeType: {
- label: '璐圭敤绫诲埆',
- },
- type: {
- label: '甯愬绫诲瀷',
- rules: [
- {
- required: true,
- message: "甯愬绫诲瀷涓嶈兘涓虹┖", trigger: "change"
- }
- ], },
- materialType: {
- label: '鐗╂枡绫诲埆',
- },
- feeName: {
- label: '璐圭敤鍚嶇О',
- },
- status: {
- label: '鐘舵��',
- },
- delFlag: {
- label: '鍒犻櫎鏍囧織',
- },
- createBy: {
- label: '鍒涘缓鑰�',
- },
- createTime: {
- label: '鍒涘缓鏃堕棿',
- },
- updateBy: {
- label: '鏇存柊鑰�',
- },
- updateTime: {
- label: '鏇存柊鏃堕棿',
- },
- remark: {
- label: '澶囨敞',
- type: 'textarea', minRows: 3, maxRows: 5,
- },
- }
- })
+ subjectName: {
+ label: '绉戠洰鍚嶇О',
+ type: 'tree',
+ search: true,
+ props: {
+ label: 'subjectName', // 涓嬫媺鏍戦噷渚濈劧鍙樉绀哄崟鍚嶏紙濡傦細宸梾璐癸級
+ value: 'subjectName'
+ },
+ change: ({ value, column, item }) => {
+ if (item && Object.keys(item).length > 0) {
+ form.value.subjectCode = item.subjectCode;
+ form.value.subjectType = item.subjectType;
+ form.value.feeName = item.expenseName;
- const { tableData,pageF,rowSave,rowUpdate,rowDel,beforeOpen,searchChange,
- searchReset,selectionChange,onLoad,currentChange,sizeChange,handleDelete,handleExport,handleUpdate,refreshChange} = usePagePlus({
- form:form,
- option:option,
- queryParams:queryParams,
- idKey:'id',
- page:page.value,
- getListApi:listVoucherSubjectFee,
- getDetailApi:getVoucherSubjectFee,
- exportApi:exportVoucherSubjectFee,
- deleteApi:delVoucherSubjectFee,
- addApi:addVoucherSubjectFee,
- updateApi:updateVoucherSubjectFee,
- handleUpdateFunc:()=>{
+ // 銆愪慨鏀圭偣銆戝湪閫変腑鏃讹紝鑾峰彇闅愯棌鐨� fullName锛堝甫 / 鐨勫叏璺緞锛�
+ // 濡傛灉娌℃湁 fullName锛堥《绾э級锛屽垯浣跨敤鍘熷鍚嶇О
+ form.value.fullPathName = item.fullName || item.subjectName;
+ }
+ else if (!value) {
+ form.value.subjectCode = '';
+ form.value.subjectType = '';
+ form.value.feeName = '';
+ form.value.fullPathName = '';
+ }
+ },
+ rules: [{ required: true, message: "绉戠洰鍚嶇О涓嶈兘涓虹┖", trigger: "change" }],
+ },
+
+ subjectCode: {
+ label: '绉戠洰浠ｇ爜',
+ disabled: true, // 鑷姩甯﹀嚭锛岃涓哄彧璇�
+ },
+ subjectType: {
+ label: '绉戠洰绫诲埆',
+ minWidth: 150,
+ minWidth: 120,
+ type: 'select', dicUrl: '/system/dict/data/type/sys_subject_category',
+ rules: [
+ {
+ required: true,
+ message: "绉戠洰绫诲埆涓嶈兘涓虹┖", trigger: "change"
+ }
+ ],
+ search: true,
+ },
+ feeType: {
+ label: '璐圭敤绫诲埆',
+ search: true,
+ minWidth: 150,
+ minWidth: 120,
+ type: 'select', dicUrl: '/system/dict/data/type/sys_expense_category',
+ rules: [
+ {
+ required: true,
+ message: "璐圭敤绫诲埆涓嶈兘涓虹┖", trigger: "change"
+ }
+ ],
+
+ },
+ // type: {
+ // label: '甯愬绫诲瀷',
+ // rules: [
+ // {
+ // required: true,
+ // message: "甯愬绫诲瀷涓嶈兘涓虹┖", trigger: "change"
+ // }
+ // ],
+ // },
+ feeName: {
+ search: true,
+ label: '璐圭敤鍚嶇О',
+ minWidth: 150,
+ minWidth: 120,
+ type: 'select', dicUrl: '/system/dict/data/type/sys_name_harge',
+ rules: [
+ {
+ required: true,
+ message: "璐圭敤鍚嶇О涓嶈兘涓虹┖", trigger: "change"
+ }
+ ],
+ },
+ materialType: {
+ search: true,
+ label: '鐗╂枡绫诲埆',
+ minWidth: 150,
+ minWidth: 120,
+ type: 'select', dicUrl: '/system/dict/data/type/sys_material_category',
+ rules: [
+ {
+ required: true,
+ message: "鐗╂枡绫诲埆涓嶈兘涓虹┖", trigger: "change"
+ }
+ ],
+ },
+
+ // status: {
+ // label: '鐘舵��',
+ // },
+ // delFlag: {
+ // label: '鍒犻櫎鏍囧織',
+ // },
+ // createBy: {
+ // label: '鍒涘缓鑰�',
+ // },
+ // createTime: {
+ // label: '鍒涘缓鏃堕棿',
+ // },
+ // updateBy: {
+ // label: '鏇存柊鑰�',
+ // },
+ // updateTime: {
+ // label: '鏇存柊鏃堕棿',
+ // },
+ // remark: {
+ // label: '澶囨敞',
+ // type: 'textarea', minRows: 3, maxRows: 5,
+ // },
+ }
+})
+
+const { tableData, pageF, rowSave, rowUpdate, rowDel, beforeOpen, searchChange,
+ searchReset, selectionChange, onLoad, currentChange, sizeChange, handleDelete, handleExport, handleUpdate, refreshChange } = usePagePlus({
+ form: form,
+ option: option,
+ queryParams: queryParams,
+ idKey: 'id',
+ page: page.value,
+ getListApi: listVoucherSubjectFee,
+ getDetailApi: getVoucherSubjectFee,
+ exportApi: exportVoucherSubjectFee,
+ deleteApi: delVoucherSubjectFee,
+ addApi: addVoucherSubjectFee,
+ updateApi: updateVoucherSubjectFee,
+ handleUpdateFunc: () => {
crudRef.value.rowEdit(selectionList.value[0]);
},
- handleSelectionChangeFunc:(selection:any)=>{
+ getBeginListFunc: (params = {}) => {
+ // 杩欓噷鐨� params 鏄� searchChange 绛夎Е鍙戞椂浼犻�掔殑鍘熷鍙傛暟
+ const nextParams = {
+ ...params,
+ type: activeAccountSet.value // 灏嗗綋鍓嶉�変腑鐨� Tab 鍊兼敞鍏� type 瀛楁
+ };
+ // 鍚屾鏇存柊 queryParams锛岀‘淇濇悳绱㈡爮鐘舵�佷竴鑷�
+ queryParams.value = nextParams;
+ return nextParams;
+ },
+ handleSelectionChangeFunc: (selection: any) => {
selectionList.value = selection;
- }
+ },
+ // --- 鍏抽敭淇敼锛氬鐞嗗脊绐楁墦寮�鍓嶇殑閫昏緫 ---
+ // --- 鏍稿績閫昏緫 1锛氫繚瀛樺墠鎷︽埅 ---
+ // 鍦� usePagePlus 鐨勯厤缃璞′腑
+ rowSaveBegin: (row, done) => {
+ // 鎻愪氦鏃讹紝灏� subjectName 鏇挎崲涓烘垜浠湪 change 鏃舵嬁鍒扮殑鍏ㄨ矾寰�
+ if (row.fullPathName) {
+ row.subjectName = row.fullPathName;
+ }
+ delete row.fullPathName; // 娓呯悊涓存椂鍙橀噺
+ done(row);
+ },
+
+ rowUpdateBegin: (row, done) => {
+ if (row.fullPathName) {
+ row.subjectName = row.fullPathName;
+ }
+ delete row.fullPathName;
+ done(row);
+ },
+
+ // --- 鏍稿績閫昏緫 3锛氭墦寮�寮圭獥鍓嶅姞杞藉苟澶勭悊瀛楀吀 ---
+ handleBeforeOpenFunc: (type: string) => {
+ if (type === 'add') {
+ form.value.accountSet = activeAccountSet.value;
+ form.value.type = activeAccountSet.value;
+ }
+
+ listVoucherSubjectSetting({ type: activeAccountSet.value }).then(res => {
+ const subjectNameCol = option.value.column.subjectName;
+ if (subjectNameCol) {
+ const listData = res.rows || [];
+
+ // 閫掑綊鍑芥暟锛氳绠楀叏璺緞锛屼娇鐢� / 鍒嗛殧
+ const injectFullPath = (list: any[], parentPath = '') => {
+ return list.map(item => {
+ // 銆愭牳蹇冧慨鏀圭偣銆戝皢鎷兼帴绗︽敼涓� /
+ const currentPath = parentPath ? `${parentPath}/${item.subjectName}` : item.subjectName;
+ const newItem = {
+ ...item,
+ fullName: currentPath // 姝ゆ椂 fullName 鏍煎紡涓� "绠＄悊璐圭敤/宸梾璐�"
+ };
+ if (newItem.children && newItem.children.length > 0) {
+ newItem.children = injectFullPath(newItem.children, currentPath);
+ }
+ return newItem;
+ });
+ };
+
+ const treeData = proxy.handleTree(listData, "id");
+ subjectNameCol.dicData = injectFullPath(treeData);
+ }
+ });
+ },
+
+ // ... 鍏朵粬閽╁瓙濡� handleUpdateFunc, getBeginListFunc 淇濇寔涓嶅彉 ...
})
+const activeAccountSet = ref('0');
+const handleTabClick = (tab: any) => {
+ const selectedTabName = tab.props.name;
+ console.log("Tab鐐瑰嚮鐨勫��:", selectedTabName);
+ activeAccountSet.value = selectedTabName;
+ queryParams.value.type = selectedTabName;
+ const nextParams = {
+ ...queryParams.value,
+ type: selectedTabName
+ };
+ // 4. 閲嶇疆鍒嗛〉骞跺姞杞�
+ page.value.currentPage = 1;
+ onLoad(page.value, nextParams);
+}
+
+const logModalRef = ref(null);
+const handleFlow = (row: any) => {
+ // 杩欓噷鍙互浠� row 涓洿鎺ヨ幏鍙栨棩蹇楋紝鎴栬�呰皟鐢ㄥ悗绔帴鍙ｆ煡璇�
+ // 绀轰緥妯℃嫙鏁版嵁
+ listVoucherSubjectFeeLog({ subjectId: row.id }).then((res) => {
+ if (res.code == 200) {
+ logModalRef.value.open(res.rows, 'payable');
+
+ }
+ });
+}
</script>
--
Gitblit v1.8.0