申请开票和开票记录，科目管理界面

sen

2026-01-29 fea2d693c33fdbcb4c8304a96a4e584829cb437b

 ui/admin-ui3/src/views/cwgl/voucherSubjectFee/index.vue

@@ -1,48 +1,23 @@
<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"
    >
    <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']"
        <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 type="warning" plain icon="Download" @click="handleExport"
          v-hasPermi="['cwgl:voucherSubjectFee:export']">导出
        </el-button>
      </template>
    </avue-crud>
@@ -84,77 +59,131 @@
    pageKey: 'VoucherSubjectFee',
    rowKey: 'id',
    column: {
                                id: {
          label: 'ID',
                            },
    // 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: '帐套类型',
      search: true,
      minWidth: 120,
      addDisabled: true,
      editDisabled: true,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_accounting_type',
                                rules: [
              {
                required: true,
                message: "帐套类型不能为空", trigger: "change"
                 }
            ],                  },
                                materialType: {
          label: '物料类别',
      ],
                            },
     subjectName: {
      label: '科目名称',
      search: true,

      rules: [
        {
          required: true,
          message: "科目名称不能为空", trigger: "blur"
        }
      ],
    },
    subjectCode: {
      label: '科目代码',
      search: true,
      minWidth: 120,
      rules: [
        {
          required: true,
          message: "科目代码不能为空", trigger: "blur"
        }
      ],
    },
     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"
        }
      ],
                            },
                                status: {
          label: '状态',
    materialType: {
      search: true,
      label: '物料类别',
      minWidth: 150,
      minWidth: 120,
      type: 'select', dicUrl: '/system/dict/data/type/sys_material_category',
      rules: [
        {
          required: true,
          message: "物料类别不能为空", trigger: "change"
        }
      ],
                            },
                                delFlag: {
          label: '删除标志',
                            },
                                createBy: {
          label: '创建者',
                            },
                                createTime: {
          label: '创建时间',
                            },
                                updateBy: {
          label: '更新者',
                            },
                                updateTime: {
          label: '更新时间',
                            },
                                remark: {
          label: '备注',
                      type: 'textarea', minRows: 3, maxRows: 5,
                            },
 
    // status: {
    //   label: '状态',
    // },
    // delFlag: {
    //   label: '删除标志',
    // },
    // createBy: {
    //   label: '创建者',
    // },
    // createTime: {
    //   label: '创建时间',
    // },
    // updateBy: {
    //   label: '更新者',
    // },
    // updateTime: {
    //   label: '更新时间',
    // },
    // remark: {
    //   label: '备注',
    //   type: 'textarea', minRows: 3, maxRows: 5,
    // },
          }
  })

@@ -178,6 +207,20 @@
      selectionList.value = selection;
    }
  })
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);
}
</script>