上图详情

src/views/LandscapeProject/index.vue

@@ -81,7 +81,7 @@
         </div>
       </div>
     </div>
-    <div
+    <!-- <div
       class="sm-panel sm-function-module-query"
       v-if="store.state.vectorData.length > 0"
       v-drag
@@ -100,7 +100,7 @@
         </el-tab-pane>
         <el-tab-pane label="全过程管理信息" name="qgc"> </el-tab-pane>
       </el-tabs>
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -336,14 +336,6 @@ export default {
       background-size: 100% 100%;
     }
   }
-  .sm-panel {
-    width: 400px;
-    height: 700px;
-    z-index: 999999;
-  }
-  .CockpitVectorBox {
-    top: 0px;
-  }
   .info {
     padding: 0;
     overflow: hidden;

src/views/cockpit/common/VectorSpace/BoxCommonVector.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="BoxCommonVector" v-if="title">
+  <div class="ghzc BoxCommonVector" v-if="title">
     <div class="innerContainerVector leftPaneVector" v-drag>
       <h2 class="PangetitleVector darg-div">
         <span class="pange_textVector">{{ title }}</span>
@@ -98,6 +98,32 @@
       </template>
       <slot name="all"></slot>
     </div>
+    <div
+      class="sm-panel sm-function-module-query"
+      v-if="store.state.vectorData.length > 0"
+      v-drag
+    >
+      <div class="sm-panel-header">
+        <span>详情</span>
+      </div>
+      <el-tabs
+        type="border-card"
+        class="xz_box info"
+        v-model="activeTabs"
+        stretch
+      >
+        <el-tab-pane label="基本信息" name="base">
+          <CockpitVector></CockpitVector>
+        </el-tab-pane>
+        <!-- -->
+        <el-tab-pane
+          label="全过程管理信息"
+          name="qgc"
+          v-if="title.includes('山水工程')"
+        >
+        </el-tab-pane>
+      </el-tabs>
+    </div>
   </div>
 </template>
   
@@ -108,9 +134,13 @@ import * as tdsy from "@/views/cockpit/js/tdsy";
 import * as wellknown from "wellknown";
 import * as turf from "@turf/turf";
 
+import CockpitVector from "@/components/Query/clickQuery/CockpitVector.vue";
 let BoxCommonVector_entity = null;
 let layerSources = {};
 export default {
+  components: {
+    CockpitVector,
+  },
   props: {
     islist: {
       type: Boolean,
@@ -130,6 +160,7 @@ export default {
       searchs: [],
       searchform: {},
       xzqTreeData: [],
+      activeTabs: "base",
     };
   },
   methods: {
@@ -393,7 +424,7 @@ export default {
         });
       });
       store.state.vectorData = arr;
-      store.setActiveToolBar(9);
+      // store.setActiveToolBar(9);
     },
     addpolygon(item) {
       const that = this;
@@ -651,10 +682,19 @@ export default {
 
 
 <style lang="scss" scoped>
+@import "../../../complianceAnalysis//ghzc.scss";
 div::-webkit-scrollbar {
   width: 9px;
   height: 19px;
 }
+.sm-panel {
+  width: 400px;
+  height: 700px;
+  z-index: 999999;
+}
+.CockpitVectorBox {
+  top: 0px !important;
+}
 .BoxCommonVector {
   width: 100%;
   height: 100%;