1.0.19 项目类型、项目信息、项目关联合同初始化

src/api/oa/erp/projectContracts/index.ts

@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { ProjectContractsVO, ProjectContractsForm, ProjectContractsQuery } from '@/api/oa/erp/projectContracts/types';
+
+/**
+ * 查询项目关联合同列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listProjectContracts = (query?: ProjectContractsQuery): AxiosPromise<ProjectContractsVO[]> => {
+  return request({
+    url: '/oa/erp/projectContracts/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询项目关联合同详细
+ * @param projectContractsId
+ */
+export const getProjectContracts = (projectContractsId: string | number): AxiosPromise<ProjectContractsVO> => {
+  return request({
+    url: '/oa/erp/projectContracts/' + projectContractsId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增项目关联合同
+ * @param data
+ */
+export const addProjectContracts = (data: ProjectContractsForm) => {
+  return request({
+    url: '/oa/erp/projectContracts',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改项目关联合同
+ * @param data
+ */
+export const updateProjectContracts = (data: ProjectContractsForm) => {
+  return request({
+    url: '/oa/erp/projectContracts',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除项目关联合同
+ * @param projectContractsId
+ */
+export const delProjectContracts = (projectContractsId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/erp/projectContracts/' + projectContractsId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询项目关联合同列表
+ * @param query
+ * @returns {*}
+ */
+export function getErpProjectContractsList (query) {
+    return request({
+        url: '/oa/erp/projectContracts/getErpProjectContractsList',
+        method: 'get',
+        params: query
+    });
+};

src/api/oa/erp/projectContracts/types.ts

@@ -0,0 +1,96 @@
+export interface ProjectContractsVO {
+  /**
+   * 关联ID
+   */
+  projectContractsId: string | number;
+
+  /**
+   * 项目ID
+   */
+  projectId: string | number;
+
+  /**
+   * 合同ID
+   */
+  contractId: string | number;
+
+  /**
+   * 排序号
+   */
+  sortOrder: number;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag: string;
+
+}
+
+export interface ProjectContractsForm extends BaseEntity {
+  /**
+   * 关联ID
+   */
+  projectContractsId?: string | number;
+
+  /**
+   * 项目ID
+   */
+  projectId?: string | number;
+
+  /**
+   * 合同ID
+   */
+  contractId?: string | number;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+}
+
+export interface ProjectContractsQuery extends PageQuery {
+
+  /**
+   * 项目ID
+   */
+  projectId?: string | number;
+
+  /**
+   * 合同ID
+   */
+  contractId?: string | number;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+

src/api/oa/erp/projectInfo/index.ts

@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { ProjectInfoVO, ProjectInfoForm, ProjectInfoQuery } from '@/api/oa/erp/projectInfo/types';
+
+/**
+ * 查询项目信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listProjectInfo = (query?: ProjectInfoQuery): AxiosPromise<ProjectInfoVO[]> => {
+  return request({
+    url: '/oa/erp/projectInfo/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询项目信息详细
+ * @param projectId
+ */
+export const getProjectInfo = (projectId: string | number): AxiosPromise<ProjectInfoVO> => {
+  return request({
+    url: '/oa/erp/projectInfo/' + projectId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增项目信息
+ * @param data
+ */
+export const addProjectInfo = (data: ProjectInfoForm) => {
+  return request({
+    url: '/oa/erp/projectInfo',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改项目信息
+ * @param data
+ */
+export const updateProjectInfo = (data: ProjectInfoForm) => {
+  return request({
+    url: '/oa/erp/projectInfo',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除项目信息
+ * @param projectId
+ */
+export const delProjectInfo = (projectId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/erp/projectInfo/' + projectId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询项目信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getErpProjectInfoList (query) {
+    return request({
+        url: '/oa/erp/projectInfo/getErpProjectInfoList',
+        method: 'get',
+        params: query
+    });
+};

src/api/oa/erp/projectInfo/types.ts

@@ -0,0 +1,321 @@
+export interface ProjectInfoVO {
+  /**
+   * 项目ID
+   */
+  projectId: string | number;
+
+  /**
+   * 有无合同（1有 2无）
+   */
+  contractFlag: string;
+
+  /**
+   * 项目编号
+   */
+  projectCode: string;
+
+  /**
+   * 项目名称
+   */
+  projectName: string;
+
+  /**
+   * 业务方向（1智能轮胎 2轮胎工厂 3快递物流 4锂电 5工业软件 6智能制造 7新行业及零售）
+   */
+  businessDirection: string;
+
+  /**
+   * 项目类别（1销售（实施、物流） 2销售（备件） 3研发 4预投）
+   */
+  projectCategory: string;
+
+  /**
+   * 备件标识（1是 0否）
+   */
+  spareFlag: string;
+
+  /**
+   * 项目类型ID
+   */
+  projectTypeId: string | number;
+
+  /**
+   * 付款方式
+   */
+  paymentMethod: string;
+
+  /**
+   * 部门ID
+   */
+  deptId: string | number;
+
+  /**
+   * 项目经理
+   */
+  managerId: string | number;
+
+  /**
+   * 部门负责人
+   */
+  chargeId: string | number;
+
+  /**
+   * 分管副总
+   */
+  deputyId: string | number;
+
+  /**
+   * 抄送人员
+   */
+  peopleId: string | number;
+
+  /**
+   * 金额
+   */
+  amount: number;
+
+  /**
+   * 项目状态(1暂存 2审批中 3可用)
+   */
+  projectStatus: string;
+
+  /**
+   * 流程状态
+   */
+  flowStatus: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder: number;
+
+  /**
+   * 合同ID(预留)
+   */
+  contractId: string | number;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag: string;
+
+}
+
+export interface ProjectInfoForm extends BaseEntity {
+  /**
+   * 项目ID
+   */
+  projectId?: string | number;
+
+  /**
+   * 有无合同（1有 2无）
+   */
+  contractFlag?: string;
+
+  /**
+   * 项目编号
+   */
+  projectCode?: string;
+
+  /**
+   * 项目名称
+   */
+  projectName?: string;
+
+  /**
+   * 业务方向（1智能轮胎 2轮胎工厂 3快递物流 4锂电 5工业软件 6智能制造 7新行业及零售）
+   */
+  businessDirection?: string;
+
+  /**
+   * 项目类别（1销售（实施、物流） 2销售（备件） 3研发 4预投）
+   */
+  projectCategory?: string;
+
+  /**
+   * 备件标识（1是 0否）
+   */
+  spareFlag?: string;
+
+  /**
+   * 项目类型ID
+   */
+  projectTypeId?: string | number;
+
+  /**
+   * 付款方式
+   */
+  paymentMethod?: string;
+
+  /**
+   * 部门ID
+   */
+  deptId?: string | number;
+
+  /**
+   * 项目经理
+   */
+  managerId?: string | number;
+
+  /**
+   * 部门负责人
+   */
+  chargeId?: string | number;
+
+  /**
+   * 分管副总
+   */
+  deputyId?: string | number;
+
+  /**
+   * 抄送人员
+   */
+  peopleId?: string | number;
+
+  /**
+   * 金额
+   */
+  amount?: number;
+
+  /**
+   * 项目状态(1暂存 2审批中 3可用)
+   */
+  projectStatus?: string;
+
+  /**
+   * 流程状态
+   */
+  flowStatus?: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 合同ID(预留)
+   */
+  contractId?: string | number;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+}
+
+export interface ProjectInfoQuery extends PageQuery {
+
+  /**
+   * 有无合同（1有 2无）
+   */
+  contractFlag?: string;
+
+  /**
+   * 项目编号
+   */
+  projectCode?: string;
+
+  /**
+   * 项目名称
+   */
+  projectName?: string;
+
+  /**
+   * 业务方向（1智能轮胎 2轮胎工厂 3快递物流 4锂电 5工业软件 6智能制造 7新行业及零售）
+   */
+  businessDirection?: string;
+
+  /**
+   * 项目类别（1销售（实施、物流） 2销售（备件） 3研发 4预投）
+   */
+  projectCategory?: string;
+
+  /**
+   * 备件标识（1是 0否）
+   */
+  spareFlag?: string;
+
+  /**
+   * 项目类型ID
+   */
+  projectTypeId?: string | number;
+
+  /**
+   * 付款方式
+   */
+  paymentMethod?: string;
+
+  /**
+   * 部门ID
+   */
+  deptId?: string | number;
+
+  /**
+   * 项目经理
+   */
+  managerId?: string | number;
+
+  /**
+   * 部门负责人
+   */
+  chargeId?: string | number;
+
+  /**
+   * 分管副总
+   */
+  deputyId?: string | number;
+
+  /**
+   * 抄送人员
+   */
+  peopleId?: string | number;
+
+  /**
+   * 金额
+   */
+  amount?: number;
+
+  /**
+   * 项目状态(1暂存 2审批中 3可用)
+   */
+  projectStatus?: string;
+
+  /**
+   * 流程状态
+   */
+  flowStatus?: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 合同ID(预留)
+   */
+  contractId?: string | number;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+

src/api/oa/erp/projectType/index.ts

@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { ProjectTypeVO, ProjectTypeForm, ProjectTypeQuery } from '@/api/oa/erp/projectType/types';
+
+/**
+ * 查询项目类型信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listProjectType = (query?: ProjectTypeQuery): AxiosPromise<ProjectTypeVO[]> => {
+  return request({
+    url: '/oa/erp/projectType/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询项目类型信息详细
+ * @param projectTypeId
+ */
+export const getProjectType = (projectTypeId: string | number): AxiosPromise<ProjectTypeVO> => {
+  return request({
+    url: '/oa/erp/projectType/' + projectTypeId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增项目类型信息
+ * @param data
+ */
+export const addProjectType = (data: ProjectTypeForm) => {
+  return request({
+    url: '/oa/erp/projectType',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改项目类型信息
+ * @param data
+ */
+export const updateProjectType = (data: ProjectTypeForm) => {
+  return request({
+    url: '/oa/erp/projectType',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除项目类型信息
+ * @param projectTypeId
+ */
+export const delProjectType = (projectTypeId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/erp/projectType/' + projectTypeId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询项目类型信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getErpProjectTypeList (query) {
+    return request({
+        url: '/oa/erp/projectType/getErpProjectTypeList',
+        method: 'get',
+        params: query
+    });
+};

src/api/oa/erp/projectType/types.ts

@@ -0,0 +1,115 @@
+export interface ProjectTypeVO {
+  /**
+   * 项目类型ID
+   */
+  projectTypeId: string | number;
+
+  /**
+   * 父级ID
+   */
+  parentId: string | number;
+
+  /**
+   * 项目类型名称
+   */
+  typeName: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder: number;
+
+  /**
+   * 备件标识（1是 0否）
+   */
+  spareFlag: string;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 顶级标识（1是 0否）
+   */
+  topFlag: string;
+
+    /**
+     * 子对象
+     */
+    children: ProjectTypeVO[];
+}
+
+export interface ProjectTypeForm extends BaseEntity {
+  /**
+   * 项目类型ID
+   */
+  projectTypeId?: string | number;
+
+  /**
+   * 父级ID
+   */
+  parentId?: string | number;
+
+  /**
+   * 项目类型名称
+   */
+  typeName?: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 备件标识（1是 0否）
+   */
+  spareFlag?: string;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 顶级标识（1是 0否）
+   */
+  topFlag?: string;
+
+}
+
+export interface ProjectTypeQuery {
+
+  /**
+   * 父级ID
+   */
+  parentId?: string | number;
+
+  /**
+   * 项目类型名称
+   */
+  typeName?: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 备件标识（1是 0否）
+   */
+  spareFlag?: string;
+
+  /**
+   * 顶级标识（1是 0否）
+   */
+  topFlag?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+

src/views/oa/erp/projectContracts/index.vue

@@ -0,0 +1,270 @@
+<template>
+    <div class="p-2">
+        <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+            <div v-show="showSearch" class="mb-[10px]">
+                <el-card shadow="hover">
+                    <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width='100px'>
+                                    <el-form-item label="项目ID" prop="projectId">
+                                        <el-input v-model="queryParams.projectId" placeholder="请输入项目ID" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                                    <el-form-item label="合同ID" prop="contractId">
+                                        <el-input v-model="queryParams.contractId" placeholder="请输入合同ID" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                                    <el-form-item label="排序号" prop="sortOrder">
+                                        <el-input v-model="queryParams.sortOrder" placeholder="请输入排序号" clearable @keyup.enter="handleQuery" />
+                                    </el-form-item>
+                                    <el-form-item label="激活标识" prop="activeFlag">
+                                        <el-select v-model="queryParams.activeFlag" placeholder="请选择激活标识" clearable >
+                                            <el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value"/>
+                                        </el-select>
+                                    </el-form-item>
+                        <el-form-item>
+                            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+                        </el-form-item>
+                    </el-form>
+                </el-card>
+            </div>
+        </transition>
+
+        <el-card shadow="never">
+            <template #header>
+                <el-row :gutter="10" class="mb8">
+                    <el-col :span="1.5">
+                        <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/erp:projectContracts:add']">新增</el-button>
+                    </el-col>
+                    <el-col :span="1.5">
+                        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/erp:projectContracts:edit']">修改</el-button>
+                    </el-col>
+                    <el-col :span="1.5">
+                        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/erp:projectContracts:remove']">删除</el-button>
+                    </el-col>
+                    <el-col :span="1.5">
+                        <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/erp:projectContracts:export']">导出</el-button>
+                    </el-col>
+                    <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
+                </el-row>
+            </template>
+
+            <el-table v-loading="loading" border :data="projectContractsList" @selection-change="handleSelectionChange">
+                <el-table-column type="selection" width="55" align="center" />
+                        <el-table-column label="关联ID" align="center" prop="projectContractsId" v-if="columns[0].visible"/>
+                        <el-table-column label="项目ID" align="center" prop="projectId" v-if="columns[2].visible"/>
+                        <el-table-column label="合同ID" align="center" prop="contractId" v-if="columns[3].visible"/>
+                        <el-table-column label="排序号" align="center" prop="sortOrder" v-if="columns[4].visible"/>
+                        <el-table-column label="备注" align="center" prop="remark" v-if="columns[5].visible"/>
+                        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[6].visible">
+                            <template #default="scope">
+                                    <dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
+                            </template>
+                        </el-table-column>
+                <el-table-column label="操作" align="center" fixed="right"  class-name="small-padding fixed-width">
+                    <template #default="scope">
+                        <el-tooltip content="修改" placement="top">
+                            <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/erp:projectContracts:edit']"></el-button>
+                        </el-tooltip>
+                        <el-tooltip content="删除" placement="top">
+                            <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/erp:projectContracts:remove']"></el-button>
+                        </el-tooltip>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+        </el-card>
+        <!-- 添加或修改项目关联合同对话框 -->
+        <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+            <el-form ref="projectContractsFormRef" :model="form" :rules="rules" label-width="120px">
+                            <el-form-item label="项目ID" prop="projectId">
+                                <el-input v-model="form.projectId" placeholder="请输入项目ID" />
+                            </el-form-item>
+                            <el-form-item label="合同ID" prop="contractId">
+                                <el-input v-model="form.contractId" placeholder="请输入合同ID" />
+                            </el-form-item>
+                            <el-form-item label="排序号" prop="sortOrder">
+                                <el-input v-model="form.sortOrder" placeholder="请输入排序号" />
+                            </el-form-item>
+                            <el-form-item label="备注" prop="remark">
+                                <el-input v-model="form.remark" placeholder="请输入备注" />
+                            </el-form-item>
+                            <el-form-item label="激活标识" prop="activeFlag">
+                                <el-radio-group v-model="form.activeFlag">
+                                    <el-radio
+                                        v-for="dict in active_flag"
+                                        :key="dict.value"
+                                        :value="dict.value"
+                                    >{{dict.label}}</el-radio>
+                                </el-radio-group>
+                            </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+                    <el-button @click="cancel">取 消</el-button>
+                </div>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup name="ProjectContracts" lang="ts">
+    import { listProjectContracts, getProjectContracts, delProjectContracts, addProjectContracts, updateProjectContracts } from '@/api/oa/erp/projectContracts';
+    import { ProjectContractsVO, ProjectContractsQuery, ProjectContractsForm } from '@/api/oa/erp/projectContracts/types';
+
+    const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+        const { active_flag } = toRefs<any>(proxy?.useDict('active_flag'));
+
+    const projectContractsList = ref<ProjectContractsVO[]>([]);
+    const buttonLoading = ref(false);
+    const loading = ref(true);
+    const showSearch = ref(true);
+    const ids = ref<Array<string | number>>([]);
+    const single = ref(true);
+    const multiple = ref(true);
+    const total = ref(0);
+
+    const queryFormRef = ref<ElFormInstance>();
+    const projectContractsFormRef = ref<ElFormInstance>();
+
+    const dialog = reactive<DialogOption>({
+        visible: false,
+        title: ''
+    });
+
+    // 列显隐信息
+    const columns = ref<FieldOption[]>([
+            { key: 0, label: `关联ID`, visible: true },
+            { key: 1, label: `租户编号`, visible: true },
+            { key: 2, label: `项目ID`, visible: true },
+            { key: 3, label: `合同ID`, visible: true },
+            { key: 4, label: `排序号`, visible: true },
+            { key: 5, label: `备注`, visible: true },
+            { key: 6, label: `激活标识`, visible: true },
+            { key: 7, label: `删除标志`, visible: true },
+            { key: 8, label: `创建部门`, visible: true },
+            { key: 9, label: `创建人`, visible: true },
+            { key: 10, label: `创建时间`, visible: true },
+            { key: 11, label: `更新人`, visible: true },
+            { key: 12, label: `更新时间`, visible: true },
+    ]);
+
+    const initFormData: ProjectContractsForm = {
+                        projectContractsId: undefined,
+                        projectId: undefined,
+                        contractId: undefined,
+                        sortOrder: undefined,
+                        remark: undefined,
+                        activeFlag: undefined,
+    }
+    const data = reactive<PageData<ProjectContractsForm, ProjectContractsQuery>>({
+        form: {...initFormData},
+        queryParams: {
+            pageNum: 1,
+            pageSize: 10,
+                            projectId: undefined,
+                            contractId: undefined,
+                            sortOrder: undefined,
+                            activeFlag: undefined,
+            params: {
+            }
+        },
+        rules: {
+        }
+    });
+
+    const { queryParams, form, rules } = toRefs(data);
+
+    /** 查询项目关联合同列表 */
+    const getList = async () => {
+        loading.value = true;
+        const res = await listProjectContracts(queryParams.value);
+            projectContractsList.value = res.rows;
+        total.value = res.total;
+        loading.value = false;
+    }
+
+    /** 取消按钮 */
+    const cancel = () => {
+        reset();
+        dialog.visible = false;
+    }
+
+    /** 表单重置 */
+    const reset = () => {
+        form.value = {...initFormData};
+            projectContractsFormRef.value?.resetFields();
+    }
+
+    /** 搜索按钮操作 */
+    const handleQuery = () => {
+        queryParams.value.pageNum = 1;
+        getList();
+    }
+
+    /** 重置按钮操作 */
+    const resetQuery = () => {
+        queryFormRef.value?.resetFields();
+        handleQuery();
+    }
+
+    /** 多选框选中数据 */
+    const handleSelectionChange = (selection: ProjectContractsVO[]) => {
+        ids.value = selection.map(item => item.projectContractsId);
+        single.value = selection.length != 1;
+        multiple.value = !selection.length;
+    }
+
+    /** 新增按钮操作 */
+    const handleAdd = () => {
+        reset();
+        dialog.visible = true;
+        dialog.title = "添加项目关联合同";
+    }
+
+    /** 修改按钮操作 */
+    const handleUpdate = async (row?: ProjectContractsVO) => {
+        reset();
+        const _projectContractsId = row?.projectContractsId || ids.value[0]
+        const res = await getProjectContracts(_projectContractsId);
+        Object.assign(form.value, res.data);
+        dialog.visible = true;
+        dialog.title = "修改项目关联合同";
+    }
+
+    /** 提交按钮 */
+    const submitForm = () => {
+            projectContractsFormRef.value?.validate(async (valid: boolean) => {
+            if (valid) {
+                buttonLoading.value = true;
+                if (form.value.projectContractsId) {
+                    await updateProjectContracts(form.value).finally(() =>  buttonLoading.value = false);
+                } else {
+                    await addProjectContracts(form.value).finally(() =>  buttonLoading.value = false);
+                }
+                proxy?.$modal.msgSuccess("操作成功");
+                dialog.visible = false;
+                await getList();
+            }
+        });
+    }
+
+    /** 删除按钮操作 */
+    const handleDelete = async (row?: ProjectContractsVO) => {
+        const _projectContractsIds = row?.projectContractsId || ids.value;
+        await proxy?.$modal.confirm('是否确认删除项目关联合同编号为"' + _projectContractsIds + '"的数据项？').finally(() => loading.value = false);
+        await delProjectContracts(_projectContractsIds);
+        proxy?.$modal.msgSuccess("删除成功");
+        await getList();
+    }
+
+    /** 导出按钮操作 */
+    const handleExport = () => {
+        proxy?.download('oa/erp/projectContracts/export', {
+            ...queryParams.value
+        }, `projectContracts_${new Date().getTime()}.xlsx`)
+    }
+
+    onMounted(() => {
+        getList();
+    });
+</script>

src/views/oa/erp/projectInfo/index.vue

@@ -0,0 +1,437 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="100px">
+            <el-form-item label="有无合同" prop="contractFlag">
+              <el-select v-model="queryParams.contractFlag" placeholder="请选择有无合同" clearable>
+                <el-option v-for="dict in contract_flag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="项目编号" prop="projectCode">
+              <el-input v-model="queryParams.projectCode" placeholder="请输入项目编号" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="项目名称" prop="projectName">
+              <el-input v-model="queryParams.projectName" placeholder="请输入项目名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+<!--            <el-form-item label="业务方向" prop="businessDirection">-->
+<!--              <el-select v-model="queryParams.businessDirection" placeholder="请选择业务方向" clearable>-->
+<!--                <el-option v-for="dict in business_direction" :key="dict.value" :label="dict.label" :value="dict.value" />-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+<!--            <el-form-item label="项目类别" prop="projectCategory">-->
+<!--              <el-select v-model="queryParams.projectCategory" placeholder="请选择项目类别" clearable>-->
+<!--                <el-option v-for="dict in project_category" :key="dict.value" :label="dict.label" :value="dict.value" />-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+<!--            <el-form-item label="备件标识" prop="spareFlag">-->
+<!--              <el-select v-model="queryParams.spareFlag" placeholder="请选择备件标识" clearable>-->
+<!--                <el-option v-for="dict in spare_flag" :key="dict.value" :label="dict.label" :value="dict.value" />-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+            <el-form-item label="项目状态" prop="projectStatus">
+              <el-select v-model="queryParams.projectStatus" placeholder="请选择项目状态" clearable>
+                <el-option v-for="dict in project_status" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="激活标识" prop="activeFlag">
+              <el-select v-model="queryParams.activeFlag" placeholder="请选择激活标识" clearable>
+                <el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/erp:projectInfo:add']"> 新增 </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/erp:projectInfo:edit']"
+              >修改
+            </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/erp:projectInfo:remove']"
+              >删除
+            </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/erp:projectInfo:export']">导出 </el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" border :data="projectInfoList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="项目ID" align="center" prop="projectId" v-if="columns[0].visible" />
+        <el-table-column label="有无合同" align="center" prop="contractFlag" v-if="columns[2].visible">
+          <template #default="scope">
+            <dict-tag :options="contract_flag" :value="scope.row.contractFlag" />
+          </template>
+        </el-table-column>
+        <el-table-column label="项目编号" align="center" prop="projectCode" v-if="columns[3].visible" />
+        <el-table-column label="项目名称" align="center" prop="projectName" v-if="columns[4].visible" />
+        <el-table-column label="业务方向" align="center" prop="businessDirection" v-if="columns[5].visible">
+          <template #default="scope">
+            <dict-tag :options="business_direction" :value="scope.row.businessDirection" />
+          </template>
+        </el-table-column>
+        <el-table-column label="项目类别" align="center" prop="projectCategory" v-if="columns[6].visible">
+          <template #default="scope">
+            <dict-tag :options="project_category" :value="scope.row.projectCategory" />
+          </template>
+        </el-table-column>
+        <el-table-column label="备件标识" align="center" prop="spareFlag" v-if="columns[7].visible">
+          <template #default="scope">
+            <dict-tag :options="spare_flag" :value="scope.row.spareFlag" />
+          </template>
+        </el-table-column>
+        <el-table-column label="项目类型" align="center" prop="projectTypeId" v-if="columns[8].visible" />
+        <el-table-column label="付款方式" align="center" prop="paymentMethod" v-if="columns[9].visible" />
+        <el-table-column label="部门ID" align="center" prop="deptId" v-if="columns[10].visible" />
+        <el-table-column label="项目经理" align="center" prop="managerId" v-if="columns[11].visible" />
+        <el-table-column label="部门负责人" align="center" prop="chargeId" v-if="columns[12].visible" />
+        <el-table-column label="分管副总" align="center" prop="deputyId" v-if="columns[13].visible" />
+        <el-table-column label="抄送人员" align="center" prop="peopleId" v-if="columns[14].visible" />
+        <el-table-column label="金额" align="center" prop="amount" v-if="columns[15].visible" />
+        <el-table-column label="项目状态" align="center" prop="projectStatus" v-if="columns[16].visible">
+          <template #default="scope">
+            <dict-tag :options="project_status" :value="scope.row.projectStatus" />
+          </template>
+        </el-table-column>
+        <el-table-column label="流程状态" align="center" prop="flowStatus" v-if="columns[17].visible" />
+        <el-table-column label="排序号" align="center" prop="sortOrder" v-if="columns[18].visible" />
+        <el-table-column label="合同ID(预留)" align="center" prop="contractId" v-if="columns[19].visible" />
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[20].visible" />
+        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[21].visible">
+          <template #default="scope">
+            <dict-tag :options="active_flag" :value="scope.row.activeFlag" />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/erp:projectInfo:edit']"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/erp:projectInfo:remove']"></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </el-card>
+    <!-- 添加或修改项目信息对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="700px" append-to-body>
+      <el-form ref="projectInfoFormRef" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="有无合同" prop="contractFlag">
+          <el-radio-group v-model="form.contractFlag">
+            <el-radio v-for="dict in contract_flag" :key="dict.value" :value="dict.value">{{ dict.label }} </el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="项目编号" prop="projectCode">
+          <el-input v-model="form.projectCode" placeholder="请输入项目编号" />
+        </el-form-item>
+        <el-form-item label="项目名称" prop="projectName">
+          <el-input v-model="form.projectName" placeholder="请输入项目名称" />
+        </el-form-item>
+        <el-form-item label="业务方向" prop="businessDirection">
+          <el-select v-model="form.businessDirection" placeholder="请选择业务方向">
+            <el-option v-for="dict in business_direction" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="项目类别" prop="projectCategory">
+          <el-select v-model="form.projectCategory" placeholder="请选择项目类别">
+            <el-option v-for="dict in project_category" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="备件标识" prop="spareFlag">
+          <el-radio-group v-model="form.spareFlag">
+            <el-radio v-for="dict in spare_flag" :key="dict.value" :value="dict.value">{{ dict.label }} </el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="项目类型" prop="projectTypeId">
+          <el-input v-model="form.projectTypeId" placeholder="请输入项目类型" />
+        </el-form-item>
+        <el-form-item label="付款方式" prop="paymentMethod">
+          <el-input v-model="form.paymentMethod" placeholder="请输入付款方式" />
+        </el-form-item>
+        <el-form-item label="部门ID" prop="deptId">
+          <el-input v-model="form.deptId" placeholder="请输入部门ID" />
+        </el-form-item>
+        <el-form-item label="项目经理" prop="managerId">
+          <el-input v-model="form.managerId" placeholder="请输入项目经理" />
+        </el-form-item>
+        <el-form-item label="部门负责人" prop="chargeId">
+          <el-input v-model="form.chargeId" placeholder="请输入部门负责人" />
+        </el-form-item>
+        <el-form-item label="分管副总" prop="deputyId">
+          <el-input v-model="form.deputyId" placeholder="请输入分管副总" />
+        </el-form-item>
+        <el-form-item label="抄送人员" prop="peopleId">
+          <el-input v-model="form.peopleId" placeholder="请输入抄送人员" />
+        </el-form-item>
+        <el-form-item label="金额" prop="amount">
+          <el-input v-model="form.amount" placeholder="请输入金额" />
+        </el-form-item>
+        <el-form-item label="项目状态" prop="projectStatus">
+          <el-radio-group v-model="form.projectStatus">
+            <el-radio v-for="dict in project_status" :key="dict.value" :value="dict.value">{{ dict.label }} </el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="流程状态" prop="flowStatus">
+          <el-input v-model="form.flowStatus" placeholder="请输入流程状态" />
+        </el-form-item>
+<!--        <el-form-item label="排序号" prop="sortOrder">-->
+<!--          <el-input v-model="form.sortOrder" placeholder="请输入排序号" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="合同ID(预留)" prop="contractId">-->
+<!--          <el-input v-model="form.contractId" placeholder="请输入合同ID(预留)" />-->
+<!--        </el-form-item>-->
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+        <el-form-item label="激活标识" prop="activeFlag">
+          <el-radio-group v-model="form.activeFlag">
+            <el-radio v-for="dict in active_flag" :key="dict.value" :value="dict.value">{{ dict.label }} </el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="ProjectInfo" lang="ts">
+import { listProjectInfo, getProjectInfo, delProjectInfo, addProjectInfo, updateProjectInfo } from '@/api/oa/erp/projectInfo';
+import { ProjectInfoVO, ProjectInfoQuery, ProjectInfoForm } from '@/api/oa/erp/projectInfo/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { business_direction, project_status, active_flag, contract_flag, project_category, spare_flag } = toRefs<any>(
+  proxy?.useDict('business_direction', 'project_status', 'active_flag', 'contract_flag', 'project_category', 'spare_flag')
+);
+
+const projectInfoList = ref<ProjectInfoVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const projectInfoFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+  { key: 0, label: `项目ID`, visible: false },
+  { key: 1, label: `租户编号`, visible: true },
+  { key: 2, label: `有无合同`, visible: true },
+  { key: 3, label: `项目编号`, visible: true },
+  { key: 4, label: `项目名称`, visible: true },
+  { key: 5, label: `业务方向`, visible: true },
+  { key: 6, label: `项目类别`, visible: true },
+  { key: 7, label: `备件标识`, visible: true },
+  { key: 8, label: `项目类型`, visible: true },
+  { key: 9, label: `付款方式`, visible: true },
+  { key: 10, label: `部门ID`, visible: true },
+  { key: 11, label: `项目经理`, visible: true },
+  { key: 12, label: `部门负责人`, visible: true },
+  { key: 13, label: `分管副总`, visible: true },
+  { key: 14, label: `抄送人员`, visible: true },
+  { key: 15, label: `金额`, visible: true },
+  { key: 16, label: `项目状态`, visible: true },
+  { key: 17, label: `流程状态`, visible: true },
+  { key: 18, label: `排序号`, visible: true },
+  { key: 19, label: `合同ID(预留)`, visible: false },
+  { key: 20, label: `备注`, visible: true },
+  { key: 21, label: `激活标识`, visible: false },
+  { key: 22, label: `删除标志`, visible: false },
+  { key: 23, label: `创建部门`, visible: false },
+  { key: 24, label: `创建人`, visible: false },
+  { key: 25, label: `创建时间`, visible: false },
+  { key: 26, label: `更新人`, visible: false },
+  { key: 27, label: `更新时间`, visible: false }
+]);
+
+const initFormData: ProjectInfoForm = {
+  projectId: undefined,
+  contractFlag: undefined,
+  projectCode: undefined,
+  projectName: undefined,
+  businessDirection: undefined,
+  projectCategory: undefined,
+  spareFlag: undefined,
+  projectTypeId: undefined,
+  paymentMethod: undefined,
+  deptId: undefined,
+  managerId: undefined,
+  chargeId: undefined,
+  deputyId: undefined,
+  peopleId: undefined,
+  amount: undefined,
+  projectStatus: undefined,
+  flowStatus: undefined,
+  sortOrder: undefined,
+  contractId: undefined,
+  remark: undefined,
+  activeFlag: undefined
+};
+const data = reactive<PageData<ProjectInfoForm, ProjectInfoQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    contractFlag: undefined,
+    projectCode: undefined,
+    projectName: undefined,
+    businessDirection: undefined,
+    projectCategory: undefined,
+    spareFlag: undefined,
+    projectTypeId: undefined,
+    paymentMethod: undefined,
+    deptId: undefined,
+    managerId: undefined,
+    chargeId: undefined,
+    deputyId: undefined,
+    peopleId: undefined,
+    amount: undefined,
+    projectStatus: undefined,
+    flowStatus: undefined,
+    sortOrder: undefined,
+    contractId: undefined,
+    activeFlag: undefined,
+    params: {}
+  },
+  rules: {
+    contractFlag: [{ required: true, message: '有无合同不能为空', trigger: 'change' }],
+    projectCode: [{ required: true, message: '项目编号不能为空', trigger: 'blur' }],
+    projectName: [{ required: true, message: '项目名称不能为空', trigger: 'blur' }],
+    businessDirection: [{ required: true, message: '业务方向不能为空', trigger: 'change' }],
+    projectCategory: [{ required: true, message: '项目类别不能为空', trigger: 'change' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询项目信息列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listProjectInfo(queryParams.value);
+  projectInfoList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+};
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+};
+
+/** 表单重置 */
+const reset = () => {
+  form.value = { ...initFormData };
+  projectInfoFormRef.value?.resetFields();
+};
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: ProjectInfoVO[]) => {
+  ids.value = selection.map((item) => item.projectId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+};
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '添加项目信息';
+};
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: ProjectInfoVO) => {
+  reset();
+  const _projectId = row?.projectId || ids.value[0];
+  const res = await getProjectInfo(_projectId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '修改项目信息';
+};
+
+/** 提交按钮 */
+const submitForm = () => {
+  projectInfoFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.projectId) {
+        await updateProjectInfo(form.value).finally(() => (buttonLoading.value = false));
+      } else {
+        await addProjectInfo(form.value).finally(() => (buttonLoading.value = false));
+      }
+      proxy?.$modal.msgSuccess('操作成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: ProjectInfoVO) => {
+  const _projectIds = row?.projectId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除项目信息编号为"' + _projectIds + '"的数据项？').finally(() => (loading.value = false));
+  await delProjectInfo(_projectIds);
+  proxy?.$modal.msgSuccess('删除成功');
+  await getList();
+};
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download(
+    'oa/erp/projectInfo/export',
+    {
+      ...queryParams.value
+    },
+    `projectInfo_${new Date().getTime()}.xlsx`
+  );
+};
+
+onMounted(() => {
+  getList();
+});
+</script>

src/views/oa/erp/projectType/index.vue

@@ -0,0 +1,290 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="100px">
+            <el-form-item label="项目类型名称" prop="typeName">
+              <el-input v-model="queryParams.typeName" placeholder="请输入项目类型名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+<!--            <el-form-item label="备件标识" prop="spareFlag">-->
+<!--              <el-select v-model="queryParams.spareFlag" placeholder="请选择备件标识" clearable>-->
+<!--                <el-option v-for="dict in spare_flag" :key="dict.value" :label="dict.label" :value="dict.value" />-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+            <el-form-item label="顶级标识" prop="topFlag">
+              <el-select v-model="queryParams.topFlag" placeholder="请选择顶级标识" clearable>
+                <el-option v-for="dict in top_flag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['oa/erp:projectType:add']"> 新增 </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="info" plain icon="Sort" @click="handleToggleExpandAll">展开/折叠</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+      <el-table
+        ref="projectTypeTableRef"
+        v-loading="loading"
+        :data="projectTypeList"
+        row-key="typeName"
+        border
+        :default-expand-all="isExpandAll"
+        :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+      >
+<!--        <el-table-column label="父级ID" align="center" prop="parentId" />-->
+        <el-table-column label="项目类型名称" align="left" prop="typeName" />
+<!--        <el-table-column label="排序号" align="center" prop="sortOrder" />-->
+        <el-table-column label="备件标识" align="center" prop="spareFlag">
+          <template #default="scope">
+            <dict-tag :options="spare_flag" :value="scope.row.spareFlag" />
+          </template>
+        </el-table-column>
+        <el-table-column label="顶级标识" align="center" prop="topFlag">
+          <template #default="scope">
+            <dict-tag :options="top_flag" :value="scope.row.topFlag" />
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" />
+        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/erp:projectType:edit']" />
+            </el-tooltip>
+            <el-tooltip content="新增" placement="top">
+              <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['oa/erp:projectType:add']" />
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/erp:projectType:remove']" />
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <!-- 添加或修改项目类型信息对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="projectTypeFormRef" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="父级ID" prop="parentId">
+          <el-tree-select
+            v-model="form.parentId"
+            :data="projectTypeOptions"
+            :props="{ value: 'projectTypeId', label: 'typeName', children: 'children' }"
+            value-key="projectTypeId"
+            placeholder="请选择父级ID"
+            check-strictly
+          />
+        </el-form-item>
+        <el-form-item label="项目类型名称" prop="typeName">
+          <el-input v-model="form.typeName" placeholder="请输入项目类型名称" />
+        </el-form-item>
+<!--        <el-form-item label="排序号" prop="sortOrder">-->
+<!--          <el-input v-model="form.sortOrder" placeholder="请输入排序号" />-->
+<!--        </el-form-item>-->
+        <el-form-item label="备件标识" prop="spareFlag">
+          <el-radio-group v-model="form.spareFlag">
+            <el-radio v-for="dict in spare_flag" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="顶级标识" prop="topFlag">
+          <el-radio-group v-model="form.topFlag">
+            <el-radio v-for="dict in top_flag" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="ProjectType" lang="ts">
+import { listProjectType, getProjectType, delProjectType, addProjectType, updateProjectType } from '@/api/oa/erp/projectType';
+import { ProjectTypeVO, ProjectTypeQuery, ProjectTypeForm } from '@/api/oa/erp/projectType/types';
+
+type ProjectTypeOption = {
+  projectTypeId: number;
+  typeName: string;
+  children?: ProjectTypeOption[];
+};
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { top_flag, spare_flag } = toRefs<any>(proxy?.useDict('top_flag', 'spare_flag'));
+
+const projectTypeList = ref<ProjectTypeVO[]>([]);
+const projectTypeOptions = ref<ProjectTypeOption[]>([]);
+const buttonLoading = ref(false);
+const showSearch = ref(true);
+const isExpandAll = ref(true);
+const loading = ref(false);
+
+const queryFormRef = ref<ElFormInstance>();
+const projectTypeFormRef = ref<ElFormInstance>();
+const projectTypeTableRef = ref<ElTableInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+const initFormData: ProjectTypeForm = {
+  projectTypeId: undefined,
+  parentId: undefined,
+  typeName: undefined,
+  sortOrder: undefined,
+  spareFlag: undefined,
+  remark: undefined,
+  topFlag: undefined
+};
+
+const data = reactive<PageData<ProjectTypeForm, ProjectTypeQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    parentId: undefined,
+    typeName: undefined,
+    sortOrder: undefined,
+    spareFlag: undefined,
+    topFlag: undefined,
+    params: {}
+  },
+  rules: {
+    projectTypeId: [{ required: true, message: '项目类型ID不能为空', trigger: 'blur' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询项目类型信息列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listProjectType(queryParams.value);
+  const data = proxy?.handleTree<ProjectTypeVO>(res.data, 'projectTypeId', 'parentId');
+  if (data) {
+    projectTypeList.value = data;
+    loading.value = false;
+  }
+};
+
+/** 查询项目类型信息下拉树结构 */
+const getTreeselect = async () => {
+  const res = await listProjectType();
+  projectTypeOptions.value = [];
+  const data: ProjectTypeOption = { projectTypeId: 0, typeName: '顶级节点', children: [] };
+  data.children = proxy?.handleTree<ProjectTypeOption>(res.data, 'projectTypeId', 'parentId');
+  projectTypeOptions.value.push(data);
+};
+
+// 取消按钮
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+};
+
+// 表单重置
+const reset = () => {
+  form.value = { ...initFormData };
+  projectTypeFormRef.value?.resetFields();
+};
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  getList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+/** 新增按钮操作 */
+const handleAdd = (row?: ProjectTypeVO) => {
+  reset();
+  getTreeselect();
+  if (row != null && row.projectTypeId) {
+    form.value.parentId = row.projectTypeId;
+  } else {
+    form.value.parentId = 0;
+  }
+  dialog.visible = true;
+  dialog.title = '添加项目类型信息';
+};
+
+/** 展开/折叠操作 */
+const handleToggleExpandAll = () => {
+  isExpandAll.value = !isExpandAll.value;
+  toggleExpandAll(projectTypeList.value, isExpandAll.value);
+};
+
+/** 展开/折叠操作 */
+const toggleExpandAll = (data: ProjectTypeVO[], status: boolean) => {
+  data.forEach((item) => {
+    projectTypeTableRef.value?.toggleRowExpansion(item, status);
+    if (item.children && item.children.length > 0) toggleExpandAll(item.children, status);
+  });
+};
+
+/** 修改按钮操作 */
+const handleUpdate = async (row: ProjectTypeVO) => {
+  reset();
+  await getTreeselect();
+  if (row != null) {
+    form.value.parentId = row.parentId;
+  }
+  const res = await getProjectType(row.projectTypeId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '修改项目类型信息';
+};
+
+/** 提交按钮 */
+const submitForm = () => {
+  projectTypeFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.projectTypeId) {
+        await updateProjectType(form.value).finally(() => (buttonLoading.value = false));
+      } else {
+        await addProjectType(form.value).finally(() => (buttonLoading.value = false));
+      }
+      proxy?.$modal.msgSuccess('操作成功');
+      dialog.visible = false;
+      getList();
+    }
+  });
+};
+
+/** 删除按钮操作 */
+const handleDelete = async (row: ProjectTypeVO) => {
+  await proxy?.$modal.confirm('是否确认删除项目类型信息编号为"' + row.projectTypeId + '"的数据项？');
+  loading.value = true;
+  await delProjectType(row.projectTypeId).finally(() => (loading.value = false));
+  await getList();
+  proxy?.$modal.msgSuccess('删除成功');
+};
+
+onMounted(() => {
+  getList();
+});
+</script>