优化布展详情和文物详情

src/views/culturalRelic/Detail.vue

@@ -9,10 +9,14 @@
         animate__animated animate__fadeInDownBig
       "
       ref="imgs"
-      v-if="CRDetail.imagesVo && CRDetail.imagesVo.length > 0"
+      v-if="CRDetail.faceImagePressUrl"
     >
       <el-image
-        :src="$getFullUrl(CRDetail.faceImagePressUrl || CRDetail.faceImageUrl)"
+        :src="
+          $getFullUrl(
+            CRDetail.faceImagePressUrl || CRDetail.imagesVo[0].pressUrl
+          )
+        "
         fit="cover"
       ></el-image>
     </div>
@@ -54,6 +58,31 @@
                 </el-carousel-item>
               </el-carousel>
             </div>
+            <div
+              class="
+                info-container-left
+                wow
+                animate__animated animate__fadeInLeft
+              "
+              v-else-if="CRDetail.faceImagePressUrl"
+            >
+              <div
+                class="img-container"
+                @click="handelPreviewImages([CRDetail.faceImagePressUrl])"
+              >
+                <img
+                  :src="$getFullUrl(CRDetail.faceImagePressUrl)"
+                  alt="点击查看大图"
+                  srcset=""
+                />
+              </div>
+              <div
+                class="enlarge"
+                @click="handelPreviewImages([CRDetail.faceImagePressUrl])"
+              >
+                <img src="@/assets/imgs/enlarge-s.png" alt="" />
+              </div>
+            </div>
             <div
               class="
                 info-container-right
@@ -598,16 +627,17 @@ $blue: #2069c4;
             margin-right: 50px;
             flex: 1;
             overflow: hidden;
-            .imagesVo-image-container {
-              // position: relative;
-              .img-container {
-                height: 100%;
+            // .imagesVo-image-container {
+            //   // position: relative;
+
+            // }
+            .img-container {
+              height: 100%;
+              width: 100%;
+              img {
                 width: 100%;
-                img {
-                  width: 100%;
-                  height: 100%;
-                  object-fit: cover;
-                }
+                height: 100%;
+                object-fit: contain;
               }
             }
           }
@@ -742,62 +772,14 @@ $blue: #2069c4;
         }
       }
 
-      /**展览单元 */
-      .display-detail_units {
-        overflow-x: hidden;
-
-        .unit-container {
-          // height: 100%;
-          margin-bottom: 40px;
-          display: flex;
-        }
-        .unit-content-menu {
-          width: 360px;
-          margin-right: 40px;
-          background-image: url("@/assets/imgs/display/normal/bg.png");
-          background-size: 1%;
-        }
-        .unit-content {
-          flex: 1;
-          padding: 40px;
-          background-image: url("@/assets/imgs/display/normal/bg.png");
-          background-size: 1%;
-
-          .unit-content_intro {
-            font-size: 16px;
-            font-weight: 400;
-            color: #444444;
-            line-height: 36px;
-            text-indent: 32px;
-            margin-bottom: 20px;
-          }
-          .unit-content_images {
-            position: relative;
-            .unit-content_images_container {
-              height: 100%;
-              display: flex;
-              flex-direction: column;
-              .images_img {
-                flex: 1;
-              }
-              .desc {
-                display: flex;
-                justify-content: center;
-                height: 40px;
-                align-items: center;
-              }
-            }
-          }
-        }
-      }
       // 关联文物
       .display-detail_relateRc {
         min-height: 560px;
         background-image: url("@/assets/imgs/display/normal/bg.png");
         background-size: 1%;
         padding: 50px 0;
-        .intro-title{
-            text-indent: 40px;
+        .intro-title {
+          text-indent: 40px;
         }
         .el-col {
           &:first-child {

src/views/display/components/BlueStyle.vue

@@ -885,7 +885,7 @@ $blue: #2069c4;
           display: flex;
         }
         .unit-content-menu {
-          width: 360px;
+          width:460px;
           margin-right: 40px;
           background-image: url("@/assets/imgs/display/normal/bg.png");
           background-size: 1%;
@@ -925,7 +925,7 @@ $blue: #2069c4;
       }
       // 关联文物
       .display-detail_relateRc {
-        height: 560px;
+        min-height: 560px;
         background-image: url("@/assets/imgs/display/normal/bg.png");
         background-size: 1%;
         padding: 50px 0;
@@ -1027,9 +1027,15 @@ $blue: #2069c4;
 ::v-deep .el-tree {
   background: transparent;
   .el-tree-node__content {
-    height: 50px;
-    :hover {
-      background: #fff;
+    height: 54px;
+    &:hover {
+      background-color: #fff;
+      color: $blue;
+    }
+  }
+  .is-current{
+    .el-tree-node__content{
+      background-color: #fff;
       color: $blue;
     }
   }

src/views/display/components/detail-dialog.vue

@@ -84,7 +84,6 @@
         };
 
         loopTree(arr);
-        console.log("list", list);
         return list;
       },
     },