diff --git a/test-test/src/main/java/com/test/test/controller/TestProjectController.java b/test-test/src/main/java/com/test/test/controller/TestProjectController.java
new file mode 100644
index 0000000..c9b32ba
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/controller/TestProjectController.java
@@ -0,0 +1,59 @@
+package com.test.test.controller;
+
+import com.test.common.annotation.Log;
+import com.test.common.core.controller.BaseController;
+import com.test.common.core.domain.AjaxResult;
+import com.test.common.core.page.TableDataInfo;
+import com.test.common.enums.BusinessType;
+import com.test.test.domain.TestProject;
+import com.test.test.domain.qo.IDQO;
+import com.test.test.domain.qo.TestProjectListQO;
+import com.test.test.service.ITestProjectService;
+import jakarta.annotation.Resource;
+import java.util.List;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+@Slf4j
+@RestController
+@RequestMapping("/test/project")
+public class TestProjectController extends BaseController {
+
+    @Resource
+    private ITestProjectService testProjectService;
+
+    /**
+     * 查询需求列表
+     * @param qo
+     * @return
+     */
+    @GetMapping("/projectList")
+    public TableDataInfo projectList(@Validated TestProjectListQO qo) {
+        startPage();
+        List<TestProject> list = testProjectService.selectTestProjectList(qo);
+        return getDataTable(list);
+    }
+
+    /**
+     * 新增需求
+     */
+    @Log(title = "需求", businessType = BusinessType.INSERT)
+    @PostMapping("/addProject")
+    public AjaxResult addProject(@RequestBody TestProject testProject) {
+        return toAjax(testProjectService.insertTestProject(testProject));
+    }
+
+    /**
+     * 删除需求
+     */
+    @Log(title = "需求", businessType = BusinessType.DELETE)
+    @PostMapping("/delProject")
+    public AjaxResult delProject(@RequestBody IDQO qo) {
+        return toAjax(testProjectService.deleteTestProjectById(qo.getId()));
+    }
+}
diff --git a/test-test/src/main/java/com/test/test/domain/TestProject.java b/test-test/src/main/java/com/test/test/domain/TestProject.java
new file mode 100644
index 0000000..b2cb9b2
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/domain/TestProject.java
@@ -0,0 +1,68 @@
+package com.test.test.domain;
+
+import com.fasterxml.jackson.annotation.JsonFormat;
+import com.test.common.annotation.Excel;
+import com.test.common.core.domain.BaseEntity;
+import java.util.Date;
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+@Getter
+@Setter
+@ToString
+public class TestProject extends BaseEntity {
+
+    private static final long serialVersionUID = -8420426086386159695L;
+
+    /** 主键 */
+    private Long id;
+
+    /** 需求编码 */
+    @Excel(name = "需求编码")
+    private String serialNumber;
+
+    /** 需求名称 */
+    @Excel(name = "需求名称")
+    private String name;
+
+    /** 需求概要 */
+    @Excel(name = "需求概要")
+    private String outline;
+
+    /** 需求描述 */
+    @Excel(name = "需求描述")
+    private String detail;
+
+    /** 优先级(p0,p1,p2,p3,p4) */
+    @Excel(name = "优先级(p0,p1,p2,p3,p4)")
+    private String priority;
+
+    /** 预计完成时间 */
+    @JsonFormat(pattern = "yyyy-MM-dd")
+    @Excel(name = "预计完成时间", width = 30, dateFormat = "yyyy-MM-dd")
+    private Date estimatedTime;
+
+    /** 需求来源(0,产品经理,1,客户) */
+    @Excel(name = "需求来源(0,产品经理,1,客户)")
+    private String source;
+
+    /** 需求类型(0,优化,1,新功能) */
+    @Excel(name = "需求类型(0,优化,1,新功能)")
+    private String type;
+
+    /** 状态(0,未开始,1,进行中,2,已完成,3,已终止) */
+    @Excel(name = "状态(0,未开始,1,进行中,2,已完成,3,已终止)")
+    private String status;
+
+    /** 负责人 */
+    @Excel(name = "负责人")
+    private String manager;
+
+    /** 版本 */
+    @Excel(name = "版本")
+    private String version;
+
+    /** 0,正常,1,删除 */
+    private String delFlag;
+}
diff --git a/test-test/src/main/java/com/test/test/domain/qo/TestProjectListQO.java b/test-test/src/main/java/com/test/test/domain/qo/TestProjectListQO.java
new file mode 100644
index 0000000..80fcf14
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/domain/qo/TestProjectListQO.java
@@ -0,0 +1,51 @@
+package com.test.test.domain.qo;
+
+import java.io.Serializable;
+import java.util.Date;
+import lombok.Data;
+
+/**
+ * 查询需求列表请求参数qo
+ *
+ * @author pfl
+ */
+@Data
+public class TestProjectListQO implements Serializable {
+
+    private static final long serialVersionUID = 4632218018365273102L;
+
+    /**
+     * 需求编码
+     */
+    private String serialNumber;
+
+    /**
+     * 需求概要
+     */
+    private String outline;
+
+    /**
+     * 开始创建时间
+     */
+    private Date startCreateTime;
+
+    /**
+     * 结束创建时间
+     */
+    private Date endCreateTime;
+
+    /**
+     * 负责人
+     */
+    private String manager;
+
+    /**
+     * 优先级(p0,p1,p2,p3,p4)
+     */
+    private String priority;
+
+    /**
+     * 状态(0,未开始,1,进行中,2,已完成,3,已终止)
+     */
+    private String status;
+}
diff --git a/test-test/src/main/java/com/test/test/mapper/TestProjectMapper.java b/test-test/src/main/java/com/test/test/mapper/TestProjectMapper.java
new file mode 100644
index 0000000..94486a4
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/mapper/TestProjectMapper.java
@@ -0,0 +1,30 @@
+package com.test.test.mapper;
+
+import com.test.test.domain.TestProject;
+import com.test.test.domain.qo.TestProjectListQO;
+import java.util.List;
+
+public interface TestProjectMapper {
+
+    /**
+     * 查询需求列表
+     * @param qo
+     * @return
+     */
+    List<TestProject> selectTestProjectList(TestProjectListQO qo);
+
+    /**
+     * 新增需求
+     * @param testProject
+     * @return
+     */
+    int insertTestProject(TestProject testProject);
+
+    /**
+     * 删除需求
+     * @param id
+     * @return
+     */
+    int deleteTestProjectById(Long id);
+}
+
diff --git a/test-test/src/main/java/com/test/test/service/ITestProjectService.java b/test-test/src/main/java/com/test/test/service/ITestProjectService.java
new file mode 100644
index 0000000..702e7f9
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/service/ITestProjectService.java
@@ -0,0 +1,34 @@
+package com.test.test.service;
+
+import com.test.test.domain.TestProject;
+import com.test.test.domain.qo.TestProjectListQO;
+import java.util.List;
+
+/**
+ * 需求Service接口
+ *
+ * @author pfl
+ */
+public interface ITestProjectService {
+
+    /**
+     * 查询需求列表
+     * @param qo
+     * @return
+     */
+    List<TestProject> selectTestProjectList(TestProjectListQO qo);
+
+    /**
+     * 新增需求
+     * @param testProject
+     * @return
+     */
+    public int insertTestProject(TestProject testProject);
+
+    /**
+     * 删除需求
+     * @param id
+     * @return
+     */
+    public int deleteTestProjectById(Long id);
+}
diff --git a/test-test/src/main/java/com/test/test/service/impl/TestProjectServiceImpl.java b/test-test/src/main/java/com/test/test/service/impl/TestProjectServiceImpl.java
new file mode 100644
index 0000000..f6bdcab
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/service/impl/TestProjectServiceImpl.java
@@ -0,0 +1,56 @@
+package com.test.test.service.impl;
+
+import com.test.common.utils.DateUtils;
+import com.test.test.domain.TestProject;
+import com.test.test.domain.qo.TestProjectListQO;
+import com.test.test.mapper.TestProjectMapper;
+import com.test.test.service.ITestProjectService;
+import jakarta.annotation.Resource;
+import java.util.List;
+import org.springframework.stereotype.Service;
+
+@Service
+public class TestProjectServiceImpl implements ITestProjectService {
+    // 0正常，1删除
+    private static final String DEL_FLAG = "0";
+
+    // 状态： 0未开始，1进行中，2已完成，3已终止
+    private static final String STATUS = "0";
+
+    @Resource
+    private TestProjectMapper testProjectMapper;
+
+    /**
+     * 查询需求列表
+     * @param qo
+     * @return TestProject
+     */
+    @Override
+    public List<TestProject> selectTestProjectList(TestProjectListQO qo) {
+        return testProjectMapper.selectTestProjectList(qo);
+    }
+
+    /**
+     * 新增需求
+     * @param testProject
+     * @return
+     */
+    @Override
+    public int insertTestProject(TestProject testProject) {
+        testProject.setStatus(STATUS);
+        testProject.setCreateTime(DateUtils.getNowDate());
+        testProject.setDelFlag(DEL_FLAG);
+        return testProjectMapper.insertTestProject(testProject);
+    }
+
+    /**
+     * 删除需求
+     * @param id
+     * @return
+     */
+    @Override
+    public int deleteTestProjectById(Long id) {
+        return testProjectMapper.deleteTestProjectById(id);
+    }
+
+}
diff --git a/test-test/src/main/resources/mapper/test/TestProjectMapper.xml b/test-test/src/main/resources/mapper/test/TestProjectMapper.xml
new file mode 100644
index 0000000..be70d3c
--- /dev/null
+++ b/test-test/src/main/resources/mapper/test/TestProjectMapper.xml
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper
+  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+  "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.test.test.mapper.TestProjectMapper">
+
+  <insert id="insertTestProject" parameterType="testProject" useGeneratedKeys="true" keyProperty="id">
+    INSERT INTO test_project (
+    <trim prefix="" suffix="" suffixOverrides=",">
+      <if test="id != null">id,</if>
+      <if test="serialNumber != null and serialNumber != ''">serial_number,</if>
+      <if test="name != null and name != ''">name,</if>
+      <if test="outline != null and outline != ''">outline,</if>
+      <if test="detail != null and detail != ''">detail,</if>
+      <if test="priority != null and priority != ''">priority,</if>
+      <if test="estimatedTime != null">estimated_time,</if>
+      <if test="source != null and source != ''">source,</if>
+      <if test="type != null and type != ''">type,</if>
+      <if test="status != null and status != ''">status,</if>
+      <if test="manager != null and manager != ''">manager,</if>
+      <if test="createTime != null">create_time,</if>
+      <if test="updateTime != null">update_time,</if>
+      <if test="version != null">version,</if>
+      <if test="delFlag != null and delFlag != ''">del_flag,</if>
+    </trim>
+    ) VALUES (
+    <trim prefix="" suffix="" suffixOverrides=",">
+      <if test="id != null">#{id},</if>
+      <if test="serialNumber != null and serialNumber != ''">#{serialNumber},</if>
+      <if test="name != null and name != ''">#{name},</if>
+      <if test="outline != null and outline != ''">#{outline},</if>
+      <if test="detail != null and detail != ''">#{detail},</if>
+      <if test="priority != null and priority != ''">#{priority},</if>
+      <if test="estimatedTime != null">#{estimatedTime},</if>
+      <if test="source != null and source != ''">#{source},</if>
+      <if test="type != null and type != ''">#{type},</if>
+      <if test="status != null and status != ''">#{status},</if>
+      <if test="manager != null and manager != ''">#{manager},</if>
+      <if test="createTime != null">#{createTime},</if>
+      <if test="updateTime != null">#{updateTime},</if>
+      <if test="version != null">#{version},</if>
+      <if test="delFlag != null and delFlag != ''">#{delFlag},</if>
+    </trim>
+    )
+  </insert>
+
+  <delete id="deleteTestProjectById">
+    DELETE
+    FROM test_project
+    WHERE id = #{id}
+  </delete>
+
+  <select id="selectTestProjectList" parameterType="TestProjectListQO" resultType="TestProject">
+    SELECT
+    tp.id AS id,
+    tp.serial_number AS serialNumber,
+    tp.name ,
+    tp.outline,
+    tp.detail,
+    tp.priority,
+    tp.estimated_time AS estimatedTime,
+    tp.source,
+    tp.type,
+    tp.status,
+    su.user_name AS manager,
+    tp.create_time AS createTime,
+    tp.version,
+    tp.del_flag
+    FROM test_project tp
+    LEFT JOIN sys_user su ON su.user_id = tp.manager
+      where 1=1
+        <if test="serialNumber != null and serialNumber != ''">
+        AND serial_number LIKE concat('%', #{serialNumber}, '%')
+      </if>
+      <if test="outline != null and outline != ''">
+        AND outline LIKE concat('%', #{outline}, '%')
+      </if>
+      <if test="startCreateTime != null">
+        AND DATE_FORMAT(IFNULL(tp.create_time,''),'%Y%m%d') <![CDATA[ >= ]]> DATE_FORMAT(#{startCreateTime},'%Y%m%d')
+      </if>
+      <if test="endCreateTime != null">
+        AND DATE_FORMAT(IFNULL(tp.create_time,''),'%Y%m%d') <![CDATA[ <= ]]> DATE_FORMAT(#{endCreateTime},'%Y%m%d')
+      </if>
+      <if test="manager != null and manager != ''">
+        AND manager = #{manager}
+      </if>
+      <if test="priority != null and priority != ''">
+        AND priority = #{priority}
+      </if>
+      <if test="status !=null and status != ''">
+        AND tp.status = #{status}
+      </if>
+  </select>
+</mapper>
\ No newline at end of file
diff --git a/test-ui/src/api/test/project.js b/test-ui/src/api/test/project.js
new file mode 100644
index 0000000..5c44f33
--- /dev/null
+++ b/test-ui/src/api/test/project.js
@@ -0,0 +1,41 @@
+import request from '@/utils/request'
+
+const api = {
+  managerList: 'system/user/list',
+  projectList: 'test/project/projectList',
+  addProject: 'test/project/addProject',
+  delProject: 'test/project/delProject'
+}
+
+export function managerList(data) {
+  return request({
+    url: api.managerList,
+    method: 'get',
+    data
+  })
+}
+
+export function getProjectList(data) {
+  return request({
+    url: api.projectList,
+    method: 'get',
+    params: data
+  })
+}
+
+export function addProject(data) {
+  return request({
+    url: api.addProject,
+    method: 'post',
+    data
+  })
+}
+
+export function delProject(id) {
+  return request({
+    url: api.delProject,
+    method: 'post',
+    data: {id}
+  })
+}
+
diff --git a/test-ui/src/components/FormItem/option/SimpleOptions.vue b/test-ui/src/components/FormItem/option/SimpleOptions.vue
new file mode 100644
index 0000000..ea9c351
--- /dev/null
+++ b/test-ui/src/components/FormItem/option/SimpleOptions.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="options">
+    <el-option
+      v-for="(option, i) in options"
+      :key="getKey(option, i)"
+      :label="getLabel(option, i)"
+      :value="getValue(option, i)"
+      :disabled="option.disabled"
+    ></el-option>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SimpleOptions',
+  props: {
+    options: Array,
+    label: String,
+    value: String,
+  },
+  methods: {
+    getKey(option, i) {
+      return 'option_' + i
+    },
+    getLabel(option) {
+      return this.label ? option[this.label] : option.label
+    },
+    getValue(option) {
+      return this.value ? option[this.value] : option.value
+    },
+  },
+}
+</script>
diff --git a/test-ui/src/views/test/project/index.vue b/test-ui/src/views/test/project/index.vue
new file mode 100644
index 0000000..015b55b
--- /dev/null
+++ b/test-ui/src/views/test/project/index.vue
@@ -0,0 +1,419 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部导航 -->
+    <el-row :gutter="10">
+      <el-col :span="24">
+        <el-header class="header">
+          <div class="head1">
+            <span style="font-size: 18px; font-weight: bold; margin-right: 20px;">需求列表</span>
+          </div>
+          <div class="head2">
+            <el-input :placeholder="placeholderText" v-model="query" class="input-with-select" clearable>
+              <el-select v-model="select" slot="prepend" placeholder="请选择" style="width: 80px;">
+                <el-option label="概要" value="1"></el-option>
+                <el-option label="ID" value="2"></el-option>
+              </el-select>
+              <el-button slot="append" icon="el-icon-search" @click="handleQuery"></el-button>
+            </el-input>
+            <el-button
+              type="primary"
+              size="medium"
+              style="margin-right: 10px;"
+              @click="handleCollapse(!activeNames.includes('1'))"
+            >高级筛选
+            </el-button>
+            <el-dropdown trigger="click" placement="bottom-end">
+              <span class="el-dropdown-link">
+                列表视图<i class="el-icon-arrow-down el-icon--right"></i>
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item>列表视图</el-dropdown-item>
+                <el-dropdown-item>看板视图</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            <el-button type="primary" size="medium" style="margin-left: 10px;" @click="addProjectVue">新建需求</el-button>
+          </div>
+        </el-header>
+      </el-col>
+    </el-row>
+
+    <el-collapse v-model="activeNames">
+      <el-collapse-item class="collapse-search" name="1">
+        <el-form ref="queryForm" :model="queryParams" label-width="110px">
+          <el-row :gutter="10" class="high-search">
+            <el-form-item label="创建时间">
+              <el-date-picker
+                v-model="queryParams.createTime"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                value-format="yyyy-MM-dd"
+              ></el-date-picker>
+            </el-form-item>
+            <el-form-item label="负责人">
+              <el-select v-model="queryParams.manager" placeholder="请选择" clearable filterable>
+                <simple-options :options="managerList"/>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="优先级">
+              <el-select v-model="queryParams.priority" placeholder="请选择" clearable filterable>
+                <simple-options :options="dict.type.priority_level"/>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" size="mini" icon="el-icon-search" @click="handleAdvancedSearch">搜索</el-button>
+              <el-button icon="el-icon-refresh" size="mini" @click="resetAdvancedFilter">重置</el-button>
+            </el-form-item>
+          </el-row>
+        </el-form>
+      </el-collapse-item>
+    </el-collapse>
+
+    <!-- 标签页 -->
+    <el-tabs v-model="activeTab" @tab-click="handleTabClick" style="margin-top: 10px;">
+      <el-tab-pane :label="'全部(' + statusCounts.all + ')'" name="all"></el-tab-pane>
+      <el-tab-pane :label="'未开始(' + statusCounts.notStarted + ')'" name="0"></el-tab-pane>
+      <el-tab-pane :label="'进行中(' + statusCounts.inProgress + ')'" name="1"></el-tab-pane>
+      <el-tab-pane :label="'已完成(' + statusCounts.completed + ')'" name="2"></el-tab-pane>
+      <el-tab-pane :label="'已终止(' + statusCounts.terminated + ')'" name="3"></el-tab-pane>
+
+      <el-Table v-loading="loading" :data="list">
+        <el-table-column type="selection"/>
+        <el-table-column prop="serialNumber" label="ID" align="center"/>
+        <el-table-column prop="version" label="版本" align="center"/>
+        <el-table-column prop="outline" label="概要" align="center"/>
+        <el-table-column prop="priority" label="优先级" align="center"/>
+        <el-table-column prop="status" label="状态" align="center">
+          <template #default="{ row }">
+            <dict-tag :options="dict.type.status" :value="row.status"/>
+          </template>
+        </el-table-column>
+        <el-table-column prop="manager" label="负责人" align="center"/>
+        <el-table-column prop="createTime" label="创建时间" align="center"/>
+        <el-table-column label="操作" align="left" fixed="right">
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" icon="el-icon-delete" @click.native.stop="handleDelete(scope.row.id)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-Table>
+    </el-tabs>
+
+    <!-- 操作按钮 -->
+    <div style="margin-top: 10px; display: flex; justify-content: space-between; align-items: center;">
+      <div>
+        <el-button type="primary" size="small">全部导出</el-button>
+        <el-button size="small">批量导出</el-button>
+      </div>
+      <div>
+        <pagination
+          v-show="total > 0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+
+    <el-dialog title="新建需求" :visible.sync="addOpen" width="90%">
+      <el-form ref="form" :rules="rules" :model="form" label-width="110px" label-position="right">
+        <el-container>
+          <el-main>
+            <el-form-item label="需求概要" prop="outline">
+              <el-input v-model="form.outline" placeholder="请输入"></el-input>
+            </el-form-item>
+            <!-- 描述 -->
+            <el-form-item label="描述" prop="detail">
+              <el-input type="textarea" v-model="form.detail" :rows="22"></el-input>
+            </el-form-item>
+          </el-main>
+          <el-aside width="450px" class="basic-information">
+            <h3>基础信息</h3>
+            <el-form-item label="需求名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="需求ID" prop="serialNumber">
+              <el-input v-model="form.serialNumber" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="负责人" prop="manager">
+              <el-select v-model="form.manager" placeholder="请选择负责人" clearable>
+                <SimpleOptions :options="managerList"/>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="优先级" prop="priority">
+              <el-select v-model="form.priority" placeholder="未设置" clearable filterable>
+                <simple-options :options="dict.type.priority_level"/>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="预期完成时间" prop="estimatedTime">
+              <el-date-picker
+                style="width: 100%"
+                v-model="form.estimatedTime"
+                type="date"
+                placeholder="请选择预期完成时间"
+              ></el-date-picker>
+            </el-form-item>
+            <el-form-item label="需求来源" prop="source">
+              <el-select v-model="form.source" placeholder="未设置" clearable>
+                <simple-options :options="dict.type.project_source"/>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="需求类型" prop="type">
+              <el-select v-model="form.type" placeholder="未设置" clearable>
+                <simple-options :options="dict.type.project_type"/>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="版本" prop="version">
+              <el-input v-model="form.version" placeholder="请输入版本"></el-input>
+            </el-form-item>
+          </el-aside>
+        </el-container>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="addOpen = false">取 消</el-button>
+    <el-button type="primary" @click="submitForm">确 定</el-button>
+  </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {addProject, delProject, getProjectList, managerList} from "@/api/test/project";
+import SimpleOptions from "@/components/FormItem/option/SimpleOptions.vue";
+import {delCase} from "@/api/test/case";
+
+export default {
+  name: 'project',
+  components: {SimpleOptions},
+  dicts: ['priority_level', 'project_source', 'project_type', 'status'],
+  data() {
+    return {
+      statusCounts: {
+        all: 0,
+        notStarted: 0,
+        inProgress: 0,
+        completed: 0,
+        terminated: 0
+      },
+      query: '',
+      rules: {
+        serialNumber: [{required: true, message: '请输入需求ID', trigger: 'blur'}],
+        detail: [{required: true, message: '请输入描述', trigger: 'blur'}],
+        name: [{required: true, message: '请输入需求名称', trigger: 'blur'}],
+        outline: [{required: true, message: '请输入需求概要', trigger: 'blur'}],
+        manager: [{required: true, message: '请选择负责人', trigger: 'blur'}],
+        priority: [{required: true, message: '请选择优先级', trigger: 'blur'}],
+        estimatedTime: [{required: true, message: '请选择预期完成时间', trigger: 'blur'}],
+        source: [{required: true, message: '请选择需求来源', trigger: 'blur'}],
+        type: [{required: true, message: '请选择需求类型', trigger: 'blur'}]
+      },
+      input3: '',
+      select: '1',
+      searchKeyword: '',
+      activeTab: 'all',
+      total: 0,
+      list: [],
+      // 遮罩层
+      loading: false,
+      submitLoading: false,
+      //新增弹窗
+      addOpen: false,
+      managerList: [],
+      queryParams: {
+        serialNumber: '',
+        outline: '',
+        manager: '',
+        priority: '',
+        createTime: [],
+        pageNum: 1,
+        pageSize: 10,
+      },
+      activeNames: [], // 控制 collapse 的展开状态
+      form: {
+        serialNumber: '',
+        name: '',
+        outline: '',
+        detail: '',
+        manager: '',
+        priority: '',
+        estimatedTime: '',
+        source: '',
+        type: '',
+        version: ''
+      }
+    };
+  },
+  created() {
+    this.getList();
+    this.getManagerList();
+  },
+  computed: {
+    placeholderText() {
+      return this.select === '1' ? '请输入需求概要搜索' : '请输入需求ID搜索';
+    },
+  },
+  methods: {
+    handleTabClick(tab) {
+      this.activeTab = tab.name;
+      this.getList();
+    },
+    // 获取负责人列表
+    getManagerList() {
+      managerList()
+      .then((list) => {
+        this.managerList = (list.rows || []).map((e) => ({value: e.userId, label: e.userName}))
+      })
+    },
+    // 搜索
+    handleQuery() {
+      if (this.select === '1') {
+        this.queryParams.outline = this.query;
+        this.queryParams.serialNumber = '';
+      } else if (this.select === '2') {
+        this.queryParams.serialNumber = this.query;
+        this.queryParams.outline = '';
+      }
+      this.getList();
+    },
+    addProjectVue() {
+      this.addOpen = true;
+      this.reset();
+    },
+    /** 查询列表 */
+    getList() {
+      this.loading = true
+      const [startCreateTime, endCreateTime] = this.queryParams.createTime || []
+      const queryParams = {
+        ...this.queryParams,
+        startCreateTime,
+        endCreateTime,
+        status: this.activeTab !== 'all' ? this.activeTab : ''
+      }
+      getProjectList(queryParams).then(list => {
+        this.list = list.rows;
+        this.total = list.total;
+        this.loading = false
+
+        // 统计状态数量
+        this.statusCounts.all = this.total;
+        this.statusCounts.notStarted = this.list.filter(item => item.status === '0').length;
+        this.statusCounts.inProgress = this.list.filter(item => item.status === '1').length;
+        this.statusCounts.completed = this.list.filter(item => item.status === '2').length;
+        this.statusCounts.terminated = this.list.filter(item => item.status === '3').length
+      })
+    },
+    // 表单重置
+    reset() {
+      const form = {}
+      Object.keys(this.form).forEach((key) => {
+        form[key] = ''
+      })
+      this.form = form
+      this.resetForm('form')
+    },
+    // 展开/折叠
+    handleCollapse(val) {
+      this.activeNames = val ? ['1'] : [];
+    },
+    handleAdvancedSearch() {
+      // 高级筛选条件搜索
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    resetAdvancedFilter() {
+      // 重置高级筛选条件
+      this.resetForm('queryFrom')
+      this.handleAdvancedSearch()
+    },
+    submitForm() {
+      const form = {
+        ...this.form,
+      }
+      console.log('submit', form)
+      this.$refs?.form.validate((valid) => {
+        if (!valid) {
+          return
+        }
+        this.submitLoading = true
+        addProject(form)
+        .then(() => {
+          this.$message.success('添加成功')
+          this.addOpen = false
+          this.getList()
+        })
+        .catch(() => {
+          this.$message.error('添加失败')
+        })
+        .finally(() => {
+          this.submitLoading = false
+        })
+      })
+    },
+    handleDelete(id) {
+      this.$modal.confirm('是否确认删除需求？').then(function () {
+        return delProject(id);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.input-with-select {
+  background-color: #ffffff;
+  width: 300px;
+}
+
+.collapse-search {
+  ::v-deep .el-collapse-item__header {
+    display: none;
+  }
+}
+
+.high-search {
+  display: flex;
+  justify-content: space-between;
+  padding-top: 40px;
+  background-color: rgb(248, 248, 249);
+}
+
+.header {
+  padding: 10px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.head1 {
+  display: flex;
+  align-items: center;
+}
+
+.head2 {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  justify-content: flex-end;
+  column-gap: 10px;
+}
+
+.el-dialog .el-form {
+  width: 100%;
+}
+
+.el-dialog .el-form-item {
+  margin-bottom: 20px;
+}
+
+.el-dialog .el-textarea {
+  width: 100%;
+}
+
+.basic-information {
+  background-color: rgb(248, 248, 249) !important;
+}
+</style>