feat:帮助中心文件上传

张含笑

2025-06-28 38196f101433c36e500110e82a90c7847302f2f3

feat:帮助中心文件上传

 src/api/helpCenter/helpCenter.js

New file
@@ -0,0 +1,9 @@
import request from '@/axios';
// 文件上传
export const uploadFileAPI = (data,params) => {
    return request({
        url: `/blade-resource/oss/endpoint/put-file`,
        method: 'post',
        data,params
    })
  };

 src/views/algorithmRepository/algorithmRepository.vue

@@ -124,7 +124,7 @@
  device_name: '',
  name: '',
  current: 1,
  size: 10,
  size: 15,
});

// 请求字典字段

 src/views/system/helpCenter.vue

@@ -19,7 +19,14 @@
        <el-table-column label="操作" width="150" align="center">
          <template #default="scope">
            <span class="look">查看</span>
            <el-upload
              style="display: inline-block"
              :show-file-list="false"
              :before-upload="onUploadFileBefore"
              :limit="1"
            >
            <span class="uploads">上传</span>
            </el-upload>
          </template>
        </el-table-column>
      </el-table>
@@ -28,6 +35,8 @@
</template>

<script setup>
import { uploadFileAPI } from '@/api/helpCenter/helpCenter';
import { ElMessage } from 'element-plus';
const helpData = ref([{}]);
const tableData = [
  {
@@ -63,6 +72,18 @@
    return 'success-row';
  }
};
const onUploadFileBefore = file => {
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) return ElMessage.error('上传失败')
                    ElMessage.success('上传成功')
    
    })
};
</script>
<style lang="scss">
.helpContainer {
@@ -70,11 +91,9 @@
  --el-table-tr-bg-color: #fff;
}
.el-table .warning-row {

    --el-table-tr-bg-color: #f3f6ff;
}
}

</style>
<style scoped lang="scss">
/* 表头样式 */
@@ -83,7 +102,7 @@
 font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: bold;
font-size: 14px;
color: #49556E;
  color: #49556e;
  background-color: #f3f6ff;
  text-align: center;
}