|
@@ -8,9 +8,22 @@
|
|
|
<svg-icon icon-class="task-notification" />
|
|
|
<span class="title">任务通知</span>
|
|
|
</div>
|
|
|
- <div></div>
|
|
|
+ <div>
|
|
|
+ <i class="el-icon-arrow-right" @click="goPersonal" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tasks-top-notification-container">
|
|
|
+ <ul>
|
|
|
+ <li
|
|
|
+ v-for="item in message_list"
|
|
|
+ :key="item.id"
|
|
|
+ @click="readMyMessage(item.id, item.source_entity_id)"
|
|
|
+ >
|
|
|
+ <span class="send_time">{{ item.send_time }}</span>
|
|
|
+ <span class="content">{{ item.content }}</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <div class="tasks-top-notification-container"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tasks-container">
|
|
@@ -23,7 +36,7 @@
|
|
|
<i class="el-icon-arrow-right" @click="dateSkip(1)" />
|
|
|
</div>
|
|
|
<div>
|
|
|
- <el-select v-model="selected"></el-select>
|
|
|
+ <!-- <el-select v-model="selected"></el-select> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tasks-container-main">
|
|
@@ -60,9 +73,10 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { GetMyDayTaskList } from '@/api/table';
|
|
|
+import { GetMyDayTaskList, PageQueryMyMessageList } from '@/api/table';
|
|
|
import { CreateEnterLiveRoomSession } from '@/api/live';
|
|
|
import { parseTime, formatDate } from '@/utils';
|
|
|
+import { ReadMyMessage } from '@/api/user';
|
|
|
|
|
|
export default {
|
|
|
name: 'TaskList',
|
|
@@ -70,19 +84,30 @@ export default {
|
|
|
return {
|
|
|
date: new Date(),
|
|
|
selected: '',
|
|
|
- task_group_list: []
|
|
|
+ task_group_list: [],
|
|
|
+ message_list: []
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
- dateTime: function () {
|
|
|
+ dateTime() {
|
|
|
return parseTime(this.date, '{m}-{d}');
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
- date: function () {
|
|
|
+ date() {
|
|
|
this.getTaskList();
|
|
|
}
|
|
|
},
|
|
|
+ created() {
|
|
|
+ PageQueryMyMessageList({
|
|
|
+ read_status: -1,
|
|
|
+ message_type: -1,
|
|
|
+ page_capacity: 5,
|
|
|
+ cur_page: 1
|
|
|
+ }).then(({ message_list }) => {
|
|
|
+ this.message_list = message_list;
|
|
|
+ });
|
|
|
+ },
|
|
|
mounted() {
|
|
|
this.getTaskList();
|
|
|
},
|
|
@@ -99,6 +124,7 @@ export default {
|
|
|
return '';
|
|
|
}
|
|
|
},
|
|
|
+
|
|
|
teachingType(type) {
|
|
|
switch (type) {
|
|
|
case 10:
|
|
@@ -107,6 +133,7 @@ export default {
|
|
|
return '查看';
|
|
|
}
|
|
|
},
|
|
|
+
|
|
|
taskLink(type, task_id) {
|
|
|
let userType = this.$store.state.user.user_type;
|
|
|
if (type === 10) {
|
|
@@ -137,6 +164,17 @@ export default {
|
|
|
let day = 24 * 60 * 60 * 1000 * num;
|
|
|
this.date = new Date(this.date.getTime() + day);
|
|
|
},
|
|
|
+
|
|
|
+ readMyMessage(id, source_entity_id) {
|
|
|
+ ReadMyMessage({ id }).then(() => {
|
|
|
+ this.taskLink_outside(source_entity_id);
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ goPersonal() {
|
|
|
+ window.location.href = `/GCLS-Personal/#/EnterSys`;
|
|
|
+ },
|
|
|
+
|
|
|
getTaskList() {
|
|
|
GetMyDayTaskList({ date_stamp: formatDate(this.date) }).then(response => {
|
|
|
this.task_group_list = response.task_group_list;
|
|
@@ -171,20 +209,54 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ // 任务通知
|
|
|
&-notification {
|
|
|
background-color: #fff;
|
|
|
flex: 1;
|
|
|
height: 300px;
|
|
|
margin-left: 16px;
|
|
|
padding: 20px 24px;
|
|
|
+ overflow: hidden;
|
|
|
|
|
|
&-title {
|
|
|
- height: 56px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 700;
|
|
|
|
|
|
& .title {
|
|
|
display: inline-block;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
+
|
|
|
+ & .el-icon-arrow-right {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-container {
|
|
|
+ margin-top: 24px;
|
|
|
+
|
|
|
+ ul {
|
|
|
+ li {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .send_time {
|
|
|
+ width: 175px;
|
|
|
+ margin-right: 20px;
|
|
|
+ color: #767676;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ color: $color;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ li:not(:first-child) {
|
|
|
+ margin-top: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|