|  | @@ -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;
 | 
	
		
			
				|  |  | +          }
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |    }
 |