|  | @@ -1,6 +1,6 @@
 | 
	
		
			
				|  |  |  <template>
 | 
	
		
			
				|  |  |    <div v-loading="loading" class="task-detail">
 | 
	
		
			
				|  |  | -    <task-top :item-info="itemInfo" @viewFile="viewFile" />
 | 
	
		
			
				|  |  | +    <task-top :item-info="itemInfo" type="student" @viewFile="viewFile" />
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |      <div class="task-detail-main">
 | 
	
		
			
				|  |  |        <div class="time-type">{{ $t(timeType) }} {{ name }}</div>
 | 
	
	
		
			
				|  | @@ -9,7 +9,7 @@
 | 
	
		
			
				|  |  |        </div>
 | 
	
		
			
				|  |  |        <div class="task-require">
 | 
	
		
			
				|  |  |          <span class="label">{{ $t('Key326') }}</span>
 | 
	
		
			
				|  |  | -        {{ content }}
 | 
	
		
			
				|  |  | +        <span v-html="contentUrl"></span>
 | 
	
		
			
				|  |  |        </div>
 | 
	
		
			
				|  |  |        <div class="task-courseware">
 | 
	
		
			
				|  |  |          <span class="label">{{ $t('Key312') }}</span>
 | 
	
	
		
			
				|  | @@ -231,6 +231,14 @@ export default {
 | 
	
		
			
				|  |  |          default:
 | 
	
		
			
				|  |  |            return '';
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    contentUrl() {
 | 
	
		
			
				|  |  | +      const content = this.content;
 | 
	
		
			
				|  |  | +      if (!content) return '';
 | 
	
		
			
				|  |  | +      return content.replace(
 | 
	
		
			
				|  |  | +        new RegExp(/((https?:\/\/)?[\w-]+\.[\w-]+\.[\w-,@?^=%&:/~\\+#]+)/, 'g'),
 | 
	
		
			
				|  |  | +        '<a href="$1" target="_blank">$1</a>'
 | 
	
		
			
				|  |  | +      );
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    created() {
 | 
	
	
		
			
				|  | @@ -256,13 +264,18 @@ export default {
 | 
	
		
			
				|  |  |            my_execute_info,
 | 
	
		
			
				|  |  |            is_enable_KHPJ,
 | 
	
		
			
				|  |  |            is_enable_homework,
 | 
	
		
			
				|  |  | -          is_enable_message
 | 
	
		
			
				|  |  | +          is_enable_message,
 | 
	
		
			
				|  |  | +          cs_item_begin_time,
 | 
	
		
			
				|  |  | +          cs_item_end_time
 | 
	
		
			
				|  |  |          }) => {
 | 
	
		
			
				|  |  |            this.itemInfo = {
 | 
	
		
			
				|  |  | +            name,
 | 
	
		
			
				|  |  |              time_space_view_txt,
 | 
	
		
			
				|  |  |              course_name,
 | 
	
		
			
				|  |  |              cs_item_name,
 | 
	
		
			
				|  |  | -            cs_item_learning_material_list
 | 
	
		
			
				|  |  | +            cs_item_learning_material_list,
 | 
	
		
			
				|  |  | +            content,
 | 
	
		
			
				|  |  | +            cs_item_time: `${cs_item_begin_time} ~ ${cs_item_end_time}`
 | 
	
		
			
				|  |  |            };
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |            this.name = name;
 | 
	
	
		
			
				|  | @@ -393,7 +406,7 @@ export default {
 | 
	
		
			
				|  |  |  };
 | 
	
		
			
				|  |  |  </script>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -<style lang="scss">
 | 
	
		
			
				|  |  | +<style lang="scss" scoped>
 | 
	
		
			
				|  |  |  @import '~@/styles/mixin';
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  $bor-color: #d9d9d9;
 | 
	
	
		
			
				|  | @@ -528,6 +541,14 @@ $bor-color: #d9d9d9;
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | +    .task-require {
 | 
	
		
			
				|  |  | +      white-space: pre-wrap;
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +      ::v-deep a {
 | 
	
		
			
				|  |  | +        color: #18a0fb;
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |      .submit-button {
 | 
	
		
			
				|  |  |        padding-left: 120px;
 | 
	
		
			
				|  |  |      }
 |