@@ -9,10 +9,11 @@
<!--产品图标与名称-->
<el-col :span="2" class="header-icons">
<div>
- Logo
+ <!-- 这个相对路径很迷 -->
+ <img src="../Header/seecoderLogo_wide.png" alt="logo">
</div>
- /name
+
</el-col>
<!--选择菜单-->
@@ -9,10 +9,19 @@
display: flex;
align-items: center;
background-color: #fff;
+ overflow: hidden;
.header-icons {
- display: flex;
- color: #597D3B;
+ justify-content: space-between;
+ display: flex;
+ align-items: center;
+ // color: #597D3B;
+ img{
+ width:auto ;
+ height: 36px;
+ }
}
.header-menu {
@@ -19,6 +19,7 @@
:width="column.width"
>
</el-table-column>
+ <!-- TODO:找到了 详情界面 -->
<el-table-column label="详情" width="60">
<template #default="scope">
<el-button color="#597d3b" circle @click="openEditor(scope.row.descriptionFile, scope.row.assignmentName)">
@@ -18,7 +18,7 @@
<div class="item">
<!-- TODO:相关文件下载逻辑补全 -->
- <el-link type="primary" @click="console.log('文件下载')">相关文件下载</el-link>
+ <!-- <el-link type="primary" @click="downloadFile">相关文件下载</el-link> -->
@@ -69,7 +69,26 @@
<script lang="ts">
export default {
- name: "StudentEssay"
+ name: "StudentEssay",
+ methods: {
+ downloadFile() {
+ // 假设这是文件的URL
+ const url = 'https://example.com/path/to/your/file.pdf';
+ // 创建一个a标签
+ const link = document.createElement('a');
+ // 设置a标签的href属性为文件的URL
+ link.href = url;
+ // 设置下载的文件名,这里假设服务器支持通过URL参数设置文件名
+ // 如果不支持,可以省略这一步
+ link.download = 'downloaded_file.pdf'; // 设置下载文件的名称
+ // 触发点击事件
+ document.body.appendChild(link);
+ link.click();
+ // 清理工作,移除a标签
+ document.body.removeChild(link);
</script>
@@ -11,7 +11,7 @@
<div class="container-box">
<div class="login-logo">
<div class="logo-image">
+ <img src="../LoginPage/seecoderLogo.png" alt="logo" width="500vh">
<div class="login-box">