duhanyu
杜函宇 1 year ago
parent 13b188ee14
commit 003424400e

@ -1,12 +1,12 @@
<template>
<div>
<el-table :data="tableList" height="740">
<!-- <el-table-column
<el-table-column
label="序号"
type="index"
width="80"
align="center"
/> -->
/>
<el-table-column
v-for="(item, key) in tableKey"
:key="key"

@ -114,12 +114,15 @@
v-if="fileExtension === 'docx' || fileExtension === 'doc'"
ref="file1"
class="file-content"
></div>
>
<iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe>
</div>
<div
v-if="fileExtension === 'pdf'"
class="file-content"
style="height: 430px"
>
<iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe>
<!-- <pdf
v-for="i in numPages"
ref="pdf"
@ -127,7 +130,6 @@
:src="pdfUrl"
:page="i"
></pdf> -->
<iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe>
</div>
</div>
<span slot="footer" class="dialog-footer">
@ -298,31 +300,35 @@ export default {
});
},
rowClick(row) {
console.log(row);
if (!row.fileName && !row.fileUrl) return;
let str = row.fileUrl.split(",");
let str1 = str[0].split(".");
this.fileExtension = str1[str1.length - 1];
let newarr = str[0].split("/");
let lastArr = newarr.slice(newarr.indexOf("demo") + 1, newarr.length);
// let newarr = str[0].split("/");
// let lastArr = newarr.slice(newarr.indexOf("demo") + 1, newarr.length);
if (this.fileExtension == "pdf") {
this.getNumPages("/demo" + "/" + lastArr.join("/"));
// this.getNumPages("/demo" + "/" + lastArr.join("/"));
this.pdfUrl = "https://api.idocv.com/view/url?url=" + str[0];
this.dialogStatus2 = true;
} else if (
this.fileExtension === "docx" ||
this.fileExtension === "doc"
) {
axios({
method: "get",
responseType: "blob", //
url: "/demo" + "/" + lastArr.join("/")
}).then(({ data }) => {
if (data) {
this.dialogStatus2 = true;
this.$nextTick(() => {
docx.renderAsync(data, this.$refs.file1); //
});
}
});
this.pdfUrl = "https://api.idocv.com/view/url?url=" + str[0];
this.dialogStatus2 = true;
// axios({
// method: "get",
// responseType: "blob", //
// url: "/demo" + "/" + lastArr.join("/"),
// }).then(({ data }) => {
// if (data) {
// this.dialogStatus2 = true;
// this.$nextTick(() => {
// docx.renderAsync(data, this.$refs.file1); //
// });
// }
// });
}
},
getNumPages(url) {

@ -213,12 +213,14 @@
v-if="fileExtension === 'docx' || fileExtension === 'doc'"
ref="file1"
class="file-content"
></div>
>
<iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe>
</div>
<div v-if="fileExtension === 'pdf'" class="file-content">
<!-- <iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe> -->
<div v-for="i in numPages" :key="i">
<iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe>
<!-- <div v-for="i in numPages" :key="i">
<pdf ref="pdf" :key="i" :src="pdfUrl" :page="i"></pdf>
</div>
</div> -->
</div>
</div>
<span slot="footer" class="dialog-footer">
@ -552,32 +554,36 @@ export default {
let str = e.target.dataset.url.split(",");
let str1 = str[0].split(".");
this.fileExtension = str1[str1.length - 1];
let newarr = str[0].split("/");
let lastArr = newarr.slice(newarr.indexOf("demo") + 1, newarr.length);
console.log(this.fileExtension);
// let newarr = str[0].split("/");
// let lastArr = newarr.slice(newarr.indexOf("demo") + 1, newarr.length);
if (this.fileExtension == "pdf") {
// this.pdfUrl = process.env.VUE_APP_BASE_API2 + e.target.dataset.url;
this.getNumPages("/demo" + "/" + lastArr.join("/"));
// this.dialogDetails = true;
// this.getNumPages("/demo" + "/" + lastArr.join("/"));
this.pdfUrl = "https://api.idocv.com/view/url?url=" + str[0];
this.dialogDetails = true;
} else if (
this.fileExtension === "docx" ||
this.fileExtension === "doc"
) {
axios({
method: "get",
responseType: "blob", //
url: "/demo" + "/" + lastArr.join("/"),
})
.then(({ data }) => {
if (data) {
this.dialogDetails = true;
this.$nextTick(() => {
docx.renderAsync(data, this.$refs.file1); //
});
}
})
.catch((error) => {
this.$message.error(error);
});
this.pdfUrl = "https://api.idocv.com/view/url?url=" + str[0];
this.dialogDetails = true;
// axios({
// method: "get",
// responseType: "blob", //
// url: "/demo" + "/" + lastArr.join("/"),
// })
// .then(({ data }) => {
// if (data) {
// this.dialogDetails = true;
// this.$nextTick(() => {
// docx.renderAsync(data, this.$refs.file1); //
// });
// }
// })
// .catch((error) => {
// this.$message.error(error);
// });
}
// const row = JSON.parse(e.target.dataset.obj)

@ -13,11 +13,11 @@ const IDCKeyValue = [
name: "IDC名称",
value: "ldcName",
},
{
name: "所属区域",
value: "areaId",
dictType: "tc_area",
},
// {
// name: "所属区域",
// value: "areaId",
// dictType: "tc_area",
// },
{
name: "IP段信息",
value: "ipData",

@ -218,16 +218,18 @@
v-if="fileExtension === 'docx' || fileExtension === 'doc'"
ref="file1"
class="file-content"
></div>
>
<iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe>
</div>
<div v-if="fileExtension === 'pdf'" class="file-content">
<pdf
<!-- <pdf
v-for="i in numPages"
ref="pdf"
:key="i"
:src="pdfUrl"
:page="i"
></pdf>
<!-- <iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe> -->
></pdf> -->
<iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe>
</div>
</div>
<span slot="footer" class="dialog-footer">
@ -534,27 +536,30 @@ export default {
let str = row.fileUrl.split(",");
let str1 = str[0].split(".");
this.fileExtension = str1[str1.length - 1];
let newarr = str[0].split("/");
let lastArr = newarr.slice(newarr.indexOf("demo") + 1, newarr.length);
// let newarr = str[0].split("/");
// let lastArr = newarr.slice(newarr.indexOf("demo") + 1, newarr.length);
if (this.fileExtension == "pdf") {
this.getNumPages("/demo" + "/" + lastArr.join("/"));
// this.getNumPages("/demo" + "/" + lastArr.join("/"));
this.pdfUrl = "https://api.idocv.com/view/url?url=" + str[0];
this.dialogDetails = true;
} else if (
this.fileExtension === "docx" ||
this.fileExtension === "doc"
) {
axios({
method: "get",
responseType: "blob", //
url: "/demo" + "/" + lastArr.join("/"),
}).then(({ data }) => {
if (data) {
this.dialogDetails = true;
this.$nextTick(() => {
docx.renderAsync(data, this.$refs.file1); //
});
}
});
this.pdfUrl = "https://api.idocv.com/view/url?url=" + str[0];
this.dialogDetails = true;
// axios({
// method: "get",
// responseType: "blob", //
// url: "/demo" + "/" + lastArr.join("/"),
// }).then(({ data }) => {
// if (data) {
// this.dialogDetails = true;
// this.$nextTick(() => {
// docx.renderAsync(data, this.$refs.file1); //
// });
// }
// });
}
},

Loading…
Cancel
Save