gitee/dootask
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

perf: 任务日志刷新

Browse Source
This commit is contained in:
kuaifan 2022-01-11 22:59:02 +08:00
parent 14be7bd2b1
commit a745088213
3 changed files with 45 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
resources/assets/js/pages/manage/components/ProjectLog.vue
View File

@ -70,6 +70,9 @@ export default {
this.lists = {}; this.lists = {};
this.getLists(true); this.getLists(true);
}, },
loadIng(num) {
this.$emit("on-load-change", num > 0)
}
}, },
methods: { methods: {

33
resources/assets/js/pages/manage/components/TaskDetail.vue
View File

@ -329,22 +329,30 @@
<div slot="head" class="head"> <div slot="head" class="head">
<Icon class="icon" type="ios-chatbubbles-outline" /> <Icon class="icon" type="ios-chatbubbles-outline" />
<div class="nav"> <div class="nav">
<p :class="{active:navActive=='dialog'}" @click="setNavActive('dialog')">{{$L('聊天')}}</p> <p :class="{active:navActive=='dialog'}" @click="navActive='dialog'">{{$L('聊天')}}</p>
<p :class="{active:navActive=='log'}" @click="setNavActive('log')">{{$L('动态')}}</p> <p :class="{active:navActive=='log'}" @click="navActive='log'">{{$L('动态')}}</p>
<div v-if="navActive=='log'" class="refresh">
<Loading v-if="logLoadIng"/>
<Icon v-else type="ios-refresh" @click="getLogLists"></Icon>
</div>
</div> </div>
</div> </div>
</DialogWrapper> </DialogWrapper>
<ProjectLog v-if="navActive=='log'" ref="log" :task-id="taskDetail.id"/> <ProjectLog v-if="navActive=='log' && taskId > 0" ref="log" :task-id="taskDetail.id" @on-load-change="logLoadChange"/>
</template> </template>
<div v-else> <div v-else>
<div class="head"> <div class="head">
<Icon class="icon" type="ios-chatbubbles-outline" /> <Icon class="icon" type="ios-chatbubbles-outline" />
<div class="nav"> <div class="nav">
<p :class="{active:navActive=='dialog'}" @click="setNavActive('dialog')">{{$L('聊天')}}</p> <p :class="{active:navActive=='dialog'}" @click="navActive='dialog'">{{$L('聊天')}}</p>
<p :class="{active:navActive=='log'}" @click="setNavActive('log')">{{$L('动态')}}</p> <p :class="{active:navActive=='log'}" @click="navActive='log'">{{$L('动态')}}</p>
<div v-if="navActive=='log'" class="refresh">
<Loading v-if="logLoadIng"/>
<Icon v-else type="ios-refresh" @click="getLogLists"></Icon>
</div>
</div> </div>
</div> </div>
<ProjectLog v-if="navActive=='log'" ref="log" :task-id="taskDetail.id"/> <ProjectLog v-if="navActive=='log' && taskId > 0" ref="log" :task-id="taskDetail.id" @on-load-change="logLoadChange"/>
<div v-else class="no-dialog"> <div v-else class="no-dialog">
<div class="no-tip">{{$L('暂无消息')}}</div> <div class="no-tip">{{$L('暂无消息')}}</div>
<div class="no-input"> <div class="no-input">
@ -431,6 +439,7 @@ export default {
msgText: '', msgText: '',
navActive: 'dialog', navActive: 'dialog',
logLoadIng: false,
sendLoad: false, sendLoad: false,
@ -917,11 +926,15 @@ export default {
}); });
}, },
setNavActive(act) { getLogLists() {
if (act == 'log' && this.navActive == act) { if (this.navActive != 'log') {
this.$refs.log.getLists(true); return;
} }
this.navActive = act; this.$refs.log.getLists(true);
},
logLoadChange(load) {
this.logLoadIng = load
}, },
dropAdd(command) { dropAdd(command) {

19
resources/assets/sass/pages/components/task-detail.scss vendored
View File

@ -495,6 +495,25 @@
cursor: default; cursor: default;
} }
} }
.refresh {
display: flex;
align-items: center;
margin-left: -18px;
> i {
font-size: 18px;
cursor: pointer;
opacity: 0.8;
transition: opacity 0.2s;
&:hover {
opacity: 1;
}
}
.common-loading {
margin: 3px;
width: 12px;
height: 12px;
}
}
} }
} }
.no-dialog { .no-dialog {