From 563e3cca83b1b105b82a9f9b0b983fdc95c13409 Mon Sep 17 00:00:00 2001
From: z_yu <1534695664@qq.com>
Date: Tue, 11 Oct 2022 16:51:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B9=A6=E7=B1=8D=E5=AF=BC=E8=88=AA=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/module/bookDetails.vue | 77 ++++++++++++++++----------------
 1 file changed, 39 insertions(+), 38 deletions(-)

diff --git a/src/views/module/bookDetails.vue b/src/views/module/bookDetails.vue
index f29775b..6bed311 100644
--- a/src/views/module/bookDetails.vue
+++ b/src/views/module/bookDetails.vue
@@ -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>