From 3d89d073472abc0dbb2f958eeb54d53d0f0e1ee9 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Thu, 09 Oct 2025 10:44:43 +0800
Subject: [PATCH] feat: 清空行政区划
---
src/views/system/helpCenter.vue | 68 ++++++++++++++++++++++-----------
1 files changed, 45 insertions(+), 23 deletions(-)
diff --git a/src/views/system/helpCenter.vue b/src/views/system/helpCenter.vue
index 13b9d15..0d61b93 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"
@@ -18,11 +19,13 @@
<el-table-column prop="createTime" label="上传时间" />
<el-table-column label="操作" width="150" align="center">
<template #default="scope">
- <span class="look" @click="clickDetail(scope.row)">查看</span>
+ <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)"
+ :before-upload="file => onUploadFileBefore(file, scope.row)"
:limit="1"
accept=".pdf"
>
@@ -41,9 +44,9 @@
import { computed, onMounted } from 'vue';
const helpData = ref([]);
-import { useStore } from 'vuex'
+import { useStore } from 'vuex';
const store = useStore();
-const permission = computed(() => store.state.user.permission);
+const permission = computed(() => store.state.user.permission);
// 表格隔行变色
const tableRowClassName = ({ row, rowIndex }) => {
if (rowIndex % 2 === 1) {
@@ -55,37 +58,51 @@
const getlistDataAPI = () => {
listDataAPI().then(res => {
helpData.value = res.data.data;
-
});
};
// 查看
-const clickDetail = (val) => {
- const filePath = val.filePath
- if (!val.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;
}
window.open(filePath, '_blank');
};
// 文件上传
-const onUploadFileBefore = (file,row) => {
-
-const params={
- id:row.id,
- filePath:row.filePath
-}
+const onUploadFileBefore = (file, row) => {
const fileFormat = file.name?.split('.')[1];
if (fileFormat !== 'pdf') return ElMessage.error('请上传pdf格式的文件');
const formData = new FormData();
formData.append('file', file, file.name);
+
uploadFileAPI(formData).then(res => {
if (res.data.code === 200) {
+ const params = {
+ id: row.id,
+ filePath: res.data.data.link,
+ };
ElMessage.success('上传成功');
- updataDataAPI(params)
+ updataDataAPI(params);
} else {
ElMessage.error('上传失败');
}
- getlistDataAPI();
+ getlistDataAPI();
});
};
onMounted(() => {
@@ -94,12 +111,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">
@@ -142,5 +159,10 @@
color: #19876d;
cursor: pointer;
}
+ :deep(.custom-header th.el-table__cell) {
+ color: rgba(0, 0, 0, 0.85);
+ background: #fafafa;
+
+}
}
</style>
--
Gitblit v1.9.3