项目周报项目具体信息与项目周报详细信息界面

.eslintrc-auto-import.json

@@ -318,6 +318,7 @@
     "whenever": true,
     "Slot": true,
     "Slots": true,
-    "createRef": true
+    "createRef": true,
+    "useTimeAgoIntl": true
   }
 }

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

@@ -79,10 +79,22 @@ export const projectSubmitAndFlowStart = (data: ProjectInfoForm) => {
  * @param query
  * @returns {*}
  */
-export function getErpProjectInfoList (query) {
-    return request({
-        url: '/oa/erp/projectInfo/getErpProjectInfoList',
-        method: 'get',
-        params: query
-    });
+export function getErpProjectInfoList(query) {
+  return request({
+    url: '/oa/erp/projectInfo/getErpProjectInfoList',
+    method: 'get',
+    params: query
+  });
+}
+/**
+ * 根据部门id查询项目信息
+ * @param query
+ * @returns {*}
+ */
+export const listProjectInfoByDept = (query?: ProjectInfoQuery): AxiosPromise<ProjectInfoVO[]> => {
+  return request({
+    url: '/oa/erp/projectInfo/listByDept',
+    method: 'get',
+    params: query
+  });
 };

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

@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { ProjectReportVO, ProjectReportForm, ProjectReportQuery } from '@/api/oa/erp/projectReport/types';
+
+/**
+ * 查询项目周报信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listProjectReport = (query?: ProjectReportQuery): AxiosPromise<ProjectReportVO[]> => {
+  return request({
+    url: '/oa/erp/projectReport/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询项目周报信息详细
+ * @param reportId
+ */
+export const getProjectReport = (reportId: string | number): AxiosPromise<ProjectReportVO> => {
+  return request({
+    url: '/oa/erp/projectReport/' + reportId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增项目周报信息
+ * @param data
+ */
+export const addProjectReport = (data: ProjectReportForm) => {
+  return request({
+    url: '/oa/erp/projectReport',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改项目周报信息
+ * @param data
+ */
+export const updateProjectReport = (data: ProjectReportForm) => {
+  return request({
+    url: '/oa/erp/projectReport',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除项目周报信息
+ * @param reportId
+ */
+export const delProjectReport = (reportId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/erp/projectReport/' + reportId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询项目周报信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getErpProjectReportList(query) {
+  return request({
+    url: '/oa/erp/projectReport/getErpProjectReportList',
+    method: 'get',
+    params: query
+  });
+}

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

@@ -0,0 +1,210 @@
+export interface ProjectReportVO {
+  /**
+   * 项目周报ID
+   */
+  reportId: string | number;
+
+  /**
+   * 项目ID
+   */
+  projectId: string | number;
+
+  /**
+   * 项目名称
+   */
+  projectName: string;
+
+  /**
+   * 当前里程碑
+   */
+  milestonePlan: string;
+
+  /**
+   * 项目经理
+   */
+  managerId: string | number;
+
+  /**
+   * 部门ID
+   */
+  deptId: string | number;
+
+  /**
+   * 部门负责人
+   */
+  chargeId: string | number;
+
+  /**
+   * 分管副总
+   */
+  deputyId: string | number;
+
+  /**
+   * 周报情况说明
+   */
+  informationNote: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder: number;
+
+  /**
+   * 附件ID（预留）
+   */
+  ossId: string | number;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag: string;
+
+  /**
+   * 项目编码
+   */
+  projectCode: string;
+}
+
+export interface ProjectReportForm extends BaseEntity {
+  /**
+   * 项目周报ID
+   */
+  reportId?: string | number;
+
+  /**
+   * 项目ID
+   */
+  projectId?: string | number;
+
+  /**
+   * 项目名称
+   */
+  projectName?: string;
+
+  /**
+   * 当前里程碑
+   */
+  milestonePlan?: string;
+
+  /**
+   * 项目经理
+   */
+  managerId?: string | number;
+
+  /**
+   * 部门ID
+   */
+  deptId?: string | number;
+
+  /**
+   * 部门负责人
+   */
+  chargeId?: string | number;
+
+  /**
+   * 分管副总
+   */
+  deputyId?: string | number;
+
+  /**
+   * 周报情况说明
+   */
+  informationNote?: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 附件ID（预留）
+   */
+  ossId?: string | number;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+  /**
+   * 项目编码
+   */
+  projectCode?: string;
+}
+
+export interface ProjectReportQuery extends PageQuery {
+  /**
+   * 项目ID
+   */
+  projectId?: string | number;
+
+  /**
+   * 项目名称
+   */
+  projectName?: string;
+
+  /**
+   * 当前里程碑
+   */
+  milestonePlan?: string;
+
+  /**
+   * 项目经理
+   */
+  managerId?: string | number;
+
+  /**
+   * 部门ID
+   */
+  deptId?: string | number;
+
+  /**
+   * 部门负责人
+   */
+  chargeId?: string | number;
+
+  /**
+   * 分管副总
+   */
+  deputyId?: string | number;
+
+  /**
+   * 周报情况说明
+   */
+  informationNote?: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 附件ID（预留）
+   */
+  ossId?: string | number;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+  /**
+   * 项目编码
+   */
+  projectCode?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}

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

@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { ProjectReportDetailVO, ProjectReportDetailForm, ProjectReportDetailQuery } from '@/api/oa/erp/projectReportDetail/types';
+
+/**
+ * 查询项目周报明细列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listProjectReportDetail = (query?: ProjectReportDetailQuery): AxiosPromise<ProjectReportDetailVO[]> => {
+  return request({
+    url: '/oa/erp/projectReportDetail/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询项目周报明细详细
+ * @param reportDetailId
+ */
+export const getProjectReportDetail = (reportDetailId: string | number): AxiosPromise<ProjectReportDetailVO> => {
+  return request({
+    url: '/oa/erp/projectReportDetail/' + reportDetailId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增项目周报明细
+ * @param data
+ */
+export const addProjectReportDetail = (data: ProjectReportDetailForm) => {
+  return request({
+    url: '/oa/erp/projectReportDetail',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改项目周报明细
+ * @param data
+ */
+export const updateProjectReportDetail = (data: ProjectReportDetailForm) => {
+  return request({
+    url: '/oa/erp/projectReportDetail',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除项目周报明细
+ * @param reportDetailId
+ */
+export const delProjectReportDetail = (reportDetailId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/erp/projectReportDetail/' + reportDetailId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询项目周报明细列表
+ * @param query
+ * @returns {*}
+ */
+export function getErpProjectReportDetailList(query) {
+  return request({
+    url: '/oa/erp/projectReportDetail/getErpProjectReportDetailList',
+    method: 'get',
+    params: query
+  });
+}

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

@@ -0,0 +1,315 @@
+export interface ProjectReportDetailVO {
+  /**
+   * 项目周报明细ID
+   */
+  reportDetailId: string | number;
+
+  /**
+   * 项目周报ID
+   */
+  reportId: string | number;
+
+  /**
+   * 项目ID
+   */
+  projectId: string | number;
+
+  /**
+   * 填写日期
+   */
+  fillTime: string;
+
+  /**
+   * 所在的工作周
+   */
+  currentWorkWeek: string;
+
+  /**
+   * 所属里程碑
+   */
+  milestonePlan: string;
+
+  /**
+   * 二级进度阶段
+   */
+  secondaryPhase: string;
+
+  /**
+   * 本周完成工作
+   */
+  tasksCompleted: string;
+
+  /**
+   * 下周计划
+   */
+  nextPlan: string;
+
+  /**
+   * 风险及解决措施
+   */
+  riskResolution: string;
+
+  /**
+   * 计划完成率
+   */
+  plannedCompletionRate: number;
+
+  /**
+   * 周报情况说明
+   */
+  informationNote: string;
+
+  /**
+   * 项目状态（1正常 2拖期风险 3已拖期）
+   */
+  scheduleStatus: string;
+
+  /**
+   * 周报状态(1暂存 2审批中 3可用)
+   */
+  projectReportStatus: string;
+
+  /**
+   * 流程状态
+   */
+  flowStatus: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder: number;
+
+  /**
+   * 项目阶段(预留)
+   */
+  projectPhases: string;
+
+  /**
+   * 合同ID(预留)
+   */
+  contractId: string | number;
+
+  /**
+   * 附件ID
+   */
+  ossId: string | number;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag: string;
+}
+
+export interface ProjectReportDetailForm extends BaseEntity {
+  /**
+   * 项目周报明细ID
+   */
+  reportDetailId?: string | number;
+
+  /**
+   * 项目周报ID
+   */
+  reportId?: string | number;
+
+  /**
+   * 项目ID
+   */
+  projectId?: string | number;
+
+  /**
+   * 填写日期
+   */
+  fillTime?: string;
+
+  /**
+   * 所在的工作周
+   */
+  currentWorkWeek?: string;
+
+  /**
+   * 所属里程碑
+   */
+  milestonePlan?: string;
+
+  /**
+   * 二级进度阶段
+   */
+  secondaryPhase?: string;
+
+  /**
+   * 本周完成工作
+   */
+  tasksCompleted?: string;
+
+  /**
+   * 下周计划
+   */
+  nextPlan?: string;
+
+  /**
+   * 风险及解决措施
+   */
+  riskResolution?: string;
+
+  /**
+   * 计划完成率
+   */
+  plannedCompletionRate?: number;
+
+  /**
+   * 周报情况说明
+   */
+  informationNote?: string;
+
+  /**
+   * 项目状态（1正常 2拖期风险 3已拖期）
+   */
+  scheduleStatus?: string;
+
+  /**
+   * 周报状态(1暂存 2审批中 3可用)
+   */
+  projectReportStatus?: string;
+
+  /**
+   * 流程状态
+   */
+  flowStatus?: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 项目阶段(预留)
+   */
+  projectPhases?: string;
+
+  /**
+   * 合同ID(预留)
+   */
+  contractId?: string | number;
+
+  /**
+   * 附件ID
+   */
+  ossId?: string | number;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+}
+
+export interface ProjectReportDetailQuery extends PageQuery {
+  /**
+   * 项目周报ID
+   */
+  reportId?: string | number;
+
+  /**
+   * 项目ID
+   */
+  projectId?: string | number;
+
+  /**
+   * 填写日期
+   */
+  fillTime?: string;
+
+  /**
+   * 所在的工作周
+   */
+  currentWorkWeek?: string;
+
+  /**
+   * 所属里程碑
+   */
+  milestonePlan?: string;
+
+  /**
+   * 二级进度阶段
+   */
+  secondaryPhase?: string;
+
+  /**
+   * 本周完成工作
+   */
+  tasksCompleted?: string;
+
+  /**
+   * 下周计划
+   */
+  nextPlan?: string;
+
+  /**
+   * 风险及解决措施
+   */
+  riskResolution?: string;
+
+  /**
+   * 计划完成率
+   */
+  plannedCompletionRate?: number;
+
+  /**
+   * 周报情况说明
+   */
+  informationNote?: string;
+
+  /**
+   * 项目状态（1正常 2拖期风险 3已拖期）
+   */
+  scheduleStatus?: string;
+
+  /**
+   * 周报状态(1暂存 2审批中 3可用)
+   */
+  projectReportStatus?: string;
+
+  /**
+   * 流程状态
+   */
+  flowStatus?: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 项目阶段(预留)
+   */
+  projectPhases?: string;
+
+  /**
+   * 合同ID(预留)
+   */
+  contractId?: string | number;
+
+  /**
+   * 附件ID
+   */
+  ossId?: string | number;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}

src/components/ProjectSelect/index.vue

@@ -0,0 +1,315 @@
+<template>
+  <div>
+    <el-dialog v-model="projectSelectDialog.visible.value" :title="projectSelectDialog.title.value" width="80%" append-to-body>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <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="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>
+                    <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="hover">
+            <template v-if="prop.multiple" #header>
+              <el-tag
+                v-for="material in selectMaterialList"
+                :key="material.materialId"
+                closable
+                style="margin: 2px"
+                @close="handleCloseTag(material)"
+              >
+                {{ material.saleMaterialName }}
+              </el-tag>
+            </template>
+
+            <vxe-table
+              ref="tableRef"
+              height="400px"
+              border
+              show-overflow
+              :data="projectInfoList"
+              :loading="loading"
+              :row-config="{ keyField: 'projectId', isHover: true }"
+              :checkbox-config="{ reserve: true, trigger: 'row', highlight: true, showHeader: prop.multiple }"
+              @checkbox-all="handleCheckboxAll"
+              @checkbox-change="handleCheckboxChange"
+            >
+              <vxe-column type="checkbox" width="50" align="center" />
+              <!--              <vxe-column key="relationMaterialId" title="关联物料ID" align="center" field="relationMaterialId" />-->
+              <vxe-column key="projectCode" title="项目编码" align="center" field="projectCode" width="120" />
+              <vxe-column key="projectName" title="项目名称" align="center" field="projectName" width="120" />
+              <vxe-column key="managerId" title="项目经理" align="center" field="managerId" width="120" />
+              <vxe-column key="deptId" title="部门ID" align="center" field="deptId" width="120" />
+              <vxe-column key="chargeId" title="部门负责人" align="center" field="chargeId" width="120" />
+              <vxe-column key="business_direction" title="业务方向" align="center" field="business_direction" width="120" />
+              <!-- <vxe-column key="customerName" title="客户名称" align="center" field="customerName" width="120" />
+              <vxe-column key="saleMaterialName" title="销售物料名称" align="center" field="saleMaterialName" width="120" /> -->
+              <!--              <vxe-column key="purchasePrice" title="采购单价(元)" align="center" field="purchasePrice" width="120" />-->
+              <!--              <vxe-column key="foreignPrice" title="售前对外单价(元)" align="center" field="foreignPrice" width="140" />-->
+              <!--              <vxe-column key="stockingPeriod" title="备货期" align="center" field="stockingPeriod" />-->
+              <!--              <vxe-column key="activeFlag" title="激活标识" align="center">-->
+              <!--                <template #default="scope">-->
+              <!--                  <dict-tag :options="active_flag" :value="scope.row.activeFlag"></dict-tag>-->
+              <!--                </template>-->
+              <!--              </vxe-column>-->
+            </vxe-table>
+
+            <pagination
+              v-show="total > 0"
+              v-model:page="queryParams.pageNum"
+              v-model:limit="queryParams.pageSize"
+              :total="total"
+              @pagination="pageList"
+            />
+          </el-card>
+        </el-col>
+      </el-row>
+
+      <template #footer>
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { VxeTableInstance } from 'vxe-table';
+import useDialog from '@/hooks/useDialog';
+import { ProjectInfoVO, ProjectInfoQuery, ProjectInfoForm } from '@/api/oa/erp/projectInfo/types';
+import { listProjectInfoByDept, listProjectInfo, getProjectInfo, delProjectInfo, addProjectInfo, updateProjectInfo } from '@/api/oa/erp/projectInfo';
+
+interface PropType {
+  modelValue?: ProjectInfoVO[] | ProjectInfoVO | undefined;
+  multiple?: boolean;
+  data?: string | number | (string | number)[] | undefined;
+}
+
+const prop = withDefaults(defineProps<PropType>(), {
+  multiple: true,
+  modelValue: undefined,
+  data: undefined
+});
+const emit = defineEmits(['update:modelValue', 'confirmCallBack']);
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { active_flag } = toRefs<any>(proxy?.useDict('active_flag'));
+
+const materialInfoList = ref<RelationMaterialVO[]>([]);
+const projectInfoList = ref<ProjectInfoVO[]>([]);
+const loading = ref(true);
+const showSearch = ref(true);
+const total = ref(0);
+const selectMaterialList = ref<RelationMaterialVO[]>([]);
+
+const queryFormRef = ref<ElFormInstance>();
+const tableRef = ref<VxeTableInstance<RelationMaterialVO>>();
+
+const projectSelectDialog = useDialog({
+  title: '项目选择'
+});
+
+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 projectSelectData = 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(projectSelectData);
+
+const defaultSelectMaterialIds = computed(() => computedIds(prop.data));
+
+const confirm = () => {
+  emit('update:modelValue', selectMaterialList.value);
+  emit('confirmCallBack', selectMaterialList.value);
+  projectSelectDialog.closeDialog();
+};
+
+const computedIds = (data) => {
+  if (data === '' || data === null || data === undefined) {
+    return [];
+  }
+  if (data instanceof Array) {
+    return data.map((item) => String(item));
+  } else if (typeof data === 'string') {
+    return data.split(',');
+  } else if (typeof data === 'number') {
+    return [String(data)];
+  } else {
+    console.warn('<MaterialSelect> The data type of data should be array or string or number, but I received other');
+    return [];
+  }
+};
+
+/** 根据部门id查询项目信息 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listProjectInfoByDept(queryParams.value);
+  projectInfoList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+};
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = (refresh = true) => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.pageNum = 1;
+  refresh && handleQuery();
+};
+
+const pageList = async () => {
+  await getList();
+  const materials = materialInfoList.value.filter((item) => {
+    return selectMaterialList.value.some((material) => material.relationMaterialId === item.relationMaterialId);
+  });
+  await tableRef.value.setCheckboxRow(materials, true);
+};
+
+const handleCheckboxChange = (checked) => {
+  if (!prop.multiple && checked.checked) {
+    tableRef.value.setCheckboxRow(selectMaterialList.value, false);
+    selectMaterialList.value = [];
+  }
+  const row = checked.row;
+  if (checked.checked) {
+    selectMaterialList.value.push(row);
+  } else {
+    selectMaterialList.value = selectMaterialList.value.filter((item) => {
+      return item.relationMaterialId !== row.relationMaterialId;
+    });
+  }
+};
+
+const handleCheckboxAll = (checked) => {
+  const rows = materialInfoList.value;
+  if (checked.checked) {
+    rows.forEach((row) => {
+      if (!selectMaterialList.value.some((item) => item.relationMaterialId === row.relationMaterialId)) {
+        selectMaterialList.value.push(row);
+      }
+    });
+  } else {
+    selectMaterialList.value = selectMaterialList.value.filter((item) => {
+      return !rows.some((row) => row.relationMaterialId === item.relationMaterialId);
+    });
+  }
+};
+
+const handleCloseTag = (material: RelationMaterialVO) => {
+  const relationMaterialId = material.relationMaterialId;
+  // 使用splice删除物料
+  const index = selectMaterialList.value.findIndex((item) => item.relationMaterialId === relationMaterialId);
+  const rows = selectMaterialList.value[index];
+  tableRef.value?.setCheckboxRow(rows, false);
+  selectMaterialList.value.splice(index, 1);
+};
+
+const initSelectMaterial = async () => {
+  if (defaultSelectMaterialIds.value.length > 0) {
+    // 从当前列表中筛选已选择的物料
+    const materials = materialInfoList.value.filter((item) => {
+      return defaultSelectMaterialIds.value.includes(String(item.relationMaterialId));
+    });
+    selectMaterialList.value = materials;
+    await nextTick(() => {
+      tableRef.value.setCheckboxRow(materials, true);
+    });
+  }
+};
+
+const close = () => {
+  projectSelectDialog.closeDialog();
+};
+
+watch(
+  () => projectSelectDialog.visible.value,
+  async (newValue: boolean) => {
+    if (newValue) {
+      await getList(); // 初始化列表数据
+      await initSelectMaterial();
+    } else {
+      tableRef.value.clearCheckboxReserve();
+      tableRef.value.clearCheckboxRow();
+      resetQuery(false);
+      selectMaterialList.value = [];
+    }
+  }
+);
+
+defineExpose({
+  open: projectSelectDialog.openDialog,
+  close: projectSelectDialog.closeDialog
+});
+</script>

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

@@ -0,0 +1,425 @@
+<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="120px">
+            <el-row :gutter="10" class="form-row">
+              <el-col :span="12">
+                <el-form-item label="项目名称" prop="projectName">
+                  <el-input v-model="queryParams.projectName" placeholder="请点击右侧图标选择项目">
+                    <template #suffix>
+                      <el-icon style="cursor: pointer; margin-right: 4px; font-size: 14px" @click="openProjectSelect">
+                        <Search />
+                      </el-icon>
+                    </template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="项目编号" prop="projectCode">
+                  <el-input v-model="queryParams.projectCode" placeholder="请输入项目编号" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="10" class="form-row">
+              <el-col :span="12">
+                <el-form-item label="项目经理" prop="managerId">
+                  <el-input v-model="queryParams.managerId" placeholder="请输入项目经理" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="当前里程碑" prop="milestonePlan">
+                  <el-input v-model="queryParams.milestonePlan" placeholder="请输入当前里程碑" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="10" class="form-row">
+              <el-col :span="12">
+                <el-form-item label="部门ID" prop="deptId">
+                  <el-input v-model="queryParams.deptId" placeholder="请输入部门ID" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="部门负责人" prop="chargeId">
+                  <el-input v-model="queryParams.chargeId" placeholder="请输入部门负责人" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="10" class="form-row">
+              <el-col :span="24">
+                <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-col>
+            </el-row>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <ProjectSelect ref="projectSelectRef" :multiple="false" @confirm-call-back="projectInfoSelectCallBack"></ProjectSelect>
+
+    <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:projectReportDetail:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa:projectReportDetail:edit']"
+              >修改</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa:projectReportDetail:remove']"
+              >删除</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa:projectReportDetail: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="projectReportDetailList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="项目周报明细ID" align="center" prop="reportDetailId" v-if="columns[0].visible" />
+        <el-table-column label="项目周报ID" align="center" prop="reportId" v-if="columns[1].visible" />
+        <el-table-column label="项目ID" align="center" prop="projectId" v-if="columns[2].visible" />
+        <el-table-column label="填写日期" align="center" prop="fillTime" width="180" v-if="columns[3].visible">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.fillTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="所在的工作周" align="center" prop="currentWorkWeek" v-if="columns[4].visible" />
+        <el-table-column label="所属里程碑" align="center" prop="milestonePlan" v-if="columns[5].visible" />
+        <el-table-column label="二级进度阶段" align="center" prop="secondaryPhase" v-if="columns[6].visible" />
+        <el-table-column label="本周完成工作" align="center" prop="tasksCompleted" v-if="columns[7].visible" />
+        <el-table-column label="下周计划" align="center" prop="nextPlan" v-if="columns[8].visible" />
+        <el-table-column label="风险及解决措施" align="center" prop="riskResolution" v-if="columns[9].visible" />
+        <el-table-column label="计划完成率" align="center" prop="plannedCompletionRate" v-if="columns[10].visible" />
+        <el-table-column label="周报情况说明" align="center" prop="informationNote" v-if="columns[11].visible" />
+        <el-table-column label="项目状态" align="center" prop="scheduleStatus" v-if="columns[12].visible" />
+        <el-table-column label="周报状态(1暂存 2审批中 3可用)" align="center" prop="projectReportStatus" v-if="columns[13].visible" />
+        <el-table-column label="流程状态" align="center" prop="flowStatus" v-if="columns[14].visible" />
+        <el-table-column label="排序号" align="center" prop="sortOrder" v-if="columns[15].visible" />
+        <el-table-column label="项目阶段(预留)" align="center" prop="projectPhases" v-if="columns[16].visible" />
+        <el-table-column label="合同ID(预留)" align="center" prop="contractId" v-if="columns[17].visible" />
+        <el-table-column label="附件ID" align="center" prop="ossId" v-if="columns[18].visible" />
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[19].visible" />
+        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[20].visible" />
+        <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:projectReportDetail:edit']"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button
+                link
+                type="primary"
+                icon="Delete"
+                @click="handleDelete(scope.row)"
+                v-hasPermi="['oa:projectReportDetail: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="projectReportDetailFormRef" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="项目周报ID" prop="reportId">
+          <el-input v-model="form.reportId" placeholder="请输入项目周报ID" />
+        </el-form-item>
+        <el-form-item label="项目ID" prop="projectId">
+          <el-input v-model="form.projectId" placeholder="请输入项目ID" />
+        </el-form-item>
+        <el-form-item label="填写日期" prop="fillTime">
+          <el-date-picker clearable v-model="form.fillTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择填写日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="所在的工作周" prop="currentWorkWeek">
+          <el-input v-model="form.currentWorkWeek" placeholder="请输入所在的工作周" />
+        </el-form-item>
+        <el-form-item label="所属里程碑" prop="milestonePlan">
+          <el-input v-model="form.milestonePlan" placeholder="请输入所属里程碑" />
+        </el-form-item>
+        <el-form-item label="二级进度阶段" prop="secondaryPhase">
+          <el-input v-model="form.secondaryPhase" placeholder="请输入二级进度阶段" />
+        </el-form-item>
+        <el-form-item label="本周完成工作" prop="tasksCompleted">
+          <el-input v-model="form.tasksCompleted" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="下周计划" prop="nextPlan">
+          <el-input v-model="form.nextPlan" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="风险及解决措施" prop="riskResolution">
+          <el-input v-model="form.riskResolution" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="计划完成率" prop="plannedCompletionRate">
+          <el-input v-model="form.plannedCompletionRate" placeholder="请输入计划完成率" />
+        </el-form-item>
+        <el-form-item label="周报情况说明" prop="informationNote">
+          <el-input v-model="form.informationNote" type="textarea" 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="projectPhases">
+          <el-input v-model="form.projectPhases" 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="附件ID" prop="ossId">
+          <el-input v-model="form.ossId" 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-input v-model="form.activeFlag" 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="ProjectReport" lang="ts">
+import { listProjectReport, getProjectReport, delProjectReport, addProjectReport, updateProjectReport } from '@/api/oa/erp/projectReport';
+import { ProjectReportVO, ProjectReportQuery, ProjectReportForm } from '@/api/oa/erp/projectReport/types';
+import {
+  listProjectReportDetail,
+  getProjectReportDetail,
+  delProjectReportDetail,
+  addProjectReportDetail,
+  updateProjectReportDetail
+} from '@/api/oa/erp/projectReportDetail/index';
+import { ProjectReportDetailVO, ProjectReportDetailQuery, ProjectReportDetailForm } from '@/api/oa/erp/projectReportDetail/types';
+import ProjectSelect from '@/components/ProjectSelect/index.vue';
+
+// 根据项目名称选择项目组件引用
+const projectSelectRef = ref<InstanceType<typeof ProjectSelect>>();
+// 打开项目选择框
+const openProjectSelect = () => {
+  projectSelectRef.value.open();
+};
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const projectReportList = ref<ProjectReportVO[]>([]);
+const projectReportDetailList = ref<ProjectReportDetailVO[]>([]);
+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 projectReportDetailFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+  { key: 0, label: `项目周报明细ID`, visible: true },
+  { key: 1, label: `项目周报ID`, visible: true },
+  { key: 2, label: `项目ID`, 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: `计划完成率`, visible: true },
+  { key: 11, label: `周报情况说明`, visible: true },
+  { key: 12, label: `项目状态`, visible: true },
+  { key: 13, label: `周报状态(1暂存 2审批中 3可用)`, visible: true },
+  { key: 14, label: `流程状态`, visible: true },
+  { key: 15, label: `排序号`, visible: true },
+  { key: 16, label: `项目阶段(预留)`, visible: true },
+  { key: 17, label: `合同ID(预留)`, visible: true },
+  { key: 18, label: `附件ID`, visible: true },
+  { key: 19, label: `备注`, visible: true },
+  { key: 20, label: `激活标识`, visible: true },
+  { key: 21, label: `删除标志`, visible: true },
+  { key: 22, label: `创建部门`, visible: true },
+  { key: 23, label: `创建时间`, visible: true },
+  { key: 24, label: `创建人`, visible: true },
+  { key: 25, label: `更新人`, visible: true },
+  { key: 26, label: `更新时间`, visible: true }
+]);
+
+const initFormData: ProjectReportForm = {
+  reportId: undefined,
+  projectId: undefined,
+  projectName: undefined,
+  projectCode: undefined,
+  milestonePlan: undefined,
+  managerId: undefined,
+  deptId: undefined,
+  chargeId: undefined,
+  deputyId: undefined,
+  informationNote: undefined,
+  sortOrder: undefined,
+  ossId: undefined,
+  remark: undefined,
+  activeFlag: undefined
+};
+const data = reactive<PageData<ProjectReportForm, ProjectReportQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    projectId: undefined,
+    projectName: undefined,
+    projectCode: undefined,
+    milestonePlan: undefined,
+    managerId: undefined,
+    deptId: undefined,
+    chargeId: undefined,
+    deputyId: undefined,
+    informationNote: undefined,
+    sortOrder: undefined,
+    ossId: undefined,
+    activeFlag: undefined,
+    params: {}
+  },
+  rules: {
+    reportId: [{ required: true, message: '项目周报ID不能为空', trigger: 'blur' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询项目周报信息列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listProjectReport(queryParams.value);
+  projectReportList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+};
+
+//根据项目名称回调项目信息
+const projectInfoSelectCallBack = (data: any) => {
+  const projectInfoList = data;
+  console.log(projectInfoList);
+  if (projectInfoList.length > 0) {
+    queryParams.value.projectId = projectInfoList[0].projectId;
+    queryParams.value.projectName = projectInfoList[0].projectName;
+    queryParams.value.projectCode = projectInfoList[0].projectCode;
+    queryParams.value.managerId = projectInfoList[0].managerId;
+    queryParams.value.milestonePlan = projectInfoList[0].milestonePlan;
+    queryParams.value.deptId = projectInfoList[0].deptId;
+    queryParams.value.chargeId = projectInfoList[0].chargeId;
+  } else {
+  }
+};
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+};
+
+/** 表单重置 */
+const reset = () => {
+  form.value = { ...initFormData };
+  projectReportDetailFormRef.value?.resetFields();
+};
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: ProjectReportVO[]) => {
+  ids.value = selection.map((item) => item.reportId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+};
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '添加项目周报信息';
+};
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: ProjectReportVO) => {
+  reset();
+  const _reportId = row?.reportId || ids.value[0];
+  const res = await getProjectReport(_reportId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '修改项目周报信息';
+};
+
+/** 提交按钮 */
+const submitForm = () => {
+  projectReportDetailFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.reportId) {
+        await updateProjectReport(form.value).finally(() => (buttonLoading.value = false));
+      } else {
+        await addProjectReport(form.value).finally(() => (buttonLoading.value = false));
+      }
+      proxy?.$modal.msgSuccess('操作成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: ProjectReportVO) => {
+  const _reportIds = row?.reportId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除项目周报信息编号为"' + _reportIds + '"的数据项？').finally(() => (loading.value = false));
+  await delProjectReport(_reportIds);
+  proxy?.$modal.msgSuccess('删除成功');
+  await getList();
+};
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download(
+    'oa/erp/projectReport/export',
+    {
+      ...queryParams.value
+    },
+    `projectReport_${new Date().getTime()}.xlsx`
+  );
+};
+
+onMounted(() => {
+  getList();
+});
+</script>

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

@@ -0,0 +1,413 @@
+<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="reportId">
+              <el-input v-model="queryParams.reportId" placeholder="请输入项目周报ID" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <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="填写日期" prop="fillTime">
+              <el-date-picker clearable v-model="queryParams.fillTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择填写日期" />
+            </el-form-item>
+            <el-form-item label="所在的工作周" prop="currentWorkWeek">
+              <el-input v-model="queryParams.currentWorkWeek" placeholder="请输入所在的工作周" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="所属里程碑" prop="milestonePlan">
+              <el-input v-model="queryParams.milestonePlan" placeholder="请输入所属里程碑" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="二级进度阶段" prop="secondaryPhase">
+              <el-input v-model="queryParams.secondaryPhase" placeholder="请输入二级进度阶段" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="本周完成工作" prop="tasksCompleted">
+              <el-input v-model="queryParams.tasksCompleted" placeholder="请输入本周完成工作" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="下周计划" prop="nextPlan">
+              <el-input v-model="queryParams.nextPlan" placeholder="请输入下周计划" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="风险及解决措施" prop="riskResolution">
+              <el-input v-model="queryParams.riskResolution" placeholder="请输入风险及解决措施" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="计划完成率" prop="plannedCompletionRate">
+              <el-input v-model="queryParams.plannedCompletionRate" placeholder="请输入计划完成率" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="周报情况说明" prop="informationNote">
+              <el-input v-model="queryParams.informationNote" placeholder="请输入周报情况说明" 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="projectPhases">
+              <el-input v-model="queryParams.projectPhases" placeholder="请输入项目阶段(预留)" 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="附件ID" prop="ossId">
+              <el-input v-model="queryParams.ossId" placeholder="请输入附件ID" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="激活标识" prop="activeFlag">
+              <el-input v-model="queryParams.activeFlag" placeholder="请输入激活标识" clearable @keyup.enter="handleQuery" />
+            </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:projectReportDetail:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa:projectReportDetail:edit']"
+              >修改</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa:projectReportDetail:remove']"
+              >删除</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa:projectReportDetail: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="projectReportDetailList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="项目周报明细ID" align="center" prop="reportDetailId" v-if="columns[0].visible" />
+        <el-table-column label="项目周报ID" align="center" prop="reportId" v-if="columns[1].visible" />
+        <el-table-column label="项目ID" align="center" prop="projectId" v-if="columns[2].visible" />
+        <el-table-column label="填写日期" align="center" prop="fillTime" width="180" v-if="columns[3].visible">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.fillTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="所在的工作周" align="center" prop="currentWorkWeek" v-if="columns[4].visible" />
+        <el-table-column label="所属里程碑" align="center" prop="milestonePlan" v-if="columns[5].visible" />
+        <el-table-column label="二级进度阶段" align="center" prop="secondaryPhase" v-if="columns[6].visible" />
+        <el-table-column label="本周完成工作" align="center" prop="tasksCompleted" v-if="columns[7].visible" />
+        <el-table-column label="下周计划" align="center" prop="nextPlan" v-if="columns[8].visible" />
+        <el-table-column label="风险及解决措施" align="center" prop="riskResolution" v-if="columns[9].visible" />
+        <el-table-column label="计划完成率" align="center" prop="plannedCompletionRate" v-if="columns[10].visible" />
+        <el-table-column label="周报情况说明" align="center" prop="informationNote" v-if="columns[11].visible" />
+        <el-table-column label="项目状态" align="center" prop="scheduleStatus" v-if="columns[12].visible" />
+        <el-table-column label="周报状态(1暂存 2审批中 3可用)" align="center" prop="projectReportStatus" v-if="columns[13].visible" />
+        <el-table-column label="流程状态" align="center" prop="flowStatus" v-if="columns[14].visible" />
+        <el-table-column label="排序号" align="center" prop="sortOrder" v-if="columns[15].visible" />
+        <el-table-column label="项目阶段(预留)" align="center" prop="projectPhases" v-if="columns[16].visible" />
+        <el-table-column label="合同ID(预留)" align="center" prop="contractId" v-if="columns[17].visible" />
+        <el-table-column label="附件ID" align="center" prop="ossId" v-if="columns[18].visible" />
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[19].visible" />
+        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[20].visible" />
+        <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:projectReportDetail:edit']"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button
+                link
+                type="primary"
+                icon="Delete"
+                @click="handleDelete(scope.row)"
+                v-hasPermi="['oa:projectReportDetail: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="projectReportDetailFormRef" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="项目周报ID" prop="reportId">
+          <el-input v-model="form.reportId" placeholder="请输入项目周报ID" />
+        </el-form-item>
+        <el-form-item label="项目ID" prop="projectId">
+          <el-input v-model="form.projectId" placeholder="请输入项目ID" />
+        </el-form-item>
+        <el-form-item label="填写日期" prop="fillTime">
+          <el-date-picker clearable v-model="form.fillTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择填写日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="所在的工作周" prop="currentWorkWeek">
+          <el-input v-model="form.currentWorkWeek" placeholder="请输入所在的工作周" />
+        </el-form-item>
+        <el-form-item label="所属里程碑" prop="milestonePlan">
+          <el-input v-model="form.milestonePlan" placeholder="请输入所属里程碑" />
+        </el-form-item>
+        <el-form-item label="二级进度阶段" prop="secondaryPhase">
+          <el-input v-model="form.secondaryPhase" placeholder="请输入二级进度阶段" />
+        </el-form-item>
+        <el-form-item label="本周完成工作" prop="tasksCompleted">
+          <el-input v-model="form.tasksCompleted" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="下周计划" prop="nextPlan">
+          <el-input v-model="form.nextPlan" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="风险及解决措施" prop="riskResolution">
+          <el-input v-model="form.riskResolution" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="计划完成率" prop="plannedCompletionRate">
+          <el-input v-model="form.plannedCompletionRate" placeholder="请输入计划完成率" />
+        </el-form-item>
+        <el-form-item label="周报情况说明" prop="informationNote">
+          <el-input v-model="form.informationNote" type="textarea" 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="projectPhases">
+          <el-input v-model="form.projectPhases" 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="附件ID" prop="ossId">
+          <el-input v-model="form.ossId" 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-input v-model="form.activeFlag" 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="ProjectReportDetail" lang="ts">
+import {
+  listProjectReportDetail,
+  getProjectReportDetail,
+  delProjectReportDetail,
+  addProjectReportDetail,
+  updateProjectReportDetail
+} from '@/api/oa/erp/projectReportDetail/index';
+import { ProjectReportDetailVO, ProjectReportDetailQuery, ProjectReportDetailForm } from '@/api/oa/erp/projectReportDetail/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const projectReportDetailList = ref<ProjectReportDetailVO[]>([]);
+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 projectReportDetailFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+  { key: 0, label: `项目周报明细ID`, visible: true },
+  { key: 1, label: `项目周报ID`, visible: true },
+  { key: 2, label: `项目ID`, 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: `计划完成率`, visible: true },
+  { key: 11, label: `周报情况说明`, visible: true },
+  { key: 12, label: `项目状态`, visible: true },
+  { key: 13, label: `周报状态(1暂存 2审批中 3可用)`, visible: true },
+  { key: 14, label: `流程状态`, visible: true },
+  { key: 15, label: `排序号`, visible: true },
+  { key: 16, label: `项目阶段(预留)`, visible: true },
+  { key: 17, label: `合同ID(预留)`, visible: true },
+  { key: 18, label: `附件ID`, visible: true },
+  { key: 19, label: `备注`, visible: true },
+  { key: 20, label: `激活标识`, visible: true },
+  { key: 21, label: `删除标志`, visible: true },
+  { key: 22, label: `创建部门`, visible: true },
+  { key: 23, label: `创建时间`, visible: true },
+  { key: 24, label: `创建人`, visible: true },
+  { key: 25, label: `更新人`, visible: true },
+  { key: 26, label: `更新时间`, visible: true }
+]);
+
+const initFormData: ProjectReportDetailForm = {
+  reportDetailId: undefined,
+  reportId: undefined,
+  projectId: undefined,
+  fillTime: undefined,
+  currentWorkWeek: undefined,
+  milestonePlan: undefined,
+  secondaryPhase: undefined,
+  tasksCompleted: undefined,
+  nextPlan: undefined,
+  riskResolution: undefined,
+  plannedCompletionRate: undefined,
+  informationNote: undefined,
+  scheduleStatus: undefined,
+  projectReportStatus: undefined,
+  flowStatus: undefined,
+  sortOrder: undefined,
+  projectPhases: undefined,
+  contractId: undefined,
+  ossId: undefined,
+  remark: undefined,
+  activeFlag: undefined
+};
+const data = reactive<PageData<ProjectReportDetailForm, ProjectReportDetailQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    reportId: undefined,
+    projectId: undefined,
+    fillTime: undefined,
+    currentWorkWeek: undefined,
+    milestonePlan: undefined,
+    secondaryPhase: undefined,
+    tasksCompleted: undefined,
+    nextPlan: undefined,
+    riskResolution: undefined,
+    plannedCompletionRate: undefined,
+    informationNote: undefined,
+    scheduleStatus: undefined,
+    projectReportStatus: undefined,
+    flowStatus: undefined,
+    sortOrder: undefined,
+    projectPhases: undefined,
+    contractId: undefined,
+    ossId: undefined,
+    activeFlag: undefined,
+    params: {}
+  },
+  rules: {
+    reportDetailId: [{ required: true, message: '项目周报明细ID不能为空', trigger: 'blur' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询项目周报明细列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listProjectReportDetail(queryParams.value);
+  projectReportDetailList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+};
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+};
+
+/** 表单重置 */
+const reset = () => {
+  form.value = { ...initFormData };
+  projectReportDetailFormRef.value?.resetFields();
+};
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: ProjectReportDetailVO[]) => {
+  ids.value = selection.map((item) => item.reportDetailId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+};
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '添加项目周报明细';
+};
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: ProjectReportDetailVO) => {
+  reset();
+  const _reportDetailId = row?.reportDetailId || ids.value[0];
+  const res = await getProjectReportDetail(_reportDetailId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '修改项目周报明细';
+};
+
+/** 提交按钮 */
+const submitForm = () => {
+  projectReportDetailFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.reportDetailId) {
+        await updateProjectReportDetail(form.value).finally(() => (buttonLoading.value = false));
+      } else {
+        await addProjectReportDetail(form.value).finally(() => (buttonLoading.value = false));
+      }
+      proxy?.$modal.msgSuccess('操作成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: ProjectReportDetailVO) => {
+  const _reportDetailIds = row?.reportDetailId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除项目周报明细编号为"' + _reportDetailIds + '"的数据项？').finally(() => (loading.value = false));
+  await delProjectReportDetail(_reportDetailIds);
+  proxy?.$modal.msgSuccess('删除成功');
+  await getList();
+};
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download(
+    'oa/erp/projectReportDetail/export',
+    {
+      ...queryParams.value
+    },
+    `projectReportDetail_${new Date().getTime()}.xlsx`
+  );
+};
+
+onMounted(() => {
+  getList();
+});
+</script>