|
|
@@ -52,7 +52,7 @@
|
|
|
row-key="id"
|
|
|
border
|
|
|
>
|
|
|
- <el-table-column prop="id" label="ID" />
|
|
|
+ <el-table-column prop="id" label="ID" width="200" />
|
|
|
<el-table-column prop="icon" label="图标" width="100">
|
|
|
<template #default="scope">
|
|
|
<el-image style="width: 50px;height: 50px;" :src="'http://localhost:8888/form-generator/icons/'+scope.row.icon"></el-image>
|
|
|
@@ -74,10 +74,16 @@
|
|
|
align="left"
|
|
|
fixed="right"
|
|
|
label="操作"
|
|
|
- width="300"
|
|
|
+ width="340"
|
|
|
>
|
|
|
<template #default="scope">
|
|
|
<el-button type="primary" :icon="Share" @click="xiafa(scope.row)">下发</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ link
|
|
|
+ icon="view"
|
|
|
+ @click="preview(scope.row)"
|
|
|
+ >查看</el-button>
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
link
|
|
|
@@ -188,10 +194,18 @@
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
|
|
|
+<!-- <el-dialog :close-on-click-modal="true" title="文件预览" type="primary"-->
|
|
|
+<!-- v-model="previewDialog" width="80%" left>-->
|
|
|
+<!--<!– <iframe src="https://view.xdocin.com/view?src=https://cloud.long-chi.com/veterans_api/icons/退伍军人设计文档.docx" width="100%" height="600"></iframe>–>-->
|
|
|
+<!-- <iframe :src="decryptedBlobUrl" width="100%" height="500"></iframe>-->
|
|
|
+<!-- <div slot="footer" class="dialog-footer">-->
|
|
|
+<!-- <el-button type="primary" v-on:click="previewDialog = false">关闭</el-button>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-dialog>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
-import {deleteBaseFile, uploadfile, getFileList, setFileInfo, getDepts, Distribute} from "@/api/appfile";
|
|
|
+import {deleteBaseFile, uploadfile, getFileList, setFileInfo, getDepts, Distribute, previewfile} from "@/api/appfile";
|
|
|
import { ref,reactive } from 'vue'
|
|
|
import {Share} from '@element-plus/icons-vue'
|
|
|
import {ElMessage, ElMessageBox} from "element-plus";
|
|
|
@@ -283,13 +297,20 @@ const enterAddFileDialog = async() => {
|
|
|
var reader = new FileReader();
|
|
|
reader.onload = async (e) => {
|
|
|
const fileContent = e.target.result;
|
|
|
- const encrypted = CryptoJS.AES.encrypt(CryptoJS.lib.WordArray.create(fileContent), 'vMmD8A9nGi5D9Org');
|
|
|
- const encryptedBlob = new Blob([encrypted.toString()], { type: fileList[0].type });
|
|
|
- // 创建加密后的 File 对象
|
|
|
+ const key = CryptoJS.enc.Utf8.parse('vMmD8A9nGi5D9Org');
|
|
|
+ const iv = CryptoJS.lib.WordArray.random(16);
|
|
|
+
|
|
|
+
|
|
|
+ const wordArray = CryptoJS.lib.WordArray.create(fileContent);
|
|
|
+ const encrypted = CryptoJS.AES.encrypt(wordArray, key, { iv: iv });
|
|
|
+ const arrayBuffer = wordArrayToArrayBuffer(encrypted.ciphertext);
|
|
|
+ const encryptedBlob = new Blob([arrayBuffer], { type: fileList[0].type });
|
|
|
const encryptedFile = new File([encryptedBlob], fileList[0].name, { type: fileList[0].type });
|
|
|
+
|
|
|
const formData = new FormData()
|
|
|
formData.append('categoryName',fileInfo.value.categoryName)
|
|
|
formData.append('authId',fileInfo.value.authId)
|
|
|
+ formData.append('iv',CryptoJS.enc.Base64.stringify(iv))
|
|
|
formData.append('file',encryptedFile)
|
|
|
var res = await uploadfile(formData);
|
|
|
if (res.data.code === 0) {
|
|
|
@@ -315,6 +336,67 @@ const enterAddFileDialog = async() => {
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
+
|
|
|
+const preview = async(obj) => {
|
|
|
+ const res = await previewfile({ ID:obj.id });
|
|
|
+ const iv = CryptoJS.enc.Hex.parse(CryptoJS.enc.Base64.parse(obj.iv).toString())
|
|
|
+ const key = CryptoJS.enc.Utf8.parse('vMmD8A9nGi5D9Org')
|
|
|
+
|
|
|
+ const encryptedWordArray = CryptoJS.lib.WordArray.create(res.data);
|
|
|
+ console.log(res.data)
|
|
|
+ const decrypted = CryptoJS.AES.decrypt({ ciphertext: encryptedWordArray }, key, { iv: iv });
|
|
|
+ const arrayBuffer = wordArrayToArrayBuffer(decrypted);
|
|
|
+
|
|
|
+ var blob;
|
|
|
+ if (obj.suffixName.includes("pdf")){
|
|
|
+ blob = new Blob([arrayBuffer], { type: 'application/pdf' });
|
|
|
+ // previewDialog.value = true
|
|
|
+ }else if (obj.suffixName.includes("txt")){
|
|
|
+ blob = new Blob([arrayBuffer], { type: 'text/plain' });
|
|
|
+ // previewDialog.value = true
|
|
|
+ }else if (obj.suffixName.includes("doc")){
|
|
|
+ blob = new Blob([arrayBuffer], { type: 'application/msword' });
|
|
|
+ }else if (obj.suffixName.includes("docx")){
|
|
|
+ blob = new Blob([arrayBuffer], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
|
|
|
+ }else if (obj.suffixName.includes("ppt")){
|
|
|
+ blob = new Blob([arrayBuffer], { type: 'application/vnd.ms-powerpoint' });
|
|
|
+ }else if (obj.suffixName.includes("pptx")){
|
|
|
+ blob = new Blob([arrayBuffer], { type: 'application/vnd.openxmlformats-officedocument.presentationml.presentation' });
|
|
|
+ }else if (obj.suffixName.includes("xls")){
|
|
|
+ blob = new Blob([arrayBuffer], { type: 'application/vnd.ms-excel' });
|
|
|
+ }else if (obj.suffixName.includes("xlsx")){
|
|
|
+ blob = new Blob([arrayBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
|
|
|
+ }
|
|
|
+ // 更新视图以显示预览
|
|
|
+ const url = URL.createObjectURL(blob);
|
|
|
+
|
|
|
+ const link = document.createElement('a');
|
|
|
+ link.href = url ;
|
|
|
+ link.download = obj.encryptedName; // 指定下载时的文件名
|
|
|
+ link.click();
|
|
|
+
|
|
|
+ // 释放 URL 对象
|
|
|
+ URL.revokeObjectURL(url);
|
|
|
+}
|
|
|
+
|
|
|
+const wordArrayToArrayBuffer = (wordArray)=>{
|
|
|
+ const len = wordArray.sigBytes;
|
|
|
+ const u8_array = new Uint8Array(len);
|
|
|
+ const words = wordArray.words;
|
|
|
+ let i = 0, j = 0;
|
|
|
+ while (true) {
|
|
|
+ if (i === len) break;
|
|
|
+ const word = words[j++];
|
|
|
+ u8_array[i++] = (word & 0xff000000) >>> 24;
|
|
|
+ if (i === len) break;
|
|
|
+ u8_array[i++] = (word & 0x00ff0000) >>> 16;
|
|
|
+ if (i === len) break;
|
|
|
+ u8_array[i++] = (word & 0x0000ff00) >>> 8;
|
|
|
+ if (i === len) break;
|
|
|
+ u8_array[i++] = (word & 0x000000ff);
|
|
|
+ }
|
|
|
+ return u8_array.buffer;
|
|
|
+}
|
|
|
const enterxiafaDialog = async() => {
|
|
|
xffileForm.value.validate(async valid => {
|
|
|
if (valid) {
|
|
|
@@ -355,6 +437,8 @@ const dialogFlag = ref('add')
|
|
|
const isFlag = ref('')
|
|
|
const addFileDialog = ref(false)
|
|
|
const xiafaDialog = ref(false)
|
|
|
+// const previewDialog = ref(false)
|
|
|
+// const decryptedBlobUrl = ref('')
|
|
|
|
|
|
const rules = ref({
|
|
|
categoryName: [
|
|
|
@@ -386,6 +470,7 @@ const xiafa = (row) => {
|
|
|
xiafaDialog.value = true
|
|
|
}
|
|
|
|
|
|
+
|
|
|
const deleteFile = (obj) => {
|
|
|
ElMessageBox.confirm('您确定要撤销吗？', '提示', {
|
|
|
confirmButtonText: '确定',
|
