1、修复基础配置

2、修复业务模块
3、拆分页面代码

src/views/base/fee-item.vue

@@ -30,6 +30,9 @@
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
+      <template #feeCategory="{ row }">
+        {{ formatFeeCategory(row.feeCategory) }}
+      </template>
       <template #feeCategory-form>
         <el-select
           v-model="form.feeCategory"
@@ -78,7 +81,7 @@
 <script>
 import { getList, getDetail, submit, remove, changeStatus } from '@/api/base/fee-item';
 import { exportBlob } from '@/api/common';
-import { getDictionary } from '@/api/system/dictbiz';
+import { getDictionaryAll } from '@/api/system/dictbiz';
 import { getDeptTree } from '@/api/system/dept';
 import { downloadXls } from '@/utils/util';
 import { getToken } from '@/utils/auth';
@@ -134,10 +137,11 @@ export default {
             searchOrder: 3,
             filterable: true,
             formslot: true,
+            slot: true,
             span: 12,
             dicData: [],
             props: {
-              label: 'dictValue',
+              label: 'displayLabel',
               value: 'dictKey',
             },
             minWidth: 120,
@@ -168,7 +172,8 @@ export default {
             type: 'textarea',
             minRows: 2,
             span: 24,
-            hide: true,
+            minWidth: 200,
+            overHidden: true,
             maxlength: 200,
             showWordLimit: true,
             rules: [{ max: 200, message: '备注不能超过200个字', trigger: 'blur' }],
@@ -273,10 +278,17 @@ export default {
   },
   methods: {
     initFeeCategoryOptions() {
-      getDictionary({ code: 'fee_category' }).then(res => {
-        this.feeCategoryOptions = res.data.data || [];
+      getDictionaryAll().then(res => {
+        const options = (res.data.data || [])
+          .filter(item => item.code === 'fee_category' && Number(item.parentId) > 0)
+          .sort((first, second) => Number(first.sort || 0) - Number(second.sort || 0))
+          .map(item => ({
+            ...item,
+            displayLabel: `${item.dictValue}/${item.dictKey}`,
+          }));
+        this.feeCategoryOptions = options;
         const column = this.findColumn(this.option.column, 'feeCategory');
-        column.dicData = this.feeCategoryOptions;
+        column.dicData = options;
       });
     },
     initDeptTree() {
@@ -305,6 +317,15 @@ export default {
       );
       return String((option && option.dictKey) || feeCategory);
     },
+    formatFeeCategory(value) {
+      const feeCategory = String(value || '').trim();
+      if (!feeCategory) return '';
+      const option = this.feeCategoryOptions.find(
+        item =>
+          String(item.dictKey || '') === feeCategory || String(item.dictValue || '') === feeCategory
+      );
+      return option ? `${option.dictValue}/${option.dictKey}` : feeCategory;
+    },
     getFeeItemCodeSuffix(code, feeCategory) {
       const value = String(code || '').trim();
       const prefix = this.getFeeCategoryPrefix(feeCategory);