feat: 项目需求管理

nl-vue/src/api/pmm/projectApi.js

@@ -0,0 +1,36 @@
+import { baseRequest } from '@/utils/request'
+
+const request = (url, ...arg) => baseRequest(`/pmm/project/` + url, ...arg)
+
+/**
+ * 项目信息Api接口管理器
+ *
+ * @author liyongde
+ * @date  2025/11/11 20:13
+ **/
+export default {
+	// 获取项目信息分页
+	projectPage(data) {
+		return request('page', data, 'get')
+	},
+	// 提交项目信息表单 edit为true时为编辑，默认为新增
+	projectSubmitForm(data, edit = false) {
+		return request(edit ? 'edit' : 'add', data)
+	},
+	// 删除项目信息
+	projectDelete(data) {
+		return request('delete', data)
+	},
+	// 获取项目信息详情
+	projectDetail(data) {
+		return request('detail', data, 'get')
+	},
+	// 获取项目需求信息详情
+	requestDetail(data) {
+		return request('requestDetail', data, 'get')
+	},
+	// 获取用户信息详情
+	devUsers(data) {
+		return request('dev-all-users', data, 'get')
+	}
+}

nl-vue/src/api/pmm/projectFileApi.js

@@ -0,0 +1,28 @@
+import { baseRequest } from '@/utils/request'
+
+const request = (url, ...arg) => baseRequest(`/pmm/projectfile/` + url, ...arg)
+
+/**
+ * 项目附件表Api接口管理器
+ *
+ * @author liyongde
+ * @date  2025/11/17 20:24
+ **/
+export default {
+	// 获取项目附件表分页
+	projectFilePage(data) {
+		return request('page', data, 'get')
+	},
+	// 提交项目附件表表单 edit为true时为编辑，默认为新增
+	projectFileSubmitForm(data, edit = false) {
+		return request(edit ? 'edit' : 'add', data)
+	},
+	// 删除项目附件表
+	projectFileDelete(data) {
+		return request('delete', data)
+	},
+	// 获取项目附件表详情
+	projectFileDetail(data) {
+		return request('detail', data, 'get')
+	}
+}

nl-vue/src/api/pmm/projectStageApi.js

@@ -0,0 +1,28 @@
+import { baseRequest } from '@/utils/request'
+
+const request = (url, ...arg) => baseRequest(`/pmm/projectstage/` + url, ...arg)
+
+/**
+ * 项目阶段Api接口管理器
+ *
+ * @author liyongde
+ * @date  2025/11/17 20:32
+ **/
+export default {
+	// 获取项目阶段分页
+	projectStagePage(data) {
+		return request('page', data, 'get')
+	},
+	// 提交项目阶段表单 edit为true时为编辑，默认为新增
+	projectStageSubmitForm(data, edit = false) {
+		return request(edit ? 'edit' : 'add', data)
+	},
+	// 删除项目阶段
+	projectStageDelete(data) {
+		return request('delete', data)
+	},
+	// 获取项目阶段详情
+	projectStageDetail(data) {
+		return request('detail', data, 'get')
+	}
+}

nl-vue/src/api/pmm/stageDetailApi.js

@@ -0,0 +1,28 @@
+import { baseRequest } from '@/utils/request'
+
+const request = (url, ...arg) => baseRequest(`/pmm/stagedetail/` + url, ...arg)
+
+/**
+ * 项目阶段明细Api接口管理器
+ *
+ * @author liyongde
+ * @date  2025/11/17 20:34
+ **/
+export default {
+	// 获取项目阶段明细分页
+	stageDetailPage(data) {
+		return request('page', data, 'get')
+	},
+	// 提交项目阶段明细表单 edit为true时为编辑，默认为新增
+	stageDetailSubmitForm(data, edit = false) {
+		return request(edit ? 'edit' : 'add', data)
+	},
+	// 删除项目阶段明细
+	stageDetailDelete(data) {
+		return request('delete', data)
+	},
+	// 获取项目阶段明细详情
+	stageDetailDetail(data) {
+		return request('detail', data, 'get')
+	}
+}

nl-vue/src/views/pmm/project/form.vue

@@ -0,0 +1,167 @@
+<template>
+	<xn-form-container
+		:title="formData.projectId ? '编辑项目信息' : '增加项目信息'"
+		:width="700"
+		v-model:open="open"
+		:destroy-on-close="true"
+		@close="onClose"
+	>
+		<a-form ref="formRef" :model="formData" :rules="formRules" layout="horizontal">
+			<a-row :gutter="16">
+				<a-col :span="12">
+					<a-form-item label="项目编码：" name="projectCode">
+						<a-input v-model:value="formData.projectCode" placeholder="请输入项目编码" allow-clear />
+					</a-form-item>
+				</a-col>
+				<a-col :span="12">
+					<a-form-item label="项目名称：" name="projectName">
+						<a-input v-model:value="formData.projectName" placeholder="请输入项目名称" allow-clear />
+					</a-form-item>
+				</a-col>
+				<a-col :span="12">
+					<a-form-item label="项目经理：" name="projectManage">
+						<a-select
+							v-model:value="formData.projectManage"
+							style="width: 100%"
+							placeholder="请选择项目经理"
+							:options="pmDatas"
+						></a-select>
+<!--						<a-input v-model:value="formData.projectManage" placeholder="请输入项目经理" allow-clear />-->
+					</a-form-item>
+				</a-col>
+				<a-col :span="12">
+					<a-form-item label="产品需求：" name="requireManage">
+						<a-select
+							v-model:value="formData.requireManage"
+							style="width: 100%"
+							placeholder="请选择产品需求"
+							:options="prDatas"
+						></a-select>
+<!--						<a-input v-model:value="formData.requireManage" placeholder="请输入产品需求" allow-clear />-->
+					</a-form-item>
+				</a-col>
+				<a-col :span="12">
+					<a-form-item label="开&nbsp;&nbsp;发&nbsp;&nbsp;组：" name="devGroups">
+						<a-select
+							v-model:value="formData.devGroups"
+							mode="multiple"
+							style="width: 100%"
+							placeholder="请选择开发组成员"
+							:options="devDatas"
+						></a-select>
+					</a-form-item>
+				</a-col>
+				<a-col :span="12">
+					<a-form-item label="开始时间：" name="startTime">
+						<a-date-picker
+							v-model:value="formData.startTime"
+							:format="dateFormat"
+							value-format="YYYY年MM月DD日"
+							style="width: 100%"
+						/>
+					</a-form-item>
+				</a-col>
+				<a-col :span="12">
+					<a-form-item label="结束时间：" name="endTime">
+						<a-date-picker
+							v-model:value="formData.endTime"
+							:format="dateFormat"
+							value-format="YYYY年MM月DD日"
+							style="width: 100%"
+						/>
+					</a-form-item>
+				</a-col>
+			</a-row>
+		</a-form>
+		<template #footer>
+			<a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
+			<a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
+		</template>
+	</xn-form-container>
+</template>
+
+<script setup name="projectForm">
+	import { cloneDeep } from 'lodash-es'
+	import { required } from '@/utils/formRules'
+	import projectApi from '@/api/pmm/projectApi'
+	// 抽屉状态
+	const open = ref(false)
+	const emit = defineEmits({ successful: null })
+	const formRef = ref()
+	// 表单数据
+	const formData = ref({})
+	const submitLoading = ref(false)
+	const devDatas = ref([])
+	const pmDatas = ref([])
+	const prDatas = ref([])
+	const dateFormat = 'YYYY年MM月DD日'
+
+	// 打开抽屉
+	const onOpen = (record) => {
+		open.value = true
+		if (record) {
+			let recordData = cloneDeep(record)
+			formData.value = Object.assign({}, recordData)
+		}
+	}
+	// 关闭抽屉
+	const onClose = () => {
+		formRef.value.resetFields()
+		formData.value = {}
+		open.value = false
+	}
+	// 默认要校验的
+	const formRules = {
+	}
+	// 验证并提交数据
+	const onSubmit = () => {
+		formRef.value
+			.validate()
+			.then(() => {
+				submitLoading.value = true
+				const formDataParam = cloneDeep(formData.value)
+				console.log(formDataParam)
+				projectApi
+					.projectSubmitForm(formDataParam, formDataParam.projectId)
+					.then(() => {
+						onClose()
+						emit('successful')
+					})
+					.finally(() => {
+						submitLoading.value = false
+					})
+			})
+			.catch(() => {})
+	}
+	const loadDevUserData = () => {
+		const param = {
+			groupId: '1988222962091225089'
+		}
+		projectApi.devUsers(param).then((data) => {
+			devDatas.value = data
+		})
+	}
+	const loadPmUserData = () => {
+		const param = {
+			groupId: '1988526425308659714'
+		}
+		projectApi.devUsers(param).then((data) => {
+			pmDatas.value = data
+		})
+	}
+	const loadPrUserData = () => {
+		const param = {
+			groupId: '1988526867551879170'
+		}
+		projectApi.devUsers(param).then((data) => {
+			prDatas.value = data
+		})
+	}
+	loadDevUserData()
+	loadPmUserData()
+	loadPrUserData()
+	// 抛出函数
+	defineExpose({
+		onOpen
+	})
+</script>

nl-vue/src/views/pmm/project/index.vue

@@ -0,0 +1,133 @@
+<template>
+	<a-card :bordered="false">
+		<s-table
+			ref="tableRef"
+			:columns="columns"
+			:data="loadData"
+			:alert="options.alert.show"
+			bordered
+			:row-key="(record) => record.projectId"
+			:tool-config="toolConfig"
+			:row-selection="options.rowSelection"
+		>
+			<template #operator class="table-operator">
+				<a-space>
+					<a-button type="primary" @click="formRef.onOpen()" v-if="hasPerm('projectAdd')">
+						<template #icon><plus-outlined /></template>
+						新增
+					</a-button>
+					<xn-batch-button
+						v-if="hasPerm('projectBatchDelete')"
+						buttonName="批量删除"
+                        icon="DeleteOutlined"
+						:selectedRowKeys="selectedRowKeys"
+						@batchCallBack="deleteBatchProject"
+					/>
+				</a-space>
+			</template>
+			<template #bodyCell="{ column, record }">
+				<template v-if="column.dataIndex === 'action'">
+					<a-space>
+						<a @click="formRef.onOpen(record)" v-if="hasPerm('projectEdit')">编辑</a>
+						<a-divider type="vertical" v-if="hasPerm(['projectEdit', 'projectDelete'], 'and')" />
+						<a-popconfirm title="确定要删除吗？" @confirm="deleteProject(record)">
+							<a-button type="link" danger size="small" v-if="hasPerm('projectDelete')">删除</a-button>
+						</a-popconfirm>
+					</a-space>
+				</template>
+			</template>
+		</s-table>
+	</a-card>
+	<Form ref="formRef" @successful="tableRef.refresh()" />
+</template>
+
+<script setup name="project">
+	import { cloneDeep } from 'lodash-es'
+	import Form from './form.vue'
+	import projectApi from '@/api/pmm/projectApi'
+	const tableRef = ref()
+	const formRef = ref()
+	const toolConfig = { refresh: true, height: true, columnSetting: true, striped: false }
+	const columns = [
+		{
+			title: '项目编码',
+			dataIndex: 'projectCode'
+		},
+		{
+			title: '项目名称',
+			dataIndex: 'projectName'
+		},
+		{
+			title: '项目经理',
+			dataIndex: 'projectManage'
+		},
+		{
+			title: '产品需求',
+			dataIndex: 'requireManage'
+		},
+		{
+			title: '开发组',
+			dataIndex: 'devGroup'
+		},
+		{
+			title: '开始时间',
+			dataIndex: 'startTime'
+		},
+		{
+			title: '结束时间',
+			dataIndex: 'endTime'
+		},
+	]
+	// 操作栏通过权限判断是否显示
+	if (hasPerm(['projectEdit', 'projectDelete'])) {
+		columns.push({
+			title: '操作',
+			dataIndex: 'action',
+			align: 'center',
+			width: 150
+		})
+	}
+	const selectedRowKeys = ref([])
+	// 列表选择配置
+	const options = {
+		// columns数字类型字段加入 needTotal: true 可以勾选自动算账
+		alert: {
+			show: true,
+			clear: () => {
+				selectedRowKeys.value = ref([])
+			}
+		},
+		rowSelection: {
+			onChange: (selectedRowKey, selectedRows) => {
+				selectedRowKeys.value = selectedRowKey
+			}
+		}
+	}
+	const loadData = (parameter) => {
+		return projectApi.projectPage(parameter).then((data) => {
+			return data
+		})
+	}
+	// 重置
+	const reset = () => {
+		searchFormRef.value.resetFields()
+		tableRef.value.refresh(true)
+	}
+	// 删除
+	const deleteProject = (record) => {
+		let params = [
+			{
+				projectId: record.projectId
+			}
+		]
+		projectApi.projectDelete(params).then(() => {
+			tableRef.value.refresh(true)
+		})
+	}
+	// 批量删除
+	const deleteBatchProject = (params) => {
+		projectApi.projectDelete(params).then(() => {
+			tableRef.value.clearRefreshSelected()
+		})
+	}
+</script>

nl-vue/src/views/pmm/project/request/description.vue

@@ -0,0 +1,62 @@
+<template>
+	<a-card :bordered="false">
+		<a-spin :spinning="loading">
+			<section v-if="projectDetail">
+				<pre>{{ projectDetail }}</pre>
+			</section>
+			<a-empty v-else description="暂无数据" />
+		</a-spin>
+	</a-card>
+</template>
+
+<script setup lang="ts" name="Description">
+	import { computed, ref, watch } from 'vue'
+	import { useRoute } from 'vue-router'
+	import projectApi from '@/api/pmm/projectApi'
+
+	const route = useRoute()
+
+	const loading = ref(false)
+	const projectDetail = ref<Record<string, any> | null>(null)
+
+	const parsedQuery = computed(() => {
+		const payload = route.query.item as string | undefined
+		if (!payload) return null
+		try {
+			return JSON.parse(decodeURIComponent(payload))
+		} catch (error) {
+			console.warn('解析项目详情失败', error)
+			return null
+		}
+	})
+
+	const projectId = computed(() => parsedQuery.value?.projectId)
+
+	const fetchDetail = () => {
+		if (!projectId.value) {
+			projectDetail.value = null
+			return
+		}
+		loading.value = true
+		projectApi
+			.requestDetail({ projectId: projectId.value })
+			.then((data) => {
+				projectDetail.value = data
+			})
+			.catch((error) => {
+				console.warn('获取项目详情失败', error)
+				projectDetail.value = null
+			})
+			.then(() => {
+				loading.value = false
+			})
+	}
+
+	watch(projectId, () => {
+		fetchDetail()
+	}, { immediate: true })
+</script>
+
+<style scoped>
+
+</style>

nl-vue/src/views/pmm/project/request/index.vue

@@ -0,0 +1,102 @@
+<template>
+	<a-card :bordered="false">
+		<s-table
+			ref="tableRef"
+			:columns="columns"
+			:data="loadData"
+			:alert="options.alert.show"
+			bordered
+			:row-key="(record) => record.projectId"
+			:tool-config="toolConfig"
+			:row-selection="options.rowSelection"
+		>
+			<template #bodyCell="{ column, record }">
+				<template v-if="column.dataIndex === 'projectName'">
+					<a @click="toDescriptionWeb(record)">{{ record.projectName }}</a>
+				</template>
+			</template>
+		</s-table>
+	</a-card>
+</template>
+
+<script setup name="projectRequest">
+	import { useRouter } from 'vue-router'
+	import projectApi from '@/api/pmm/projectApi'
+	const router = useRouter()
+	const tableRef = ref()
+	const formRef = ref()
+	const toolConfig = { refresh: true, height: true, columnSetting: true, striped: false }
+	const columns = [
+		{
+			title: '项目编码',
+			dataIndex: 'projectCode'
+		},
+		{
+			title: '项目名称',
+			dataIndex: 'projectName'
+		},
+		{
+			title: '项目经理',
+			dataIndex: 'projectManage'
+		},
+		{
+			title: '产品需求',
+			dataIndex: 'requireManage'
+		},
+		{
+			title: '开发组',
+			dataIndex: 'devGroup'
+		},
+		{
+			title: '开始时间',
+			dataIndex: 'startTime'
+		},
+		{
+			title: '结束时间',
+			dataIndex: 'endTime'
+		},
+	]
+	// 操作栏通过权限判断是否显示
+	// if (hasPerm(['projectEdit', 'projectDelete'])) {
+	// 	columns.push({
+	// 		title: '操作',
+	// 		dataIndex: 'action',
+	// 		align: 'center',
+	// 		width: 150
+	// 	})
+	// }
+	const selectedRowKeys = ref([])
+	// 列表选择配置
+	const options = {
+		// columns数字类型字段加入 needTotal: true 可以勾选自动算账
+		alert: {
+			show: false,
+			clear: () => {
+				selectedRowKeys.value = ref([])
+			}
+		},
+		rowSelection: {
+			onChange: (selectedRowKey, selectedRows) => {
+				selectedRowKeys.value = selectedRowKey
+			}
+		}
+	}
+	const loadData = (parameter) => {
+		return projectApi.projectPage(parameter).then((data) => {
+			return data
+		})
+	}
+	// 重置
+	const reset = () => {
+		searchFormRef.value.resetFields()
+		tableRef.value.refresh(true)
+	}
+	const toDescriptionWeb = (item) => {
+		router.push({
+			path: '/pmm/project/request/description',
+			query: {
+				item: encodeURIComponent(JSON.stringify(item))
+			}
+		})
+	}
+</script>