|
|
|
@ -1,10 +1,6 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<el-dialog |
|
|
|
title="图书详情" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="80%" |
|
|
|
> |
|
|
|
<el-dialog title="图书详情" :visible.sync="dialogVisible" width="80%"> |
|
|
|
<!-- :before-close="handleClose" --> |
|
|
|
<div class="dialog-setting"> |
|
|
|
<div v-if="bookData" class="book-details-box"> |
|
|
|
@ -34,7 +30,7 @@ |
|
|
|
<span>当前图书暂未查到位置信息</span> |
|
|
|
</li> |
|
|
|
<!-- --> |
|
|
|
<li v-for="(item,index) in bookData.places" v-else :key="index" class="local-list-info"> |
|
|
|
<li v-for="(item,index) in bookData.places" v-else :key="index" class="local-list-info" @click="toBookNav( bookData.barcode)"> |
|
|
|
<svg class="icon svg-icon" aria-hidden="true"> |
|
|
|
<use xlink:href="#icon-weizhi" /> |
|
|
|
</svg> |
|
|
|
@ -63,79 +59,84 @@ export default { |
|
|
|
methods: { |
|
|
|
test() { |
|
|
|
console.log(this.bookData) |
|
|
|
}, |
|
|
|
toBookNav(barcode) { |
|
|
|
const linkSrc = process.env.VUE_APP_BASE_API |
|
|
|
window.location.href = linkSrc + '/anchoring/goNavigation.do?libcode=1201&eqmNo=001&barcode=' + barcode |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
::v-deep .el-dialog{ |
|
|
|
::v-deep .el-dialog { |
|
|
|
position: fixed; |
|
|
|
top: 50%; |
|
|
|
left: 50%; |
|
|
|
transform: translate(-50%,-50%); |
|
|
|
transform: translate(-50%, -50%); |
|
|
|
border-radius: 24px; |
|
|
|
margin-top: 0 !important; |
|
|
|
.el-dialog__body{ |
|
|
|
padding: 0 40px 40px 40px ; |
|
|
|
.el-dialog__body { |
|
|
|
padding: 0 40px 40px 40px; |
|
|
|
} |
|
|
|
} |
|
|
|
::v-deep .el-dialog__header{ |
|
|
|
::v-deep .el-dialog__header { |
|
|
|
text-align: center; |
|
|
|
padding-top:0 ; |
|
|
|
padding-bottom:4px ; |
|
|
|
.el-dialog__title{ |
|
|
|
padding-top: 0; |
|
|
|
padding-bottom: 4px; |
|
|
|
.el-dialog__title { |
|
|
|
display: inline-block; |
|
|
|
font-family: "ZhenyanGB"; |
|
|
|
font-size: 40px; |
|
|
|
width: 494px; |
|
|
|
height: 76px; |
|
|
|
line-height: 76px; |
|
|
|
background: url('~@/assets/images/list/list-title.png') no-repeat 0 0; |
|
|
|
background: url("~@/assets/images/list/list-title.png") no-repeat 0 0; |
|
|
|
} |
|
|
|
} |
|
|
|
::v-deep .el-dialog__headerbtn{ |
|
|
|
background-color: #3F92F6; |
|
|
|
::v-deep .el-dialog__headerbtn { |
|
|
|
background-color: #3f92f6; |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
border-radius: 50%; |
|
|
|
.el-dialog__close{ |
|
|
|
.el-dialog__close { |
|
|
|
color: #fff; |
|
|
|
font-size: 30px; |
|
|
|
} |
|
|
|
} |
|
|
|
.book-details-box{ |
|
|
|
.book-details{ |
|
|
|
.book-details-box { |
|
|
|
.book-details { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
padding: 30px 0; |
|
|
|
.book-cover{ |
|
|
|
.book-cover { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
width: 318px; |
|
|
|
height: 382px; |
|
|
|
margin-right: 40px; |
|
|
|
overflow: hidden; |
|
|
|
img{ |
|
|
|
img { |
|
|
|
display: block; |
|
|
|
width: 100%; |
|
|
|
max-height: calc(100%); |
|
|
|
object-fit: contain; |
|
|
|
} |
|
|
|
} |
|
|
|
.book-desc{ |
|
|
|
.book-desc { |
|
|
|
flex: 1; |
|
|
|
color: #333; |
|
|
|
overflow: hidden; |
|
|
|
h3{ |
|
|
|
h3 { |
|
|
|
font-size: 40px; |
|
|
|
font-weight: normal; |
|
|
|
} |
|
|
|
.book-from{ |
|
|
|
.book-from { |
|
|
|
width: 100%; |
|
|
|
font-size: 30px; |
|
|
|
} |
|
|
|
h3,.book-from{ |
|
|
|
h3, |
|
|
|
.book-from { |
|
|
|
text-overflow: -o-ellipsis-lastline; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
@ -145,7 +146,7 @@ export default { |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
.book-brief{ |
|
|
|
.book-brief { |
|
|
|
font-size: 24px; |
|
|
|
margin-bottom: 20px; |
|
|
|
text-overflow: -o-ellipsis-lastline; |
|
|
|
@ -158,7 +159,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.book-local{ |
|
|
|
.book-local { |
|
|
|
height: 343px; |
|
|
|
color: #333; |
|
|
|
display: flex; |
|
|
|
@ -169,37 +170,37 @@ export default { |
|
|
|
// overflow: hidden; |
|
|
|
// white-space: nowrap; |
|
|
|
// text-overflow: ellipsis; |
|
|
|
.local-title{ |
|
|
|
.local-title { |
|
|
|
width: 83px; |
|
|
|
height: 100%; |
|
|
|
background: url('~@/assets/images/local-bg.png') no-repeat; |
|
|
|
writing-mode:vertical-rl; |
|
|
|
background: url("~@/assets/images/local-bg.png") no-repeat; |
|
|
|
writing-mode: vertical-rl; |
|
|
|
text-align: center; |
|
|
|
line-height: 83px; |
|
|
|
font-size: 30px; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.local-list{ |
|
|
|
.local-list { |
|
|
|
flex: 1; |
|
|
|
border: 1px solid #3F92F6; |
|
|
|
border: 1px solid #3f92f6; |
|
|
|
border-left: none; |
|
|
|
background: #D0E0F9; |
|
|
|
background: #d0e0f9; |
|
|
|
overflow: hidden; |
|
|
|
overflow-y: auto; |
|
|
|
position: relative; |
|
|
|
font-size: 26px; |
|
|
|
.local-list-info{ |
|
|
|
.local-list-info { |
|
|
|
height: 56px; |
|
|
|
line-height: 56px; |
|
|
|
background-color: #fff; |
|
|
|
// margin-right: 8px; |
|
|
|
margin-bottom: 15px; |
|
|
|
padding-left: 13px; |
|
|
|
span{ |
|
|
|
span { |
|
|
|
margin-left: 19px; |
|
|
|
} |
|
|
|
} |
|
|
|
.local-none{ |
|
|
|
.local-none { |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
position: absolute; |
|
|
|
@ -218,7 +219,7 @@ export default { |
|
|
|
|
|
|
|
//滚动条的滑块 |
|
|
|
::-webkit-scrollbar-thumb { |
|
|
|
background-color: #3F92F6; |
|
|
|
background-color: #3f92f6; |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
</style> |
