隐藏下架状态的展览、文物、虚拟展厅、博物馆

src/views/culturalRelic/index.vue

@@ -73,7 +73,7 @@
         </div>
         <el-row :gutter="40" class="cr-list">
           <el-col
-            :span="8"
+            :span="item.status == 1 ? 8 : 0"
             class="cr-item"
             @click.native="handleClick(item)"
             @mouseenter.native="handleEnterImg(item)"
@@ -81,7 +81,10 @@
             v-for="(item, index) in list.records"
             :key="index"
           >
-            <div class="container wow animate__animated animate__fadeInUp">
+            <div
+              class="container wow animate__animated animate__fadeInUp"
+              v-if="item.status == 1"
+            >
               <div class="img-container">
                 <img
                   :src="
@@ -337,7 +340,7 @@ $text-indent: 16px;
       height: 214px;
       .item {
         margin-right: 20px;
-        &:hover{
+        &:hover {
           -webkit-box-reflect: below 2px
             linear-gradient(transparent, rgba(0, 0, 0, 0.3));
         }
@@ -398,7 +401,7 @@ $text-indent: 16px;
         font-size: 14px;
         transition: all 0.2s ease;
 
-        &:hover{
+        &:hover {
           -webkit-box-reflect: below 2px
             linear-gradient(transparent, rgba(0, 0, 0, 0.3));
         }

src/views/display/components/BlueStyle.vue

@@ -110,10 +110,10 @@
                 </el-col>
                 <el-col :span="10" class="right">
                   <div class="qrcode">
-                    <img
+                    <!-- <img
                       src="@/assets/imgs/display/normal/test-qrcode.png"
                       alt=""
-                    />
+                    /> -->
                   </div>
                   <div class="tools">
                     <ReaderOperations
@@ -156,9 +156,10 @@
               <svg-icon icon-class="jianjie"></svg-icon>
               <span>展览简介</span>
             </div>
-            <div class="intro-content-container" v-html="displayDetail.intro">
-             
-            </div>
+            <div
+              class="intro-content-container"
+              v-html="displayDetail.intro"
+            ></div>
           </div>
           <div
             class="intro-video wow animate__animated animate__fadeInRight"
@@ -211,12 +212,26 @@
               "
             >
               <!-- 只能单开 unique-opened -->
-              <menu-list
+              <!-- <menu-list
                 :items="displayDetail.exhibitionUnits"
                 :isCollapse="false"
                 @open="handleOpenUnit"
                 style="height: 100%"
-              ></menu-list>
+              ></menu-list> -->
+              <el-tree
+                :data="displayDetail.exhibitionUnits"
+                node-key="euId"
+                default-expand-all
+              >
+                <div
+                  class="exhibition-units-tree-node"
+                  slot-scope="{ node, data }"
+                >
+                  <div class="title" @click="handleOpenUnit(data)">
+                    {{ data.title }}
+                  </div>
+                </div>
+              </el-tree>
             </div>
             <div
               class="unit-content wow animate__animated animate__fadeInRight"
@@ -568,7 +583,7 @@ export default {
 <style lang="scss" scoped>
 // 中国风主题样式
 /**公共样式开始 */
-
+$blue:#2069c4;
 .custom-title {
   width: 50px;
   background-color: #d72f3f;
@@ -605,13 +620,13 @@ export default {
     align-items: center;
     .svg-icon {
       font-size: 50px;
-      color: #2068c3;
+      color: $blue;
       margin-right: 10px;
     }
     .title {
       font-size: 26px;
       font-weight: 400;
-      color: #2069c4;
+      color: $blue;
       line-height: 101px;
     }
   }
@@ -743,6 +758,7 @@ export default {
               .body-item {
                 display: flex;
                 align-items: center;
+                margin-bottom: 10px;
                 .label {
                   display: flex;
                   align-items: center;
@@ -805,7 +821,7 @@ export default {
           cursor: pointer;
           animation: audioRotate 8s linear infinite;
           transform-origin: center center;
-          border: 2px solid #2069c4;
+          border: 2px solid $blue;
           padding: 10px;
           border-radius: 50%;
           display: flex;
@@ -817,7 +833,7 @@ export default {
             box-shadow: 0 0 14px rgb(0 0 0 / 40%);
           }
           .svg-icon {
-            color: #2069c4;
+            color: $blue;
             font-size: 80px;
           }
           img {
@@ -868,6 +884,8 @@ export default {
         .unit-content-menu {
           width: 360px;
           margin-right: 40px;
+          background-image: url("@/assets/imgs/display/normal/bg.png");
+          background-size: 1%;
         }
         .unit-content {
           flex: 1;
@@ -1003,7 +1021,16 @@ export default {
 ::v-deep .el-carousel__container {
   height: 100%;
 }
-
+::v-deep .el-tree {
+  background: transparent;
+  .el-tree-node__content {
+    height: 50px;
+    :hover {
+      background: #fff;
+      color: $blue;
+    }
+  }
+}
 @keyframes filmMoveLeft {
   0% {
     transform: translateX(0);
@@ -1043,4 +1070,5 @@ export default {
   animation-play-state: paused;
   -webkit-animation-play-state: paused; /* Safari 和 Chrome */
 }
+
 </style>
\ No newline at end of file

src/views/display/components/ChStyle.vue

@@ -180,7 +180,7 @@
   import MenuList from "@/components/MenuList";
   import { previewFile } from "@/utils/index";
   // import ChStyleUnit from "./ChStyleUnit.vue";
-  import ChStyleUnit from "./ChStyle-unit.vue";
+  import ChStyleUnit from "./ChStyleUnit.vue";
   import DetailDialog from "./detail-dialog.vue";
   export default {
     components: {

src/views/display/index.vue

@@ -52,15 +52,19 @@
         </div>
         <el-row :gutter="40" class="cr-list">
           <el-col
-            :span="8"
+            :span="item.status==1?8:0"
             class="cr-item"
             @click.native="handleClick(item)"
             @mouseenter.native="handleEnterImg(item)"
             @mouseleave.native="handleLeaveImg(item)"
             v-for="(item, index) in list.records"
             :key="index"
+            
+          >
+            <div
+              class="container wow animate__animated animate__fadeInUp"
+              v-if="item.status==1"
             >
-            <div class="container wow animate__animated animate__fadeInUp">
               <div class="img-container">
                 <img
                   :src="
@@ -320,7 +324,7 @@ $text-indent: 16px;
       padding: 90px 70px 80px;
       .item {
         margin-right: 20px;
-        &:hover{
+        &:hover {
           -webkit-box-reflect: below 2px
             linear-gradient(transparent, rgba(0, 0, 0, 0.3));
         }
@@ -334,7 +338,6 @@ $text-indent: 16px;
         color: #444;
       }
 
-      
       .search-button {
         cursor: pointer;
         display: flex;
@@ -346,7 +349,7 @@ $text-indent: 16px;
         font-size: 14px;
         width: 156px;
         height: 40px;
-        &:hover{
+        &:hover {
           -webkit-box-reflect: below 2px
             linear-gradient(transparent, rgba(0, 0, 0, 0.3));
         }
@@ -444,6 +447,9 @@ $text-indent: 16px;
                 font-weight: bold;
                 color: #2069c4;
                 margin-bottom: 18px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
               }
               .desc-container {
                 display: flex;

src/views/home/components/Display.vue

@@ -23,9 +23,7 @@
         >
           <div class="content">
             <div class="content-name">{{ item.title }}</div>
-            <div class="content-intro">
-              {{ item.intro ? item.intro : "" }}
-            </div>
+            <div class="content-intro" v-html="item.intro || ''"></div>
             <EntranceIcon color="#fff" @click.native="handleClick(item)" />
           </div>
           <div class="img" @click="handleClick(item)">

src/views/home/components/Virtural.vue

@@ -112,7 +112,7 @@ $blue: #2069c4;
         margin-top: 110px;
         .name {
           margin-bottom: 27px;
-          font-size: 20px;
+          font-size: 22px;
           font-weight: bold;
         }
         .deptName {
@@ -168,6 +168,7 @@ $blue: #2069c4;
             transform: translateY(100px);
             width: 100%;
             transition: all 0.5s ease;
+           
           }
         }
       }

src/views/museum/index.vue

@@ -33,7 +33,7 @@
         </div>
         <el-row :gutter="40" class="cr-list">
           <el-col
-            :span="8"
+            :span="item.status == 1 ? 8 : 0"
             class="cr-item"
             @click.native="handleClick(item)"
             @mouseenter.native="handleEnterImg(item)"
@@ -41,7 +41,10 @@
             v-for="(item, index) in list.records"
             :key="index"
           >
-            <div class="container wow animate__animated animate__fadeInUp">
+            <div
+              class="container wow animate__animated animate__fadeInUp"
+              v-if="item.status == 1"
+            >
               <div class="img-container">
                 <img
                   :src="

src/views/virtual/index.vue

@@ -36,7 +36,7 @@
         </div>
         <el-row :gutter="40" class="cr-list">
           <el-col
-            :span="8"
+            :span="item.status == 1 ? 8 : 0"
             class="cr-item"
             @click.native="handleClick(item)"
             @mouseenter.native="handleEnterImg(item)"
@@ -44,7 +44,10 @@
             v-for="(item, index) in list.records"
             :key="index"
           >
-            <div class="container wow animate__animated animate__fadeInUp">
+            <div
+              class="container wow animate__animated animate__fadeInUp"
+              v-if="item.status == 1"
+            >
               <div class="img-container">
                 <img
                   :src="
@@ -286,7 +289,7 @@ $text-indent: 16px;
       margin-bottom: 63px;
       .item {
         margin-right: 20px;
-        &:hover{
+        &:hover {
           -webkit-box-reflect: below 2px
             linear-gradient(transparent, rgba(0, 0, 0, 0.3));
         }
@@ -311,7 +314,7 @@ $text-indent: 16px;
         background-size: 100% 100%;
         color: #444;
         font-size: 14px;
-        &:hover{
+        &:hover {
           -webkit-box-reflect: below 2px
             linear-gradient(transparent, rgba(0, 0, 0, 0.3));
         }
@@ -320,7 +323,7 @@ $text-indent: 16px;
         }
       }
 
-      ::v-deep .el-input{
+      ::v-deep .el-input {
         width: auto;
       }
     }
@@ -459,7 +462,7 @@ $text-indent: 16px;
   }
 }
 
-::v-deep .el-input{
+::v-deep .el-input {
   // width: auto;
 }
 ::v-deep .el-pagination {