front/src/views/instructionManual/components/menuBook.vue

@@ -9,10 +9,7 @@
         </div>
         <div class="list-box">
           <div class="list-item" v-for="(item, i) in seviceList" :key="i">
-            <div class="item-name">
+            <div class="item-name">{{ item.name }}</div>
-              <img :src="item.img" />
-              {{ item.name }}
-            </div>
             <div class="name-box">
               <div class="item-v" v-for="(v, j) in item.list" :key="j">
                 {{ v }}
@@ -36,23 +33,6 @@
         ></div>
         <div v-if="item.btnText" class="btn">{{ item.btnText }} >></div>
       </div>
-      <!-- 联系我们 -->
-      <div class="img-bg callus-box">
-        <div class="title" style="margin-bottom: 20px">
-          <div class="text text-white">联系我们</div>
-          <div class="line line-white"></div>
-        </div>
-        <div class="list-box">
-          <p>
-            办公电话：
-            <span>0530-0000000</span>
-          </p>
-          <p>
-            手机号：
-            <span>0530-0000000</span>
-          </p>
-        </div>
-      </div>
     </div>
   </div>
 </template>
@@ -65,12 +45,10 @@
   const seviceList = ref([
     {
       name: '组件服务',
-      img: require('@/assets/menu/service-component.png'),
       list: ['智能算法', '图层服务', '开发组件', '业务组件'],
     },
     {
       name: '应用资源',
-      img: require('@/assets/menu/service-application.png'),
       list: [
         '办公系统',
         '业务系统',
@@ -81,15 +59,11 @@
       ],
     },
     {
-      name: '基础设施',
+      name: '组件服务',
-      img: require('@/assets/menu/service-infrastructure.png'),
-
       list: ['视频资源', '云资源', '感知资源'],
     },
     {
-      name: '数据资源',
+      name: '组件服务',
-      img: require('@/assets/menu/service-data.png'),
-
       list: ['政务信息资源'],
     },
   ])
@@ -125,7 +99,7 @@
 <style lang="less" scoped>
   .menu-box {
     width: 1920px;
-    // padding-bottom: 40px;
+    padding-bottom: 40px;
   }
 
   .title {
@@ -187,28 +161,6 @@
       margin: 0 auto;
     }
   }
-  .callus-box {
-    width: 1920px;
-    height: 214px;
-    background-size: 100% 100%;
-    background-image: url('../../../assets/menu/callus.png');
-    .list-box {
-      width: 1560px;
-      // height: 350px;
-      margin: 0 auto;
-      p {
-        font-size: 24px;
-        color: #ffffff;
-        font-weight: bold;
-        span {
-          font-size: 30px;
-        }
-      }
-      p:nth-child(1) {
-        margin-right: 100px;
-      }
-    }
-  }
 
   .img-bg {
     width: 1920px;
@@ -255,7 +207,7 @@
       height: 330px;
       background: rgba(23, 85, 177, 0.43);
       border: 1px solid #74a9f8;
-      border-radius: 10px;
+      border-radius: 2px;
       margin: 0 10px;
       cursor: pointer;
 
@@ -279,9 +231,9 @@
         font-size: 20px;
         text-align: center;
         padding: 10px;
-        // border: 1px solid rgba(255, 255, 255, 0.4);
+        border: 1px solid rgba(255, 255, 255, 0.4);
-        // border-radius: 6px;
+        border-radius: 6px;
-        // background: rgba(255, 255, 255, 0.2);
+        background: rgba(255, 255, 255, 0.2);
         margin: 0 16px 20px 16px;
       }
     }

front/src/views/instructionManual/index.vue

@@ -4,43 +4,26 @@
     <div class="menu-box">
       <div id="container" class="content-menu">
         <div class="left">
-          <div
+          <div class="first-title-text" v-for="(data, i) in titleList" :key="i" @click="changeName(data)"
-            class="first-title-text"
+            :style="{ color: data.name === titleData.name ? '#0058e1' : '' }">
-            v-for="(data, i) in titleList"
-            :key="i"
-            @click="changeName(data)"
-            :style="{ color: data.name === titleData.name ? '#0058e1' : '' }"
-          >
             <div class="img" :class="data.className"></div>
             {{ data.name }}
           </div>
-          <abilityDocTree
+          <abilityDocTree :dataList="treeArray" @treeClick="treeClick" :clickData="clickData"></abilityDocTree>
-            :dataList="treeArray"
-            @treeClick="treeClick"
-            :clickData="clickData"
-          ></abilityDocTree>
         </div>
         <!-- 技术文档 -->
         <div class="right" v-if="titleData.name !== '新手指引'">
           <div style="height: 100%">
-            <iframe
+            <iframe name="iframeName" width="1300" height="100%" id="iframeId" :frameborder="0"
-              name="iframeName"
+              :src="doc_base_url + clickData.doc"></iframe>
-              width="1300"
-              height="100%"
-              id="iframeId"
-              :frameborder="0"
-              :src="doc_base_url + clickData.doc"
-            ></iframe>
           </div>
         </div>
-        <!-- 使用手册 -->
-        <div class="manual"><p>使用手册</p></div>
       </div>
       <menuBook v-if="titleData.name === '新手指引'"></menuBook>
     </div>
   </div>
 
-  <home-footer></home-footer>
+  <!-- <home-footer></home-footer> -->
 </template>
 <script setup>
 import HomeHeader from '@/views/home/components/header'
@@ -187,7 +170,6 @@
 }
 
 .left {
-    z-index: 10;
   width: 200px;
   padding: 20px;
   margin-right: 20px;
@@ -206,26 +188,6 @@
   left: 300px;
   min-height: 600px;
 }
-  .manual {
-    z-index: 10;
-    width: 74px;
-    height: 136px;
-    position: fixed;
-    top: 200px;
-    right: 200px;
-    background-size: 100% 100%;
-    background-image: url('../../assets/menu/manual.png');
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: unset !important;
-    p {
-      color: #005be1;
-      font-size: 20px;
-      margin-bottom: 0;
-      width: 20px;
-    }
-  }
 
 .sidebar {
   right: 0 !important;
@@ -264,4 +226,5 @@
   height: 100%;
   position: relative;
 }
+
 </style>