107 lines
4.6 KiB
HTML
107 lines
4.6 KiB
HTML
<div class="table-content" id="scheduleList">
|
|
<div class="layui-form-bar border-t border-x">
|
|
<button class="layui-btn layui-btn-sm add-user">+ 新增项目成员</button>
|
|
</div>
|
|
<table class="layui-hide" id="user" lay-filter="user"></table>
|
|
</div>
|
|
<script>
|
|
function pageInit() {
|
|
var project_id = '{$id}';
|
|
var table = layui.table, tool = layui.tool, employeepicker = layui.employeepicker;
|
|
|
|
layui.userTable = table.render({
|
|
elem: '#user',
|
|
title: '项目成员列表',
|
|
cellMinWidth: 120,
|
|
url: "/api/project/user", //数据接口
|
|
where: { 'tid': project_id },
|
|
page: false, //开启分页
|
|
limit: 20,
|
|
cols: [[ //表头
|
|
{ field: 'name', fixed: 'left', title: '成员姓名', width: 90, rowspan: 2 }
|
|
, { field: 'create_time', title: '进入项目日期', width: 110, align: 'center', rowspan: 2 }
|
|
, { field: 'role', title: '角色', align: 'center', width: 90, rowspan: 2, templet: function (d) {
|
|
var html='<span style="color: #4285F4;">普通成员</span>';
|
|
if(d.role==1){
|
|
html='<span style="color: #EE6666;">项目创建人</span>';
|
|
}
|
|
if(d.role==2){
|
|
html='<span style="color: #91CC75;">项目负责人</span>';
|
|
}
|
|
return html;
|
|
}}
|
|
, { field: 'position', title: '职位', align: 'center', width: 100, rowspan: 2 }
|
|
, { field: 'department', title: '所在部门', align: 'center', width: 120, rowspan: 2 }
|
|
, { field: 'mobile', title: '手机号码', align: 'center', width: 110, rowspan: 2 }
|
|
, { field: 'email', title: '电子邮箱', align: 'center', rowspan: 2 }
|
|
, { align: 'center', title: '工作记录', colspan: 2 }
|
|
, { align: 'center', title: '项目任务', colspan: 3 }
|
|
, { align: 'center', title: 'BUG缺陷', colspan: 3 }
|
|
, { field: 'delete_time', title: '移除日期', align: 'center', width: 110, rowspan: 2 }
|
|
, { field: 'status',fixed: 'right', title: '状态', align: 'center', width: 60, rowspan: 2, templet: function (d) {
|
|
var html = '<span style="color:#EE6666">✘</span>';
|
|
if(d.delete_time == 0)
|
|
html = '<span style="color:#91CC75">✔</span>';
|
|
return html;
|
|
}}
|
|
, {title: '操作',fixed: 'right', align: 'center', width: 60, rowspan: 2, templet: function (d) {
|
|
var html = '<span class="layui-btn layui-btn-xs" lay-event="recover">恢复</span>';
|
|
if(d.delete_time == 0)
|
|
html = '<span class="layui-btn layui-btn-danger layui-btn-xs" lay-event="remove">移除</span>';
|
|
return html;
|
|
}
|
|
}
|
|
], [
|
|
{ field: 'schedules', align: 'center', style: 'color: #91CC75;', width: 72, 'title': '记录' }
|
|
, { field: 'labor_times', align: 'center', style: 'color: #4285F4;', width: 70, 'title': '工时' }
|
|
, { field: 'tasks_a_unfinish', align: 'center', style: 'color: #91CC75;', width: 72, 'title': '进行中' }
|
|
, { field: 'tasks_a_finish', align: 'center', style: 'color: #FAC858;', width: 70, 'title': '已完成' }
|
|
, { field: 'tasks_a_pensent', align: 'center', style: 'color: #EE6666;', width: 72, 'title': '完成率' }
|
|
, { field: 'tasks_b_unfinish', align: 'center', style: 'color: #91CC75;', width: 72, 'title': '进行中' }
|
|
, { field: 'tasks_b_finish', align: 'center', style: 'color: #FAC858;', width: 72, 'title': '已完成' }
|
|
, { field: 'tasks_b_pensent', align: 'center', style: 'color: #EE6666;', width: 72, 'title': '修复率' }
|
|
]]
|
|
});
|
|
|
|
// 选择员工
|
|
$('.layui-form-bar').on('click', '.add-user', function () {
|
|
employeepicker.init({
|
|
type: 0,
|
|
department_url: "/api/index/get_department_tree",
|
|
employee_url: "/api/index/get_employee",
|
|
callback: function (ids, names, dids, departments) {
|
|
let callback = function (e) {
|
|
layer.msg(e.msg);
|
|
if(e.code == 0){
|
|
tool.page('/api/project/view/id/'+project_id+'?page=user');
|
|
}
|
|
}
|
|
tool.post("/api/project/add_user", {uid: ids,project_id: project_id}, callback);
|
|
}
|
|
})
|
|
});
|
|
|
|
//监听行工具事件
|
|
table.on('tool(user)', function (obj) {
|
|
let postData = { "id": obj.data.id };
|
|
let callback = function (e) {
|
|
layer.closeAll();
|
|
layer.msg(e.msg);
|
|
if(e.code == 0){
|
|
tool.page('/api/project/view/id/'+project_id+'?page=user');
|
|
}
|
|
}
|
|
if (obj.event === 'remove') {
|
|
layer.confirm('确定要移除该项目成员吗?', { icon: 3, title: '提示' }, function (index) {
|
|
tool.delete("/api/project/remove_user", postData, callback);
|
|
});
|
|
}
|
|
if (obj.event === 'recover') {
|
|
layer.confirm('确定要恢复该项目成员吗?', { icon: 3, title: '提示' }, function (index) {
|
|
tool.post("/api/project/recover_user", postData, callback);
|
|
});
|
|
}
|
|
return;
|
|
});
|
|
}
|
|
</script> |