From 233e4fc4f35bd00a36ee34a7fbf5e47b41db26db Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Mon, 17 Nov 2025 09:54:44 +0800
Subject: [PATCH] feat：更新初始化地形
---
src/views/system/helpCenter.vue | 119 ++++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 77 insertions(+), 42 deletions(-)
diff --git a/src/views/system/helpCenter.vue b/src/views/system/helpCenter.vue
index 82ac420..8860f3c 100644
--- a/src/views/system/helpCenter.vue
+++ b/src/views/system/helpCenter.vue
@@ -2,7 +2,8 @@
<basic-container>
<div class="helpContainer">
<el-table
- class="custom-table"
+ border
+ class="custom-header"
:data="helpData"
style="width: 100%"
:row-class-name="tableRowClassName"
@@ -16,22 +17,37 @@
<el-table-column prop="levelTwoType" label="二级类别" />
<el-table-column prop="uploadUser" label="上传者" />
<el-table-column prop="createTime" label="上传时间" />
- <el-table-column label="操作" width="150" align="center">
- <template #default="scope">
- <span class="look" @click="clickDetail(scope.row)" v-if="permission.helpCenterLook"
- >查看</span
- >
- <el-upload
- style="display: inline-block"
- :show-file-list="false"
- :before-upload="file => onUploadFileBefore(file, scope.row)"
- :limit="1"
- accept=".pdf"
- >
- <span class="uploads" v-if="permission.helpCenterUpload">上传</span>
- </el-upload>
- </template>
- </el-table-column>
+ <el-table-column label="操作" width="200" align="center">
+ <template #default="scope">
+ <div class="actionBar" >
+ <el-button
+ class="look"
+ icon="el-icon-view"
+ type="text"
+ @click="clickDetail(scope.row)"
+ v-if="permission.helpCenterLook"
+ >
+ 查看
+ </el-button>
+ <el-upload
+ style="display: inline-block"
+ :show-file-list="false"
+ :before-upload="file => onUploadFileBefore(file, scope.row)"
+ :limit="1"
+ accept=".pdf"
+ >
+ <el-button
+ class="uploads"
+ icon="el-icon-upload"
+ type="text"
+ v-if="permission.helpCenterUpload"
+ >
+ 上传
+ </el-button>
+ </el-upload>
+ </div>
+ </template>
+</el-table-column>
</el-table>
</div>
</basic-container>
@@ -60,20 +76,28 @@
});
};
// 查看
-const clickDetail = row => {
- if (!row.filePath) {
+// const clickDetail = row => {
+// if (!row.filePath) {
+// ElMessage.warning('没有可预览的文件');
+// return;
+// }
+// fetch(row.filePath)
+// .then(response => response.blob())
+// .then(res => {
+// let blob = new Blob([res], { type: 'application/pdf' });
+// // pdfurl即转化后的结果
+// let pdfurl = window.URL.createObjectURL(blob);
+// // 新标签页打开，即可预览并下载
+// window.open(pdfurl);
+// });
+// };
+const clickDetail = val => {
+ const filePath = val.filePath;
+ if (!val.filePath) {
ElMessage.warning('没有可预览的文件');
return;
}
- fetch(row.filePath)
- .then(response => response.blob())
- .then(res => {
- let blob = new Blob([res], { type: 'application/pdf' });
- // pdfurl即转化后的结果
- let pdfurl = window.URL.createObjectURL(blob);
- // 新标签页打开，即可预览并下载
- window.open(pdfurl);
- });
+ window.open(filePath, '_blank');
};
// 文件上传
const onUploadFileBefore = (file, row) => {
@@ -82,7 +106,6 @@
const formData = new FormData();
formData.append('file', file, file.name);
-
uploadFileAPI(formData).then(res => {
if (res.data.code === 200) {
const params = {
@@ -103,12 +126,12 @@
</script>
<style lang="scss">
.helpContainer {
- .el-table .success-row {
- --el-table-tr-bg-color: #fff;
- }
- .el-table .warning-row {
- --el-table-tr-bg-color: #f3f6ff;
- }
+ // .el-table .success-row {
+ // --el-table-tr-bg-color: #fff;
+ // }
+ // .el-table .warning-row {
+ // --el-table-tr-bg-color: #f3f6ff;
+ // }
}
</style>
<style scoped lang="scss">
@@ -138,18 +161,30 @@
.helpContainer {
height: 100%;
.look {
- font-family: Source Han Sans CN, Source Han Sans CN;
- color: #1c5cff;
+ // font-family: Source Han Sans CN, Source Han Sans CN;
+ // color: #1c5cff;
cursor: pointer;
margin-right: 15px;
- font-size: 14px;
+ // font-size: 14px;
}
.uploads {
- font-family: Source Han Sans CN, Source Han Sans CN;
- font-weight: 400;
- font-size: 14px;
- color: #19876d;
+ // font-family: Source Han Sans CN, Source Han Sans CN;
+ // font-weight: 400;
+ // font-size: 14px;
+ // color: #19876d;
cursor: pointer;
+
}
+ .actionBar {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 8px;
+ }
+ :deep(.custom-header th.el-table__cell) {
+ color: rgba(0, 0, 0, 0.85);
+ background: #fafafa;
+
+}
}
</style>
--
Gitblit v1.9.3