Skip to content

D
dakong-digital-management
Commit a50e99d1 authored by 耿迪迪's avatar 耿迪迪
Browse files
Options

项目资料

parent b5353705
Hide whitespace changes
Inline Side-by-side
Showing with 1271 additions and 2 deletions
digital-management-admin/src/main/java/com/zehong/web/controller/project/TProductProjectController.java 0 → 100644
View file @ a50e99d1
package com.zehong.web.controller.project;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PutMapping;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import com.zehong.common.annotation.Log;
import com.zehong.common.core.controller.BaseController;
import com.zehong.common.core.domain.AjaxResult;
import com.zehong.common.enums.BusinessType;
import com.zehong.system.domain.project.TProductProject;
import com.zehong.system.service.project.ITProductProjectService;
import com.zehong.common.utils.poi.ExcelUtil;
import com.zehong.common.core.page.TableDataInfo;
/**
* 项目资料Controller
*
* @author zehong
* @date 2024-08-19
*/
@RestController
@RequestMapping("/project/info")
public class TProductProjectController extends BaseController
{
@Autowired
private ITProductProjectService tProductProjectService;
/**
* 查询项目资料列表
*/
//@PreAuthorize("@ss.hasPermi('system:project:list')")
@GetMapping("/list")
public TableDataInfo list(TProductProject tProductProject)
{
startPage();
List<TProductProject> list = tProductProjectService.selectTProductProjectList(tProductProject);
return getDataTable(list);
}
/**
* 导出项目资料列表
*/
//@PreAuthorize("@ss.hasPermi('system:project:export')")
@Log(title = "项目资料", businessType = BusinessType.EXPORT)
@GetMapping("/export")
public AjaxResult export(TProductProject tProductProject)
{
List<TProductProject> list = tProductProjectService.selectTProductProjectList(tProductProject);
ExcelUtil<TProductProject> util = new ExcelUtil<TProductProject>(TProductProject.class);
return util.exportExcel(list, "项目资料数据");
}
/**
* 获取项目资料详细信息
*/
//@PreAuthorize("@ss.hasPermi('system:project:query')")
@GetMapping(value = "/{id}")
public AjaxResult getInfo(@PathVariable("id") Long id)
{
return AjaxResult.success(tProductProjectService.selectTProductProjectById(id));
}
/**
* 新增项目资料
*/
//@PreAuthorize("@ss.hasPermi('system:project:add')")
@Log(title = "项目资料", businessType = BusinessType.INSERT)
@PostMapping
public AjaxResult add(@RequestBody TProductProject tProductProject)
{
return toAjax(tProductProjectService.insertTProductProject(tProductProject));
}
/**
* 修改项目资料
*/
//@PreAuthorize("@ss.hasPermi('system:project:edit')")
@Log(title = "项目资料", businessType = BusinessType.UPDATE)
@PutMapping
public AjaxResult edit(@RequestBody TProductProject tProductProject)
{
return toAjax(tProductProjectService.updateTProductProject(tProductProject));
}
/**
* 删除项目资料
*/
//@PreAuthorize("@ss.hasPermi('system:project:remove')")
@Log(title = "项目资料", businessType = BusinessType.DELETE)
@DeleteMapping("/{ids}")
public AjaxResult remove(@PathVariable Long[] ids)
{
return toAjax(tProductProjectService.deleteTProductProjectByIds(ids));
}
}
digital-management-admin/src/main/resources/application.yml
View file @ a50e99d1
...@@ -31,9 +31,9 @@ spring: ...@@ -31,9 +31,9 @@ spring:
servlet: servlet:
multipart: multipart:
# 单个文件大小 # 单个文件大小
max-file-size: 10MB max-file-size: 50MB
# 设置总上传的文件大小 # 设置总上传的文件大小
max-request-size: 20MB max-request-size: 50MB
# 服务模块 # 服务模块
devtools: devtools:
restart: restart:
......
digital-management-system/src/main/java/com/zehong/system/domain/project/TProductProject.java 0 → 100644
View file @ a50e99d1
package com.zehong.system.domain.project;
import java.util.Date;
import com.fasterxml.jackson.annotation.JsonFormat;
import org.apache.commons.lang3.builder.ToStringBuilder;
import org.apache.commons.lang3.builder.ToStringStyle;
import com.zehong.common.annotation.Excel;
import com.zehong.common.core.domain.BaseEntity;
/**
* 项目资料对象 t_product_project
*
* @author zehong
* @date 2024-08-19
*/
public class TProductProject extends BaseEntity
{
private static final long serialVersionUID = 1L;
/** $column.columnComment */
private Long id;
/** 项目名称 */
@Excel(name = "项目名称")
private String title;
/** 项目编号 */
@Excel(name = "项目编号")
private String number;
/** 项目分类 */
@Excel(name = "项目分类",dictType = "t_project_type")
private String cateId;
/** 项目描述 */
private String content;
/** 开始时间 */
@JsonFormat(pattern = "yyyy-MM-dd")
@Excel(name = "开始时间", width = 30, dateFormat = "yyyy-MM-dd")
private Date starttime;
/** 结束时间 */
@JsonFormat(pattern = "yyyy-MM-dd")
@Excel(name = "结束时间", width = 30, dateFormat = "yyyy-MM-dd")
private Date endtime;
/** 项目附件 */
@Excel(name = "项目附近")
private String fileUrl;
/** 负责人 */
@Excel(name = "负责人")
private String username;
/** 联系电话 */
@Excel(name = "联系电话")
private String tel;
/** 项目状态 */
@Excel(name = "项目状态",dictType = "t_project_status")
private String status;
/** $column.columnComment */
private Long createId;
public void setId(Long id)
{
this.id = id;
}
public Long getId()
{
return id;
}
public void setTitle(String title)
{
this.title = title;
}
public String getTitle()
{
return title;
}
public void setNumber(String number)
{
this.number = number;
}
public String getNumber()
{
return number;
}
public void setCateId(String cateId)
{
this.cateId = cateId;
}
public String getCateId()
{
return cateId;
}
public void setContent(String content)
{
this.content = content;
}
public String getContent()
{
return content;
}
public void setStarttime(Date starttime)
{
this.starttime = starttime;
}
public Date getStarttime()
{
return starttime;
}
public void setEndtime(Date endtime)
{
this.endtime = endtime;
}
public Date getEndtime()
{
return endtime;
}
public void setFileUrl(String fileUrl)
{
this.fileUrl = fileUrl;
}
public String getFileUrl()
{
return fileUrl;
}
public void setUsername(String username)
{
this.username = username;
}
public String getUsername()
{
return username;
}
public void setTel(String tel)
{
this.tel = tel;
}
public String getTel()
{
return tel;
}
public void setStatus(String status)
{
this.status = status;
}
public String getStatus()
{
return status;
}
public void setCreateId(Long createId)
{
this.createId = createId;
}
public Long getCreateId()
{
return createId;
}
@Override
public String toString() {
return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE)
.append("id", getId())
.append("title", getTitle())
.append("number", getNumber())
.append("cateId", getCateId())
.append("content", getContent())
.append("starttime", getStarttime())
.append("endtime", getEndtime())
.append("fileUrl", getFileUrl())
.append("username", getUsername())
.append("tel", getTel())
.append("status", getStatus())
.append("createTime", getCreateTime())
.append("createId", getCreateId())
.toString();
}
}
digital-management-system/src/main/java/com/zehong/system/mapper/project/TProductProjectMapper.java 0 → 100644
View file @ a50e99d1
package com.zehong.system.mapper.project;
import java.util.List;
import com.zehong.system.domain.project.TProductProject;
/**
* 项目资料Mapper接口
*
* @author zehong
* @date 2024-08-19
*/
public interface TProductProjectMapper
{
/**
* 查询项目资料
*
* @param id 项目资料ID
* @return 项目资料
*/
public TProductProject selectTProductProjectById(Long id);
/**
* 查询项目资料列表
*
* @param tProductProject 项目资料
* @return 项目资料集合
*/
public List<TProductProject> selectTProductProjectList(TProductProject tProductProject);
/**
* 新增项目资料
*
* @param tProductProject 项目资料
* @return 结果
*/
public int insertTProductProject(TProductProject tProductProject);
/**
* 修改项目资料
*
* @param tProductProject 项目资料
* @return 结果
*/
public int updateTProductProject(TProductProject tProductProject);
/**
* 删除项目资料
*
* @param id 项目资料ID
* @return 结果
*/
public int deleteTProductProjectById(Long id);
/**
* 批量删除项目资料
*
* @param ids 需要删除的数据ID
* @return 结果
*/
public int deleteTProductProjectByIds(Long[] ids);
}
digital-management-system/src/main/java/com/zehong/system/service/impl/project/TProductProjectServiceImpl.java 0 → 100644
View file @ a50e99d1
package com.zehong.system.service.impl.project;
import java.util.List;
import com.zehong.common.utils.DateUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.zehong.system.mapper.project.TProductProjectMapper;
import com.zehong.system.domain.project.TProductProject;
import com.zehong.system.service.project.ITProductProjectService;
/**
* 项目资料Service业务层处理
*
* @author zehong
* @date 2024-08-19
*/
@Service
public class TProductProjectServiceImpl implements ITProductProjectService
{
@Autowired
private TProductProjectMapper tProductProjectMapper;
/**
* 查询项目资料
*
* @param id 项目资料ID
* @return 项目资料
*/
@Override
public TProductProject selectTProductProjectById(Long id)
{
return tProductProjectMapper.selectTProductProjectById(id);
}
/**
* 查询项目资料列表
*
* @param tProductProject 项目资料
* @return 项目资料
*/
@Override
public List<TProductProject> selectTProductProjectList(TProductProject tProductProject)
{
return tProductProjectMapper.selectTProductProjectList(tProductProject);
}
/**
* 新增项目资料
*
* @param tProductProject 项目资料
* @return 结果
*/
@Override
public int insertTProductProject(TProductProject tProductProject)
{
tProductProject.setCreateTime(DateUtils.getNowDate());
return tProductProjectMapper.insertTProductProject(tProductProject);
}
/**
* 修改项目资料
*
* @param tProductProject 项目资料
* @return 结果
*/
@Override
public int updateTProductProject(TProductProject tProductProject)
{
return tProductProjectMapper.updateTProductProject(tProductProject);
}
/**
* 批量删除项目资料
*
* @param ids 需要删除的项目资料ID
* @return 结果
*/
@Override
public int deleteTProductProjectByIds(Long[] ids)
{
return tProductProjectMapper.deleteTProductProjectByIds(ids);
}
/**
* 删除项目资料信息
*
* @param id 项目资料ID
* @return 结果
*/
@Override
public int deleteTProductProjectById(Long id)
{
return tProductProjectMapper.deleteTProductProjectById(id);
}
}
digital-management-system/src/main/java/com/zehong/system/service/project/ITProductProjectService.java 0 → 100644
View file @ a50e99d1
package com.zehong.system.service.project;
import java.util.List;
import com.zehong.system.domain.project.TProductProject;
/**
* 项目资料Service接口
*
* @author zehong
* @date 2024-08-19
*/
public interface ITProductProjectService
{
/**
* 查询项目资料
*
* @param id 项目资料ID
* @return 项目资料
*/
public TProductProject selectTProductProjectById(Long id);
/**
* 查询项目资料列表
*
* @param tProductProject 项目资料
* @return 项目资料集合
*/
public List<TProductProject> selectTProductProjectList(TProductProject tProductProject);
/**
* 新增项目资料
*
* @param tProductProject 项目资料
* @return 结果
*/
public int insertTProductProject(TProductProject tProductProject);
/**
* 修改项目资料
*
* @param tProductProject 项目资料
* @return 结果
*/
public int updateTProductProject(TProductProject tProductProject);
/**
* 批量删除项目资料
*
* @param ids 需要删除的项目资料ID
* @return 结果
*/
public int deleteTProductProjectByIds(Long[] ids);
/**
* 删除项目资料信息
*
* @param id 项目资料ID
* @return 结果
*/
public int deleteTProductProjectById(Long id);
}
digital-management-system/src/main/resources/mapper/project/TProductProjectMapper.xml 0 → 100644
View file @ a50e99d1
<?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.zehong.system.mapper.project.TProductProjectMapper">
<resultMap type="TProductProject" id="TProductProjectResult">
<result property="id" column="id" />
<result property="title" column="title" />
<result property="number" column="number" />
<result property="cateId" column="cate_id" />
<result property="content" column="content" />
<result property="starttime" column="starttime" />
<result property="endtime" column="endtime" />
<result property="fileUrl" column="file_url" />
<result property="username" column="username" />
<result property="tel" column="tel" />
<result property="status" column="status" />
<result property="createTime" column="create_time" />
<result property="createId" column="create_id" />
</resultMap>
<sql id="selectTProductProjectVo">
select id, title, number, cate_id, content, starttime, endtime, file_url, username, tel, status, create_time, create_id from t_product_project
</sql>
<select id="selectTProductProjectList" parameterType="TProductProject" resultMap="TProductProjectResult">
<include refid="selectTProductProjectVo"/>
<where>
<if test="title != null and title != ''"> and title like concat('%', #{title}, '%')</if>
<if test="number != null and number != ''"> and `number` like concat('%', #{number}, '%')</if>
<if test="cateId != null and cateId != ''"> and cate_id = #{cateId}</if>
<if test="status != null and status != ''"> and status = #{status}</if>
</where>
order by create_time desc
</select>
<select id="selectTProductProjectById" parameterType="Long" resultMap="TProductProjectResult">
<include refid="selectTProductProjectVo"/>
where id = #{id}
</select>
<insert id="insertTProductProject" parameterType="TProductProject" useGeneratedKeys="true" keyProperty="id">
insert into t_product_project
<trim prefix="(" suffix=")" suffixOverrides=",">
<if test="title != null">title,</if>
<if test="number != null">`number`,</if>
<if test="cateId != null">cate_id,</if>
<if test="content != null">content,</if>
<if test="starttime != null">starttime,</if>
<if test="endtime != null">endtime,</if>
<if test="fileUrl != null">file_url,</if>
<if test="username != null">username,</if>
<if test="tel != null">tel,</if>
<if test="status != null">status,</if>
<if test="createTime != null">create_time,</if>
<if test="createId != null">create_id,</if>
</trim>
<trim prefix="values (" suffix=")" suffixOverrides=",">
<if test="title != null">#{title},</if>
<if test="number != null">#{number},</if>
<if test="cateId != null">#{cateId},</if>
<if test="content != null">#{content},</if>
<if test="starttime != null">#{starttime},</if>
<if test="endtime != null">#{endtime},</if>
<if test="fileUrl != null">#{fileUrl},</if>
<if test="username != null">#{username},</if>
<if test="tel != null">#{tel},</if>
<if test="status != null">#{status},</if>
<if test="createTime != null">#{createTime},</if>
<if test="createId != null">#{createId},</if>
</trim>
</insert>
<update id="updateTProductProject" parameterType="TProductProject">
update t_product_project
<trim prefix="SET" suffixOverrides=",">
<if test="title != null">title = #{title},</if>
<if test="number != null">`number` = #{number},</if>
<if test="cateId != null">cate_id = #{cateId},</if>
<if test="content != null">content = #{content},</if>
<if test="starttime != null">starttime = #{starttime},</if>
<if test="endtime != null">endtime = #{endtime},</if>
<if test="fileUrl != null">file_url = #{fileUrl},</if>
<if test="username != null">username = #{username},</if>
<if test="tel != null">tel = #{tel},</if>
<if test="status != null">status = #{status},</if>
<if test="createTime != null">create_time = #{createTime},</if>
<if test="createId != null">create_id = #{createId},</if>
</trim>
where id = #{id}
</update>
<delete id="deleteTProductProjectById" parameterType="Long">
delete from t_product_project where id = #{id}
</delete>
<delete id="deleteTProductProjectByIds" parameterType="String">
delete from t_product_project where id in
<foreach item="id" collection="array" open="(" separator="," close=")">
#{id}
</foreach>
</delete>
</mapper>
\ No newline at end of file
digital-management-web/src/api/project/info.js 0 → 100644
View file @ a50e99d1
import request from '@/utils/request'
// 查询项目资料列表
export function listProject(query) {
return request({
url: '/project/info/list',
method: 'get',
params: query
})
}
// 查询项目资料详细
export function getProject(id) {
return request({
url: '/project/info/' + id,
method: 'get'
})
}
// 新增项目资料
export function addProject(data) {
return request({
url: '/project/info',
method: 'post',
data: data
})
}
// 修改项目资料
export function updateProject(data) {
return request({
url: '/project/info',
method: 'put',
data: data
})
}
// 删除项目资料
export function delProject(id) {
return request({
url: '/project/info/' + id,
method: 'delete'
})
}
// 导出项目资料
export function exportProject(query) {
return request({
url: '/project/info/export',
method: 'get',
params: query
})
}
digital-management-web/src/assets/styles/zehong.scss
View file @ a50e99d1
...@@ -437,3 +437,8 @@ ...@@ -437,3 +437,8 @@
border-color: #C4C4C4; border-color: #C4C4C4;
} }
} }
.el-row-table{
display:flex;
flex-wrap: wrap;
}
digital-management-web/src/views/project/info/components/DetailInfo.vue 0 → 100644
View file @ a50e99d1
<template>
<el-dialog title="详情" :visible.sync="detailOpen" width="800px" append-to-body destroy-on-close :close-on-click-modal="false">
<el-form label-width="90px">
<el-row class="el-row-table">
<el-col :span="12">
<el-form-item label="项目名称">
<span v-if="detailInfo.title">{{ detailInfo.title }}</span>
<span v-else>-</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目编号">
<span v-if="detailInfo.number">{{ detailInfo.number }}</span>
<span v-else>-</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目分类">
<span v-if="detailInfo.cateId">{{ $parent.cateIdFormat(detailInfo) }}</span>
<span v-else>-</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目描述">
<span v-if="detailInfo.content">{{ detailInfo.content }}</span>
<span v-else>-</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开始时间">
<span v-if="detailInfo.starttime">{{ detailInfo.starttime }}</span>
<span v-else>-</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="结束时间">
<span v-if="detailInfo.endtime">{{ detailInfo.endtime }}</span>
<span v-else>-</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目附件">
<span v-if="detailInfo.fileUrl!=null && detailInfo.fileUrl != ''">
<a style="color: #1c84c6" :href="detailInfo.fileUrl" target="_blank">查看/下载</a>
</span>
<span v-else>-</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人">
<span v-if="detailInfo.username">{{ detailInfo.username }}</span>
<span v-else>-</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话">
<span v-if="detailInfo.tel">{{ detailInfo.tel }}</span>
<span v-else>-</span>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-dialog>
</template>
<script>
import { getProject } from "@/api/project/info";
export default {
name: "detail-info",
data(){
return{
detailOpen: false,
detailInfo: {}
}
},
methods:{
getDetailInfo(id){
getProject(id).then(res =>{
if(res.code == 200){
this.detailInfo = res.data;
this.detailOpen = true;
}
})
}
}
}
</script>
<style scoped>
</style>
digital-management-web/src/views/project/info/index.vue 0 → 100644
View file @ a50e99d1
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="项目名称" prop="title">
<el-input
v-model="queryParams.title"
placeholder="请输入项目名称"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="项目编号" prop="number">
<el-input
v-model="queryParams.number"
placeholder="请输入项目编号"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="项目分类" prop="cateId">
<el-select v-model="queryParams.cateId" placeholder="请选择项目分类" clearable size="small">
<el-option
v-for="dict in cateIdOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="项目状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择项目状态" clearable size="small">
<el-option
v-for="dict in statusOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
:loading="exportLoading"
@click="handleExport"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="projectList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="项目名称" align="center" prop="title" />
<el-table-column label="项目编号" align="center" prop="number" />
<el-table-column label="项目分类" align="center" prop="cateId" :formatter="cateIdFormat" />
<el-table-column label="开始时间" align="center" prop="starttime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.starttime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="结束时间" align="center" prop="endtime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.endtime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="项目状态" align="center" prop="status" :formatter="statusFormat" />
<el-table-column label="创建时间" align="center" prop="createTime" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-document"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改项目资料对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body destroy-on-close :close-on-click-modal="false">
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
<el-row class="el-row-table">
<el-col :span="12">
<el-form-item label="项目名称" prop="title">
<el-input v-model="form.title" placeholder="请输入项目名称" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目编号" prop="number">
<el-input v-model="form.number" placeholder="请输入项目编号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目分类" prop="cateId">
<el-select
v-model="form.cateId"
placeholder="请选择项目分类"
clearable size="small"
style="width: 100%"
>
<el-option
v-for="dict in cateIdOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="项目描述">
<el-input type="textarea" v-model="form.content" :autosize="{ minRows: 5 }"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开始时间" prop="starttime">
<el-date-picker clearable size="small"
v-model="form.starttime"
style="width: 100%"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择开始时间">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="结束时间" prop="endtime">
<el-date-picker clearable size="small"
v-model="form.endtime"
style="width: 100%"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择结束时间">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="项目附件" prop="fileUrl">
<!--<el-input v-model="form.fileUrl" type="textarea" placeholder="请输入内容" />-->
<FileUpload
listType="picture"
@resFun="getFileInfoFile"
@remove="listRemoveFile"
:fileArr="fileListFile"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责人" prop="username">
<el-input v-model="form.username" placeholder="请输入负责人" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话" prop="tel">
<el-input v-model="form.tel" placeholder="请输入联系电话" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<!-- 详情 -->
<DetailInfo ref="detail"/>
</div>
</template>
<script>
import { listProject, getProject, delProject, addProject, updateProject, exportProject } from "@/api/project/info";
import Editor from '@/components/Editor';
import FileUpload from "@/components/FileUpload";
import uploadfile from "@/assets/uploadfile.png";
import DetailInfo from "./components/DetailInfo";
export default {
name: "Project",
components: {
Editor,
FileUpload,
DetailInfo
},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 选中数组
ids: [],
titles: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 项目资料表格数据
projectList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 项目分类字典
cateIdOptions: [],
// 项目状态字典
statusOptions: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
title: null,
number: null,
cateId: null,
status: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
title: [
{ required: true, message: "项目名称不能为空", trigger: "blur" },
],
number: [
{ required: true, message: "项目编号不能为空", trigger: "blur" },
],
cateId: [
{ required: true, message: "请选择项目类型", trigger: "change" },
],
starttime: [
{ required: true, message: "请选择开始时间", trigger: "change" },
],
endtime: [
{ required: true, message: "请选择结束时间", trigger: "change" },
],
tel: [
{
type: 'number',
message: '手机号格式不正确',
trigger: 'blur',
transform(value) {
let phonereg = 11 && /^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/
if (!phonereg.test(value)) {
return false
} else {
return Number(value)
}
}
}
],
},
fileListFile: [],
};
},
created() {
this.getList();
this.getDicts("t_project_type").then(response => {
this.cateIdOptions = response.data;
});
this.getDicts("t_project_status").then(response => {
this.statusOptions = response.data;
});
},
methods: {
/** 查询项目资料列表 */
getList() {
this.loading = true;
listProject(this.queryParams).then(response => {
this.projectList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 项目分类字典翻译
cateIdFormat(row, column) {
return this.selectDictLabel(this.cateIdOptions, row.cateId);
},
// 项目状态字典翻译
statusFormat(row, column) {
return this.selectDictLabel(this.statusOptions, row.status);
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
title: null,
number: null,
cateId: null,
content: null,
starttime: null,
endtime: null,
fileUrl: null,
username: null,
tel: null,
status: "0",
createTime: null,
createId: null
};
this.resetForm("form");
this.fileListFile = [];
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.titles = selection.map(item => item.title);
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加项目资料";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getProject(id).then(response => {
this.form = response.data;
if(this.form.fileUrl){
this.fileListFile = [
{
name: this.form.title + '附件',
url: uploadfile,
},
];
}
this.open = true;
this.title = "修改项目资料";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateProject(this.form).then(response => {
this.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addProject(this.form).then(response => {
this.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
const titles = row.title || this.titles;
this.$confirm('是否确认删除项目名称为"' + titles + '"的数据项?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return delProject(ids);
}).then(() => {
this.getList();
this.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
const queryParams = this.queryParams;
this.$confirm('是否确认导出所有项目资料数据项?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
this.exportLoading = true;
return exportProject(queryParams);
}).then(response => {
this.download(response.msg);
this.exportLoading = false;
}).catch(() => {});
},
getFileInfoFile(res) {
if(res.code != 200){
this.$message.error("上传失败");
this.fileListFile = [];
return;
}
this.form.fileUrl = res.url;
this.fileListFile = [
{
name: res.fileName,
url: uploadfile,
},
];
},
listRemoveFile(e) {
this.fileListFile = [];
this.form.fileUrl = "";
},
//详情
handleDetail(row){
this.$refs.detail.getDetailInfo(row.id);
}
}
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment