| | |
| | | <div class="app-container"> |
| | | <div style="margin-bottom: 10px"> |
| | | <el-form style="display: flex;flex-wrap: wrap;"> |
| | | <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px"> |
| | | <el-form-item label="单位名称:" v-if="data.isAdmin" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="data.queryParams.companyName" |
| | | filterable |
| | |
| | | <el-table-column label="项目名称" prop="itemName" align="center" width="130" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="文件编号" prop="number" align="center" /> |
| | | <el-table-column label="文件名称" prop="fileNameSimple" align="center" /> |
| | | <el-table-column label="文件" prop="fileName" align="center" > |
| | | <el-table-column label="文件" prop="filePath" align="center" > |
| | | <template #default="scope"> |
| | | <el-link v-if="scope.row.fileName" style="" type="primary" @click="openFile(scope.row.filePath)">{{scope.row.fileName}}</el-link> |
| | | <el-link v-if="scope.row.filePath" style="" type="primary" @click="openFile(scope.row.filePath)">{{scope.row.fileName}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160" > |
| | | <template #default="scope"> |
| | | <el-button v-if="scope.row.filePath" link type="primary" @click="downloadFile(scope.row)" >下载</el-button> |
| | | <el-button link type="primary" @click="openDataDialog('edit',scope.row)" >编辑</el-button> |
| | | <el-button link type="danger" @click="handleDataDelete(scope.row)" >删除</el-button> |
| | | <el-button v-if="scope.row.filePath" link type="primary" @click="downloadFile(scope.row)" v-hasPermi="['projectFile:edit']">下载</el-button> |
| | | <el-button link type="primary" @click="openDataDialog('edit',scope.row)" v-hasPermi="['projectFile:edit']">编辑</el-button> |
| | | <el-button link type="danger" @click="handleDataDelete(scope.row)" v-hasPermi="['projectFile:del']">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-form> |
| | | <div class="pag-container"> |
| | | <el-pagination |
| | | v-model:current-page="data.queryParams.pageNum" |
| | | v-model:page-size="data.queryParams.pageSize" |
| | | :page-sizes="[10,15,20,25]" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="total" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | </div> |
| | | <!-- <div style="display: flex;align-items: center;justify-content: right;margin-top: 10px">--> |
| | | <!-- <el-button v-if="state.form.id && data.isAdmin" type="danger" @click="deleteData">删除</el-button>--> |
| | | <!-- <el-button v-if="data.isAdmin" type="primary" @click="addData()">保存</el-button>--> |
| | |
| | | type: 3, |
| | | companyId: null, |
| | | itemId: null, |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | }, |
| | | companyList: [], |
| | | projectList: [], |
| | |
| | | companyId: state.form.companyId, |
| | | catalogueId: state.form.catalogueId, |
| | | type: 2, |
| | | itemId: data.queryParams.itemId |
| | | itemId: data.queryParams.itemId, |
| | | pageSize: data.queryParams.pageSize, |
| | | pageNum: data.queryParams.pageNum |
| | | } |
| | | const res = await getProductFilePage(queryParams) |
| | | if (res.code == 200) { |
| | |
| | | fileNameSimple: item.fileName.split('.')[0] |
| | | } |
| | | }) |
| | | total.value = res.data.total |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | const handleSizeChange = (val) => { |
| | | data.queryParams.pageSize = val |
| | | getFileList() |
| | | } |
| | | const handleCurrentChange = (val) => { |
| | | data.queryParams.pageNum = val |
| | | getFileList() |
| | | } |
| | | const openFile = async(path)=>{ |
| | | const ext = path.split('.').pop().toLowerCase(); |
| | |
| | | console.log('取消预览') |
| | | }); |
| | | return |
| | | } |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank') |
| | | win.document.write(` |
| | | }else if(ext === 'pdf' || ext === 'png' || ext === 'jpg'|| ext === 'jpeg'){ |
| | | window.open(`${import.meta.env.VITE_APP_BASE_API}/${path}`, '_blank'); |
| | | }else { |
| | | try { |
| | | // 1. 获取文件 |
| | | const response = await fetch(import.meta.env.VITE_APP_BASE_API + '/' + path); |
| | | const arrayBuffer = await response.arrayBuffer(); |
| | | // 2. 创建新窗口 |
| | | const win = window.open('', '_blank') |
| | | win.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | |
| | | </body> |
| | | </html> |
| | | `); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | // 3. 渲染 DOCX |
| | | await renderAsync(arrayBuffer, win.document.getElementById('container')); |
| | | |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } catch (error) { |
| | | console.error('预览失败:', error); |
| | | alert(`预览失败: ${error.message}`); |
| | | } |
| | | } |
| | | |
| | | } |
| | | const downloadFile = (e)=>{ |
| | | axios.get(import.meta.env.VITE_APP_BASE_API + '/' +e.filePath,{headers:{'Content-Type': 'application/json','Authorization': `${getToken()}`},responseType: 'blob'}).then(res=>{ |
| | |
| | | |
| | | <style scoped lang="scss"> |
| | | .app-container{ |
| | | .pag-container{ |
| | | float: right; |
| | | margin-top: 10px; |
| | | } |
| | | .bottom{ |
| | | display: flex; |
| | | width: auto; |