资源下架-由图片改为文字

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

@@ -55,6 +55,22 @@
         >
           {{ item.btnText }} >>
         </div>
+        <template v-if="item.name=='资源下架'">
+          <div class="resources-cont">
+            <p>能力归属方资源发生变更或停用，可对改能力进行下架申请</p>
+            <p>能力归属方下架前需要先检查能力使用情况，如果能力处于被使用状态，需要提前协调使用方后再进行能力下架</p>
+          </div>
+          <div class="resources-step">
+            <p>开始</p>
+            <p>能力使用状态检查</p>
+            <p>通知使用方</p>
+            <p>能力下架申请</p>
+            <p>市大数据局审核</p>
+            <p>完成下架</p>
+          </div>
+
+        </template>
+
       </div>
       <!-- 联系我们 -->
       <!--<div class="img-bg callus-box">
@@ -460,6 +476,7 @@
   }
   .img-box-new {
     margin-bottom: -60px;
+    position: relative;
   }
 
   .service-box {
@@ -535,6 +552,48 @@
     height: 544px;
     background-image: url('../../../assets/menu/down.png');
   }
+  .resources-cont{
+    position: absolute;
+    top:298px;
+    left:315px;
+    width:1294px;
+    height: 100px;
+    // border:1px solid red;
+    display: flex;
+    justify-content: space-between;
+    p{
+      width: 636px;
+      padding: 0 35px;
+      line-height: 30px;
+      font-size: 16px;
+      font-family: microsoft Yahei;
+      // border:1px solid blue;
+    }
+    p:first-child{
+      text-align: center;
+    }
+
+
+  }
+  .resources-step{
+    top: 440px;
+    position: absolute;
+    left: 333px;
+    width: 1326px;
+    height: 107px;
+    display: flex;
+    p{
+      width: 183px;
+      line-height: 106px;
+      font-weight: 500;
+      text-align: center;
+      font-size: 18px;
+      margin-right: 36px;
+      font-family: microsoft Yahei;
+    }
+
+
+  }
 
   .list-box {
     display: flex;