You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1444 lines
55 KiB
Plaintext

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../WF/Portal/layui/css/layui.css" rel="stylesheet" />
<script type="text/javascript" src="../../WF/Scripts/bootstrap/js/jquery.min.js"></script>
<script type="text/javascript" src="../../WF/Scripts/bootstrap/js/bootstrap.min.js"></script>
<script src="../../WF/Scripts/QueryString.js" type="text/javascript"></script>
<script src="../../WF/Scripts/config.js" type="text/javascript"></script>
<script src="../../WF/Comm/Gener.js" type="text/javascript"></script>
<script src="../../WF/Scripts/layui/laydate/laydate.js"></script>
<script src="../layuiadmin/layui/lay/modules/layer.js"></script>
<script src="../../WF/Scripts/layui/LayuiDialog.js" type="text/javascript"></script>
<script src="../../WF/Portal/js/vue/vue.js" type="text/javascript"></script>
<style>
body {
background: #fff;
}
.taskWindows {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0px;
}
.taskForm {
width: 80%;
box-shadow: 0px 0px 8px #eee;
height: 80%;
margin: 5% auto;
padding: 15px;
border-radius: 5px;
}
.pull-right {
float: right;
}
.taskForm > .tf-title {
padding: 10px 0px;
}
.taskForm > .tf-title > .title {
font-size: 16px;
font-weight: bold
}
.tf-colse {
cursor: pointer;
font-size: 16px;
font-weight: bold
}
.tf-colse:hover {
color: #1E9FFF;
}
.taskeidt {
width: 70%;
height: 100%;
position: fixed;
top: 0px;
right: 0px;
transform: translateX(100%);
transition: all 0.8s;
box-shadow: 0px 0px 8px #ccc;
}
.in {
transform: translateX(0)
}
.closeEdit {
position: absolute;
top: 50%;
background: #ff6a00;
left: -40px;
color: #fff;
width: 40px;
height: 40px;
font-size: 36px;
font-weight: bold;
text-align: center;
line-height: 30px;
border-radius: 5px 0px 0px 5px;
cursor: pointer
}
.editTaskWindow {
background: #fff;
height: 100%;
box-shadow: 0px 0px 8px #eee;
}
.editTk-header {
border-bottom: 15px solid #efefef;
padding: 15px;
}
.editTk-nav {
font-size: 12px;
color: #808080;
line-height: 32px;
}
.editTk-title {
font-size: 20px;
font-weight: bold;
padding: 15px 0px;
}
.editTk-colinfo {
color: #808080
}
.editTk-colinfo .bg {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
display: inline-block;
color: #fff;
float: left;
margin-right: 10px;
}
.editTk-colinfo .bg0 {
background: #1E9FFF
}
.editTk-colinfo .bg1 {
background: #ff6a00
}
.editTk-colinfo .bg2 {
background: #009688
}
.editTk-colinfo .bg3 {
background: #02b436
}
.editTk-colinfo .bg4 {
background: #a33de1
}
.editTk-colinfo .coltxto {
line-height: 40px;
}
.editTk-colinfo .coltxt strong {
display: block;
color: #000000
}
.PRI {
position: relative
}
.PRIab {
position: absolute;
top: 42px;
left: 6px;
background: #fff;
border: 1px solid #efefef;
padding: 5px;
border-radius: 5px;
}
.PRIab span {
width: 30px;
height: 30px;
display: inline-block;
border-radius: 50%;
margin: 5px;
text-align: center;
line-height: 30px;
color: #fff;
}
.PRIab .bg0 {
background: #1E9FFF
}
.PRIab .bg1 {
background: #ff6a00
}
.PRIab .bg2 {
background: #009688
}
.task-table-pri{ text-align:center}
.task-table-pri .bg {
font-size: 12px;
color: #fff;
display: inline-block;
padding: 2px 5px;
}
.task-table-pri .bg0 {
background: #1E9FFF
}
.task-table-pri .bg1 {
background: #ff6a00
}
.task-table-pri .bg2 {
background: #009688
}
.task-fixed {
position: fixed;
bottom: 10px;
width: 88%;
left: 5%;
border: 1px solid #efefef;
padding: 10px 1%;
border-radius: 5px;
background: #fff;
}
.editTk-body {
padding: 15px;
max-height:600px;
overflow:auto
}
.editTk-body .TK-panel {
padding: 5px 0px;
}
.TK-panel .TK-panel-title {
font-weight: bold;
line-height: 30px;
}
.TK-panel .TK-panel-body {
padding: 5px 0px;
}
.task-fixed-bottom {
line-height: 38px;
color: #808080
}
.task-foot-icon {
cursor: pointer
}
.task-foot-icon span {
display: block
}
.task-foot-icon i:hover {
color: #1E9FFF;
}
.gray {
color: #808080
}
.input-select_pop {
position: absolute;
z-index: 9;
background-color: white;
border: 1px solid #E4E7ED;
border-radius: 4px;
max-height: 274px;
box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
margin-top: 5px;
padding: 5px 10px;
box-sizing: border-box;
}
.input-select_options {
line-height: 26px;
width: 160px;
}
.selectRefShow {
border: 1px solid #eee;
line-height: 38px;
height: 38px;
position:relative
}
.selectRefHide {
padding-top: 10px;
border-top: 1px solid #efefef;
margin-top: 5px;
display: block
}
.sub-task {
display: flex;
margin: 4px 0px;
background: #f8faff;
padding: 8px;
font-size: 14px
}
.edit-del-box {
white-space: nowrap;
opacity: 0
}
.edit-dtto {
white-space: nowrap;
color: #b2b1b1
}
.edit-del-box:hover {
opacity: 1
}
.xr-text-btn {
font-size: 12px;
cursor: pointer;
margin: 0px 5px;
}
.xr-text-btn.primary {
color: #2362fb;
}
.xr-text-btn.delete {
color: #f94e4e;
}
.task-sub {
border: 1px solid #2362fb;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px;
}
.subtasks-content {
width: 100%
}
.subtasks-content .layui-input {
border: 0px;
height: 30px;
}
.childDTTo {
width: auto;
font-size: 12px;
white-space: nowrap;
}
.editRefdata {
display: inline-block;
background: #f8faff;
padding: 2px 5px 4px 15px;
margin: 0px 5px;
}
.editRefdata sup {
opacity: 0;
}
.editRefdata:hover sup {
opacity: 1;
color: #f94e4e;
cursor: pointer
}
.TaskDepts {
width: 300px;
position: absolute;
z-index: 999;
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 5px;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}
.TaskDepts .TaskDepts-title {
border-bottom: 1px solid #e6e6e6;
padding:10px 15px;
}
.TaskDepts .TaskDepts-box {
padding: 10px 15px;
height: 248px;
overflow:auto
}
.Depts li{
line-height:26px;
}
.Depts li .Depts-Emps {
padding-left:20px
}
.txtu {
text-decoration: line-through;
color:#808080;
background:#f8faff
}
</style>
</head>
<body>
<div class="layui-fluid" id="workRec-Default" style="margin-top:15px">
<div class="TaskDepts" v-if="Deptshow" :style = "{'left':DeptshowLeft,'top':Deptshowtop}">
<div class="TaskDepts-title">人员</div>
<div class="TaskDepts-box">
<div class="TaskDepts-input">
<input type="text" class="layui-input" placeholder="请输入内容" id="SearchRefKey" @input="selectRefHandle($event)" placeholder="搜索参与人"/>
</div>
<div class="Depts">
<ul>
<li class="" v-for="(Ditem,dk) in DeptsData" v-if="Ditem.Num > 0">
<p @click="Ditem.open = !Ditem.open"><i v-if="Ditem.Empslist.length > 0" class="layui-icon"
:class="Ditem.open ? 'layui-icon-down':'layui-icon-right'"></i> {{Ditem.Name}} {{Ditem.Num}}人</p>
<div class="Depts-Emps" v-for="(Eitem,dk) in Ditem.Empslist" v-if="Ditem.open || Ditem.Num === 0">
<input type="checkbox" :value="Eitem.No" @click.stop="SelRefEmpno(Eitem.No,Eitem.Name,ChoosePeoTpye,Eitem.status)" v-model="Eitem.status"/> {{Eitem.Name}}
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="layui-row">
<span class="pull-right layui-btn layui-btn-normal layui-btn-sm" @click.stop="AddTask()">添加任务</span>
<span @click.stop="AllTasks(1)" class="layui-btn layui-btn-sm" :class="{'layui-btn-normal':1===activeIndex}">全部</span>
<span @click.stop="MyTasks(2)" class="layui-btn layui-btn-sm" :class="{'layui-btn-normal':2===activeIndex}">我负责的</span>
<span @click.stop="RefTasks(3)" class="layui-btn layui-btn-sm" :class="{'layui-btn-normal':3===activeIndex}">我参与的</span>
</div>
<table class="layui-table">
<thead>
<tr align="center">
<th width="40">#</th>
<th width="40">-</th>
<th>任务名称</th>
<th>开始时间</th>
<th>结束时间</th>
<th>负责人</th>
<th>参与人</th>
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in list" @click.stop="editTask(item.MyPK)" :id="'title'+item.MyPK" :class="item.TaskSta ?'txtu':''">
<td align="center"><input type="checkbox" :value="item.TaskSta" @click.stop="checkboxI(item.MyPK,item.TaskSta)" v-model="item.TaskSta" /></td>
<td class="task-table-pri"><div class="bg" :class="'bg'+item.TaskPRI">{{item.TaskPRIText}}</div></td>
<td><div >{{item.Title}}</div></td>
<td>{{item.DTFrom}}</td>
<td>{{item.DTTo}}</td>
<td>{{item.ManagerEmpName}}</td>
<td>{{item.RefEmpsName}}</td>
</tr>
</tbody>
</table>
<div class="taskWindows" v-if="show" @click.stop="isShowRefPop=false,Deptshow=false">
<div class="taskForm">
<div class="tf-title">
<span class="pull-right tf-colse" @click.stop="closeTask(),Deptshow=false"><i class="layui-icon layui-icon-close"></i></span>
<div class="title">新建任务</div>
</div>
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">任务名称</label>
<div class="layui-input-block">
<input type="text" name="TB_Title" id="TB_Title" autocomplete="off" placeholder="请输入标题" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">开始时间</label>
<div class="layui-input-inline">
<input type="text" name="TB_DTFrom" id="TB_DTFrom" autocomplete="off" placeholder="请输入开始时间" class="layui-input" v-on:focus="Dtime('TB_DTFrom')">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">结束时间</label>
<div class="layui-input-inline">
<input type="text" name="TB_DTTo" id="TB_DTTo" autocomplete="off" placeholder="请输入结束时间" class="layui-input" v-on:focus="Dtime('TB_DTTo')">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">负责人</label>
<div class="layui-input-inline" style="width:auto;min-width:190px">
<div id="TB_RefEmpsNo" @click.stop="selectEmpShow($event)" class="selectRefShow" v-html="EmpHtmlraw" ref="EmpBox"></div>
<!--<div class="input-select_pop" v-if="isShowEmpPop">
<input type="text" name="TB_ManagerEmpName" id="TB_ManagerEmpName" @input="selectEmpHandle($event)" autocomplete="off" placeholder="请输入负责人" class="layui-input">
<ul class="input-select_options">
<li v-for="(option,index) in optionsList" @click.stop="SelEmpno(option.No,option.Name)">
{{option.Name}}
</li>
</ul>
</div>-->
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">参与人</label>
<div class="layui-input-inline" style="width:auto;min-width:190px">
<div id="TB_RefEmpsNo" @click.stop="selectRefShow($event)" class="selectRefShow" v-html="RefHtmlraw" ref="RefBox">请选择</div>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">优先级</label>
<div class="layui-input-inline">
<select name="TB_TaskPRI" id="TB_TaskPRI" class="layui-input" style="display:block">
<option value="0">高</option>
<option value="1">中</option>
<option value="2">低</option>
</select>
</div>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">描述</label>
<div class="layui-input-block">
<textarea placeholder="请输入内容" name="TB_Docs" id="TB_Docs" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<span type="submit" class="layui-btn layui-btn-normal" @click.stop="SaveTask()">保存</span>
<button @click.stop="closeTask()" class="layui-btn layui-btn-primary">取消</button>
</div>
</div>
</form>
</div>
</div>
<div :class="editshow ? 'taskeidt in':'taskeidt'" v-if="editshow" @click.stop="addChildSave(edittaskdata.MyPK),showAddChildbox=false,showAddChild=true,prisshow=false,isShowEmpPop=false,isShowRefPop=false,Deptshow=false">
<div class="closeEdit" @click.top="closeEditTask()">
<i class="layui-icon layui-icon-close"></i>
</div>
<div class="editTaskWindow">
<div class="editTk-header">
<div class="editTk-nav">
<div class="pull-right"><span class="layui-btn layui-btn-xs layui-btn-primary" @click.stop="delTask(edittaskdata.MyPK)">删除</span></div>
<div class="navinfo">{{edittaskdata.RecName}} 创建于 {{edittaskdata.RDT}}</div>
</div>
<div class="editTk-title" v-if="edittitle==1" @click.stop="editTasktitle()">{{edittaskdata.Title}}</div>
<div class="editTk-title" v-if="edittitle==0">
<input :value="edittaskdata.Title" id="edittitle" class="layui-input" style="margin-bottom:8px" />
<button class="layui-btn layui-btn-sm layui-btn-normal" @click.stop="editTasktitleSave(edittaskdata.MyPK)">确认</button>
<button class="layui-btn layui-btn-sm layui-btn-primary" @click.stop="editTasktitleC()">取消</button>
</div>
<div class="layui-row editTk-colinfo">
<div class="layui-col-sm3 PRI" @click.stop="PRIbtn">
<div class="bg" :class="'bg'+edittaskdata.TaskPRI">{{edittaskdata.TaskPRIText}}</div>
<div class="coltxto">
优先级
</div>
<div class="PRIab" id="PRIab" v-show="prisshow">
<span class="bg0" @click.stop="PRIshowBtn(edittaskdata.MyPK,0)">高</span><span class="bg1" @click.stop="PRIshowBtn(edittaskdata.MyPK,1)">中</span><span @click.stop="PRIshowBtn(edittaskdata.MyPK,2)" class="bg2">低</span>
</div>
</div>
<div class="layui-col-sm3">
<div class="bg2 bg">In</div>
<div :class="edittaskdata.ManagerEmpNo ? 'coltxt':'coltxto'" @click.stop="selectEmpEShow(edittaskdata.ManagerEmpName)" ref="EmpBoxE">
<strong id="EditEmpName">{{edittaskdata.ManagerEmpName}}</strong>负责人
</div>
</div>
<div class="layui-col-sm3" id="chStartDate" :date-Start="edittaskdata.MyPK">
<div class="bg3 bg">开</div><div :class="edittaskdata.DTFrom ? 'coltxt':'coltxto'" id="nDTFrom" v-bind:click="Dtime('nDTFrom')">
<strong>{{edittaskdata.DTFrom}}</strong>开始时间
</div>
</div>
<div class="layui-col-sm3" id="chEndDate" :date-End="edittaskdata.MyPK">
<div class="bg4 bg">终</div><div :class="edittaskdata.DTTo ? 'coltxt':'coltxto'" id="nDTTo" v-bind:click="Dtime('nDTTo')"><strong>{{edittaskdata.DTTo}}</strong>结束时间</div>
</div>
</div>
</div>
<div class="editTk-body">
<div class="TK-panel">
<div class="TK-panel-title">参与人</div>
<div class="TK-panel-body">
<div class="editRefdata" v-for="(ritem,lk) in RefEmpsData">
{{ritem.name}}
<sup @click.stop="DelRef(edittaskdata.MyPK,lk)">X</sup>
</div>
<div class="editRefdata">
<span @click.stop="selectRefEShow()" ref="RefBoxE">+ 添加参与人</span>
</div>
</div>
</div>
<div class="TK-panel">
<div class="TK-panel-title">描述</div>
<div class="TK-panel-body gray" v-if="editdocs==1" @click.stop="editTaskDocs()">{{edittaskdata.Docs}}</div>
<div class="TK-panel-body" v-if="editdocs==0">
<textarea class="layui-textarea" id="editDocs" style="margin-bottom:8px">{{edittaskdata.Docs}}</textarea>
<button class="layui-btn layui-btn-sm layui-btn-normal" @click.stop="editTaskDocsSave(edittaskdata.MyPK)">确认</button>
<button class="layui-btn layui-btn-sm layui-btn-primary" @click.stop="editTaskDocsC()">取消</button>
</div>
</div>
<div class="TK-panel">
<div class="TK-panel-title" id="tst">子任务</div>
<div class="TK-panel-body">
<div id="TKchild_id">
<div v-for="(childs,index) in taskChildData">
<div class="sub-task" v-if="!showEditChild[index]">
<div class="subtasks-content">
<input type="checkbox" :value="childs.TaskSta" @click.stop="checkboxI(childs.MyPK,childs.TaskSta)" v-model="childs.TaskSta" /> {{childs.Title}}
</div>
<div class="edit-del-box">
<span @click.stop="editChildTask(childs.MyPK,index)" class="xr-text-btn primary">编辑</span>
<span @click.stop="delChildTask(childs.MyPK,index)" class="xr-text-btn delete">删除</span>
</div>
<div class="edit-dtto" :id="'s'+index+'1a'">{{childs.DTTo}}</div>
</div>
<div v-if="showEditChild[index]" class="task-sub" @click.stop="showEditChild[index]=true">
<div class="subtasks-content">
<input class="layui-input" id="TaskchildTitle" :value="childs.Title" @keyup.enter="addChildSave(edittaskdata.MyPK)" />
<input class="layui-input" type="hidden" id="TaskchildStart" value="edit" :data-childmpyk="childs.MyPK" />
</div>
<div class="childDTTo"><i class="layui-icon layui-icon-date" :id="'s'+index+1" @click.stop="choosetimeC('s'+index+1,childs.MyPK)">{{childs.DTTo}}</i></div>
</div>
</div>
</div>
<span @click.stop="addChild(edittaskdata.MyPK)" v-if="showAddChild">+ 添加子任务</span>
<div v-if="showAddChildbox" class="task-sub" @click.stop="showAddChildbox=true">
<div class="subtasks-content">
<input class="layui-input" id="TaskchildTitle" @keyup.enter="addChildSave(edittaskdata.MyPK)" />
<input class="layui-input" type="hidden" id="TaskchildStart" value="add" />
</div>
<div class="childDTTo"><i class="layui-icon layui-icon-date" id="ccdate" @click.stop="choosetime('ccdate')"></i></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var editPK = '';
var laydates = laydate;
new Vue({
el: '#workRec-Default',
data: {
list: [],//
tasklist: [],//任务列表
ens: [],
activebtn: 1,
showfixed: true,
show: false,//添加显示
editshow: false,//编辑显示
addshowTask: false,
addshowBtn: true,
addshowFull: false,
edittaskdata: [],
edittitle: 1,
editdocs: 1,
prisshow: false,
optionsList: [],
isShowEmpPop: false,
optionsRefList: [],
isShowRefPop: false,
taskChildData: [],
htmlraw: '',
EmpHtmlraw: '请选择',
RefHtmlraw: '',
activeIndex: 0,
showAddChildbox: false,
showAddChild: true,
showEditChild: [],
ManagerEmpName: '',
ManagerEmpNo: '',
RefEmpsNo: '',
RefEmpsName: '',
RefEmpsData: [],
Deptshow: false,
DeptshowLeft: 0,
Deptshowtop: 0,
DeptsData: [],//人员信息
DeptsDatas:[],
EmpsData: [],
ChoosePeoTpye: '',
key:''
},
methods: {
selectEmpHandle: function (event) {
var key = event.currentTarget.value;
//console.log(event.currentTarget.value);
if (key) {
var ens = new Entities("BP.CCOA.Tasks");
var data = ens.DoMethodReturnJSON("TextBox_EmpPinYin", key);
// console.log(data);
if (data.length) {
this.isShowEmpPop = true;
this.optionsList = data;
} else {
this.optionsList = '';
this.isShowEmpPop = false;
}
} else {
this.optionsList = '';
this.isShowEmpPop = false;
}
},
selectRefShow: function (e) {
console.log(this.RefHtmlraw)
this.Deptshow = true;
this.ChoosePeoTpye = 1
var Depts = this.DeptsDatas;
for (d = 0; d < Depts.length; d++) {
var de = Depts[d]
de.open = false
var childModules = de.Empslist
for (c = 0; c < childModules.length; c++) {
var ce = childModules[c]
var splitDate = this.RefHtmlraw
ce.status = 0
if (splitDate.indexOf(ce.Name) != -1 ) {
ce.status = 1
de.open = true
}
}
}
console.log(Depts)
this.DeptsData = Depts;
//this.selectRefShow=true
const $circle = this.$refs.RefBox
this.DeptshowLeft = this.getParentLeft($circle) + 'px'
this.Deptshowtop = this.getParentTop($circle) + 30 + 'px'
},
selectEmpShow: function (e) {
this.Deptshow = true;
this.ChoosePeoTpye = 2
var Depts = this.DeptsDatas;
for (d = 0; d < Depts.length; d++) {
var de = Depts[d]
de.open = false
var childModules = de.Empslist
for (c = 0; c < childModules.length; c++) {
var ce = childModules[c]
ce.status = 0
if (ce.Name == this.EmpHtmlraw) {
ce.status = 1
de.open = true
}
}
}
this.DeptsData = Depts;
//this.selectRefShow=true
const $circle = this.$refs.EmpBox
this.DeptshowLeft = this.getParentLeft($circle) + 'px'
this.Deptshowtop = this.getParentTop($circle) + 30 + 'px'
},
selectEmpEShow: function (e) {
this.Deptshow = true;
this.ChoosePeoTpye = 3
var Depts = this.DeptsDatas;
for (d = 0; d < Depts.length; d++) {
var de = Depts[d]
de.open = false
var childModules = de.Empslist
for (c = 0; c < childModules.length; c++) {
var ce = childModules[c]
ce.status = 0
if (ce.Name == e) {
ce.status = 1
de.open = true
}
}
}
this.DeptsData = Depts;
//this.selectRefShow=true
const $circle = this.$refs.EmpBoxE
this.DeptshowLeft = this.getParentLeft($circle) + 'px'
this.Deptshowtop = this.getParentTop($circle) + 30 + 'px'
},
selectRefEShow: function (e) {
this.Deptshow = true;
this.ChoosePeoTpye = 4
var Depts = this.DeptsDatas;
for (d = 0; d < Depts.length; d++) {
var de = Depts[d]
de.open = false
var childModules = de.Empslist
for (c = 0; c < childModules.length; c++) {
var ce = childModules[c]
var splitDate = this.edittaskdata.RefEmpsName
ce.status = 0
if (splitDate.indexOf(ce.Name) != -1) {
ce.status = 1
de.open = true
}
}
}
console.log(Depts)
this.DeptsData = Depts;
//this.selectRefShow=true
const $circle = this.$refs.RefBoxE
this.DeptshowLeft = this.getParentLeft($circle) + 'px'
this.Deptshowtop = this.getParentTop($circle) + 30 + 'px'
},
getParentTop: function (e) {
var offset = e.offsetTop
if (e.offsetParent != null) {
offset += this.getParentTop(e.offsetParent)
}
return offset
},
/**
* 获取左侧div的距离
*/
getParentLeft(e) {
var offset = e.offsetLeft
if (e.offsetParent != null) {
offset += this.getParentLeft(e.offsetParent)
}
return offset
},
selectRefHide: function () {
this.isShowRefPop = false;
},
selectRefHandle: function (event) {
var key = event.currentTarget.value;
console.log(key);
var Depts = this.DeptsDatas;
if (key) {
var des=[]
for (d = 0; d < Depts.length; d++) {
var de = Depts[d]
de.open = false
var childModules = de.Empslist
de.Num = 0
for (c = 0; c < childModules.length; c++) {
var ce = childModules[c]
if (ce.Name.indexOf(key) != -1) {
de.open = true
de.Num += 1
}
}
if (de.Num) des.push(de)
}
this.DeptsData = des
} else {
for (d = 0; d < Depts.length; d++) {
var de = Depts[d]
de.open = false
var childModules = de.Empslist
de.Num = childModules.length
}
this.DeptsData = Depts
console.log(this.DeptsData);
}
},
SelRefEmpno: function (no, name, Peotype, status) {
console.log(Peotype)
if (status==1) {
status = 0;
} else {
status = 1;
}
console.log(status)
if (Peotype == 4) {
var _this = this
var emypk = this.edittaskdata.MyPK
var splitDate = this.edittaskdata.RefEmpsName
var RefEmpsNo = this.edittaskdata.RefEmpsNo
if (status == 1) {
if (splitDate.indexOf(name) != -1)
return
splitDate += name + ';'
RefEmpsNo += no + ';'
} else {
splitDate = splitDate.replace(name + ';', "")
RefEmpsNo = RefEmpsNo.replace(no + ';', "")
}
//参与人处理
if (splitDate) {
var NameDataFg = splitDate.split(';')
var NoDataFg = RefEmpsNo.split(';')
this.RefEmpsData=[]
for (l = 0; l < NameDataFg.length - 1; l++) {
this.RefEmpsData.push({ 'no': NoDataFg[l], 'name': NameDataFg[l] })
}
}
this.edittaskdata.RefEmpsName = splitDate
this.edittaskdata.RefEmpsNo = RefEmpsNo
console.log(this.edittaskdata.MyPK)
_this.AddRefSave(this.edittaskdata.MyPK, RefEmpsNo, splitDate);
// this.Deptshow = false
}
if (Peotype == 3) {
var _this = this
var emypk = this.edittaskdata.MyPK
if (status == 1) {
this.edittaskdata.ManagerEmpName = name
this.edittaskdata.ManagerEmpNo = no
} else {
this.edittaskdata.ManagerEmpName =''
name = ''
no = ''
// this.Deptshow = false
}
_this.editTaskEmpSave(emypk, no, name)
this.Deptshow = false
}
if (Peotype == 2) {
if (status == 1) {
this.EmpHtmlraw = name
this.ManagerEmpName = name
this.ManagerEmpNo = no
this.Deptshow = false
} else {
this.EmpHtmlraw = ''
this.ManagerEmpName = ''
this.ManagerEmpNo = ''
// this.Deptshow = false
}
}
if (Peotype == 1) {
var splitDate = this.RefHtmlraw;
if (splitDate) {
if (status == 1) {
if (splitDate.indexOf(name) != -1)
return
this.RefEmpsName += name + ';'
this.RefEmpsNo += no + ';'
this.RefHtmlraw += name + ';'
} else {
console.log(splitDate)
this.RefEmpsName = this.RefEmpsName.replace(name + ';', "")
this.RefEmpsNo = this.RefEmpsName.replace(no + ';', "")
this.RefHtmlraw = this.RefEmpsName.replace(name + ';', "")
}
} else {
this.RefEmpsName += name + ';'
this.RefEmpsNo += no + ';'
this.RefHtmlraw += name + ';'
}
}
},
checkboxI: function (mypk, taskState) {
if (taskState) {
taskState = 0;
$('#title' + mypk).removeClass('textu')
} else {
taskState = 1;
$('#title' + mypk).addClass('textu')
}
var task = new Entity("BP.CCOA.Task", mypk);
task.TaskSta = taskState; // 0=未完成, 1=完成.
task.Update();
},
addChild: function (mypk) {
this.showAddChildbox = true
this.showAddChild = false
this.showEditChild = []
},
choosetime: function (value) {
// console.log(value)
laydate.render({
elem: '#'+value //指定元素
});
},
choosetimeC: function (id,mypk) {
laydate.render({
elem: '#' + id //指定元素
, done: function (value, date, endDate) {
$('#' + id+'a').html(value)
var task = new Entity("BP.CCOA.Task", mypk);
task.DTTo = value;
task.Update();
}
});
},
addChildSave: function (mypk) {
var cTitle = $('#TaskchildTitle').val();
var childstart = $('#TaskchildStart').val();
var childDTTo = $('#ccdate').html();
//console.log(cTitle);
if (cTitle) {
if (childstart == 'add') {
var task = new Entity("BP.CCOA.Task");
task.Title = cTitle;
task.DTTo = childDTTo;
task.ParentNo = mypk;
task.IsSubTask = 1;
task.Insert();
}
if (childstart == 'edit') {
var chmpyk = $('#TaskchildStart').data('childmpyk');
var task = new Entity("BP.CCOA.Task", chmpyk);
task.Title = cTitle;
task.Update();
this.showEditChild = [];
}
}
var edChildTk = new Entities("BP.CCOA.Tasks");
edChildTk.Retrieve("ParentNo", mypk);
var edChildTkdata = edChildTk.TurnToArry()
this.taskChildData = edChildTkdata;
$('#TaskchildTitle').val('');
$('#childDTTo').html('');
},
editChildTask: function (mypk, index) {
this.showEditChild = [];
this.showAddChildbox = false
this.showAddChild = true
this.$set(this.showEditChild, index, true)
//console.log(this.showEditChild[index]);
},
delChildTask: function (mypk, index) {
if (confirm('您确定想删除子任务吗?')) {
var endel = new Entity('BP.CCOA.Task', mypk);
endel.Delete();
this.taskChildData.splice(index, 1);
}
},
DelRef: function (mypk, index) {
var _this = this
this.RefEmpsData.splice(index, 1);
//console.log(this.RefEmpsData);
var delEno = ''
var delEname = ''
for (y = 0; y < this.RefEmpsData.length; y++) {
var ref = this.RefEmpsData[y]
delEname += ref.name + ';'
delEno += ref.no + ';'
}
this.edittaskdata.RefEmpsName = delEname
this.edittaskdata.RefEmpsNo = delEno
_this.AddRefSave(mypk, delEno, delEname);
},
EditRefAdd: function (mypk, no, name) {
var _this = this
this.RefEmpsData.push({ 'no': no, 'name': name })
var Eno = ''
var Ename = ''
for (y = 0; y < this.RefEmpsData.length; y++) {
var ref = this.RefEmpsData[y]
Ename += ref.name + ';'
Eno += ref.no + ';'
}
_this.AddRefSave(mypk, Eno, Ename);
},
AddRefSave: function (mypk,no,name) {
var task = new Entity("BP.CCOA.Task", mypk);
task.RefEmpsNo = no;
task.RefEmpsName = name;
task.Update();
},
AddTask: function () { // 新建任务.
this.show = true
this.showfixed = false
hTitle = $('#addInputTask').val();
$('#TB_Title').val(hTitle)
},
closeTask: function () {
this.show = false
this.showfixed = true
},
PRIbtn: function () {
this.prisshow = true
},
PRIshowBtn: function (mypk, pri) {
this.prisshow = false
var task = new Entity("BP.CCOA.Task", mypk);
task.TaskPRI = pri;
task.Update();
var edtask = new Entity("BP.CCOA.Task", mypk);
edtask.Retrieve();
this.edittaskdata = edtask
},
editTask: function (mypk) {
this.editshow = true
this.showfixed = false
var edtask = new Entity("BP.CCOA.Task", mypk);
edtask.Retrieve();
var edChildTk = new Entities("BP.CCOA.Tasks");
edChildTk.Retrieve("ParentNo", mypk);
var edChildTkdata = edChildTk.TurnToArry()
this.taskChildData = edChildTkdata;
console.log(edChildTkdata)
var NameData = edtask.RefEmpsName
var NoData = edtask.RefEmpsNo
//参与人处理
if (NameData) {
var NameDataFg = NameData.split(';')
this.RefEmpsData=[]
var NoDataFg = NoData.split(';')
for (l = 0; l < NameDataFg.length-1; l++){
this.RefEmpsData.push({ 'no': NoDataFg[l], 'name': NameDataFg[l]})
}
}
if (!edtask.Docs) edtask.Docs = '添加描述'
this.edittaskdata = edtask
editPK = edtask.MyPK
console.log(edtask)
},
closeEditTask: function () {
this.editshow = false
this.showfixed = true
location.reload();
},
addBtn: function () {
this.addshowBtn = false
this.addshowTask = true
this.addshowFull = true
},
closeAddTask: function () {
this.addshowBtn = true
this.addshowTask = false
this.addshowFull = false
},
SaveTask: function () { // 新建任务.
var title = $('#TB_Title').val();
if (title) {
var task = new Entity("BP.CCOA.Task");
task.ManagerEmpName = this.ManagerEmpName;
task.ManagerEmpNo = this.ManagerEmpNo;
task.RefEmpsName = this.RefEmpsName;
task.RefEmpsNo = this.RefEmpsNo;
task.CopyForm();
task.Insert();
layer.msg('添加成功', { time: 1000 }, function () {
location.reload();
})
}
else {
layer.msg('请输入标题', {time:1000})
}
},
SaveSimpleTask: function () { // 新建任务.
var task = new Entity("BP.CCOA.Task");
task.Title = $('#addInputTask').val();
task.DTFrom = $('#icon-date').html();
task.Insert();
location.reload();
this.addshowBtn = true
this.addshowTask = false
this.addshowFull = false
},
delTask: function (mypk) { //设置任务完成.
if (confirm('您确定想删除该任务吗?')) {
var endel = new Entity('BP.CCOA.Task', mypk);
endel.Delete();
location.reload();
}
},
editTasktitle: function (mypk) { //设置任务完成.
this.edittitle = 0;
},
editTasktitleC: function () { //设置任务完成.
this.edittitle = 1;
},
editTasktitleSave: function (mypk) { //设置任务完成.
this.edittitle = 1;
var Newtitle = $('#edittitle').val();
var task = new Entity("BP.CCOA.Task", mypk);
task.Title = Newtitle;
task.Update();
var edtask = new Entity("BP.CCOA.Task", mypk);
edtask.Retrieve();
this.edittaskdata = edtask
},
editTaskDocs: function (mypk) { //设置任务完成.
this.editdocs = 0;
},
editTaskDocsC: function () { //设置任务完成.
this.editdocs = 1;
},
editTaskDocsSave: function (mypk) { //设置任务完成.
this.editdocs = 1;
var NewDocs = $('#editDocs').val();
var task = new Entity("BP.CCOA.Task", mypk);
task.Docs = NewDocs;
task.Update();
var edtask = new Entity("BP.CCOA.Task", mypk);
edtask.Retrieve();
this.edittaskdata = edtask
},
editTaskEmpSave: function (mypk,no,name) { //设置任务完成.
this.editdocs = 1;
var task = new Entity("BP.CCOA.Task", mypk);
task.ManagerEmpNo = no;
task.ManagerEmpName = name;
task.Update();
this.isShowRefPop = false
$('#EditEmpName').html(name);
},
AllTasks: function () {
//所有的任务都已经取出来了,不用过滤.
this.list = this.tasklist;
this.activeIndex = 1
},
MyTasks: function () {
//我是负责人任务s. 字段: ManagerEmpNo = webUse.No 就是我负责的任务.
this.activeIndex = 2
var tasklist = this.tasklist;
var webUser = new WebUser();
var myens = [];
for (var i = 0; i < tasklist.length; i++) {
var en = tasklist[i];
if (en.ManagerEmpNo != webUser.No)
continue;
myens.push(en);
}
this.list = myens
//this.list = myens;
},
RefTasks: function () {
this.activeIndex = 3
//我参与的任务. 字段: RefEmpsNo = 包含 webUse.No 就是我负责的任务.
var tasklist = this.tasklist;
var webUser = new WebUser();
var myens = [];
for (var i = 0; i < tasklist.length; i++) {
var en = tasklist[i];
if (en.RefEmpsNo.indexOf(webUser.No) == -1)
continue;
myens.push(en);
}
this.list = myens;
},
Dtime: function (event) {
if (event == 'nDTFrom') {
laydates.render({
elem: '#chStartDate'
, done: function (value, date, endDate) {
$('#nDTFrom strong').html(value)
$('#nDTFrom').addClass('coltxt')
$('#nDTFrom').removeClass('coltxto')
var task = new Entity("BP.CCOA.Task", editPK);
task.DTFrom = value;
task.Update();
}
});
}
if (event == 'nDTTo') {
laydates.render({
elem: '#chEndDate'
, done: function (value, date, endDate) {
$('#nDTTo strong').html(value)
$('#nDTTo').addClass('coltxt')
$('#nDTTo').removeClass('coltxto')
var task = new Entity("BP.CCOA.Task", editPK);
task.DTTo = value;
task.Update();
}
});
}
laydates.render({
elem: '#'+event
});
}
},
mounted: function () {
var ens = new Entities("BP.CCOA.Tasks");
ens = ens.DoMethodReturnJSON("Task_AllTasks");
this.tasklist = ens;
this.list = ens;
// console.log(ens);
this.activeIndex = 1
var ensD = new Entities("BP.CCOA.Tasks");
var DeptEmps = ensD.DoMethodReturnJSON("Selecter_DeptEmps");
var Depts = DeptEmps.Depts
var Emps = DeptEmps.Emps
for (d = 0; d < Depts.length; d++) {
var de = Depts[d]
de.Empslist = []
de.open = false
var childModules = Emps.filter(function (module) {
// return module.SystemNo === ''
return module.FK_Dept === de.No
})
de.Num = childModules.length
for (c = 0; c < childModules.length; c++) {
var ce = childModules[c]
ce.status = 0
}
de.Empslist = childModules
}
this.DeptsDatas = Depts
//this.EmpsData = DeptEmps.Emps
}
});
//日期
function TextBox_Emp(ctrl) {
}
function getSubTask(mypk) {
var ens = new Entities("BP.CCOA.Tasks");
ens.Retrieve("ParentNo", mypk);
return ens;
}
function Save() {
var mypk = GetQueryString("MyPK");
var en = new Entity("BP.CCOA.Task", mypk);
en.CopyForm();
en.Update();
//en.Title = $("#TB_Ttile").val();
//en.DTFrom = $("#TB_DTFrom").val();
//en.DTTo = $("#TB_DTTo").val();
//en.Docs = $("#TB_Docs").val();
//en.Update();
}
function AddSubTask(title, endDate) {
var mypk = GetQueryString("MyPK");
var en = new Entity("BP.CCOA.Task");
en.Title = title;
en.DTTo = endDate; //结束日期.
en.ParentNo = mypk;
en.Insert();
}
</script>
</body>
</html>