需求功能前后端代码实现
This commit is contained in:
pfl
@@ -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()));
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -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>
|
||||
41
test-ui/src/api/test/project.js
Normal file
41
test-ui/src/api/test/project.js
Normal file
@@ -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}
|
||||
})
|
||||
}
|
||||
|
||||
33
test-ui/src/components/FormItem/option/SimpleOptions.vue
Normal file
33
test-ui/src/components/FormItem/option/SimpleOptions.vue
Normal file
@@ -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>
|
||||
419
test-ui/src/views/test/project/index.vue
Normal file
419
test-ui/src/views/test/project/index.vue
Normal file
@@ -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>
|
||||
Reference in New Issue
Block a user