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