|  | @@ -89,7 +89,7 @@
 | 
	
		
			
				|  |  |              @click="taskLink_outside(id)"
 | 
	
		
			
				|  |  |            >
 | 
	
		
			
				|  |  |              <div class="task-item-top">
 | 
	
		
			
				|  |  | -              <svg-icon icon-class="arrival" :style="{ color: colorMatching[i % 7].main }" />
 | 
	
		
			
				|  |  | +              <svg-icon icon-class="arrival" :style="getItemIconStyle(cid)" />
 | 
	
		
			
				|  |  |                <span class="cs-item-name">
 | 
	
		
			
				|  |  |                  {{ cs_item_name }} - {{ name }}
 | 
	
		
			
				|  |  |                  <span v-if="teaching_type === 10" class="enter-live" @click.stop="taskLink(teaching_type, id)">
 | 
	
	
		
			
				|  | @@ -270,6 +270,7 @@ export default {
 | 
	
		
			
				|  |  |          this.courseIdList.push(id);
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  |        const i = this.courseIdList.indexOf(id) % 7;
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |        return {
 | 
	
		
			
				|  |  |          'background-color': colorMatching[i].background,
 | 
	
		
			
				|  |  |          color: colorMatching[i].main,
 | 
	
	
		
			
				|  | @@ -277,6 +278,17 @@ export default {
 | 
	
		
			
				|  |  |        };
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | +    getItemIconStyle(id) {
 | 
	
		
			
				|  |  | +      if (!this.courseIdList.includes(id)) {
 | 
	
		
			
				|  |  | +        this.courseIdList.push(id);
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +      const i = this.courseIdList.indexOf(id) % 7;
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +      return {
 | 
	
		
			
				|  |  | +        color: colorMatching[i].main
 | 
	
		
			
				|  |  | +      };
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |      goPersonal() {
 | 
	
		
			
				|  |  |        window.location.href = `/GCLS-Personal/#/EnterSys`;
 | 
	
		
			
				|  |  |      }
 |