|
|
@ -1,10 +1,6 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
<el-dialog |
|
|
|
|
|
title="图书详情" |
|
|
|
|
|
:visible.sync="dialogVisible" |
|
|
|
|
|
width="80%" |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<el-dialog title="图书详情" :visible.sync="dialogVisible" width="80%"> |
|
|
<!-- :before-close="handleClose" --> |
|
|
<!-- :before-close="handleClose" --> |
|
|
<div class="dialog-setting"> |
|
|
<div class="dialog-setting"> |
|
|
<div v-if="bookData" class="book-details-box"> |
|
|
<div v-if="bookData" class="book-details-box"> |
|
|
@ -34,7 +30,7 @@ |
|
|
<span>当前图书暂未查到位置信息</span> |
|
|
<span>当前图书暂未查到位置信息</span> |
|
|
</li> |
|
|
</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"> |
|
|
<svg class="icon svg-icon" aria-hidden="true"> |
|
|
<use xlink:href="#icon-weizhi" /> |
|
|
<use xlink:href="#icon-weizhi" /> |
|
|
</svg> |
|
|
</svg> |
|
|
@ -63,6 +59,10 @@ export default { |
|
|
methods: { |
|
|
methods: { |
|
|
test() { |
|
|
test() { |
|
|
console.log(this.bookData) |
|
|
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 |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -91,11 +91,11 @@ export default { |
|
|
width: 494px; |
|
|
width: 494px; |
|
|
height: 76px; |
|
|
height: 76px; |
|
|
line-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 { |
|
|
::v-deep .el-dialog__headerbtn { |
|
|
background-color: #3F92F6; |
|
|
|
|
|
|
|
|
background-color: #3f92f6; |
|
|
width: 40px; |
|
|
width: 40px; |
|
|
height: 40px; |
|
|
height: 40px; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
@ -135,7 +135,8 @@ export default { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
font-size: 30px; |
|
|
font-size: 30px; |
|
|
} |
|
|
} |
|
|
h3,.book-from{ |
|
|
|
|
|
|
|
|
h3, |
|
|
|
|
|
.book-from { |
|
|
text-overflow: -o-ellipsis-lastline; |
|
|
text-overflow: -o-ellipsis-lastline; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
text-overflow: ellipsis; |
|
|
text-overflow: ellipsis; |
|
|
@ -172,7 +173,7 @@ export default { |
|
|
.local-title { |
|
|
.local-title { |
|
|
width: 83px; |
|
|
width: 83px; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
background: url('~@/assets/images/local-bg.png') no-repeat; |
|
|
|
|
|
|
|
|
background: url("~@/assets/images/local-bg.png") no-repeat; |
|
|
writing-mode: vertical-rl; |
|
|
writing-mode: vertical-rl; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
line-height: 83px; |
|
|
line-height: 83px; |
|
|
@ -181,9 +182,9 @@ export default { |
|
|
} |
|
|
} |
|
|
.local-list { |
|
|
.local-list { |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
border: 1px solid #3F92F6; |
|
|
|
|
|
|
|
|
border: 1px solid #3f92f6; |
|
|
border-left: none; |
|
|
border-left: none; |
|
|
background: #D0E0F9; |
|
|
|
|
|
|
|
|
background: #d0e0f9; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
overflow-y: auto; |
|
|
overflow-y: auto; |
|
|
position: relative; |
|
|
position: relative; |
|
|
@ -218,7 +219,7 @@ export default { |
|
|
|
|
|
|
|
|
//滚动条的滑块 |
|
|
//滚动条的滑块 |
|
|
::-webkit-scrollbar-thumb { |
|
|
::-webkit-scrollbar-thumb { |
|
|
background-color: #3F92F6; |
|
|
|
|
|
|
|
|
background-color: #3f92f6; |
|
|
border-radius: 4px; |
|
|
border-radius: 4px; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
