书籍导航链接修改

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,6 +59,10 @@ 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
     }
   }
 }
@@ -91,11 +91,11 @@ export default {
     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;
+  background-color: #3f92f6;
   width: 40px;
   height: 40px;
   border-radius: 50%;
@@ -135,7 +135,8 @@ export default {
         width: 100%;
         font-size: 30px;
       }
-      h3,.book-from{
+      h3,
+      .book-from {
         text-overflow: -o-ellipsis-lastline;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -172,7 +173,7 @@ export default {
     .local-title {
       width: 83px;
       height: 100%;
-      background: url('~@/assets/images/local-bg.png') no-repeat;
+      background: url("~@/assets/images/local-bg.png") no-repeat;
       writing-mode: vertical-rl;
       text-align: center;
       line-height: 83px;
@@ -181,9 +182,9 @@ export default {
     }
     .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;
@@ -218,7 +219,7 @@ export default {
 
 //滚动条的滑块
 ::-webkit-scrollbar-thumb {
-  background-color: #3F92F6;
+  background-color: #3f92f6;
   border-radius: 4px;
 }
 </style>