meteteme/projectmanager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
hero920103
2025-06-25 10:53:11 +08:00
commit 9f374011ae
1240 changed files with 181139 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/product/view/index/add.html
+203
View File
@@ -0,0 +1,203 @@
<form class="layui-form page-content p-4">
<h3 class="h3-title">新建产品</h3>
<table class="layui-table layui-table-form">
<tr>
<td class="layui-td-gray-2">产品名称<font>*</font></td>
<td>
<input
type="text"
name="name"
lay-verify="required"
lay-reqText="请输入产品名称"
placeholder="请输入产品名称"
class="layui-input"
value=""
/>
</td>
<td class="layui-td-gray-2">产品负责人<font>*</font></td>
<td>
<input
type="hidden"
name="director_uid"
lay-verify="required"
readonly
lay-reqText="请选择产品负责人"
value=""
/>
<input
type="text"
name="director_name"
placeholder="请选择产品负责人"
readonly
class="layui-input"
value=""
/>
</td>
</tr>
<tr>
<td class="layui-td-gray-2">参与评审人</td>
<td colspan="2">
<input
type="hidden"
id="check_admin_ids"
name="check_admin_ids"
readonly
lay-verify="required"
lay-reqText="请选择评审人"
value=""
/>
<input
type="text"
id="check_admin_names"
name="check_admin_names"
readonly
class="layui-input"
placeholder="请选择评审人"
value=""
/>
</td>
<td class="layui-td-gray-2">是否自研<font>*</font></td>
<td>
<!-- <input type="text" name="is_own" lay-verify="required" lay-reqText="请输入产品名称" placeholder="请输入产品名称"
class="layui-input" value=""> -->
<select name="is_own" lay-verify="required">
<option value="">请选择</option>
<option value="1" selected>自研</option>
<option value="0">非自研</option>
</select>
</td>
</tr>
<tr>
<td class="layui-td-gray-2">访问权限</td>
<td colspan="4">
<input
type="radio"
name="is_open"
lay-filter="checkopen"
value="1"
checked
title="内部(仅创建人、负责人、评审人可访问)"
/>
<input
type="radio"
name="is_open"
lay-filter="checkopen"
value="2"
title="公开(有产品视图权限员工均可访问)"
/>
</td>
</tr>
</table>
<div>
<div class="py-2">产品描述<span style="color: red">*</span></div>
<div>
<textarea id="mdContent" style="display: none"></textarea>
<div id="docContent"></div>
</div>
</div>
<div class="pt-1">
<input type="hidden" name="id" value="0" />
<button
class="layui-btn layui-btn-normal"
lay-submit=""
lay-filter="webform"
>
立即提交
</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</form>
<script>
function openInit() {
var form = layui.form,
layer = layui.layer,
tool = layui.tool,
employeepicker = layui.employeepicker,
editor = layui.editormd;
form.render();
var edit = editor.render("docContent", {
markdown: $("#mdContent").val(),
imageUploadURL: "/api/index/md_upload",
lineNumbers: false,
toolbarIcons: function () {
return [
"undo",
"redo",
"bold",
"del",
"italic",
"quote",
"h1",
"h2",
"h3",
"h4",
"h5",
"list-ul",
"list-ol",
"hr",
"link",
"reference-link",
"image",
"code",
"code-block",
"table",
"watch",
"fullscreen",
];
},
height: window.innerHeight - 120,
});
//选择产品负责人弹窗
$(".page-content").on("click", '[name="director_name"]', function () {
var ids = $('[name="director_uid"]').val(),
names = $('[name="director_name"]').val();
employeepicker.init({
ids: ids,
names: names,
type: 0,
department_url: "/api/index/get_department_tree",
employee_url: "/api/index/get_employee",
callback: function (ids, names, dids, departments) {
$('[name="director_uid"]').val(ids);
$('[name="director_name"]').val(names);
},
});
});
//选择产品评审人弹窗
$(".page-content").on("click", '[name="check_admin_names"]', function () {
var ids = $('[name="check_admin_ids"]').val(),
names = $('[name="check_admin_names"]').val(),
check_admin_id_array = [],
check_admin_name_array = [];
if (ids.length > 0) {
check_admin_id_array = ids.split(",");
check_admin_name_array = names.split(",");
}
employeepicker.init({
ids: check_admin_id_array,
names: check_admin_name_array,
department_url: "/api/index/get_department_tree",
employee_url: "/api/index/get_employee",
callback: function (ids, names, dids, departments) {
$('[name="check_admin_ids"]').val(ids);
$('[name="check_admin_names"]').val(names);
},
});
});
//监听提交
form.on("submit(webform)", function (data) {
let callback = function (e) {
layer.msg(e.msg);
if (e.code == 0) {
tool.close(1000);
}
};
tool.post("/product/index/add", data.field, callback);
return false;
});
}
</script>
app/product/view/index/index.html
+72
View File
@@ -0,0 +1,72 @@
{extend name="../../base/view/common/base" /}
<!-- 主体 -->
{block name="breadcrumb"}
<span class="layui-breadcrumb">
<a href="http://www.meteteme.com/" target="_blank">江苏美天科技</a>
<a><cite>产品中心</cite></a>
</span>
{/block}
{block name="body"}
<div class="table-content p-3">
<div class="layui-form-bar border-t border-x">
<button class="layui-btn layui-btn-sm add-new">+ 新建产品</button>
</div>
<table class="layui-hide" id="product" lay-filter="product"></table>
</div>
{/block}
<!-- 脚本 -->
{block name="script"}
<script>
const moduleInit = ['tool','gouguEdit','gouguComment'];
function gouguInit() {
var table = layui.table, tool = layui.tool;
layui.pageTable = table.render({
elem: '#product',
title: '产品列表',
cellMinWidth: 80,
url: "/product/index/index", //数据接口
page: true, //开启分页
limit: 20,
height: 'full-130',
cols: [[
{
field: 'id', title: '产品编号', width: 100, align: 'center', fixed: 'left', rowspan: 2, templet: function (d) {
return 'P' + d.id;
}
}
, {
field: 'status', title: '状态', align: 'center', width: 100, rowspan: 2, templet: function (d) {
var html = '<span class="layui-btn layui-btn-xs bg-status-' + d.status + '">' + d.status_name + '</span>';
return html;
}
}
, {
field: 'name', title: '产品名称', align: 'center', rowspan: 2, templet: function (d) {
var className = d.is_own == 1 ? 'ziyan' : 'feiziyan';
var text = d.is_own == 1 ? '自研' : '非自研';
var html = '<div style="display:grid;justify-content:center"><a class="open-a" data-href="/product/index/view/id/' + d.id + '" style="display: flex;justify-content: center;align-items: center;"><span class="' + className + '" style="float:left">' + text + '</span>' + '<p style="float:left">' + d.name + '</p>' + '</a></div>';
return html;
}
}
, { field: 'director_name', title: '负责人', align: 'center', width: 80, rowspan: 2 }
, { field: 'admin_name', title: '创建人', align: 'center', width: 80, rowspan: 2 }
, { field: 'projects', title: '关联项目', align: 'center', width: 100, rowspan: 2 }
, { align: 'center', title: '关联任务', colspan: 3 }
, { align: 'center', title: 'BUG缺陷', colspan: 3 }
], [
{ field: 'tasks_a_unfinish', align: 'center', style: 'color: #91CC75;', width: 80, 'title': '进行中' }
, { field: 'tasks_a_finish', align: 'center', style: 'color: #FAC858;', width: 80, 'title': '已完成' }
, { field: 'tasks_a_pensent', align: 'center', style: 'color: #EE6666;', width: 80, 'title': '完成率' }
, { field: 'tasks_b_unfinish', align: 'center', style: 'color: #91CC75;', width: 80, 'title': '进行中' }
, { field: 'tasks_b_finish', align: 'center', style: 'color: #FAC858;', width: 80, 'title': '已完成' }
, { field: 'tasks_b_pensent', align: 'center', style: 'color: #EE6666;', width: 80, 'title': '修复率' }
]]
});
$('.add-new').on('click', function () {
tool.open('/product/index/add');
});
}
</script>
{/block}
app/product/view/index/view.html
+404
View File
@@ -0,0 +1,404 @@
<div class="page-content">
<div class="p-4 border-b">
<h3 class="h3-title hover-{$role_edit}">
<span class="layui-btn layui-btn-xs bg-status-{$detail.status}">{$detail.status_name}</span>
<span id="name_{$detail.id}" data-val="">{$detail.name}</span><i class="iconfont icon-wodedianping"
title="编辑" data-id="{$detail.id}" data-name="name"></i>
</h3>
<div>
<span class="layui-badge layui-bg-gray">#P{$detail.id}</span>
<span class="mx-2">{$detail.admin_name}</span>
<span class="font-gray">创建于{$detail.times}<span id="editTips">{gt name="$detail.update_time"
value="0"}，最近更新于 {:time_trans($detail.update_time)}{/gt}</span></span>
{eq name="$detail.admin_id" value="$params.uid"}
<span class="layui-btn layui-btn-xs layui-btn-danger ml-4" id="delBtn"><i
class="layui-icon">&#xe640;</i>删除</span>
{/eq}
</div>
</div>
<div class="layui-row border-b">
<div class="layui-col-md9 p-4 border-r">
<table class="layui-table layui-table-form">
<tr>
<td class="layui-td-gray">负责人</td>
<td class="hover-{$role_edit}"><span id="director_uid_{$detail.id}"
data-val="{$detail.director_uid}">{$detail.director_name}</span><i
class="iconfont icon-wodedianping" title="编辑" data-id="{$detail.id}"
data-name="director_uid"></i></td>
<td class="layui-td-gray">状态</td>
<td class="hover-{$role_edit}"><span class="color-status-{$detail.status}" id="status_{$detail.id}"
data-val="{$detail.status}">{$detail.status_name}</span><i
class="iconfont icon-wodedianping" title="编辑" data-name="status"></i>
</td>
<td class="layui-td-gray">是否自研</td>
<td class="hover-{$role_edit}"><span class="color-is_own-{$detail.is_own}" id="is_own_{$detail.id}"
data-val="{$detail.is_own}">{$detail.is_own_name}</span><i
class="iconfont icon-wodedianping" title="编辑" data-name="is_own"></i>
</td>
</tr>
<tr>
<td class="layui-td-gray">评审人</td>
<td colspan="3" class="hover-{$role_edit}"><span id="check_admin_ids_{$detail.id}"
data-val="{$detail.check_admin_ids}">{$detail.check_admin_names}</span><i
class="iconfont icon-wodedianping" title="编辑" data-id="{$detail.id}"
data-name="check_admin_ids"></i></td>
<td class="layui-td-gray">访问权限</td>
<td class="hover-{$role_edit}">
<span id="is_open_{$detail.id}" data-val="{$detail.is_open}">
{eq name="$detail.is_open" value="1" }
内部 <span class="font-gray">(仅创建人、负责人、评审人可访问)</span>
{/eq}
{eq name="$detail.is_open" value="2" }公开 <span class="font-gray">(有产品视图权限员工均可访问)</span>{/eq}
</span>
<i class="iconfont icon-wodedianping" title="编辑" data-id="{$detail.id}" data-name="is_open"></i>
</td>
</tr>
</table>
<div class="md-content-content hover-{$role_edit}">
<h5 class="py-4">产品描述<i class="iconfont icon-wodedianping" title="编辑" data-id="{$detail.id}"
data-name="md_content"></i></h5>
<div id="md_content_{$detail.id}" data-val="{$detail.md_content}">{$detail.content|raw}</div>
</div>
<div class="detail-file">
<h5 class="py-4">文件附件</h5>
<div>
{eq name="$role_edit" value="edit"}
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="flieBtn">选择文件并上传</button>
<span
style="color:#FF5722; font-size:12px; margin-left: 8px;">上传前，请规范命名，最大只能上传{:get_system_info('upload_max_filesize')}的文件，超过请压缩成多个文件上传。</span>
<div class="layui-upload-list" {empty name="$file_array" }style="display:none;" {/empty}>
<table class="layui-table">
<thead>
<tr>
<th width="60%">文件名</th>
<th width="15%" style="text-align:center">文件大小</th>
<th width="10%" style="text-align:center">上传人</th>
<th width="15%" style="text-align:center">操作</th>
</tr>
</thead>
<tbody id="flieList">
{volist name="file_array" id="vo"}
<tr>
<td>{$vo.name}</td>
<td style="text-align: center;">{$vo.filesize/1048576|round=2}MB</td>
<td style="text-align: center;">{$vo.admin_name}</td>
<td style="text-align: center;">
<div class="layui-btn-group"><a class="layui-btn layui-btn-xs "
href="{$vo.filepath}" download="{$vo.name}" data-id="{$vo.id}">下载</a>
<span class="layui-btn layui-btn-xs layui-btn-danger file-delete"
data-uid="{$vo.admin_id}" data-id="{$vo.id}">删除</span>
</div>
</td>
</tr>
{/volist}
</tbody>
</table>
</div>
{else/}
<table class="layui-table">
<thead>
<tr>
<th width="60%">文件名</th>
<th width="15%" style="text-align:center">文件大小</th>
<th width="10%" style="text-align:center">上传人</th>
<th width="15%" style="text-align:center">操作</th>
</tr>
</thead>
<tbody id="flieList">
{volist name="file_array" id="vo"}
<tr data-id="{$vo.id}" id="flie_{$vo.id}">
<td>{$vo.name}</td>
<td style="text-align: center;">{$vo.filesize/1048576|round=2}MB</td>
<td style="text-align: center;">{$vo.admin_name}</td>
<td style="text-align: center;">
<a class="layui-btn layui-btn-xs" href="{$vo.filepath}" download="{$vo.name}"
data-id="{$vo.id}">下载</a>
</td>
</tr>
{/volist}
{empty name="$file_array" }
<tr>
<td colspan="4" class="content-none">暂无附件</td>
</tr>
{/empty}
</tbody>
</table>
{/eq}
</div>
</div>
<div class="detail-link">
<h5 class="py-4">关联链接</h5>
<div>
{eq name="$role_edit" value="edit"}
<button type="button" class="layui-btn layui-btn-sm" id="linkBtn">新增相关联链接</button>
<span style="color:#FF5722; font-size:12px; margin-left: 8px;">请规范填写链接说明，方便大家查阅。</span>
<div class="layui-upload-list" {empty name="$link_array" }style="display:none;" {/empty}>
<table class="layui-table">
<thead>
<tr>
<th width="60%">链接</th>
<th width="15%" style="text-align:center">说明</th>
<th width="10%" style="text-align:center">添加人</th>
<th width="15%" style="text-align:center">操作</th>
</tr>
</thead>
<tbody id="linkList">
{volist name="link_array" id="vo"}
<tr data-id="{$vo.id}" data-url="{$vo.url}" id="link_{$vo.id}">
<td><a href="{$vo.url}" target="_blank">{$vo.url}</a></td>
<td>{$vo.desc}</td>
<td style="text-align: center;">{$vo.admin_name}</td>
<td style="text-align: center;">
<div class="layui-btn-group"><span class="layui-btn layui-btn-xs link-edit"
data-id="{$vo.id}" data-url="{$vo.url}" data-href="{$vo.url}" data-desc="{$vo.desc}">编辑</span>
<span class="layui-btn layui-btn-xs layui-btn-danger link-delete"
data-uid="{$vo.admin_id}" data-id="{$vo.id}">删除</span>
</div>
</td>
</tr>
{/volist}
</tbody>
</table>
</div>
{else/}
<table class="layui-table">
<thead>
<tr>
<th width="60%">链接</th>
<th width="30%" style="text-align:center">说明</th>
<th width="10%" style="text-align:center">添加人</th>
</tr>
</thead>
<tbody id="linkList">
{volist name="link_array" id="vo"}
<tr>
<td><a href="{$vo.url}" target="_blank">{$vo.url}</a></td>
<td>{$vo.desc}</td>
<td style="text-align: center;">{$vo.admin_name}</td>
</tr>
{/volist}
{empty name="$link_array" }
<tr>
<td colspan="3" class="content-none">暂无链接</td>
</tr>
{/empty}
</tbody>
</table>
{/eq}
</div>
</div>
</div>
<div class="layui-col-md3 p-4">
<div class="pb-4"><span class="font-gray">关联项目：</span>{$detail.projects}</div>
{volist name="$detail.task_cate" id="vo"}
<div class="pb-4"><span class="font-gray">{$vo.title}任务：</span>{$vo.count}</div>
{/volist}
</div>
</div>
<div class="layui-tab layui-tab-brief px-4" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">互动评论({$detail.comments})</li>
<li>操作日志({$detail.logs})</li>
</ul>
<div class="layui-tab-content p-0">
<div class="layui-tab-item comment-list layui-show">
<div class="comment-input my-2">
<input type="text" id="commentInput" readonly placeholder="发表一下你的看法" class="layui-input" value="">
</div>
<div id="comment_product_{$detail.id}"></div>
</div>
<div class="layui-tab-item logs-list">
<div id="log_product_{$detail.id}"></div>
</div>
</div>
</div>
</div>
<script>
function openInit() {
const detail_id = '{$detail.id}';
const opsData = {
status: [
{ 'id': 0, 'title': '关闭' },
{ 'id': 1, 'title': '开启' }
],
is_own: [
{ 'id': 0, 'title': '非自研' },
{ 'id': 1, 'title': '自研' }
]
}
var layer = layui.layer, tool = layui.tool, edit = layui.gouguEdit, comment = layui.gouguComment, upload = layui.upload;
$('.hover-edit').hover(function () {
$(this).addClass('hover-on');
}, function () {
$(this).removeClass('hover-on');
})
$('.hover-edit').on('click', 'i', function () {
let name = $(this).data('name');
let show_txt = $('#' + name + '_' + detail_id).text().replace(/[\r\n\t]/g, "");
let real_txt = $('#' + name + '_' + detail_id).data('val');
if (real_txt === '') {
real_txt = show_txt;
}
editShow(detail_id, name, show_txt, real_txt);
})
$('#delBtn').on('click', function () {
layer.confirm('确定要删除该产品吗？请慎重', { icon: 3, title: '提示' }, function (index) {
let callback = function (e) {
layer.closeAll();
layer.msg(e.msg);
if(e.code==0){
setTimeout(function () {
location.reload();
}, 1000)
}
}
let postData = { "id": detail_id };
tool.delete("/product/index/delete", postData, callback);
});
})
upload.render({
elem: '#flieBtn'
, url: '/api/index/upload'
, accept: 'file' //普通文件
, exts: 'jpeg|jpg|png|gif|doc|docx|ppt|pptx|xls|xlsx|pdf|zip|rar|7z' //只允许上传文件
, before: function (obj) {
layer.msg('上传中...', { time: 3600000 });
}
, done: function (res, index, upload) {
let callback = function (e) {
layer.msg('上传成功');
tool.load("/product/index/view?id=" + detail_id);
}
let postData = { 'topic_id': detail_id, 'file_id': res.data.id, 'file_name': res.data.name, 'module': 'product' };
tool.post("/api/appendix/add", postData, callback);
}
, error: function (index, upload) {
layer.msg('上传失败');
}
});
$('#flieList').on('click', '.file-delete', function () {
let id = $(this).data('id');
layer.confirm('确定要删除该附件吗?', { icon: 3, title: '提示' }, function (index) {
let callback = function (e) {
layer.closeAll();
layer.msg(e.msg);
tool.load("/product/index/view?id=" + detail_id);
}
let postData = { "id": id };
tool.delete("/api/appendix/delete", postData, callback);
});
})
$('#linkBtn').on('click', function () {
comment.addLink(0, detail_id, 'product', '', '');
})
$('#linkList').on('click', '.link-edit', function () {
let id = $(this).data('id');
let url = $(this).data('url');
let desc = $(this).data('desc');
console.log(url)
comment.addLink(id, detail_id, 'product', url, desc);
})
$('#linkList').on('click', '.link-delete', function () {
let id = $(this).data('id');
layer.confirm('确定要删除该链接吗?', { icon: 3, title: '提示' }, function (index) {
let callback = function (e) {
layer.closeAll();
layer.msg(e.msg);
tool.load("/product/index/view?id=" + detail_id);
}
let postData = { "id": id };
tool.delete("/api/appendix/delete_link", postData, callback);
});
})
//评论
comment.load(detail_id, 'product');
$('#commentInput').on('click', function () {
comment.editor(0, detail_id, 0, 0, 'product', '');
})
//回复
$('#comment_product_' + detail_id).on('click', '[data-event="replay"]', function () {
let pid = $(this).data('id');
let padmin_id = $(this).data('uid');
comment.editor(0, detail_id, pid, padmin_id, 'product', '');
})
//编辑
$('#comment_product_' + detail_id).on('click', '[data-event="edit"]', function () {
let id = $(this).data('id');
let mdcontent = $('#comment_' + id).data('mdcontent');
comment.editor(id, detail_id, 0, 0, 'product', mdcontent);
})
//删除
$('#comment_product_' + detail_id).on('click', '[data-event="del"]', function () {
let id = $(this).data('id');
comment.del(id, detail_id, 'product');
})
//操作记录
comment.log(detail_id, 'product');
let loading = false;
let editPost = function (id, name, show_val, real_val) {
let callback = function (e) {
if (e.code == 0) {
layer.closeAll();
tool.load('/product/index/view/id/' + id);
if (layui.pageTable) {
setTimeout(function () {
layui.pageTable.reload();
}, 400)
}
} else {
layer.msg(e.msg);
}
}
let postData = { id: id };
postData[name] = real_val;
if (name == 'md_content') {
postData['content'] = show_val;
}
tool.post("/product/index/add", postData, callback);
}
function editShow(id, name, show_txt, real_txt) {
if (loading == true) {
return false;
}
if (name == "name") {
edit.text(id, name, real_txt, editPost);
}
if (name == "director_uid") {
edit.employee_one(id, name, show_txt, real_txt, editPost);
}
if (name == "check_admin_ids") {
edit.employee_more(id, name, show_txt, real_txt, editPost);
}
if (name == "status") {
edit.dropdown(id, name, real_txt, opsData[name], editPost);
}
if (name == "is_own") {
edit.dropdown(id, name, real_txt, opsData[name], editPost);
}
if (name == "is_open") {
let data = [
{ 'id': 1, 'title': '内部(仅创建人、负责人、评审人可访问)' },
{ 'id': 2, 'title': '公开(有产品视图权限员工均可访问)' }
];
edit.select_type(id, name, real_txt, data, editPost);
}
if (name == "md_content") {
edit.editor(id, name, real_txt, editPost);
}
}
}
</script>