A1300399510/PC-detailScreenshot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510 2024-08-30 11:08:08 +08:00
parent a2c78f4ca1
commit 61fccbfde1
1 changed files with 45 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
index.html
View File

@ -40,7 +40,7 @@
</div> </div>
<div class="content offer-details"> <div class="content offer-details">
<div class="details-header flexacenter"> <div class="details-header flexacenter">
<img class="icon" crossorigin="anonymous" :src="offerinfo?.school?.base64" /> <img class="icon" ref="offerImage" crossorigin="anonymous" :src="offerinfo?.school?.base64 || offerinfo?.school?.image" @load="getBase64ImageFromURL('offer')" />
<div class="school flex1 flexcolumn"> <div class="school flex1 flexcolumn">
<div class="name">{{ offerinfo?.school?.name }}</div> <div class="name">{{ offerinfo?.school?.name }}</div>
@ -216,7 +216,7 @@
<img class="semicircle-bj" crossorigin="anonymous" :src="semicircleicon" /> <img class="semicircle-bj" crossorigin="anonymous" :src="semicircleicon" />
</div> </div>
<div class="header flexacenter"> <div class="header flexacenter">
<img class="schoolimg" crossorigin="anonymous" :src="item.base64" /> <img :ref="'schoolimg' + index" @load="getBase64ImageFromURL('summary', index)" class="schoolimg" crossorigin="anonymous" :src="item.base64 || item.schoolimage" />
<div class="schoolname">{{ item.schoolname }}</div> <div class="schoolname">{{ item.schoolname }}</div>
</div> </div>
<div class="summaryInclude-content flex1 flexcolumn"> <div class="summaryInclude-content flex1 flexcolumn">
@ -410,6 +410,7 @@
}, },
mounted() { mounted() {
// axios.defaults.headers.common["Authorization"] = "813blr43ue2hhf2kjnlfibyy9swlxm2x" // axios.defaults.headers.common["Authorization"] = "813blr43ue2hhf2kjnlfibyy9swlxm2x"
this.base01 = base01 this.base01 = base01
this.base02 = base02 this.base02 = base02
this.base03 = base03 this.base03 = base03
@ -423,21 +424,48 @@
this.arrowsgray = arrowsgray this.arrowsgray = arrowsgray
}, },
methods: { methods: {
getBase64ImageFromURL(url, type, index) { getBase64ImageFromURL(type, index) {
fetch(url)
.then(response => response.blob())
.then(blob => {
const reader = new FileReader()
reader.onloadend = () => {
if (type == "offer") { if (type == "offer") {
this.offerinfo.school["base64"] = reader.result const img = this.$refs.offerImage
const canvas = document.createElement("canvas")
canvas.width = img.naturalWidth
canvas.height = img.naturalHeight
const ctx = canvas.getContext("2d")
ctx.drawImage(img, 0, 0)
this.offerinfo.school["base64"] = canvas.toDataURL("image/jpeg")
} else { } else {
this.offercollege[index]["base64"] = reader.result const img = this.$refs["schoolimg" + index][0]
// console.log("img", img)
const canvas = document.createElement("canvas")
canvas.width = img.naturalWidth
canvas.height = img.naturalHeight
const ctx = canvas.getContext("2d")
ctx.drawImage(img, 0, 0)
// console.log("666", canvas.toDataURL("image/jpeg"))
this.offercollege[index]["base64"] = canvas.toDataURL("image/jpeg")
this.$forceUpdate() this.$forceUpdate()
} }
}
reader.readAsDataURL(blob) // return
}) // fetch(url)
// .then(response => response.blob())
// .then(blob => {
// const reader = new FileReader()
// reader.onloadend = () => {
// if (type == "offer") {
// this.offerinfo.school["base64"] = reader.result
// } else {
// this.offercollege[index]["base64"] = reader.result
// this.$forceUpdate()
// }
// }
// reader.readAsDataURL(blob)
// })
}, },
// 获取 offer 详情 // 获取 offer 详情
@ -458,7 +486,6 @@
this.offerinfo = offerinfo this.offerinfo = offerinfo
this.moodmessage = data.moodmessage this.moodmessage = data.moodmessage
this.getPersonalBackground(data.backgroundid) this.getPersonalBackground(data.backgroundid)
this.getBase64ImageFromURL(offerinfo.school.image, "offer")
}) })
}, },
@ -477,9 +504,6 @@
const data = res.data const data = res.data
const offercollege = data.offercollege || [] const offercollege = data.offercollege || []
offercollege.forEach((element, index) => {
this.getBase64ImageFromURL(element.schoolimage, "summary", index)
})
this.offercollege = offercollege this.offercollege = offercollege