diff --git a/src/api/task.js b/src/api/task.js
index 72e2c38..cccd754 100644
--- a/src/api/task.js
+++ b/src/api/task.js
@@ -42,8 +42,8 @@ export function star(code, star) {
return $http.post('project/task/star', {star: star, taskCode: code});
}
-export function createComment(code, comment, mentions) {
- return $http.post('project/task/createComment', {taskCode: code, comment: comment, mentions: mentions});
+export function createComment(code, comment, mentions, type=0) {
+ return $http.post('project/task/createComment', {taskCode: code, comment: comment, mentions: mentions, type: type});
}
export function assignTask(data) {
diff --git a/src/components/layout/UserLayout.vue b/src/components/layout/UserLayout.vue
index 9797a97..666a229 100644
--- a/src/components/layout/UserLayout.vue
+++ b/src/components/layout/UserLayout.vue
@@ -6,7 +6,7 @@
<a-badge>
<a href="/">
<img src="../../assets/image/common/logo.png" class="logo" alt="logo">
- <span class="title">Pear Project</span>
+ <span class="title">工单系统</span>
</a>
</a-badge>
</div>
diff --git a/src/components/project/taskAdd.vue b/src/components/project/taskAdd.vue
index 932af21..1305551 100644
--- a/src/components/project/taskAdd.vue
+++ b/src/components/project/taskAdd.vue
@@ -743,8 +743,11 @@
},
// 创建任务
addTask(){
+ if(!this.task.name) return notice({title: '请输入工单名称'}, 'error', 5000);
+ if(!this.task.description) return notice({title: '请输入工作内容'}, 'error', 5000);
+ if(!this.task.end_time) return notice({title: '请选择完成期限'}, 'error', 5000);
+ if(!this.department.code) return notice({title: '请选择处理部门'}, 'error', 5000);
this.createTask();
- return console.log(this.task);
},
// 创建任务
createTask(){
@@ -758,6 +761,8 @@
})
task.copied_list = task.copied_list.join(',');
task.assign_to = "";
+ task.department_code = this.department.code;
+ task.liasion_code = this.liasionMan.code;
// task.executor = task.executor.code;
task.stage_code = this.$route.query.stage_code;
task.project_code = this.$route.params.code;
@@ -773,7 +778,7 @@
},
detailClose() {
this.$emit('close', this.task);
- this.$router.push(`/project/space/task/${this.$route.params.code}?re=1&from=${this.$route.query.from}`);
+ // this.$router.push(`/project/space/task/${this.$route.params.code}?re=1&from=${this.$route.query.from}`);
// this.$router.push(`/project/space/task/${this.task.project_code}`);
},
clearMemberMenu() {
diff --git a/src/components/project/taskDetail.vue b/src/components/project/taskDetail.vue
index d12604f..7625ce5 100644
--- a/src/components/project/taskDetail.vue
+++ b/src/components/project/taskDetail.vue
@@ -27,7 +27,7 @@
<a class="action-item muted" v-clipboard="taskLink" @success="copyLink"><a-icon
type="link"/></a>
</a-tooltip>
- <a-tooltip :mouseEnterDelay="0.5">
+ <!-- <a-tooltip :mouseEnterDelay="0.5">
<template slot="title">
<span>点个赞</span>
</template>
@@ -35,8 +35,8 @@
<a-icon type="like"/>
<span v-show="task.like">{{task.like}}</span>
</a>
- </a-tooltip>
- <a-dropdown :trigger="['click']" placement="bottomCenter" v-model="visibleTaskMenu">
+ </a-tooltip> -->
+ <!-- <a-dropdown :trigger="['click']" placement="bottomCenter" v-model="visibleTaskMenu">
<a-tooltip :mouseEnterDelay="0.5">
<template slot="title">
<span>打开菜单</span>
@@ -80,7 +80,7 @@
</div>
</a-menu-item>
</a-menu>
- </a-dropdown>
+ </a-dropdown> -->
</template>
<template v-else>
<a class="action-item muted" @click="recoveryTask">
@@ -102,7 +102,7 @@
<div class="task-content">
<div class="content-left">
<vue-scroll :ops="scrollOps">
- <div class="task-title" :class="{'disabled': task.deleted}">
+ <div class="task-title" :class="{'disabled': task.deleted}" :style="{'pointer-events': userInfo.code==task.create_by? 'all':'none'}">
<a-input ref="inputTitle" auto-focus @blur="doName" v-model="task.name" size="large"
v-show="showEditName"/>
<a-tooltip :mouseEnterDelay="0.5" v-if="!task.deleted">
@@ -117,7 +117,7 @@
{{task.name}}
</div>
</div>
- <div class="task-basic-attrs-view muted">
+ <div class="task-basic-attrs-view muted" :style="{'pointer-events': userInfo.code==task.create_by? 'all':'none'}">
<div class="field-list" :class="{'disabled': task.deleted}">
<div class="component-mount pink-bg">
<div class="field">
@@ -160,7 +160,7 @@
</div>
</div>
</div>
- <div class="component-mount">
+ <div class="component-mount" :style="{'pointer-events': userInfo.code==task.create_by? 'all':'none'}">
<div class="field">
<div class="field-left">
<a-icon type="calendar"/>
@@ -209,7 +209,7 @@
</a-dropdown>
<span class="m-l-sm m-r-sm">-</span>
</template>
- <a-dropdown :trigger="['click']" v-model="showEndTime"
+ <a-dropdown :trigger="['click']" v-model="showEndTime"
:disabled="!!task.deleted">
<a-tooltip :mouseEnterDelay="0.5" v-if="!task.deleted">
<template slot="title">
@@ -249,7 +249,7 @@
</div>
</div>
</div>
- <div class="component-mount">
+ <div class="component-mount" style="pointer-events:none">
<div class="field">
<div class="field-left">
<a-icon type="check-square"/>
@@ -291,7 +291,7 @@
</div>
</div>
</div>
- <div class="component-mount">
+ <div class="component-mount" style="pointer-events:none">
<div class="field">
<div class="field-left">
<a-icon type="deployment-unit"/>
@@ -316,7 +316,7 @@
</div>
</div>
</div>
- <div class="component-mount">
+ <div class="component-mount" :style="{'pointer-events': task.liasion_info&&userInfo.code==task.liasion_info.code? 'all':'none'}">
<div class="field">
<div class="field-left">
<a-icon type="user"/>
@@ -415,6 +415,22 @@
</div>
</div>
</div>
+ <div class="component-mount">
+ <div class="field">
+ <div class="field-left">
+ <a-icon type="apartment"/>
+ <span class="field-name">处理部门</span>
+ </div>
+ <div class="field-right">
+ <div class="field-flex" v-if="task.liasion_info" style="flex-wrap: wrap;align-items: center;">
+ <span style="padding-right: 10px">{{ task.department_info.name }} </span>
+ <span style="padding-right: 10px">{{ '/' }} </span>
+ <a-avatar :src="task.liasion_info.avatar" icon="user" size="small"/>
+ <a class="muted name">{{task.liasion_info.name}}</a>
+ </div>
+ </div>
+ </div>
+ </div>
<div class="component-mount">
<div class="field">
<div class="field-left">
@@ -422,7 +438,7 @@
<span class="field-name">工作流转</span>
</div>
<div class="field-right field-flex" style="flex-wrap: wrap;">
- <div v-for="(exc, index) in task.exchange_info" :key="exc.code" style="pointer-events: none;">
+ <div v-for="(exc, index) in task.exchange_info" :key="index" style="pointer-events: none;">
<a-dropdown
:trigger="['click']"
v-model="exc.show"
@@ -485,7 +501,7 @@
</div>
</div>
</div>
- <div class="component-mount">
+ <div class="component-mount" :style="{'pointer-events': userInfo.code==task.create_by? 'all':'none'}" >
<div class="field">
<div class="field-left">
<a-icon type="bulb"/>
@@ -534,7 +550,7 @@
</div>
</div>
</div>
- <div class="component-mount">
+ <div class="component-mount" v-if="userInfo.code==task.create_by">
<div class="field">
<div class="block-field width-block">
<div class="task-child">
@@ -580,7 +596,6 @@
<a class="action-item muted">
<a-icon type="down"/>
</a>
- <!--</a-tooltip>-->
<a-menu v-clipboard="item.sourceDetail.file_url"
@click="doSource($event,item)"
class="field-right-menu"
@@ -628,7 +643,7 @@
@click="routerLink('/members/profile/' + member.membar_account_code + '?key=3')"
/>
</a-tooltip>
- <a-dropdown :trigger="['click']" placement="bottomCenter"
+ <!-- <a-dropdown :trigger="['click']" placement="bottomCenter"
v-model="visibleProjectMemberMenu">
<a-tooltip :mouseEnterDelay="0.5">
<template slot="title">
@@ -648,7 +663,7 @@
visibleProjectMemberMenu = false"
></project-member-menu>
</div>
- </a-dropdown>
+ </a-dropdown> -->
</div>
</div>
<div class="log-wrap">
@@ -667,7 +682,7 @@
</a-menu-item>
<a-menu-item key="comment">
<div class="menu-item-content">
- <span>仅评论</span>
+ <span>仅审核</span>
</div>
</a-menu-item>
<a-menu-item key="log">
@@ -685,7 +700,7 @@
<a-icon type="ellipsis"/>
显示较早的 {{taskLogTotal - taskLogList.length}} 条动态
</a>
- <div :class="{'log-comment': log.is_comment,'list-item': !log.is_comment}"
+ <div :class="{'log-comment': log.is_comment,'list-item': !log.is_comment, 'log-pass': log.type=='pass', 'log-reject': log.type=='reject', 'log-add': log.type=='add'}"
v-for="log in taskLogList" :key="log.code">
<template v-if="!log.is_comment">
<a-icon class="log-item" :type="log.icon"/>
@@ -695,11 +710,14 @@
v-html="log.content"></div>
</div>
</template>
- <template v-if="log.is_comment">
+ <div v-if="log.is_comment">
<div class="log-txt text-default" style="width:100%; display: flex;justify-content: space-between">
<div style="display: flex;align-items: center">
- <a-avatar :size="24" :src="log.member.avatar" class="m-r-sm" style="margin-left: -5px"/>
+ <a-avatar :size="24" :src="log.member.avatar" class="m-r-sm" />
<div>{{log.member.name}}</div>
+ <div v-if="log.type=='add'" class="log-add-tips">提交</div>
+ <div v-if="log.type=='pass'" class="log-pass-tips">通过</div>
+ <div v-if="log.type=='reject'" class="log-reject-tips">驳回</div>
</div>
<a-tooltip :mouseEnterDelay="0.5">
<template slot="title">
@@ -711,7 +729,7 @@
<div class="log-txt text-default" style="padding: 0 0 0 30px;">
<div class="m-t-xs" v-html="checkLink(log.content)" ></div>
</div>
- </template>
+ </div>
<a-tooltip v-if="!log.is_comment" :mouseEnterDelay="0.5">
<template slot="title">
<span>{{log.create_time}}</span>
@@ -723,7 +741,7 @@
</vue-scroll>
</div>
<div class="footer" id="footer">
- <a-popover trigger="click" placement="top" :visible="showMentions" arrowPointAtCenter :getPopupContainer="getPopup">
+ <a-popover v-if="userInfo.code==task.create_by||userInfo.code==task.assign_to" trigger="click" placement="top" :visible="showMentions" arrowPointAtCenter :getPopupContainer="getPopup">
<template slot="content">
<div class="mentions-content" style="width: 200px;">
<div class="mentions-wrapper" v-for="member in taskMemberList" :key="member.id" @click="selectMentionMember(member)">
@@ -732,11 +750,16 @@
</div>
</div>
</template>
-<!-- <span slot="title">Title</span>-->
- <a-textarea @focus="commenting = true" @blur="commenting = false" ref="commentText" v-model="comment" :rows="1" placeholder="@提及任务成员，Ctrl+Enter发表评论"
- style="margin-right: 24px;"/>
+ <a-textarea @focus="commenting = true" @blur="commenting = false" ref="commentText" v-model="comment" :rows="1" placeholder="@提及任务成员，Ctrl+Enter发送"
+ style="margin-right: 15px;"/>
</a-popover>
- <a-button class="middle-btn" type="primary" @click="createComment">评论</a-button>
+ <template v-if="userInfo.code == task.create_by">
+ <a-button class="middle-btn" type="danger" @click="createComment(2)">驳回</a-button>
+ <a-button class="middle-btn" type="primary" style="margin-left: 15px;" @click="createComment(1)">通过</a-button>
+ </template>
+ <template v-if="userInfo.code == task.assign_to">
+ <a-button class="middle-btn" type="primary" @click="createComment(3)">提交</a-button>
+ </template>
</div>
</div>
</div>
@@ -1091,6 +1114,7 @@
},
created() {
this.init();
+ console.log(this.userInfo);
},
mounted() {
this.$nextTick(()=>{
@@ -1102,13 +1126,13 @@
})()
};
document.onkeydown = (event) => {
- console.log(event);
+ // console.log(event);
var e = event || window.event || arguments.callee.caller.arguments[0];
if (13 == e.keyCode && e.ctrlKey) {
//处理的部分
- this.createComment();
+ this.createComment(1);
}
- if ('@' == e.key && this.commenting) {
+ if (('@' == e.key || (e.code=='Digit2'&&e.key=='Process'&&e.shiftKey)) && this.commenting) {
this.showMentions = true;
}else{
this.showMentions = false;
@@ -1526,14 +1550,18 @@
this.initContent(this.task.description)
},
initContent(value) {
- if (value) {
- this.$refs.vueWangeditor.setHtml(value)
- } else {
- this.$refs.vueWangeditor.setHtml('')
+ try {
+ if (value) {
+ this.$refs.vueWangeditor.setHtml(value)
+ } else {
+ this.$refs.vueWangeditor.setHtml('')
+ }
+ this.$nextTick(() => {
+ this.checkShowMoreDesc(false, true);
+ });
+ } catch (error) {
+
}
- this.$nextTick(() => {
- this.checkShowMoreDesc(false, true);
- });
},
doContent() {
let content = this.$refs.vueWangeditor.getHtml();
@@ -1550,7 +1578,7 @@
this.getTaskLog();
});
},
- createComment() {
+ createComment(type=0) {
let comment = this.comment.trim();
if (!comment) {
return false;
@@ -1566,7 +1594,7 @@
}
});
}
- createComment(this.code, this.comment, JSON.stringify(this.mentionsList)).then(() => {
+ createComment(this.code, this.comment, JSON.stringify(this.mentionsList), type).then(() => {
this.comment = '';
this.mentionsList = [];
this.getTaskLog();
@@ -2159,7 +2187,7 @@
.content-right {
//width: 37%;
- width: 410px;
+ width: 510px;
.header {
padding: 15px 20px 20px 20px;
@@ -2199,7 +2227,7 @@
}
.log-comment {
- max-width: 405px;
+ max-width: 100%;
align-items: end;
margin-bottom: 15px;
}
@@ -2236,7 +2264,56 @@
flex: 1 1;
}
}
- }
+
+ .log-pass{
+ border: 1px solid green;
+ background-color: rgba(green, 0.05);
+ border-radius: 10px;
+ color: #fff !important;
+ padding: 10px;
+ }
+
+ .log-reject{
+ border: 1px solid #ff4d4f;
+ background-color: rgba(#ff4d4f, 0.1);
+ border-radius: 10px;
+ color: #fff !important;
+ padding: 10px;
+ }
+
+ .log-add{
+ border: 1px solid #1890ff;
+ background-color: rgba(#1890ff, 0.1);
+ border-radius: 10px;
+ color: #fff !important;
+ padding: 10px;
+ }
+
+ .log-pass-tips{
+ margin-left: 10px;
+ color: #fff;
+ font-size: 12px;
+ padding: 0px 6px;
+ border-radius: 2px;
+ background-color: green;
+ }
+ .log-reject-tips{
+ margin-left: 10px;
+ color: #fff;
+ font-size: 12px;
+ padding: 0px 6px;
+ border-radius: 2px;
+ background-color: #ff4d4f;
+ }
+ .log-add-tips{
+ margin-left: 10px;
+ color: #fff;
+ font-size: 12px;
+ padding: 0px 6px;
+ border-radius: 2px;
+ background-color: #1890ff;
+ }
+ }
}
.footer {
diff --git a/src/components/project/taskSearch.vue b/src/components/project/taskSearch.vue
index 3d62cab..6ebc764 100644
--- a/src/components/project/taskSearch.vue
+++ b/src/components/project/taskSearch.vue
@@ -9,7 +9,7 @@
:form="form"
@submit.prevent="handleSubmit">
<a-form-item
- label='标题'
+ label='工单名称'
:colon="false"
:labelCol="{ span: 6 }"
:wrapperCol="{ span: 18 }"
@@ -76,7 +76,7 @@
</a-select-option>
</a-select>
</a-form-item>
- <a-form-item
+ <!-- <a-form-item
label='参与者'
:colon="false"
:labelCol="{ span: 6 }"
@@ -102,7 +102,7 @@
</div>
</a-select-option>
</a-select>
- </a-form-item>
+ </a-form-item> -->
<a-form-item
label='是否完成'
:colon="false"
diff --git a/src/const/common.js b/src/const/common.js
index 2ff3953..1edf06d 100644
--- a/src/const/common.js
+++ b/src/const/common.js
@@ -1,6 +1,6 @@
export const COMMON = {
PAGE_SIZE: 20,
PAGE_NUM: 1,
- TASK_STATUS: [{id: 0, name: '未开始', color: 'rgba(0, 0, 0, 0.65)'},{id: 1, name: '已完成', color: '#1890ff'},{id: 2, name: '进行中', color: '#52c41a'},{id: 3, name: '挂起', color: '#f5222d'},{id: 4, name: '测试中', color: '#faad14'},]
+ TASK_STATUS: [{id: 0, name: '未开始', color: 'rgba(0, 0, 0, 0.65)'},{id: 1, name: '已完成', color: '#1890ff'},{id: 2, name: '进行中', color: '#52c41a'},{id: 3, name: '挂起', color: '#f5222d'},{id: 4, name: '验收中', color: '#faad14'},]
};
diff --git a/src/main.js b/src/main.js
index c3f2e4c..e288618 100644
--- a/src/main.js
+++ b/src/main.js
@@ -27,6 +27,46 @@ moment.locale('zh-cn');
Vue.use(VueRouter);
Vue.use(store);
+
+Vue.directive('disable-click', {
+ inserted(el, binding) {
+ binding.value = !!binding.value;
+ console.log('binding', binding);
+ if(binding.value){
+ el.addEventListener('click', (event) => {
+ if (binding.value) {
+ event.preventDefault();
+ event.stopPropagation();
+ }
+ });
+ el.querySelectorAll('*').forEach((child) => {
+ child.addEventListener('click', (event) => {
+ event.preventDefault();
+ event.stopPropagation();
+ });
+ });
+ }
+ },
+ update(el, binding) {
+ binding.value = !!binding.value;
+ console.log('binding', binding);
+ if(binding.value){
+ el.addEventListener('click', (event) => {
+ if (binding.value) {
+ event.preventDefault();
+ event.stopPropagation();
+ }
+ });
+ el.querySelectorAll('*').forEach((child) => {
+ child.addEventListener('click', (event) => {
+ event.preventDefault();
+ event.stopPropagation();
+ });
+ });
+ }
+ },
+ });
+
Vue.config.productionTip = false;
Vue.use(Antd);
Vue.component('WrapperContent', WrapperContent);
diff --git a/src/views/project/space/task.vue b/src/views/project/space/task.vue
index 0ab9edb..16b1b69 100644
--- a/src/views/project/space/task.vue
+++ b/src/views/project/space/task.vue
@@ -1,935 +1,1259 @@
<template>
- <div class="project-space-task" :class="`${project.task_board_theme} ${viewType}`">
- <div class="project-navigation">
- <div class="project-nav-header">
- <a-breadcrumb>
- <a-breadcrumb-item>
- <a @click="toHome">
- <a-icon type="home" /> 首页
- </a>
- </a-breadcrumb-item>
- <a-breadcrumb-item>
- <project-select class="nav-title" style="display: inline-block" :code="code"></project-select>
- <span class="actions">
- <a-tooltip :mouseEnterDelay="0.3" :title="project.collected ? '取消收藏' : '加入收藏'"
- @click="collectProject">
- <a-icon type="star" theme="filled" style="color: grey;" v-show="!project.collected"/>
- <a-icon type="star" theme="filled" style="color: #ffaf38;" v-show="project.collected"/>
- </a-tooltip>
- </span>
- <span class="label label-normal" v-if="project.private === 0"><a-icon type="global"/> 公开</span>
- </a-breadcrumb-item>
- </a-breadcrumb>
- </div>
- <section class="nav-body">
- <ul class="nav-wrapper nav nav-underscore pull-left">
- <li class="actives"><a class="app" data-app="tasks">任务</a></li>
- <li class=""><a class="app" data-app="works"
- @click="$router.push('/project/space/files/' + code)">
- 文件</a>
- </li>
- <li class=""><a class="app" data-app="build"
- @click="$router.push('/project/space/overview/' + code)">
- 概览</a>
- </li>
- <li class=""><a class="app" data-app="build"
- @click="$router.push('/project/space/features/' + code)">
- 版本</a>
- </li>
- <li><a class="app" data-app="build"
- @click="$router.push('/project/space/events/' + code)">
- 日程</a>
- </li>
- </ul>
- </section>
- <div class="project-nav-footer">
- <a class="footer-item" @click="changeViewType()">
- <span> <span v-if="viewType == 'task-board'"> <a-icon type="database"></a-icon> 看板</span><span v-else> <a-icon type="table"></a-icon> 表格</span>视图</span>
- </a>
- <a class="footer-item" @click="visibleDraw('taskSearch')">
- <a-icon type="search"></a-icon>
- <span> 筛选</span>
- </a>
- <a class="footer-item" :class="{active:slideMenuKey == 'member'}" @click="visibleDraw('member')">
- <a-icon type="user"></a-icon>
- <span> {{projectMembers.length}}</span>
- </a>
- <a class="footer-item" :class="{active:slideMenuKey == 'config'}" @click="visibleDraw('config')">
- <a-icon type="menu"></a-icon>
- <span> 菜单</span>
- </a>
- </div>
- </div>
- <wrapper-content :showHeader="false">
- <draggable e v-show="viewType == 'task-board'" v-model="taskStages"
- :options="{group:'stages',filter:'.undraggables',handle:'.ui-sortable-handle',ghostClass:'stage-ghost',animation: 200,forceFallback:false}"
- id="board-scrum-stages" class="board-scrum-stages" @end="stageSort"
- v-dragscroll2>
- <div class="scrum-stage" v-for="(stage,index) in taskStages" :key="index" :id="stage.code"
- :class="{ 'fixed-creator': stage.fixedCreator == true}">
- <!--<a-spin wrapperClassName="tasks-loading" :spinning="stage.tasksLoading">-->
- <!--<a-tooltip placement="top" >
+ <div
+ class="project-space-task"
+ :class="`${project.task_board_theme} ${viewType}`"
+ >
+ <div class="project-navigation">
+ <div class="project-nav-header">
+ <a-breadcrumb>
+ <a-breadcrumb-item>
+ <a @click="toHome"> <a-icon type="home" /> 首页 </a>
+ </a-breadcrumb-item>
+ <a-breadcrumb-item>
+ <project-select
+ class="nav-title"
+ style="display: inline-block"
+ :code="code"
+ ></project-select>
+ <span class="actions">
+ <a-tooltip
+ :mouseEnterDelay="0.3"
+ :title="project.collected ? '取消收藏' : '加入收藏'"
+ @click="collectProject"
+ >
+ <a-icon
+ type="star"
+ theme="filled"
+ style="color: grey"
+ v-show="!project.collected"
+ />
+ <a-icon
+ type="star"
+ theme="filled"
+ style="color: #ffaf38"
+ v-show="project.collected"
+ />
+ </a-tooltip>
+ </span>
+ <span class="label label-normal" v-if="project.private === 0"
+ ><a-icon type="global" /> 公开</span
+ >
+ </a-breadcrumb-item>
+ </a-breadcrumb>
+ </div>
+ <section class="nav-body">
+ <ul class="nav-wrapper nav nav-underscore pull-left">
+ <li class="actives"><a class="app" data-app="tasks">任务</a></li>
+ <li class="">
+ <a
+ class="app"
+ data-app="works"
+ @click="$router.push('/project/space/files/' + code)"
+ >
+ 文件</a
+ >
+ </li>
+ <li class="">
+ <a
+ class="app"
+ data-app="build"
+ @click="$router.push('/project/space/overview/' + code)"
+ >
+ 概览</a
+ >
+ </li>
+ <li class="">
+ <a
+ class="app"
+ data-app="build"
+ @click="$router.push('/project/space/features/' + code)"
+ >
+ 版本</a
+ >
+ </li>
+ <li>
+ <a
+ class="app"
+ data-app="build"
+ @click="$router.push('/project/space/events/' + code)"
+ >
+ 日程</a
+ >
+ </li>
+ </ul>
+ </section>
+ <div class="project-nav-footer">
+ <a class="footer-item" @click.stop="addTask()">
+ <a-icon type="plus-circle"></a-icon>
+ <span> 创建任务</span>
+ </a>
+ <a class="footer-item" @click="changeViewType()">
+ <span>
+ <span v-if="viewType == 'task-board'">
+ <a-icon type="database"></a-icon> 看板</span
+ ><span v-else> <a-icon type="table"></a-icon> 表格</span>视图</span
+ >
+ </a>
+ <a class="footer-item" @click="visibleDraw('taskSearch')">
+ <a-icon type="search"></a-icon>
+ <span> 筛选</span>
+ </a>
+ <a
+ class="footer-item"
+ :class="{ active: slideMenuKey == 'member' }"
+ @click="visibleDraw('member')"
+ >
+ <a-icon type="user"></a-icon>
+ <span> {{ projectMembers.length }}</span>
+ </a>
+ <a
+ class="footer-item"
+ :class="{ active: slideMenuKey == 'config' }"
+ @click="visibleDraw('config')"
+ >
+ <a-icon type="menu"></a-icon>
+ <span> 菜单</span>
+ </a>
+ </div>
+ </div>
+ <wrapper-content :showHeader="false">
+ <draggable
+ e
+ v-show="viewType == 'task-board'"
+ v-model="taskStages"
+ :options="{
+ group: 'stages',
+ filter: '.undraggables',
+ handle: '.ui-sortable-handle',
+ ghostClass: 'stage-ghost',
+ animation: 200,
+ forceFallback: false,
+ }"
+ id="board-scrum-stages"
+ class="board-scrum-stages"
+ @end="stageSort"
+ v-dragscroll2
+ >
+ <div
+ class="scrum-stage"
+ style="width: 32vw; min-width: 400px;"
+ v-for="(stage, index) in taskStages"
+ :key="index"
+ :id="stage.code"
+ :class="{ 'fixed-creator': stage.fixedCreator == true }"
+ >
+ <!--<a-spin wrapperClassName="tasks-loading" :spinning="stage.tasksLoading">-->
+ <!--<a-tooltip placement="top" >
<template slot="title">
{{ stage.name }}
<span class="task-count" v-if="stage.list.length > 0"> · {{ stage.list.length }}</span>
</template>-->
- <header class="scrum-stage-header ui-sortable-handle" v-show="!stage.tasksLoading">
- <div class="stage-name hinted">
- {{ stage.name }}
- <span class="task-count"
- v-if="stage.tasks.length > 0"> · {{ stage.tasks.length }}</span>
- </div>
- <!--添加任务按钮-->
- <div @click.stop="addTask(stage.code,index)">
- <a class="task-creator-handler link-add-handler">
- <a-icon type="plus-circle" style="padding-left: 10px;padding-right: 5px;"></a-icon>
- <span style="font-size: 0.8rem;">添加任务</span>
- </a>
- </div>
- <div class="stage-menu-toggler popover">
- <a-dropdown :trigger="['click']" placement="bottomCenter">
- <a-tooltip placement="top">
- <template slot="title">
- <span>编辑任务列表</span>
- </template>
- <a href="javascript:void(0)" class="menu-toggler-title">
- <a-icon type="ellipsis" style="font-size: 18px;"/>
- </a>
- </a-tooltip>
- <!--<div slot="overlay" class="task-popover-content">-->
- <!--<header class="popover-header" name="333">
+ <header
+ class="scrum-stage-header ui-sortable-handle"
+ v-show="!stage.tasksLoading"
+ >
+ <div class="stage-name hinted">
+ {{ stage.name }}
+ <span class="task-count" v-if="stage.tasks.length > 0">
+ · {{ stage.tasks.length }}</span
+ >
+ </div>
+ <div class="stage-menu-toggler popover">
+ <a-dropdown :trigger="['click']" placement="bottomCenter">
+ <a-tooltip placement="top">
+ <template slot="title">
+ <span>编辑任务列表</span>
+ </template>
+ <a href="javascript:void(0)" class="menu-toggler-title">
+ <a-icon type="ellipsis" style="font-size: 18px" />
+ </a>
+ </a-tooltip>
+ <!--<div slot="overlay" class="task-popover-content">-->
+ <!-- <header class="popover-header" name="333">
<span class="popover-title">列表菜单</span>
- </header>-->
- <a-menu slot="overlay" @click="doStage" :selectable="false">
- <a-menu-item :key="'editStage_' + stage.code + '_' + index">
- <a-icon type="edit"></a-icon>
- 编辑列表
- </a-menu-item>
- <a-menu-item :key="'setExecutor_' + stage.code + '_' + index">
- <a-icon size="14" type="user"></a-icon>
- 设置本列所有任务执行者
- </a-menu-item>
- <!--<a-menu-item :key="'setEndTime_' + stage.code + '_' + index">
+ </header> -->
+ <a-menu slot="overlay" @click="doStage" :selectable="false">
+ <!-- <a-menu-item :key="'editStage_' + stage.code + '_' + index">
+ <a-icon type="edit"></a-icon>
+ 编辑列表
+ </a-menu-item> -->
+ <a-menu-item :key="'setExecutor_' + stage.code + '_' + index">
+ <a-icon size="14" type="user"></a-icon>
+ 设置本列所有任务执行者
+ </a-menu-item>
+ <!--<a-menu-item :key="'setEndTime_' + stage.code + '_' + index">
<a-icon size="14" type="clock-circle"></a-icon>
设置本列所有任务截止时间 *
</a-menu-item>-->
- <a-menu-item :key="'recycleBatch_' + stage.code + '_' + index">
- <a-icon size="14" type="delete"></a-icon>
- 本列所有任务移到回收站
- </a-menu-item>
- <a-menu-item :key="'delStage_' + stage.code + '_' + index">
- <a-icon size="14" type="delete"></a-icon>
- 删除列表
- </a-menu-item>
- </a-menu>
- <!--</div>-->
- </a-dropdown>
- </div>
- </header>
- <!--</a-tooltip>-->
- <div class="scrum-stage-wrap ui-sortable"
- :class="{ 'hidden-creator-bottom': stage.showTaskCard}">
- <vue-scroll :ref="index + '-stage'" :ops="scrollOps">
- <section :id="stage.code" :task-type-index="index"
- class="scrum-stage-content thin-scroll">
- <a-spin wrapperClassName="tasks-loading" :spinning="stage.tasksLoading">
- <!--未完成列表-->
- <draggable v-model="stage.unDoneTasks"
- :options="{group:'task',ghostClass:'task-ghost',dragClass:'task-drag',fallbackClass:'task-drag',forceFallback:false}"
- @end="taskSort"
- class="scrum-stage-tasks">
- <template v-for="(task,taskIndex) in stage.unDoneTasks">
- <div class="task task-card ui-sortable-handle"
- :index="taskIndex"
- :id="task.code"
- :key="task. code"
- :class="showTaskPri(task.pri)"
- v-if="!task.done && task.canRead"
- @click.stop="taskDetail(task.code,index)"
- >
- <div class="task-priority bg-priority-0"></div>
- <a-tooltip :placement="index > 0 ? 'top':'right'">
- <template slot="title">
- <span v-if="task.hasUnDone" style="font-size: 12px;">子任务尚未全部完成，无法完成父任务</span>
- </template>
- <div class="check-box-wrapper"
- @click.stop="taskDone(task.code,index,taskIndex,1)">
- <a-icon class="check-box" :class="{'disabled': task.hasUnDone}"
- type="border" :style="{fontSize:'16px'}"/>
- </div>
- <!--<a class="check-box"
+ <a-menu-item
+ :key="'recycleBatch_' + stage.code + '_' + index"
+ >
+ <a-icon size="14" type="delete"></a-icon>
+ 本列所有任务移到回收站
+ </a-menu-item>
+ <!-- <a-menu-item :key="'delStage_' + stage.code + '_' + index">
+ <a-icon size="14" type="delete"></a-icon>
+ 删除列表
+ </a-menu-item> -->
+ </a-menu>
+ <!--</div>-->
+ </a-dropdown>
+ </div>
+ </header>
+ <!--</a-tooltip>-->
+ <div
+ class="scrum-stage-wrap ui-sortable"
+ :class="{ 'hidden-creator-bottom': stage.showTaskCard }"
+ >
+ <vue-scroll :ref="index + '-stage'" :ops="scrollOps">
+ <section
+ :id="stage.code"
+ :task-type-index="index"
+ class="scrum-stage-content thin-scroll"
+ >
+ <a-spin
+ wrapperClassName="tasks-loading"
+ :spinning="stage.tasksLoading"
+ >
+ <!--未完成列表-->
+ <draggable
+ v-model="stage.unDoneTasks"
+ :options="{
+ group: 'task',
+ ghostClass: 'task-ghost',
+ dragClass: 'task-drag',
+ fallbackClass: 'task-drag',
+ forceFallback: false,
+ }"
+ @end="taskSort"
+ class="scrum-stage-tasks"
+ >
+ <template v-for="(task, taskIndex) in stage.unDoneTasks">
+ <div
+ class="task task-card ui-sortable-handle"
+ :index="taskIndex"
+ :id="task.code"
+ :key="task.code"
+ :class="showTaskPri(task.pri)"
+ v-if="!task.done && task.canRead"
+ @click.stop="taskDetail(task.code, index)"
+ >
+ <div class="task-priority bg-priority-0"></div>
+ <a-tooltip :placement="index > 0 ? 'top' : 'right'">
+ <template slot="title">
+ <span v-if="task.hasUnDone" style="font-size: 12px"
+ >子任务尚未全部完成，无法完成父任务</span
+ >
+ </template>
+ <div class="check-box-wrapper">
+ </div>
+ <!-- <div
+ class="check-box-wrapper"
+ @click.stop="
+ taskDone(task.code, index, taskIndex, 1)
+ "
+ >
+ <a-icon
+ class="check-box"
+ :class="{ disabled: task.hasUnDone }"
+ type="border"
+ :style="{ fontSize: '16px' }"
+ />
+ </div> -->
+ <!--<a class="check-box"
:class="{'disabled': task.hasUnDone}"
@click.stop="taskDone(task.code,index,taskIndex,1)"></a>-->
- </a-tooltip>
- <div class="task-content-set open-detail">
- <div class="task-content-wrapper">
- <div class="task-content" :style="{overflowWrap: 'anywhere'}"> {{ task.name }}</div>
- <a-tooltip placement="top"
- v-if="task.executor && task.executor.avatar">
- <template slot="title">
- <span>{{task.executor.name}}</span>
- </template>
- <img
- :src="task.executor.avatar"
- :title="task.executor.name"
- class="avatar img-circle img-24 hinted">
- </a-tooltip>
- </div>
- <div class="task-info-wrapper clearfix">
- <div class="task-infos">
- <span class="icon-wrapper" :style="{color: getStatusColor(task.status), fontSize: '12px'}" v-if="task.status">{{task.statusText}}</span>
- <span class="label" :class="showTimeLabel(task.end_time)"
- v-if="task.end_time">
- <span :title="task.end_time">
- {{ showTaskTime(task.begin_time,task.end_time)}}
- </span>
- </span>
- <span class="icon-wrapper muted" v-if="task.description">
- <a-icon type="file-text"></a-icon>
- </span>
- <span class="icon-wrapper muted" v-if="task.hasSource">
- <a-icon type="link"></a-icon>
- </span>
- <span class="icon-wrapper muted" v-if="task.hasComment">
- <a-icon type="message"/>
- </span>
- <span class="icon-wrapper muted"
- v-if="task.childCount[0] > 0">
- <a-icon type="bars"></a-icon>
- <span>{{task.childCount[1]}}/{{task.childCount[0]}}</span>
- </span>
- <span class="tag muted" v-for="tag in task.tags"
- :key="tag.code"
- >
- <a-badge status="success"
- :class="`badge-${tag.tag.color}`"/>
- {{tag.tag.name}}
- </span>
- <span :class="'icon-wrapper text text-' + task.task_execute.color"
- v-if="task.execute_state > 0">{{ task.task_execute_name }}</span>
- <span class="icon-wrapper muted" v-if="task.like">
- <a-icon type="like"/>
- <span>{{task.like}}</span>
- </span>
- </div>
- </div>
- <footer class="task-info-footer"
- v-if="project.prefix && project.open_prefix">
- <span class="task-id-number">
- {{project.prefix}}-{{task.id_num}}
- </span>
- </footer>
- </div>
- </div>
- </template>
- </draggable>
- <!--创建任务卡片-->
- <div class="task-creator-wrap card" :id="'card' + index"
- v-show="stage.showTaskCard">
- <form class="task-creator">
- <a-input :ref="`inputTaskName${index}`" v-model="task.name"
- class="task-content-input" type="textarea"
- :rows="3"
- placeholder="任务内容" @keyup.enter="createTask(stage.code,index)"/>
- <div class="handler-wrap">
- <a-dropdown :trigger="['click']">
- <a class="executor-handler"><img
- :src="defaultExecutor.avatar"
- class="avatar img-circle img-24 hinted"> <span
- class="creator-handler-text name">{{ defaultExecutor.name }}</span></a>
- <a-menu class="executor-handler-menu" @click="selectExecutor"
- slot="overlay">
- <a-menu-item
- v-for="(member,index) in projectMembers"
- :key="index">
- <img class="avatar img-circle img-32 pull-left m-r-sm "
- :src="member.avatar">
- <span class="muted"
- style="line-height: 25px;">{{ member.name }}</span>
- <a-icon type="check" class="muted"
- v-if="member.code == defaultExecutor.code"></a-icon>
- </a-menu-item>
- </a-menu>
- </a-dropdown>
- </div>
- <div class="submit-set">
- <a-button type="default" size="large" class="middle-btn"
- @click.stop="showTaskCard(index,false)">取消
- </a-button>
- <a-button :loading="createTaskLoading" :disabled="!task.name"
- type="primary" size="large"
- class="middle-btn" :class="{'disabled-btn':!task.name}"
- @click.stop="createTask(stage.code,index)">创建
- </a-button>
- </div>
- </form>
- </div>
- <!--已完成列表-->
- <draggable v-model="stage.doneTasks"
- :options="{group:'task-done',ghostClass:'task-ghost',dragClass:'task-drag',fallbackClass:'task-drag',forceFallback:false}"
- @end="taskSort"
- class="scrum-stage-tasks-done">
- <!--<ul v-if="stage.tasks.length" class="scrum-stage-tasks-done">-->
- <template v-for="(task,taskIndex) in stage.doneTasks">
- <div class="task done task-card ui-sortable-handle"
- :index="taskIndex"
- :id="task.code"
- :key="task.code"
- v-if="task.canRead"
- @click.stop="taskDetail(task.code,index)"
- >
- <div class="task-priority bg-priority-0"></div>
- <span class="check-box-wrapper"
- @click.stop="taskDone(task.code,index,taskIndex,0)">
- <a-icon class="check-box" type="check-square"
- :style="{fontSize:'16px'}"
- :class="{'disabled': task.hasUnDone}"/>
- </span>
- <!--<a class="check-box"
- @click.stop="taskDone(task.code,index,taskIndex,0)">
- <a-icon type="check"/>
- </a>-->
- <div class="task-content-set open-detail">
- <div class="task-content-wrapper">
- <div class="task-content" :style="{overflowWrap: 'anywhere'}">{{ task.name }}</div>
- <a-tooltip placement="top"
- v-if="task.executor && task.executor.avatar">
- <template slot="title">
- <span>{{task.executor.name}}</span>
- </template>
- <img v-if="task.executor && task.executor.avatar"
- :src="task.executor.avatar"
- :title="task.executor.name"
- class="avatar img-circle img-24 hinted">
- </a-tooltip>
- </div>
- <div class="task-info-wrapper clearfix">
- <div class="task-infos">
- <span class="tag muted" :class="'tag-color-'+ tag.color"
- v-for="(tag,tag_index) in task.task_tag_item_list" :key="tag.code"> {{ tag.name }} </span>
- </div>
- </div>
- </div>
- </div>
- </template>
- <!--</ul>-->
- </draggable>
- <div class="scrum-stage-tasks-done" v-show="stage.canNotReadCount">
- <li class="task muted" style="margin: 0 10px 8px;">
- <span><a-icon type="lock"></a-icon>
- 有 {{stage.canNotReadCount}} 个任务被隐藏（因为设置了仅参与者可见）</span>
- </li>
- </div>
- <!--添加任务按钮-->
- <div class="task-creator-handler-wrap" @click.stop="showTaskCard(index)"
- v-if="!stage.showTaskCard&&false">
- <a class="task-creator-handler link-add-handler">
- <a-icon type="plus-circle" style="padding-right: 6px;"></a-icon>
- 添加任务
- </a>
- </div>
- </a-spin>
- </section>
- </vue-scroll>
- </div>
- <!--</a-spin>-->
- </div>
- <div class="scrum-stage undraggable create-stage">
- <header class="scrum-stage-header">
- <div class="stage-name hinted" style="width: 100%">
- <a class="muted" v-show="!showCreateStage" @click="showInputStrageName">
- <a-icon type="plus"/>
- <span class="m-l-xs">新建任务列表</span>
- </a>
- <div v-show="showCreateStage">
- <div>
- <a-input ref="inputStageName" v-model="stageName" placeholder="新建任务列表..."
- @keyup.enter="creteStage"
- auto-focus></a-input>
- </div>
- <div class="submit-set create-stage-footer">
- <a type="text" class="cancel-text muted"
- @click="showCreateStage = !showCreateStage">
- 取消
- </a>
- <a-button type="primary" class="middle-btn" @click="creteStage">保存</a-button>
- </div>
+ </a-tooltip>
+ <div class="task-content-set open-detail">
+ <div class="task-content-wrapper">
+ <div
+ class="task-content"
+ :style="{ overflowWrap: 'anywhere' }"
+ >
+ {{ task.name }}
</div>
+ <a-tooltip
+ placement="top"
+ v-if="task.executor && task.executor.avatar"
+ >
+ <template slot="title">
+ <span>{{ task.executor.name }}</span>
+ </template>
+ <img
+ :src="task.executor.avatar"
+ :title="task.executor.name"
+ class="avatar img-circle img-24 hinted"
+ />
+ </a-tooltip>
+ </div>
+ <div class="task-info-wrapper clearfix">
+ <div class="task-infos">
+ <span
+ class="icon-wrapper"
+ :style="{
+ color: getStatusColor(task.status),
+ fontSize: '12px',
+ }"
+ v-if="task.status"
+ >{{ task.statusText }}</span
+ >
+ <span
+ class="label"
+ :class="showTimeLabel(task.end_time)"
+ v-if="task.end_time"
+ >
+ <span :title="task.end_time">
+ {{
+ showTaskTime(task.begin_time, task.end_time)
+ }}
+ </span>
+ </span>
+ <span
+ class="icon-wrapper muted"
+ v-if="task.description"
+ >
+ <a-icon type="file-text"></a-icon>
+ </span>
+ <span
+ class="icon-wrapper muted"
+ v-if="task.hasSource"
+ >
+ <a-icon type="link"></a-icon>
+ </span>
+ <span
+ class="icon-wrapper muted"
+ v-if="task.hasComment"
+ >
+ <a-icon type="message" />
+ </span>
+ <span
+ class="icon-wrapper muted"
+ v-if="task.childCount[0] > 0"
+ >
+ <a-icon type="bars"></a-icon>
+ <span
+ >{{ task.childCount[1] }}/{{
+ task.childCount[0]
+ }}</span
+ >
+ </span>
+ <span
+ class="tag muted"
+ v-for="tag in task.tags"
+ :key="tag.code"
+ >
+ <a-badge
+ status="success"
+ :class="`badge-${tag.tag.color}`"
+ />
+ {{ tag.tag.name }}
+ </span>
+ <span
+ :class="
+ 'icon-wrapper text text-' +
+ task.task_execute.color
+ "
+ v-if="task.execute_state > 0"
+ >{{ task.task_execute_name }}</span
+ >
+ <span class="icon-wrapper muted" v-if="task.like">
+ <a-icon type="like" />
+ <span>{{ task.like }}</span>
+ </span>
+ </div>
+ </div>
+ <footer
+ class="task-info-footer"
+ v-if="project.prefix && project.open_prefix"
+ >
+ <span class="task-id-number">
+ {{ project.prefix }}-{{ task.id_num }}
+ </span>
+ </footer>
</div>
- </header>
+ </div>
+ </template>
+ </draggable>
+ <!--创建任务卡片-->
+ <div
+ class="task-creator-wrap card"
+ :id="'card' + index"
+ v-show="stage.showTaskCard"
+ >
+ <form class="task-creator">
+ <a-input
+ :ref="`inputTaskName${index}`"
+ v-model="task.name"
+ class="task-content-input"
+ type="textarea"
+ :rows="3"
+ placeholder="任务内容"
+ @keyup.enter="createTask(stage.code, index)"
+ />
+ <div class="handler-wrap">
+ <a-dropdown :trigger="['click']">
+ <a class="executor-handler"
+ ><img
+ :src="defaultExecutor.avatar"
+ class="avatar img-circle img-24 hinted"
+ />
+ <span class="creator-handler-text name">{{
+ defaultExecutor.name
+ }}</span></a
+ >
+ <a-menu
+ class="executor-handler-menu"
+ @click="selectExecutor"
+ slot="overlay"
+ >
+ <a-menu-item
+ v-for="(member, index) in projectMembers"
+ :key="index"
+ >
+ <img
+ class="avatar img-circle img-32 pull-left m-r-sm"
+ :src="member.avatar"
+ />
+ <span class="muted" style="line-height: 25px">{{
+ member.name
+ }}</span>
+ <a-icon
+ type="check"
+ class="muted"
+ v-if="member.code == defaultExecutor.code"
+ ></a-icon>
+ </a-menu-item>
+ </a-menu>
+ </a-dropdown>
+ </div>
+ <div class="submit-set">
+ <a-button
+ type="default"
+ size="large"
+ class="middle-btn"
+ @click.stop="showTaskCard(index, false)"
+ >取消
+ </a-button>
+ <a-button
+ :loading="createTaskLoading"
+ :disabled="!task.name"
+ type="primary"
+ size="large"
+ class="middle-btn"
+ :class="{ 'disabled-btn': !task.name }"
+ @click.stop="createTask(stage.code, index)"
+ >创建
+ </a-button>
+ </div>
+ </form>
+ </div>
+ <!--已完成列表-->
+ <draggable
+ v-model="stage.doneTasks"
+ :options="{
+ group: 'task-done',
+ ghostClass: 'task-ghost',
+ dragClass: 'task-drag',
+ fallbackClass: 'task-drag',
+ forceFallback: false,
+ }"
+ @end="taskSort"
+ class="scrum-stage-tasks-done"
+ >
+ <!--<ul v-if="stage.tasks.length" class="scrum-stage-tasks-done">-->
+ <template v-for="(task, taskIndex) in stage.doneTasks">
+ <div
+ class="task done task-card ui-sortable-handle"
+ :index="taskIndex"
+ :id="task.code"
+ :key="task.code"
+ v-if="task.canRead"
+ @click.stop="taskDetail(task.code, index)"
+ >
+ <div class="task-priority bg-priority-0"></div>
+ <span
+ class="check-box-wrapper"
+ >
+ </span>
+ <!-- <span
+ class="check-box-wrapper"
+ @click.stop="taskDone(task.code, index, taskIndex, 0)"
+ >
+ <a-icon
+ class="check-box"
+ type="check-square"
+ :style="{ fontSize: '16px' }"
+ :class="{ disabled: task.hasUnDone }"
+ />
+ </span> -->
+ <div class="task-content-set open-detail">
+ <div class="task-content-wrapper">
+ <div
+ class="task-content"
+ :style="{ overflowWrap: 'anywhere' }"
+ >
+ {{ task.name }}
+ </div>
+ <a-tooltip
+ placement="top"
+ v-if="task.executor && task.executor.avatar"
+ >
+ <template slot="title">
+ <span>{{ task.executor.name }}</span>
+ </template>
+ <img
+ v-if="task.executor && task.executor.avatar"
+ :src="task.executor.avatar"
+ :title="task.executor.name"
+ class="avatar img-circle img-24 hinted"
+ />
+ </a-tooltip>
+ </div>
+ <div class="task-info-wrapper clearfix">
+ <div class="task-infos">
+ <span
+ class="tag muted"
+ :class="'tag-color-' + tag.color"
+ v-for="(
+ tag, tag_index
+ ) in task.task_tag_item_list"
+ :key="tag.code"
+ >
+ {{ tag.name }}
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </template>
+ <!--</ul>-->
+ </draggable>
+ <div
+ class="scrum-stage-tasks-done"
+ v-show="stage.canNotReadCount"
+ >
+ <li class="task muted" style="margin: 0 10px 8px">
+ <span
+ ><a-icon type="lock"></a-icon> 有
+ {{
+ stage.canNotReadCount
+ }}
+ 个任务被隐藏（因为设置了仅参与者可见）</span
+ >
+ </li>
+ </div>
+ <!--添加任务按钮-->
+ <div
+ class="task-creator-handler-wrap"
+ @click.stop="showTaskCard(index)"
+ v-if="!stage.showTaskCard && false"
+ >
+ <a class="task-creator-handler link-add-handler">
+ <a-icon
+ type="plus-circle"
+ style="padding-right: 6px"
+ ></a-icon>
+ 添加任务
+ </a>
+ </div>
+ </a-spin>
+ </section>
+ </vue-scroll>
+ </div>
+ <!--</a-spin>-->
+ </div>
+ <div class="scrum-stage undraggable create-stage" v-if="false">
+ <header class="scrum-stage-header">
+ <div class="stage-name hinted" style="width: 100%">
+ <a
+ class="muted"
+ v-show="!showCreateStage"
+ @click="showInputStrageName"
+ >
+ <a-icon type="plus" />
+ <span class="m-l-xs">新建任务列表</span>
+ </a>
+ <div v-show="showCreateStage">
+ <div>
+ <a-input
+ ref="inputStageName"
+ v-model="stageName"
+ placeholder="新建任务列表..."
+ @keyup.enter="creteStage"
+ auto-focus
+ ></a-input>
</div>
- </draggable>
- <task-table v-if="viewType == 'task-table' && !loading" :project-code="this.code"></task-table>
- <router-view></router-view>
- </wrapper-content>
- <!--编辑任务列表-->
- <a-modal
- :width="360"
- v-model="stageModal.modalStatus"
- :title="stageModal.modalTitle"
- :bodyStyle="{paddingBottom:'1px'}"
- :footer="null"
- >
- <a-form
- @submit.prevent="editStage"
- :form="stageModal.form"
- >
- <a-form-item
- >
- <a-input ref="inputStageTitle" placeholder='列表标题'
- v-decorator="[
- 'name',
- {rules: [{ required: true, message: '请输入列表标题' }]}
- ]"/>
- </a-form-item>
- <a-form-item
- >
- <div class="action-btn pull-right">
- <a type="text" class="cancel-text muted"
- @click="stageModal.modalStatus = false">
- 取消
- </a>
- <a-button type="primary" htmlType='submit' class="middle-btn">保存</a-button>
- </div>
- </a-form-item>
- </a-form>
- </a-modal>
- <!--项目成员-->
- <a-drawer
- wrapClassName="info-drawer"
- title="项目成员"
- width=350
- placement="right"
- @close="inviteMemberDraw.visible = false"
- :visible="inviteMemberDraw.visible"
- >
- <div class="search-content">
- <a-input v-model="inviteMemberDraw.keyword" size="large" placeholder="输入昵称或邮箱查找">
- <a-icon slot="prefix" type="search"/>
- </a-input>
+ <div class="submit-set create-stage-footer">
+ <a
+ type="text"
+ class="cancel-text muted"
+ @click="showCreateStage = !showCreateStage"
+ >
+ 取消
+ </a>
+ <a-button
+ type="primary"
+ class="middle-btn"
+ @click="creteStage"
+ >保存</a-button
+ >
+ </div>
+ </div>
</div>
- <div class="member-list">
- <div class="member-list-item ant-list-item header-action">
- <div class="ant-list-item-meta" @click="showInviteMember = true">
- <div class="ant-list-item-meta-avatar">
- <a-avatar icon="plus"></a-avatar>
- </div>
- <div class="ant-list-item-meta-content">
- <h4 class="ant-list-item-meta-title"><span>邀请新成员</span></h4>
- </div>
- </div>
- </div>
- <a-list
- itemLayout="horizontal"
- :loading="inviteMemberDraw.searching"
- :dataSource="projectMembers"
- :locale="{emptyText: (inviteMemberDraw.keyword && inviteMemberDraw.keyword.length > 1) ? '没有搜索到相关成员' : ''}"
- >
- <a-list-item class="member-list-item" slot="renderItem" slot-scope="item,index">
- <span slot="actions" v-if="!item.is_owner">
- <a class="muted" @click="removeMember(item,index)"><a-icon type="user-delete"/> 移除</a>
- <!-- <a-button size="small" type="dashed" icon="user-add"
+ </header>
+ </div>
+ </draggable>
+ <task-table
+ v-if="viewType == 'task-table' && !loading"
+ :project-code="this.code"
+ ></task-table>
+ <router-view></router-view>
+ </wrapper-content>
+ <!--编辑任务列表-->
+ <a-modal
+ :width="360"
+ v-model="stageModal.modalStatus"
+ :title="stageModal.modalTitle"
+ :bodyStyle="{ paddingBottom: '1px' }"
+ :footer="null"
+ >
+ <a-form @submit.prevent="editStage" :form="stageModal.form">
+ <a-form-item>
+ <a-input
+ ref="inputStageTitle"
+ placeholder="列表标题"
+ v-decorator="[
+ 'name',
+ { rules: [{ required: true, message: '请输入列表标题' }] },
+ ]"
+ />
+ </a-form-item>
+ <a-form-item>
+ <div class="action-btn pull-right">
+ <a
+ type="text"
+ class="cancel-text muted"
+ @click="stageModal.modalStatus = false"
+ >
+ 取消
+ </a>
+ <a-button type="primary" htmlType="submit" class="middle-btn"
+ >保存</a-button
+ >
+ </div>
+ </a-form-item>
+ </a-form>
+ </a-modal>
+ <!--项目成员-->
+ <a-drawer
+ wrapClassName="info-drawer"
+ title="项目成员"
+ width="350"
+ placement="right"
+ @close="inviteMemberDraw.visible = false"
+ :visible="inviteMemberDraw.visible"
+ >
+ <div class="search-content">
+ <a-input
+ v-model="inviteMemberDraw.keyword"
+ size="large"
+ placeholder="输入昵称或邮箱查找"
+ >
+ <a-icon slot="prefix" type="search" />
+ </a-input>
+ </div>
+ <div class="member-list">
+ <div class="member-list-item ant-list-item header-action">
+ <div class="ant-list-item-meta" @click="showInviteMember = true">
+ <div class="ant-list-item-meta-avatar">
+ <a-avatar icon="plus"></a-avatar>
+ </div>
+ <div class="ant-list-item-meta-content">
+ <h4 class="ant-list-item-meta-title"><span>邀请新成员</span></h4>
+ </div>
+ </div>
+ </div>
+ <a-list
+ itemLayout="horizontal"
+ :loading="inviteMemberDraw.searching"
+ :dataSource="projectMembers"
+ :locale="{
+ emptyText:
+ inviteMemberDraw.keyword && inviteMemberDraw.keyword.length > 1
+ ? '没有搜索到相关成员'
+ : '',
+ }"
+ >
+ <a-list-item
+ class="member-list-item"
+ slot="renderItem"
+ slot-scope="item, index"
+ >
+ <span slot="actions" v-if="!item.is_owner">
+ <a class="muted" @click="removeMember(item, index)"
+ ><a-icon type="user-delete" /> 移除</a
+ >
+ <!-- <a-button size="small" type="dashed" icon="user-add"
v-if="!item.is_owner"
>操作</a-button>-->
- </span>
- <a-list-item-meta
- :description="item.email"
- >
- <span slot="title">{{item.name}}</span>
- <a-avatar slot="avatar" icon="user" :src="item.avatar"/>
- </a-list-item-meta>
- </a-list-item>
- </a-list>
- </div>
- </a-drawer>
- <!--项目设置菜单-->
- <a-drawer
- wrapClassName="info-drawer"
- title="项目设置"
- width=350
- placement="right"
- @close="configDraw.visible = false"
- :visible="configDraw.visible"
+ </span>
+ <a-list-item-meta :description="item.email">
+ <span slot="title">{{ item.name }}</span>
+ <a-avatar slot="avatar" icon="user" :src="item.avatar" />
+ </a-list-item-meta>
+ </a-list-item>
+ </a-list>
+ </div>
+ </a-drawer>
+ <!--项目设置菜单-->
+ <a-drawer
+ wrapClassName="info-drawer"
+ title="项目设置"
+ width="350"
+ placement="right"
+ @close="configDraw.visible = false"
+ :visible="configDraw.visible"
+ >
+ <div class="config-wrapper">
+ <ul class="config-menus">
+ <li class="menu-item">
+ <a @click="projectModal.modalStatus = true">
+ <a-icon type="setting" />
+ 项目设置
+ </a>
+ </li>
+ <li class="menu-item">
+ <a @click="taskTagModal.modalStatus = true">
+ <a-icon type="tags" />
+ 标签
+ </a>
+ </li>
+ <li class="menu-item">
+ <a @click="recycleModal.modalStatus = true">
+ <a-icon type="delete" />
+ 查看回收站
+ </a>
+ </li>
+ <li class="menu-item">
+ <a :href="downLoadUrl" target="_blank">
+ <a-icon type="copy" />
+ 下载导入任务模板
+ </a>
+ </li>
+ <li class="menu-item">
+ <a-upload
+ name="file"
+ :showUploadList="false"
+ :action="uploadAction"
+ :beforeUpload="beforeUpload"
+ :data="{ projectCode: code }"
+ :headers="headers"
+ @change="handleChange"
+ >
+ <a
+ class="text-default"
+ :loading="uploadLoading"
+ :disabled="uploadLoading"
+ >
+ <a-icon type="upload" v-show="!uploadLoading" />
+ 上传文件导入任务
+ </a>
+ </a-upload>
+ </li>
+ <li class="menu-item">
+ <a>
+ <a-icon type="logout" />
+ 导出任务 *
+ </a>
+ </li>
+ <li class="menu-item">
+ <a>
+ <a-icon type="copy" />
+ 复制项目 *
+ </a>
+ </li>
+ <li class="menu-item">
+ <a>
+ <a-icon type="block" />
+ 保存为项目模板 *
+ </a>
+ </li>
+ </ul>
+ </div>
+ </a-drawer>
+ <!--项目设置-->
+ <a-modal
+ destroyOnClose
+ class="project-config-modal"
+ :width="800"
+ v-model="projectModal.modalStatus"
+ :title="projectModal.modalTitle"
+ :footer="null"
+ >
+ <project-config
+ :code="code"
+ @update="updateProject"
+ @complete="projectModal.modalStatus = false"
+ ></project-config>
+ </a-modal>
+ <!--回收站-->
+ <a-modal
+ class="recycle-bin-modal"
+ :width="800"
+ v-model="recycleModal.modalStatus"
+ :title="recycleModal.modalTitle"
+ :footer="null"
+ >
+ <recycle-bin
+ v-if="recycleModal.modalStatus"
+ :code="code"
+ @update="init"
+ ></recycle-bin>
+ </a-modal>
+ <!--任务标签-->
+ <a-modal
+ class="task-tag-modal"
+ :width="800"
+ v-model="taskTagModal.modalStatus"
+ :title="taskTagModal.modalTitle"
+ :footer="null"
+ >
+ <task-tag
+ v-if="taskTagModal.modalStatus"
+ :code="code"
+ @update="init"
+ ></task-tag>
+ </a-modal>
+ <!--设置任务执行者-->
+ <a-modal
+ class="invite-project-member"
+ :width="360"
+ v-model="projectMemberModal.modalStatus"
+ :title="projectMemberModal.modalTitle"
+ :footer="null"
+ >
+ <div class="member-list">
+ <a-list
+ class="project-list"
+ itemLayout="horizontal"
+ :loading="loading"
+ :dataSource="projectMembers"
>
- <div class="config-wrapper">
- <ul class="config-menus">
- <li class="menu-item">
- <a @click="projectModal.modalStatus = true">
- <a-icon type="setting"/>
- 项目设置
- </a>
- </li>
- <li class="menu-item">
- <a @click="taskTagModal.modalStatus = true">
- <a-icon type="tags"/>
- 标签
- </a>
- </li>
- <li class="menu-item">
- <a @click="recycleModal.modalStatus = true">
- <a-icon type="delete"/>
- 查看回收站
- </a>
- </li>
- <li class="menu-item">
- <a :href="downLoadUrl" target="_blank">
- <a-icon type="copy"/>
- 下载导入任务模板
- </a>
- </li>
- <li class="menu-item">
- <a-upload name="file"
- :showUploadList="false"
- :action="uploadAction"
- :beforeUpload="beforeUpload"
- :data="{projectCode: code}"
- :headers="headers"
- @change="handleChange">
- <a class="text-default" :loading="uploadLoading" :disabled="uploadLoading">
- <a-icon type="upload" v-show="!uploadLoading"/>
- 上传文件导入任务
- </a>
- </a-upload>
- </li>
- <li class="menu-item">
- <a>
- <a-icon type="logout"/>
- 导出任务 *
- </a>
- </li>
- <li class="menu-item">
- <a>
- <a-icon type="copy"/>
- 复制项目 *
- </a>
- </li>
- <li class="menu-item">
- <a>
- <a-icon type="block"/>
- 保存为项目模板 *
- </a>
- </li>
- </ul>
+ <a-list-item slot="renderItem" slot-scope="item">
+ <span slot="actions">
+ <a-button
+ size="small"
+ type="dashed"
+ icon="user-add"
+ @click="setExecutor(item)"
+ >设置</a-button
+ >
+ </span>
+ <a-list-item-meta :description="item.email">
+ <span slot="title">{{ item.name }}</span>
+ <a-avatar slot="avatar" icon="user" :src="item.avatar" />
+ </a-list-item-meta>
+ </a-list-item>
+ </a-list>
+ </div>
+ </a-modal>
- </div>
- </a-drawer>
- <!--项目设置-->
- <a-modal
- destroyOnClose
- class="project-config-modal"
- :width="800"
- v-model="projectModal.modalStatus"
- :title="projectModal.modalTitle"
- :footer="null"
- >
- <project-config :code="code" @update="updateProject" @complete="projectModal.modalStatus = false;"></project-config>
- </a-modal>
- <!--回收站-->
- <a-modal
- class="recycle-bin-modal"
- :width="800"
- v-model="recycleModal.modalStatus"
- :title="recycleModal.modalTitle"
- :footer="null"
- >
- <recycle-bin v-if="recycleModal.modalStatus" :code="code" @update="init"></recycle-bin>
- </a-modal>
- <!--任务标签-->
- <a-modal
- class="task-tag-modal"
- :width="800"
- v-model="taskTagModal.modalStatus"
- :title="taskTagModal.modalTitle"
- :footer="null"
- >
- <task-tag v-if="taskTagModal.modalStatus" :code="code" @update="init"></task-tag>
- </a-modal>
- <!--设置任务执行者-->
- <a-modal
- class="invite-project-member"
- :width="360"
- v-model="projectMemberModal.modalStatus"
- :title="projectMemberModal.modalTitle"
- :footer="null"
- >
- <div class="member-list">
- <a-list
- class="project-list"
- itemLayout="horizontal"
- :loading="loading"
- :dataSource="projectMembers"
- >
- <a-list-item slot="renderItem" slot-scope="item">
- <span slot="actions">
- <a-button size="small" type="dashed" icon="user-add"
- @click="setExecutor(item)"
- >设置</a-button>
- </span>
- <a-list-item-meta
- :description="item.email"
- >
- <span slot="title">{{item.name}}</span>
- <a-avatar slot="avatar" icon="user" :src="item.avatar"/>
- </a-list-item-meta>
- </a-list-item>
- </a-list>
- </div>
- </a-modal>
-
- <a-drawer
- wrapClassName="info-drawer task-search"
- title="任务筛选"
- width=350
- placement="right"
- @close="taskSearch.visible = false"
- :visible="taskSearch.visible"
- >
- <task-search :project-code="code" @search="taskSearchAction"></task-search>
- </a-drawer>
- <invite-project-member v-model="showInviteMember" :project-code="code"
- v-if="showInviteMember"></invite-project-member>
- </div>
+ <a-drawer
+ wrapClassName="info-drawer task-search"
+ title="任务筛选"
+ width="350"
+ placement="right"
+ @close="taskSearch.visible = false"
+ :visible="taskSearch.visible"
+ >
+ <task-search
+ :project-code="code"
+ @search="taskSearchAction"
+ ></task-search>
+ </a-drawer>
+ <invite-project-member
+ v-model="showInviteMember"
+ :project-code="code"
+ v-if="showInviteMember"
+ ></invite-project-member>
+ </div>
</template>
<script>
- import {mapState} from 'vuex'
- import _ from 'lodash'
- import moment from 'moment'
- import {COMMON} from '@/const/common'
- import draggable from 'vuedraggable'
- import projectSelect from '@/components/project/projectSelect'
- import inviteProjectMember from '@/components/project/inviteProjectMember'
- import projectConfig from '@/components/project/projectConfig'
- import RecycleBin from '@/components/project/recycleBin'
- import TaskTable from '@/components/project/taskTable'
- import TaskTag from '@/components/project/taskTag'
- import TaskSearch from '@/components/project/taskSearch'
+import { mapState } from "vuex";
+import _ from "lodash";
+import moment from "moment";
+import { COMMON } from "@/const/common";
+import draggable from "vuedraggable";
+import projectSelect from "@/components/project/projectSelect";
+import inviteProjectMember from "@/components/project/inviteProjectMember";
+import projectConfig from "@/components/project/projectConfig";
+import RecycleBin from "@/components/project/recycleBin";
+import TaskTable from "@/components/project/taskTable";
+import TaskTag from "@/components/project/taskTag";
+import TaskSearch from "@/components/project/taskSearch";
- import {list as getTaskStages, sort, tasks as getTasks} from "@/api/taskStages";
- import {read as getProject} from "@/api/project";
- import {inviteMember, list as getProjectMembers, removeMember} from "@/api/projectMember";
- import {save as createTask, taskDone, sort as sortTask, recycleBatch, batchAssignTask} from "@/api/task";
- import {save as createState, edit as editStage, del as delStage} from "@/api/taskStages";
- import {checkResponse, getApiUrl, getAuthorization, getUploadUrl} from "@/assets/js/utils";
- import {formatTaskTime} from "@/assets/js/dateTime";
- import {collect} from "@/api/projectCollect";
- import {notice} from "@/assets/js/notice";
+import {
+ list as getTaskStages,
+ sort,
+ tasks as getTasks,
+} from "@/api/taskStages";
+import { read as getProject } from "@/api/project";
+import {
+ inviteMember,
+ list as getProjectMembers,
+ removeMember,
+} from "@/api/projectMember";
+import {
+ save as createTask,
+ taskDone,
+ sort as sortTask,
+ recycleBatch,
+ batchAssignTask,
+} from "@/api/task";
+import {
+ save as createState,
+ edit as editStage,
+ del as delStage,
+} from "@/api/taskStages";
+import {
+ checkResponse,
+ getApiUrl,
+ getAuthorization,
+ getUploadUrl,
+} from "@/assets/js/utils";
+import { formatTaskTime } from "@/assets/js/dateTime";
+import { collect } from "@/api/projectCollect";
+import { notice } from "@/assets/js/notice";
- export default {
- name: "project-space-task",
- components: {
- RecycleBin,
- TaskTag,
- draggable,
- projectSelect,
- TaskSearch,
- TaskTable,
- inviteProjectMember,
- projectConfig,
+export default {
+ name: "project-space-task",
+ components: {
+ RecycleBin,
+ TaskTag,
+ draggable,
+ projectSelect,
+ TaskSearch,
+ TaskTable,
+ inviteProjectMember,
+ projectConfig,
+ },
+ data() {
+ return {
+ viewType: "task-board",
+ code: this.$route.params.code,
+ loading: true,
+ project: { task_board_theme: "simple" },
+ stageName: "",
+ task: {}, //当前任务
+ taskStatusList: COMMON.TASK_STATUS,
+ taskStages: [], //任务列表
+ defaultExecutor: {}, //默认执行人
+ projectMembers: [], //项目成员列表
+ projectMembersCopy: [], //项目成员列表副本
+ createTaskLoading: false, //创建任务loading
+ showCreateStage: false,
+
+ preCode: "",
+ nextCode: "",
+
+ preTaskCode: "",
+ nextTaskCode: "",
+
+ taskSearchParams: {},
+
+ stageKeys: [],
+ stageModal: {
+ form: this.$form.createForm(this),
+ stageCode: "",
+ stageIndex: 0,
+ modalStatus: false,
+ confirmLoading: false,
+ modalTitle: "编辑列表",
+ },
+
+ slideMenuKey: "",
+ showInviteMember: false,
+ inviteMemberDraw: {
+ visible: false,
+ keyword: "",
+ searching: false,
+ list: [],
+ },
+ configDraw: {
+ visible: false,
+ },
+ taskSearch: {
+ visible: false,
+ },
+
+ downLoadUrl: getUploadUrl("project/task/_downloadTemplate"),
+ uploadLoading: false,
+ uploadAction: getApiUrl("project/task/uploadFile"),
+
+ /*项目设置*/
+ projectModal: {
+ modalStatus: false,
+ modalTitle: "项目设置",
+ },
+ /*回收站*/
+ recycleModal: {
+ modalStatus: false,
+ modalTitle: "查看回收站",
+ },
+ /*任务标签*/
+ taskTagModal: {
+ modalStatus: false,
+ modalTitle: "任务标签",
+ },
+
+ /*项目成员*/
+ projectMemberModal: {
+ loading: false,
+ currentStageIndex: 0,
+ modalStatus: false,
+ modalTitle: "设置任务执行者",
+ },
+ };
+ },
+ computed: {
+ ...mapState({
+ userInfo: (state) => state.userInfo,
+ viewRefresh: (state) => state.common.viewRefresh,
+ socketAction: (state) => state.socketAction,
+ }),
+ headers() {
+ return getAuthorization();
+ },
+ scrollOps() {
+ return {
+ mode: "slide",
+ rail: {
+ background: "#e5e5e5",
+ opacity: 1,
},
- data() {
- return {
- viewType: 'task-board',
- code: this.$route.params.code,
- loading: true,
- project: {task_board_theme: 'simple'},
- stageName: '',
- task: {}, //当前任务
- taskStatusList: COMMON.TASK_STATUS,
- taskStages: [], //任务列表
- defaultExecutor: {},//默认执行人
- projectMembers: [], //项目成员列表
- projectMembersCopy: [], //项目成员列表副本
- createTaskLoading: false, //创建任务loading
- showCreateStage: false,
-
- preCode: '',
- nextCode: '',
-
- preTaskCode: '',
- nextTaskCode: '',
-
- taskSearchParams: {},
-
- stageKeys: [],
- stageModal: {
- form: this.$form.createForm(this),
- stageCode: '',
- stageIndex: 0,
- modalStatus: false,
- confirmLoading: false,
- modalTitle: '编辑列表',
- },
-
- slideMenuKey: '',
- showInviteMember: false,
- inviteMemberDraw: {
- visible: false,
- keyword: '',
- searching: false,
- list: [],
- },
- configDraw: {
- visible: false,
- },
- taskSearch: {
- visible: false,
- },
-
-
- downLoadUrl: getUploadUrl('project/task/_downloadTemplate'),
- uploadLoading: false,
- uploadAction: getApiUrl('project/task/uploadFile'),
-
- /*项目设置*/
- projectModal: {
- modalStatus: false,
- modalTitle: '项目设置',
- },
- /*回收站*/
- recycleModal: {
- modalStatus: false,
- modalTitle: '查看回收站',
- },
- /*任务标签*/
- taskTagModal: {
- modalStatus: false,
- modalTitle: '任务标签',
- },
-
- /*项目成员*/
- projectMemberModal: {
- loading: false,
- currentStageIndex: 0,
- modalStatus: false,
- modalTitle: '设置任务执行者',
- },
- }
+ bar: {
+ keepShow: true,
},
- computed: {
- ...mapState({
- userInfo: state => state.userInfo,
- viewRefresh: state => state.common.viewRefresh,
- socketAction: state => state.socketAction,
- }),
- headers() {
- return getAuthorization();
- },
- scrollOps() {
- return {
- mode: 'slide',
- rail: {
- background: '#e5e5e5',
- opacity: 1
- },
- bar: {
- keepShow: true
- },
- pushLoad: {
- enable: true,
- tips: {
- deactive: 'Push to Load',
- active: 'Release to Load',
- start: 'Loading...',
- beforeDeactive: 'Load Successfully!'
- },
- auto: true,
- autoLoadDistance: 0
- }
- }
- }
+ pushLoad: {
+ enable: true,
+ tips: {
+ deactive: "Push to Load",
+ active: "Release to Load",
+ start: "Loading...",
+ beforeDeactive: "Load Successfully!",
+ },
+ auto: true,
+ autoLoadDistance: 0,
},
- watch: {
- $route(to, from) {
- if (this.code != to.params.code) {
- this.code = to.params.code;
- this.defaultExecutor = this.userInfo;
- this.getProject();
- this.getProjectMembers();
- this.init();
- }
- if (from.name == 'taskdetail') {
- const stageIndex = from.query.from;
- // this.getTaskStages(false);
- if (stageIndex != undefined) {
- let searchParams = this.taskSearchParams;
- let params = Object.assign({stageCode:this.taskStages[stageIndex].code}, searchParams);
- getTasks(params).then((res) => {
- this.taskStages[stageIndex].tasksLoading = false;
- this.taskStages[stageIndex].tasks = res.data;
- let doneTasks = this.taskStages[stageIndex].doneTasks = [];
- let unDoneTasks = this.taskStages[stageIndex].unDoneTasks = [];
- res.data.forEach((task) => {
- if (task.done) {
- doneTasks.push(task);
- } else {
- unDoneTasks.push(task);
- }
- });
- });
- }
- }
- if(to.query.re==1){
- let stage = this.taskStages[+to.query.from];
- getTasks({stageCode: stage.code}).then((res) => {
- console.log('----', res);
- });
- }
- },
- socketAction(val) {
- if (val.action === 'organization:task') {
- const data = val.data.data;
- if (data.projectCode == this.code) {
- this.getTaskStages(false);
- }
- }
- },
- viewRefresh() {
- console.log('viewRefresh');
- // this.getTaskStages(false);
- },
- inviteMemberDraw: {
- handler(newVal) {
- if (newVal.visible) {
- this.slideMenuKey = 'member';
- } else {
- this.slideMenuKey = false;
- }
- if (newVal.keyword) {
- this.searchInviteMember();
- }
- },
- deep: true
- },
- configDraw: {
- handler(newVal) {
- if (newVal.visible) {
- this.slideMenuKey = 'config';
- } else {
- this.slideMenuKey = false;
- }
- },
- deep: true
- },
- showInviteMember(val) {
- if (!val) {
- this.getProjectMembers();
- }
- },
- },
- created() {
- this.defaultExecutor = this.userInfo;
- this.getProject();
- this.getProjectMembers();
- this.init();
- },
- directives: {
- dragscroll2: function (el) {
- el.oncontextmenu = function (ev) {
- el.onmousedown = function (ev) {
- console.log(ev.target.classList);
- const exclude = [
- "task-content",
- "task-content-set",
- "task-content",
- "stage-name",
- "scrum-stage-header",
- "task-creator-handler",
- "ant-btn",
- "ant-input",
- ];
- const isExclude = exclude.some((item) =>
- ev.target.classList.contains(item)
- );
- if (isExclude) {
- // document.onmousemove = null;
- // document.onmouseup = null;
- // el.style["scroll-behavior"] = originalScrollBehavior;
- // el.style["pointer-events"] = originalPointerEvents;
- return;
- }
-
- ev.stopPropagation();
- ev.preventDefault();
- document.body.style.cursor = "move";
- const disX = ev.clientX;
- const disY = ev.clientY;
- const originalScrollLeft = el.scrollLeft;
- const originalScrollTop = el.scrollTop;
- const originalScrollBehavior = el.style["scroll-behavior"];
- const originalPointerEvents = el.style["pointer-events"];
- el.style["scroll-behavior"] = "auto";
- let elEvent = ev;
- // 鼠标移动事件是监听的整个document，这样可以使鼠标能够在元素外部移动的时候也能实现拖动
- document.onmousemove = function (ev) {
- ev.stopPropagation();
- ev.preventDefault();
- // elEvent.target.style.cursor = "move";
- // ev.target.style.cursor = "move";
- document.body.style.cursor = "move";
-
- const distanceX = ev.clientX - disX;
- const distanceY = ev.clientY - disY;
- el.scrollTo(
- originalScrollLeft - distanceX,
- originalScrollTop - distanceY
- );
- // 由于我们的图片本身有点击效果，所以需要在鼠标拖动的时候将点击事件屏蔽掉
- el.style["pointer-events"] = "none";
- };
- document.onmouseup = function (ev) {
- ev.stopPropagation();
- // elEvent.target.style.cursor = "auto";
- // ev.target.style.cursor = "auto";
- document.body.style.cursor = "auto";
-
- document.onmousemove = null;
- document.onmouseup = null;
- el.style["scroll-behavior"] = originalScrollBehavior;
- el.style["pointer-events"] = originalPointerEvents;
- };
- };
- }
+ };
+ },
+ },
+ watch: {
+ $route(to, from) {
+ if (this.code != to.params.code) {
+ this.code = to.params.code;
+ this.defaultExecutor = this.userInfo;
+ this.getProject();
+ this.getProjectMembers();
+ this.init();
+ }
+ if (from.name == "taskdetail") {
+ const stageIndex = from.query.from;
+ // this.getTaskStages(false);
+ if (stageIndex != undefined) {
+ let searchParams = this.taskSearchParams;
+ let params = Object.assign(
+ { stageCode: this.taskStages[stageIndex].code },
+ searchParams
+ );
+ getTasks(params).then((res) => {
+ this.taskStages[stageIndex].tasksLoading = false;
+ this.taskStages[stageIndex].tasks = res.data;
+ let doneTasks = (this.taskStages[stageIndex].doneTasks = []);
+ let unDoneTasks = (this.taskStages[stageIndex].unDoneTasks = []);
+ res.data.forEach((task) => {
+ if (task.done) {
+ doneTasks.push(task);
+ } else {
+ unDoneTasks.push(task);
+ }
+ });
+ });
}
- },
- methods: {
- init() {
- this.getTaskStages();
- },
- getProject() {
- this.loading = true;
- getProject(this.code).then((res) => {
- this.loading = false;
- this.project = res.data;
- });
- },
- getProjectMembers() {
- getProjectMembers({projectCode: this.code, pageSize: 100}).then((res) => {
- this.projectMembers = res.data.list;
- this.projectMembersCopy = res.data.list;
- });
- },
- getTaskStages(showLoading = true) {
- let app = this;
- getTaskStages({projectCode: this.code, pageSize: 30}).then((res) => {
- let taskStages = [];
- if (!showLoading) {
- res.data.list.forEach((v) => {
- v.tasksLoading = false;
- taskStages.push(v);
- });
- // this.taskStages = taskStages;
- } else {
- //提前赋值，展现loading
- this.taskStages = taskStages = res.data.list;
- }
- if (taskStages) {
- let searchParams = app.taskSearchParams;
- let params = {};
- taskStages.forEach((v, k) => {
- v.page = 1;
- app.getTasks(v, k, showLoading);
- /*params = {stageCode: v.code};
+ }
+ if (to.query.re == 1) {
+ this.init();
+ // let stage = this.taskStages[+to.query.from];
+ // getTasks({ stageCode: stage.code }).then((res) => {
+ // this.$nextTick(() => {
+ // // let t = JSON.parse(JSON.stringify(this.taskStages));
+ // // t[+to.query.from].tasks = res.data;
+ // // this.taskStages = [];
+ // // this.$nextTick(()=>{
+ // // this.taskStages = t;
+ // // })
+ // // this.$set(this.taskStages[+to.query.from], 'tasks', res.data);
+ // });
+ // });
+ }
+ },
+ socketAction(val) {
+ if (val.action === "organization:task") {
+ const data = val.data.data;
+ if (data.projectCode == this.code) {
+ this.getTaskStages(false);
+ }
+ }
+ },
+ viewRefresh() {
+ console.log("viewRefresh");
+ // this.getTaskStages(false);
+ },
+ inviteMemberDraw: {
+ handler(newVal) {
+ if (newVal.visible) {
+ this.slideMenuKey = "member";
+ } else {
+ this.slideMenuKey = false;
+ }
+ if (newVal.keyword) {
+ this.searchInviteMember();
+ }
+ },
+ deep: true,
+ },
+ configDraw: {
+ handler(newVal) {
+ if (newVal.visible) {
+ this.slideMenuKey = "config";
+ } else {
+ this.slideMenuKey = false;
+ }
+ },
+ deep: true,
+ },
+ showInviteMember(val) {
+ if (!val) {
+ this.getProjectMembers();
+ }
+ },
+ },
+ created() {
+ this.defaultExecutor = this.userInfo;
+ this.getProject();
+ this.getProjectMembers();
+ this.init();
+ },
+ directives: {
+ dragscroll2: function (el) {
+ el.oncontextmenu = function (ev) {
+ el.onmousedown = function (ev) {
+ console.log(ev.target.classList);
+ const exclude = [
+ "task-content",
+ "task-content-set",
+ "task-content",
+ "stage-name",
+ "scrum-stage-header",
+ "task-creator-handler",
+ "ant-btn",
+ "ant-input",
+ ];
+ const isExclude = exclude.some((item) =>
+ ev.target.classList.contains(item)
+ );
+ if (isExclude) {
+ // document.onmousemove = null;
+ // document.onmouseup = null;
+ // el.style["scroll-behavior"] = originalScrollBehavior;
+ // el.style["pointer-events"] = originalPointerEvents;
+ return;
+ }
+
+ ev.stopPropagation();
+ ev.preventDefault();
+ document.body.style.cursor = "move";
+ const disX = ev.clientX;
+ const disY = ev.clientY;
+ const originalScrollLeft = el.scrollLeft;
+ const originalScrollTop = el.scrollTop;
+ const originalScrollBehavior = el.style["scroll-behavior"];
+ const originalPointerEvents = el.style["pointer-events"];
+ el.style["scroll-behavior"] = "auto";
+ let elEvent = ev;
+ // 鼠标移动事件是监听的整个document，这样可以使鼠标能够在元素外部移动的时候也能实现拖动
+ document.onmousemove = function (ev) {
+ ev.stopPropagation();
+ ev.preventDefault();
+ // elEvent.target.style.cursor = "move";
+ // ev.target.style.cursor = "move";
+ document.body.style.cursor = "move";
+
+ const distanceX = ev.clientX - disX;
+ const distanceY = ev.clientY - disY;
+ el.scrollTo(
+ originalScrollLeft - distanceX,
+ originalScrollTop - distanceY
+ );
+ // 由于我们的图片本身有点击效果，所以需要在鼠标拖动的时候将点击事件屏蔽掉
+ el.style["pointer-events"] = "none";
+ };
+ document.onmouseup = function (ev) {
+ ev.stopPropagation();
+ // elEvent.target.style.cursor = "auto";
+ // ev.target.style.cursor = "auto";
+ document.body.style.cursor = "auto";
+
+ document.onmousemove = null;
+ document.onmouseup = null;
+ el.style["scroll-behavior"] = originalScrollBehavior;
+ el.style["pointer-events"] = originalPointerEvents;
+ };
+ };
+ };
+ },
+ },
+ methods: {
+ init() {
+ this.getTaskStages();
+ },
+ getProject() {
+ this.loading = true;
+ getProject(this.code).then((res) => {
+ this.loading = false;
+ this.project = res.data;
+ });
+ },
+ getProjectMembers() {
+ getProjectMembers({ projectCode: this.code, pageSize: 100 }).then(
+ (res) => {
+ this.projectMembers = res.data.list;
+ this.projectMembersCopy = res.data.list;
+ }
+ );
+ },
+ getTaskStages(showLoading = true) {
+ let app = this;
+ getTaskStages({ projectCode: this.code, pageSize: 30 }).then((res) => {
+ let taskStages = [];
+ if (!showLoading) {
+ res.data.list.forEach((v) => {
+ v.tasksLoading = false;
+ taskStages.push(v);
+ });
+ // this.taskStages = taskStages;
+ } else {
+ //提前赋值，展现loading
+ this.taskStages = taskStages = res.data.list;
+ }
+ if (taskStages) {
+ let searchParams = app.taskSearchParams;
+ let params = {};
+ taskStages.forEach((v, k) => {
+ v.page = 1;
+ app.getTasks(v, k, showLoading);
+ /*params = {stageCode: v.code};
params = Object.assign(params, searchParams);
getTasks(params).then((res) => {
let canNotReadCount = 0;
@@ -950,606 +1274,628 @@
app.$set(app.taskStages, k, v);
}
})*/
- });
- }
- })
- },
- getTasks(stage, index, showLoading) {
- let searchParams = this.taskSearchParams;
- let params = {};
- params = {stageCode: stage.code};
- params = Object.assign(params, searchParams);
- getTasks(params).then((res) => {
- let canNotReadCount = 0;
- res.data.forEach((task) => {
- if (!task.canRead) {
- canNotReadCount++;
- }
- if (task.done) {
- stage.doneTasks.push(task);
- } else {
- stage.unDoneTasks.push(task);
- }
- });
- stage.canNotReadCount = canNotReadCount;
- stage.tasksLoading = false;
- stage.tasks = res.data;
- if (!showLoading) {
- this.$set(this.taskStages, index, stage);
- }
- })
- },
- filterTask(tasks, done) {
- return tasks.filter(item => item.done == done);
- },
- taskSearchAction(value) {
- console.log(value);
- this.taskSearchParams = value;
- this.getTaskStages();
- },
- //显示添加任务卡片
- showTaskCard(index = false, show = true) {
- this.taskStages.forEach((v) => {
- v.showTaskCard = false;
- });
- if (index === false) {
- return false;
- }
- this.taskStages[index].showTaskCard = show;
- this.$nextTick(() => {
- //滚动创建到创建窗口
- this.$refs[index + '-stage'][0].scrollIntoView('#card' + index);
- this.$refs[`inputTaskName${index}`][0].focus();
-
- });
- },
- selectExecutor({key}) {
- this.defaultExecutor = this.projectMembers[key];
- },
- // 添加任务
- addTask(stageCode, stageIndex){
- // console.log('-----',stageCode);
- this.task.stage_code = stageCode;
- this.task.project_code = this.code;
- this.task.assign_to = this.defaultExecutor.code;
- this.$router.push(`${this.$route.path}/add/${this.code}?from=${stageIndex}&stage_code=${stageCode}`);
- },
- //准备添加任务
- createTask(stageCode, stageIndex) {
- if (!this.task.name) {
- this.$message.warning('任务内容不能为空', 2);
- return false
- }
- this.task.stage_code = stageCode;
- this.task.project_code = this.code;
- this.task.assign_to = this.defaultExecutor.code;
- //判断换行，添加多条任务
- // let titles = this.task.name.split("\n");
- // if (titles.length > 1) {
- // this.$confirm({
- // title: '任务提示',
- // content: `系统检测到你输入了 ${titles.length} 行内容，你是想创建多条任务吗？`,
- // okText: '创建1条',
- // cancelText: `创建${titles.length}条`,
- // onCancel() {
- // console.log('Cancel');
- // },
- // onOk() {
- // this.confirmCreateTask(stageIndex);
- // return Promise.resolve();
- // }
- // });
- // return false;
- // }
- this.confirmCreateTask(stageIndex);
- },
- //添加任务
- confirmCreateTask(stageIndex) {
- let app = this;
- if (app.createTaskLoading) {
- app.$message.warning('正在添加任务，请稍后...', 2);
- return false;
- }
- setTimeout(function () {
- if (app.createTaskLoading === true) {
- app.$message.loading({
- content: '正在添加任务，请稍后...',
- duration: 5
- })
- }
- }, 2000);
- app.createTaskLoading = true;
- createTask(app.task).then(res => {
- app.createTaskLoading = false;
- const result = checkResponse(res);
- if (result) {
- app.$message.destroy();
- let taskStages = app.taskStages[stageIndex];
- taskStages.tasks.push(res.data);
- app.taskStages[stageIndex].unDoneTasks.push(res.data);
- // getTasks({stageCode: app.task.stage_code}).then((res) => {
- // let taskStages = app.taskStages[stageIndex];
- // taskStages.tasks = res.data;
- // });
- app.task = {};
- // notice({
- // title: '添加任务成功',
- // msg: '你可以点击该任务继续进行详细设置'
- // }, 'notice', 'success', 5);
-
- // 打开任务详情弹窗
- this.taskDetail(res.data.code, stageIndex);
- console.log({...res.data});
- };
- }).catch(() => {
- app.createTaskLoading = false;
- });
- },
- taskDone(taskCode, stageIndex, taskIndex, done) {
- let task = null;
- let unDoneTasks = this.taskStages[stageIndex].unDoneTasks;
- let doneTasks = this.taskStages[stageIndex].doneTasks;
- if (done) {
- task = unDoneTasks[taskIndex];
- } else {
- task = doneTasks[taskIndex];
- }
- // let task = this.taskStages[stageIndex].tasks[taskIndex];
- if (task.hasUnDone) {
- return false;
- }
- task.done = done;
- if (done) {
- unDoneTasks.splice(taskIndex, 1);
- doneTasks.push(task);
- doneTasks = doneTasks.sort(function (a, b) {
- if (a.sort === b.sort) {
- return a.id_num - b.id_num;
- } else {
- return a.sort - b.sort;
- }
- });
- } else {
- doneTasks.splice(taskIndex, 1);
- unDoneTasks.push(task);
- unDoneTasks = unDoneTasks.sort(function (a, b) {
- if (a.sort === b.sort) {
- return a.id_num - b.id_num;
- } else {
- return a.sort - b.sort;
- }
- });
- }
- taskDone(taskCode, done).then((res) => {
- const result = checkResponse(res);
- if (!result) {
- return false;
- }
- //可能会触发工作流，所以全部刷新
- this.getTaskStages(false);
- });
- },
- showInputStrageName() {
- this.showCreateStage = !this.showCreateStage;
- this.$nextTick(() => {
- this.$refs.inputStageName.focus();
- });
- },
- doStage(action) {
- let app = this;
- let actionKeys = action.key.split('_');
- const stageCode = actionKeys[actionKeys.length - 2];
- const stageIndex = actionKeys[actionKeys.length - 1];
- const actionKey = actionKeys[0];
- switch (actionKey) {
- case 'editStage':
- this.stageModal.stageCode = stageCode;
- this.stageModal.stageIndex = stageIndex;
- this.$nextTick(() => {
- this.stageModal.form.setFieldsValue({
- name: this.taskStages[stageIndex].name,
- });
- this.$refs.inputStageTitle.focus();
- });
- this.stageModal.modalStatus = true;
- break;
- case 'recycleBatch':
- //您确定要把列表下的所有任务移到回收站吗？
- this.$confirm({
- title: '移到回收站',
- content: `您确定要把列表下的所有任务移到回收站吗？`,
- okText: '移到回收站',
- okType: 'danger',
- cancelText: `再想想`,
- onOk() {
- app.taskStages[stageIndex].tasks = [];
- app.$set(app.taskStages[stageIndex], 'doneTasks', []);
- recycleBatch({stageCode: stageCode}).then(res => {
- const result = checkResponse(res);
- if (!result) {
- return false;
- }
- app.$set(app.taskStages[stageIndex], 'doneTasks', []);
- app.$set(app.taskStages[stageIndex], 'unDoneTasks', []);
- });
- return Promise.resolve();
- }
- });
- break;
- case 'setEndTime':
- this.set_type_endTime_modal = true;
- break;
- case 'setExecutor':
- this.projectMemberModal.currentStageIndex = stageIndex;
- this.projectMemberModal.modalStatus = true;
- break;
- case 'delStage':
- if (this.taskStages[stageIndex].tasks.length > 0) {
- this.$warning({
- title: '删除列表',
- content: `请先清空此列表上的任务，然后再删除这个列表`,
- okText: '确定',
- });
- return false;
- }
- this.$confirm({
- title: '删除列表',
- content: `您确定要永远删除这个列表吗？`,
- okText: '删除',
- okType: 'danger',
- cancelText: `再想想`,
- onOk() {
- delStage(stageCode);
- app.taskStages.splice(stageIndex, 1);
- return Promise.resolve();
- }
- });
- break;
- }
- },
- creteStage() {
- if (!this.stageName) {
- this.$message.warning('请输入列表名称', 2);
- return false;
- }
- createState({name: this.stageName, projectCode: this.code}).then(res => {
- const result = checkResponse(res);
- if (!result) {
- return false;
- }
- const stage = res.data;
- this.taskStages.push(stage);
- this.stageName = '';
- this.$nextTick(() => {
- document.getElementById("board-scrum-stages").scrollLeft = 10000;
- });
- });
- },
- editStage() {
- let stage = this.stageModal.form.getFieldsValue();
- if (!stage.name) {
- this.$message.warning('请输入列表名称', 2);
- return false;
- }
- editStage({name: stage.name, stageCode: this.stageModal.stageCode}).then((res) => {
- const result = checkResponse(res);
- if (!result) {
- return false;
- }
- this.taskStages[this.stageModal.stageIndex].name = stage.name;
- this.stageModal.modalStatus = false;
- });
- },
- setExecutor(member) {
- let stage = this.taskStages[this.projectMemberModal.currentStageIndex];
- let taskCodes = [];
- stage.tasks.forEach((v) => {
- if (v.canRead) {
- taskCodes.push(v.code);
- }
- });
- if (taskCodes) {
- batchAssignTask({taskCodes: JSON.stringify(taskCodes), executorCode: member.code}).then(res => {
- this.projectMemberModal.modalStatus = false;
- if (!checkResponse(res)) {
- return false;
- }
- getTasks({stageCode: stage.code}).then((res) => {
- let canNotReadCount = 0;
- res.data.forEach((task) => {
- if (!task.canRead) {
- canNotReadCount++;
- }
- });
- stage.canNotReadCount = canNotReadCount;
- stage.tasksLoading = false;
- stage.tasks = res.data;
- });
- });
- } else {
- this.projectMemberModal.modalStatus = false;
- }
- },
- showTaskPri(pri) {
- return {
- 'warning': pri == 1,
- 'error': pri == 2,
- }
- },
- showTimeLabel(time) {
- let str = 'label-primary';
- if (time == null) {
- return str;
- }
- let cha = moment(moment(time).format("YYYY-MM-DD")).diff(moment().format("YYYY-MM-DD"), 'days');
- if (cha < 0) {
- str = 'label-danger';
- } else if (cha == 0) {
- str = 'label-warning';
- } else if (cha > 7) {
- str = 'label-normal'
- }
- return str;
- },
- showTaskTime(time, timeEnd) {
- return formatTaskTime(time, timeEnd);
- // return moment(time).format('MM月DD日 HH:mm')
- },
- taskDetail(code, stageIndex) {
- this.$router.push(`${this.$route.path}/detail/${code}?from=${stageIndex}`);
- this.$nextTick(()=>{
- setTimeout(()=>{
- this.showTaskCard(stageIndex,false);
- }, 700)
- })
- },
- stageSort(event) {
- const list = this.getPreAndNextCode(event);
- sort(list[0], list[1], this.code);
- },
- getPreAndNextCode(event) {
- const preCode = event.clone.getAttribute('id');
- let toList = [];
- let nextCode = '';
- for (let i = 0, len = event.to.children.length; i < len; i++) {
- toList.push(event.to.children[i].getAttribute('id'));
- }
- const preCodeIndex = toList.findIndex(item => item === preCode)
- if (preCodeIndex < toList.length) {
- nextCode = toList[preCodeIndex + 1];
- }
- return [preCode, nextCode];
- },
- taskSort(event) {
- const list = this.getPreAndNextCode(event);
- console.log(list);
- const toStageCode = event.to.parentNode.parentNode.parentNode.getAttribute('id');
- sortTask({preTaskCode: list[0], nextTaskCode: list[1], toStageCode: toStageCode});
- },
- handleResize(vertical, stageIndex) {
- if (vertical.barSize) {
- this.taskStages[stageIndex].fixedCreator = true;
- }
- },
- visibleDraw(type) {
- if (type == 'member') {
- this.configDraw.visible = false;
- this.taskSearch.visible = false;
- this.inviteMemberDraw.visible = !this.inviteMemberDraw.visible;
-
- } else if (type == 'taskSearch') {
- this.taskSearch.visible = !this.taskSearch.visible;
- this.configDraw.visible = false;
- this.inviteMemberDraw.visible = false;
- } else {
- this.inviteMemberDraw.visible = false;
- this.taskSearch.visible = false;
- this.configDraw.visible = !this.configDraw.visible;
- }
- },
- changeViewType() {
- if (this.viewType === 'task-board') {
- this.viewType = 'task-table';
- }else{
- this.viewType = 'task-board';
- }
- },
- removeMember(member, index) {
- let app = this;
- this.$confirm({
- title: `您确定要将「${member.name}」从项目中移除吗？`,
- content: `移除后该成员将不能查看任何关于该项目的信息`,
- okText: '移除',
- okType: 'danger',
- cancelText: '再想想',
- onOk() {
- removeMember(member.code, app.code).then((res) => {
- if (!checkResponse(res)) {
- return;
- }
- app.projectMembers.splice(index, 1);
- notice({title: '移除成功'}, 'notice', 'success');
- });
- return Promise.resolve();
- }
- });
- },
- inviteMember(item) {
- inviteMember(item.memberCode, this.projectCode).then((res) => {
- const success = checkResponse(res);
- if (success) {
- item.joined = true;
- }
- })
- },
- searchInviteMember: _.debounce(
- function () {
- if (!this.inviteMemberDraw.keyword) {
- this.projectMembers = JSON.parse(JSON.stringify(this.projectMembersCopy));
- }
- if (this.inviteMemberDraw.keyword.length <= 1) {
- return false;
- }
- this.searching = true;
- this.projectMembers = this.projectMembers.filter(item => item.name.indexOf(this.inviteMemberDraw.keyword) != -1);
- }, 500
- ),
- updateProject(data) {
- this.project = data;
- },
- collectProject() {
- const type = this.project.collected ? 'cancel' : 'collect';
- collect(this.project.code, type).then((res) => {
- if (!checkResponse(res)) {
- return;
- }
- this.project.collected = !this.project.collected;
- })
- },
- handleChange(info) {
- if (info.file.status === 'uploading') {
- notice(`正在导入，请稍后...`, 'message', 'loading', 0);
- this.uploadLoading = true;
- return
- }
- if (info.file.status === 'done') {
- console.log(info);
- this.uploadLoading = false;
- if (checkResponse(info.file.response, true)) {
- const count = info.file.response.data;
- if (count) {
- notice(`成功导入${count}个任务`, 'message', 'success');
- } else {
- notice(`没有成功导入任何任务`, 'message', 'warning');
- }
- this.getTaskStages(false);
- }
- }
- },
- beforeUpload(file) {
- const isLt2M = file.size / 1024 / 1024 < 2;
- if (!isLt2M) {
- this.$message.error('文件不能超过2MB!')
- }
- return isLt2M
- },
- getStatusColor(status) {
- const statusInfo = this.taskStatusList.find(item => item.id == status);
- if (statusInfo) {
- return statusInfo.color;
- }
- return '';
- }
+ });
}
- }
+ });
+ },
+ getTasks(stage, index, showLoading) {
+ let searchParams = this.taskSearchParams;
+ let params = {};
+ params = { stageCode: stage.code };
+ params = Object.assign(params, searchParams);
+ getTasks(params).then((res) => {
+ let canNotReadCount = 0;
+ res.data.forEach((task) => {
+ if (!task.canRead) {
+ canNotReadCount++;
+ }
+ if (task.done) {
+ stage.doneTasks.push(task);
+ } else {
+ stage.unDoneTasks.push(task);
+ }
+ });
+ stage.canNotReadCount = canNotReadCount;
+ stage.tasksLoading = false;
+ stage.tasks = res.data;
+ if (!showLoading) {
+ this.$set(this.taskStages, index, stage);
+ }
+ });
+ },
+ filterTask(tasks, done) {
+ return tasks.filter((item) => item.done == done);
+ },
+ taskSearchAction(value) {
+ console.log(value);
+ this.taskSearchParams = value;
+ this.getTaskStages();
+ },
+ //显示添加任务卡片
+ showTaskCard(index = false, show = true) {
+ this.taskStages.forEach((v) => {
+ v.showTaskCard = false;
+ });
+ if (index === false) {
+ return false;
+ }
+ this.taskStages[index].showTaskCard = show;
+ this.$nextTick(() => {
+ //滚动创建到创建窗口
+ this.$refs[index + "-stage"][0].scrollIntoView("#card" + index);
+ this.$refs[`inputTaskName${index}`][0].focus();
+ });
+ },
+ selectExecutor({ key }) {
+ this.defaultExecutor = this.projectMembers[key];
+ },
+ // 添加任务
+ addTask() {
+ if(!this.taskStages[0].code) return notice({title: '请先创建任务列表'}, 'error', 5000)
+ // this.task.stage_code = this.taskStages[0].code;
+ // this.task.project_code = this.code;
+ // this.task.assign_to = this.defaultExecutor.code;
+ this.$router.push(
+ `${this.$route.path}/add/${this.code}?from=${0}&stage_code=${this.taskStages[0].code}`
+ );
+ },
+ //准备添加任务
+ createTask(stageCode, stageIndex) {
+ if (!this.task.name) {
+ this.$message.warning("任务内容不能为空", 2);
+ return false;
+ }
+ this.task.stage_code = stageCode;
+ this.task.project_code = this.code;
+ this.task.assign_to = this.defaultExecutor.code;
+ //判断换行，添加多条任务
+ // let titles = this.task.name.split("\n");
+ // if (titles.length > 1) {
+ // this.$confirm({
+ // title: '任务提示',
+ // content: `系统检测到你输入了 ${titles.length} 行内容，你是想创建多条任务吗？`,
+ // okText: '创建1条',
+ // cancelText: `创建${titles.length}条`,
+ // onCancel() {
+ // console.log('Cancel');
+ // },
+ // onOk() {
+ // this.confirmCreateTask(stageIndex);
+ // return Promise.resolve();
+ // }
+ // });
+ // return false;
+ // }
+ this.confirmCreateTask(stageIndex);
+ },
+ //添加任务
+ confirmCreateTask(stageIndex) {
+ let app = this;
+ if (app.createTaskLoading) {
+ app.$message.warning("正在添加任务，请稍后...", 2);
+ return false;
+ }
+ setTimeout(function () {
+ if (app.createTaskLoading === true) {
+ app.$message.loading({
+ content: "正在添加任务，请稍后...",
+ duration: 5,
+ });
+ }
+ }, 2000);
+ app.createTaskLoading = true;
+ createTask(app.task)
+ .then((res) => {
+ app.createTaskLoading = false;
+ const result = checkResponse(res);
+ if (result) {
+ app.$message.destroy();
+ let taskStages = app.taskStages[stageIndex];
+ taskStages.tasks.push(res.data);
+ app.taskStages[stageIndex].unDoneTasks.push(res.data);
+ // getTasks({stageCode: app.task.stage_code}).then((res) => {
+ // let taskStages = app.taskStages[stageIndex];
+ // taskStages.tasks = res.data;
+ // });
+ app.task = {};
+ // notice({
+ // title: '添加任务成功',
+ // msg: '你可以点击该任务继续进行详细设置'
+ // }, 'notice', 'success', 5);
+
+ // 打开任务详情弹窗
+ this.taskDetail(res.data.code, stageIndex);
+ console.log({ ...res.data });
+ }
+ })
+ .catch(() => {
+ app.createTaskLoading = false;
+ });
+ },
+ taskDone(taskCode, stageIndex, taskIndex, done) {
+ let task = null;
+ let unDoneTasks = this.taskStages[stageIndex].unDoneTasks;
+ let doneTasks = this.taskStages[stageIndex].doneTasks;
+ if (done) {
+ task = unDoneTasks[taskIndex];
+ } else {
+ task = doneTasks[taskIndex];
+ }
+ // let task = this.taskStages[stageIndex].tasks[taskIndex];
+ if (task.hasUnDone) {
+ return false;
+ }
+ task.done = done;
+ if (done) {
+ unDoneTasks.splice(taskIndex, 1);
+ doneTasks.push(task);
+ doneTasks = doneTasks.sort(function (a, b) {
+ if (a.sort === b.sort) {
+ return a.id_num - b.id_num;
+ } else {
+ return a.sort - b.sort;
+ }
+ });
+ } else {
+ doneTasks.splice(taskIndex, 1);
+ unDoneTasks.push(task);
+ unDoneTasks = unDoneTasks.sort(function (a, b) {
+ if (a.sort === b.sort) {
+ return a.id_num - b.id_num;
+ } else {
+ return a.sort - b.sort;
+ }
+ });
+ }
+ taskDone(taskCode, done).then((res) => {
+ const result = checkResponse(res);
+ if (!result) {
+ return false;
+ }
+ //可能会触发工作流，所以全部刷新
+ this.getTaskStages(false);
+ });
+ },
+ showInputStrageName() {
+ this.showCreateStage = !this.showCreateStage;
+ this.$nextTick(() => {
+ this.$refs.inputStageName.focus();
+ });
+ },
+ doStage(action) {
+ let app = this;
+ let actionKeys = action.key.split("_");
+ const stageCode = actionKeys[actionKeys.length - 2];
+ const stageIndex = actionKeys[actionKeys.length - 1];
+ const actionKey = actionKeys[0];
+ switch (actionKey) {
+ case "editStage":
+ this.stageModal.stageCode = stageCode;
+ this.stageModal.stageIndex = stageIndex;
+ this.$nextTick(() => {
+ this.stageModal.form.setFieldsValue({
+ name: this.taskStages[stageIndex].name,
+ });
+ this.$refs.inputStageTitle.focus();
+ });
+ this.stageModal.modalStatus = true;
+ break;
+ case "recycleBatch":
+ //您确定要把列表下的所有任务移到回收站吗？
+ this.$confirm({
+ title: "移到回收站",
+ content: `您确定要把列表下的所有任务移到回收站吗？`,
+ okText: "移到回收站",
+ okType: "danger",
+ cancelText: `再想想`,
+ onOk() {
+ app.taskStages[stageIndex].tasks = [];
+ app.$set(app.taskStages[stageIndex], "doneTasks", []);
+ recycleBatch({ stageCode: stageCode }).then((res) => {
+ const result = checkResponse(res);
+ if (!result) {
+ return false;
+ }
+ app.$set(app.taskStages[stageIndex], "doneTasks", []);
+ app.$set(app.taskStages[stageIndex], "unDoneTasks", []);
+ });
+ return Promise.resolve();
+ },
+ });
+ break;
+ case "setEndTime":
+ this.set_type_endTime_modal = true;
+ break;
+ case "setExecutor":
+ this.projectMemberModal.currentStageIndex = stageIndex;
+ this.projectMemberModal.modalStatus = true;
+ break;
+ case "delStage":
+ if (this.taskStages[stageIndex].tasks.length > 0) {
+ this.$warning({
+ title: "删除列表",
+ content: `请先清空此列表上的任务，然后再删除这个列表`,
+ okText: "确定",
+ });
+ return false;
+ }
+ this.$confirm({
+ title: "删除列表",
+ content: `您确定要永远删除这个列表吗？`,
+ okText: "删除",
+ okType: "danger",
+ cancelText: `再想想`,
+ onOk() {
+ delStage(stageCode);
+ app.taskStages.splice(stageIndex, 1);
+ return Promise.resolve();
+ },
+ });
+ break;
+ }
+ },
+ creteStage() {
+ if (!this.stageName) {
+ this.$message.warning("请输入列表名称", 2);
+ return false;
+ }
+ createState({ name: this.stageName, projectCode: this.code }).then(
+ (res) => {
+ const result = checkResponse(res);
+ if (!result) {
+ return false;
+ }
+ const stage = res.data;
+ this.taskStages.push(stage);
+ this.stageName = "";
+ this.$nextTick(() => {
+ document.getElementById("board-scrum-stages").scrollLeft = 10000;
+ });
+ }
+ );
+ },
+ editStage() {
+ let stage = this.stageModal.form.getFieldsValue();
+ if (!stage.name) {
+ this.$message.warning("请输入列表名称", 2);
+ return false;
+ }
+ editStage({
+ name: stage.name,
+ stageCode: this.stageModal.stageCode,
+ }).then((res) => {
+ const result = checkResponse(res);
+ if (!result) {
+ return false;
+ }
+ this.taskStages[this.stageModal.stageIndex].name = stage.name;
+ this.stageModal.modalStatus = false;
+ });
+ },
+ setExecutor(member) {
+ let stage = this.taskStages[this.projectMemberModal.currentStageIndex];
+ let taskCodes = [];
+ stage.tasks.forEach((v) => {
+ if (v.canRead) {
+ taskCodes.push(v.code);
+ }
+ });
+ if (taskCodes) {
+ batchAssignTask({
+ taskCodes: JSON.stringify(taskCodes),
+ executorCode: member.code,
+ }).then((res) => {
+ this.projectMemberModal.modalStatus = false;
+ if (!checkResponse(res)) {
+ return false;
+ }
+ getTasks({ stageCode: stage.code }).then((res) => {
+ let canNotReadCount = 0;
+ res.data.forEach((task) => {
+ if (!task.canRead) {
+ canNotReadCount++;
+ }
+ });
+ stage.canNotReadCount = canNotReadCount;
+ stage.tasksLoading = false;
+ stage.tasks = res.data;
+ });
+ });
+ } else {
+ this.projectMemberModal.modalStatus = false;
+ }
+ },
+ showTaskPri(pri) {
+ return {
+ warning: pri == 1,
+ error: pri == 2,
+ };
+ },
+ showTimeLabel(time) {
+ let str = "label-primary";
+ if (time == null) {
+ return str;
+ }
+ let cha = moment(moment(time).format("YYYY-MM-DD")).diff(
+ moment().format("YYYY-MM-DD"),
+ "days"
+ );
+ if (cha < 0) {
+ str = "label-danger";
+ } else if (cha == 0) {
+ str = "label-warning";
+ } else if (cha > 7) {
+ str = "label-normal";
+ }
+ return str;
+ },
+ showTaskTime(time, timeEnd) {
+ return formatTaskTime(time, timeEnd);
+ // return moment(time).format('MM月DD日 HH:mm')
+ },
+ taskDetail(code, stageIndex) {
+ this.$router.push(
+ `${this.$route.path}/detail/${code}?from=${stageIndex}`
+ );
+ this.$nextTick(() => {
+ setTimeout(() => {
+ this.showTaskCard(stageIndex, false);
+ }, 700);
+ });
+ },
+ stageSort(event) {
+ const list = this.getPreAndNextCode(event);
+ sort(list[0], list[1], this.code);
+ },
+ getPreAndNextCode(event) {
+ const preCode = event.clone.getAttribute("id");
+ let toList = [];
+ let nextCode = "";
+ for (let i = 0, len = event.to.children.length; i < len; i++) {
+ toList.push(event.to.children[i].getAttribute("id"));
+ }
+ const preCodeIndex = toList.findIndex((item) => item === preCode);
+ if (preCodeIndex < toList.length) {
+ nextCode = toList[preCodeIndex + 1];
+ }
+ return [preCode, nextCode];
+ },
+ taskSort(event) {
+ const list = this.getPreAndNextCode(event);
+ console.log(list);
+ const toStageCode =
+ event.to.parentNode.parentNode.parentNode.getAttribute("id");
+ sortTask({
+ preTaskCode: list[0],
+ nextTaskCode: list[1],
+ toStageCode: toStageCode,
+ });
+ },
+ handleResize(vertical, stageIndex) {
+ if (vertical.barSize) {
+ this.taskStages[stageIndex].fixedCreator = true;
+ }
+ },
+ visibleDraw(type) {
+ if (type == "member") {
+ this.configDraw.visible = false;
+ this.taskSearch.visible = false;
+ this.inviteMemberDraw.visible = !this.inviteMemberDraw.visible;
+ } else if (type == "taskSearch") {
+ this.taskSearch.visible = !this.taskSearch.visible;
+ this.configDraw.visible = false;
+ this.inviteMemberDraw.visible = false;
+ } else {
+ this.inviteMemberDraw.visible = false;
+ this.taskSearch.visible = false;
+ this.configDraw.visible = !this.configDraw.visible;
+ }
+ },
+ changeViewType() {
+ if (this.viewType === "task-board") {
+ this.viewType = "task-table";
+ } else {
+ this.viewType = "task-board";
+ }
+ },
+ removeMember(member, index) {
+ let app = this;
+ this.$confirm({
+ title: `您确定要将「${member.name}」从项目中移除吗？`,
+ content: `移除后该成员将不能查看任何关于该项目的信息`,
+ okText: "移除",
+ okType: "danger",
+ cancelText: "再想想",
+ onOk() {
+ removeMember(member.code, app.code).then((res) => {
+ if (!checkResponse(res)) {
+ return;
+ }
+ app.projectMembers.splice(index, 1);
+ notice({ title: "移除成功" }, "notice", "success");
+ });
+ return Promise.resolve();
+ },
+ });
+ },
+ inviteMember(item) {
+ inviteMember(item.memberCode, this.projectCode).then((res) => {
+ const success = checkResponse(res);
+ if (success) {
+ item.joined = true;
+ }
+ });
+ },
+ searchInviteMember: _.debounce(function () {
+ if (!this.inviteMemberDraw.keyword) {
+ this.projectMembers = JSON.parse(
+ JSON.stringify(this.projectMembersCopy)
+ );
+ }
+ if (this.inviteMemberDraw.keyword.length <= 1) {
+ return false;
+ }
+ this.searching = true;
+ this.projectMembers = this.projectMembers.filter(
+ (item) => item.name.indexOf(this.inviteMemberDraw.keyword) != -1
+ );
+ }, 500),
+ updateProject(data) {
+ this.project = data;
+ },
+ collectProject() {
+ const type = this.project.collected ? "cancel" : "collect";
+ collect(this.project.code, type).then((res) => {
+ if (!checkResponse(res)) {
+ return;
+ }
+ this.project.collected = !this.project.collected;
+ });
+ },
+ handleChange(info) {
+ if (info.file.status === "uploading") {
+ notice(`正在导入，请稍后...`, "message", "loading", 0);
+ this.uploadLoading = true;
+ return;
+ }
+ if (info.file.status === "done") {
+ console.log(info);
+ this.uploadLoading = false;
+ if (checkResponse(info.file.response, true)) {
+ const count = info.file.response.data;
+ if (count) {
+ notice(`成功导入${count}个任务`, "message", "success");
+ } else {
+ notice(`没有成功导入任何任务`, "message", "warning");
+ }
+ this.getTaskStages(false);
+ }
+ }
+ },
+ beforeUpload(file) {
+ const isLt2M = file.size / 1024 / 1024 < 2;
+ if (!isLt2M) {
+ this.$message.error("文件不能超过2MB!");
+ }
+ return isLt2M;
+ },
+ getStatusColor(status) {
+ const statusInfo = this.taskStatusList.find((item) => item.id == status);
+ if (statusInfo) {
+ return statusInfo.color;
+ }
+ return "";
+ },
+ },
+};
</script>
<style lang="less">
- @import "../../../assets/css/components/task";
+@import "../../../assets/css/components/task";
- .project-space-task {
- .tasks-loading {
- .ant-spin-blur {
- opacity: 0;
- }
- }
+.project-space-task {
+ .tasks-loading {
+ .ant-spin-blur {
+ opacity: 0;
+ }
+ }
+}
+
+.info-drawer {
+ top: 116px;
+ width: 0 !important;
+
+ .ant-drawer-mask {
+ visibility: hidden;
+ }
+
+ .ant-drawer-content {
+ /*background-color: #f7f7f7;*/
+ }
+
+ .ant-drawer-header {
+ /*background-color: #f7f7f7;*/
+ text-align: center;
+ }
+
+ .ant-drawer-body {
+ padding: 12px 0;
+ }
+
+ .search-content {
+ padding: 0 24px;
+ }
+}
+
+.info-drawer {
+ .member-list {
+ padding-top: 12px;
+
+ .ant-list-item-meta {
+ align-items: center;
}
- .info-drawer {
- top: 116px;
- width: 0 !important;
+ .member-list-item {
+ padding: 12px 24px;
- .ant-drawer-mask {
- visibility: hidden;
+ &:hover {
+ background-color: #eee;
+ cursor: pointer;
+ }
+ }
+ }
+}
+
+.info-drawer {
+ .config-wrapper {
+ position: relative;
+ padding-bottom: 1px;
+
+ .config-menus {
+ padding: 0;
+ list-style: none;
+
+ .menu-item {
+ position: relative;
+ line-height: 30px;
+
+ &:hover {
+ background: #eeeeee;
}
- .ant-drawer-content {
- /*background-color: #f7f7f7;*/
+ &:first-child > a {
+ margin-top: -6px;
}
- .ant-drawer-header {
- /*background-color: #f7f7f7;*/
+ a {
+ display: block;
+ cursor: pointer;
+ padding: 5px 15px;
+ text-decoration: none;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: #383838;
+ font-weight: 600;
+
+ .anticon {
+ width: 24px;
text-align: center;
+ font-size: 15px;
+ margin-right: 5px;
+ }
}
-
- .ant-drawer-body {
- padding: 12px 0;
- }
-
- .search-content {
- padding: 0 24px;
- }
+ }
}
+ }
+}
- .info-drawer {
- .member-list {
- padding-top: 12px;
-
- .ant-list-item-meta {
- align-items: center;
- }
-
- .member-list-item {
- padding: 12px 24px;
-
- &:hover {
- background-color: #eee;
- cursor: pointer;
- }
- }
- }
- }
-
- .info-drawer {
- .config-wrapper {
- position: relative;
- padding-bottom: 1px;
-
- .config-menus {
- padding: 0;
- list-style: none;
-
- .menu-item {
- position: relative;
- line-height: 30px;
-
- &:hover {
- background: #eeeeee;
- }
-
- &:first-child > a {
- margin-top: -6px;
- }
-
- a {
- display: block;
- cursor: pointer;
- padding: 5px 15px;
- text-decoration: none;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- color: #383838;
- font-weight: 600;
-
- .anticon {
- width: 24px;
- text-align: center;
- font-size: 15px;
- margin-right: 5px;
- }
- }
- }
- }
- }
- }
-
- .task-table {
- .ant-table-body{
- margin: 0 10px 0 15px;
- }
- .wrapper-content{
- position: inherit !important;
- }
- }
-</style>
\ No newline at end of file
+.task-table {
+ .ant-table-body {
+ margin: 0 10px 0 15px;
+ }
+ .wrapper-content {
+ position: inherit !important;
+ }
+}
+</style>