|
@@ -265,7 +265,6 @@
|
|
|
class="file"
|
|
|
v-for="(f, index) in file"
|
|
|
:key="index"
|
|
|
- @click="downFile(index)"
|
|
|
>
|
|
|
<img :src="require('../assets/file.png')" alt="" />
|
|
|
<div>{{ f.name }}</div>
|
|
@@ -276,8 +275,18 @@
|
|
|
<div class="project_box" v-if="type == 4">
|
|
|
<div class="homebox">
|
|
|
<div class="homework" v-for="(h, index) in imgList" :key="index">
|
|
|
- <img :src="h.url" alt="" style="height: 100px" />
|
|
|
- <div>{{ h.name }}</div>
|
|
|
+ <img @click="handlePictureCardPreview(h.url)" :src="h.url" alt="" style="height: 100px" />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ width: 150px;
|
|
|
+ margin: 10px 0px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ h.name }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div
|
|
|
class="homework"
|
|
@@ -290,7 +299,17 @@
|
|
|
alt=""
|
|
|
style="width: auto; height: auto"
|
|
|
/>
|
|
|
- <div>{{ noH.name }}</div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ width: 150px;
|
|
|
+ margin: 10px 0px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ noH.name }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -500,6 +519,9 @@
|
|
|
></el-progress>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-dialog :visible.sync="pictureDialog" size="tiny">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="" />
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -573,6 +595,8 @@ export default {
|
|
|
askCount: 0,
|
|
|
noteCount: 0,
|
|
|
isAddWork: false,
|
|
|
+ dialogImageUrl: "",
|
|
|
+ pictureDialog: false,
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -582,6 +606,10 @@ export default {
|
|
|
goTo(path) {
|
|
|
this.$router.push(path);
|
|
|
},
|
|
|
+ handlePictureCardPreview(url) {
|
|
|
+ this.dialogImageUrl = url;
|
|
|
+ this.pictureDialog = true;
|
|
|
+ },
|
|
|
clean(type) {
|
|
|
if (type == 1) {
|
|
|
this.studyJuri[0].cover.splice(0, 1);
|
|
@@ -1070,7 +1098,7 @@ export default {
|
|
|
this.getCourseDetail();
|
|
|
this.selectCount();
|
|
|
document.scrollingElement.scrollTop = 0;
|
|
|
-
|
|
|
+
|
|
|
window.onresize = function () {
|
|
|
var a = document.getElementsByClassName("video-player")[0].offsetHeight;
|
|
|
document.getElementsByClassName("vedioList")[0].style.height = a + "px";
|