| | |
| | | import floatingWindow from "./floatingWindow.vue"; |
| | | import yearWindow from "./yearWindow.vue"; |
| | | import { nextTick } from "vue"; |
| | | import fileApi from "@/assets/js/middleGround/api/file"; |
| | | import { requestCtx, appRefCode } from "@/assets/js/config"; |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | const element = listData[j]; |
| | | this.$set(element, "showChildDetail", false); |
| | | } |
| | | console.log(item, "item"); |
| | | } |
| | | } |
| | | |
| | | console.log(this.contentList, "this.contentList"); |
| | | this.contentList = res.datas; |
| | | this.showList = true; |
| | | }); |
| | |
| | | for (let i = 0; i < filterList.length; i++) { |
| | | const item = filterList[i]; |
| | | if (item.file) { |
| | | const requestCtx = |
| | | this.config.requestCtx + `/file/api/ApiDownload?md5=${item.file}`; |
| | | const requestCtx = await this.getResourcePath(item.file); |
| | | this.$set(item, "fileLink", requestCtx); |
| | | } |
| | | this.$set(item, "showDetail", false); |
| | |
| | | } |
| | | return filterList; |
| | | }, |
| | | |
| | | // 获取阿里云加速地址 (视频,音频) |
| | | async getResourcePath(md5) { |
| | | try { |
| | | // 如果返回的数据为空或未定义,则拼接默认下载路径 |
| | | return requestCtx + "/file/api/ApiDownload?md5=" + md5; |
| | | } catch (error) { |
| | | // 捕获异常并打印错误日志 |
| | | console.error("获取资源路径失败:", error); |
| | | // 返回一个默认值或抛出错误(根据业务需求) |
| | | return requestCtx + "/file/api/ApiDownload?md5=" + md5; |
| | | } |
| | | }, |
| | | |
| | | closeDetail(index, cindex, type) { |
| | | for (let i = 0; i < this.contentList.length; i++) { |
| | | const item = this.contentList[i]; |
| | |
| | | } |
| | | } |
| | | this.contentList[index].list[cindex].showDetail = false; |
| | | |
| | | console.log( |
| | | this.contentList[index].list, |
| | | "this.contentList[index].list[cindex]" |
| | | ); |
| | | }, |
| | | showDetail(index, cindex, type, event) { |
| | | const rect = event.target.getBoundingClientRect(); |
| | |
| | | // // 右侧空间不足时强制左侧显示 |
| | | // this.popupStyle.left = `${rect.left - popupWidth}px`; |
| | | // } |
| | | |
| | | console.log(event, "event"); |
| | | for (let i = 0; i < this.contentList.length; i++) { |
| | | const item = this.contentList[i]; |
| | | if (item && item.list?.length > 0) { |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | if (this.contentList[index].list[cindex].type) { |
| | | this.contentList[index].list[cindex].showChildDetail = true; |
| | | } |
| | | console.log( |
| | | this.contentList[index].list, |
| | | "this.contentList[index].list[cindex]" |
| | | ); |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | overflow: auto; |
| | | font-family: Source Han Sans; |
| | | } |
| | | |
| | | .pageBox { |
| | |
| | | cursor: pointer; |
| | | position: relative; |
| | | } |
| | | |
| | | // .gradchild :hover { |
| | | // transform: scale(1.1); |
| | | // z-index: 999; |
| | | // } |
| | | .gradchild:hover { |
| | | // transform: scale(1.1); |
| | | width: 23px; |
| | | height: 23px; |
| | | cursor: pointer; |
| | | position: relative; |
| | | } |
| | | |
| | | /* 重置子元素的样式 */ |
| | | // .gradchild:hover .detailDialog { |
| | | // transform: scale(1); |
| | | // z-index: 999; |
| | | // } |
| | | .item-circle :hover ::before { |
| | | background-color: #b9a587 !important; |
| | | } |
| | | |
| | | .item-circle { |
| | | width: 100%; |
| | | height: 20px; |
| | |
| | | margin-left: -9px; |
| | | z-index: 99; |
| | | background: #fff; |
| | | cursor: pointer; |
| | | } |
| | | .item-circle:hover:before { |
| | | background-color: #b9a587; |
| | | border: 1px solid #8f7a5a; |
| | | } |
| | | |
| | | .item-text { |
| | |
| | | background: #fff; |
| | | border: 2px solid #cbbeaa; |
| | | box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.5); |
| | | } |
| | | |
| | | video { |
| | | border-radius: 10px; |
| | | border: 1px solid #dcdcdc; |
| | | box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); |
| | | } |
| | | |
| | | .yaerWindow { |
| | |
| | | |
| | | ::v-deep .el-loading-spinner { |
| | | .el-loading-text { |
| | | |
| | | font-size: 14px; |
| | | color: #937950; |
| | | } |
| | |
| | | color: #937950; |
| | | } |
| | | } |
| | | |
| | | </style> |