duhanyu
杜函宇 2 years ago
parent 13b188ee14
commit 003424400e

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

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

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

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

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