feat: 服务导航

code/src/components/tools/control.vue

@@ -25,12 +25,21 @@
     <img src="@/assets/images/基础/Vector2.png" alt="" />
     <span>工具箱</span>
   </div>
+
+  <div
+    class="control flex"
+    @click="showServicepop = !showServicepop"
+    :style="`top:${positionPop.top + 140}px;left:${positionPop.left}px;`"
+  >
+    <span>服务导航</span>
+  </div>
+
   <div
     class="popps"
-    v-if="isShowPop || showholdAll"
+    v-if="isShowPop || showholdAll || showServicepop"
     :style="`top:${positionPop.top}px;left:${positionPop.left - 240}px;`"
   >
-    <div class="pop">
+    <div v-if="isShowPop" class="pop">
       <div class="pos">
         <div class="title">控制器</div>
         <div class="close" @click="close"></div>
@@ -51,7 +60,7 @@
     <div
       class="pop hold"
       v-if="showholdAll"
-      :style="`top:${isShowPop ? '270' : '0'}px;`"
+      :style="`top:${isShowPop ? '230' : '0'}px;`"
     >
       <div class="pos">
         <div class="title">工具箱</div>
@@ -91,6 +100,19 @@
         </div>
       </div>
     </div>
+    <div
+      class="pop hold"
+      v-if="showServicepop"
+      :style="`top:${(isShowPop && showholdAll) ? '460' : (isShowPop || showholdAll) ? '230' : '0'}px;`"
+    >
+      <div class="pos">
+        <div class="title">服务导航</div>
+        <div class="close" @click="showServicepop = false"></div>
+        <div class="conhold">
+          <a style="font-size: 12px;" target="_blank" href="https://cw.futureaviation.com.cn/?key=gyc#/login">鹤山工业城国土查违系统</a>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -252,6 +274,7 @@ const showholdAll = ref(false);
 const showholdAllpop = () => {
   showholdAll.value = !showholdAll.value;
 };
+const showServicepop = ref(false)
 //隐藏控制器弹框
 const close = () => {
   isShowPop.value = false;