样式调整

src/components/Combinations/toolBar/toolBar.vue

@@ -46,7 +46,7 @@
       <li class="sm-btn sm-tool-btn" :title="Resource.sceneOptions" @click="choose(3)">
         <i class="el-icon-setting"></i>
       </li>
-      <li class="sm-btn sm-tool-btn" title="行政区划开关" @click="choose(11)">
+      <li class="sm-btn sm-tool-btn" title="行政区划开关" @click="choose(12)">
         <i class="el-icon-map-location"></i>
       </li>
       <!-- </ul> -->
@@ -250,7 +250,7 @@ export default {
       this.show = !this.show;
     },
     choose(i) {
-      if (i == 11) {
+      if (i == 12) {
         store.state.xzqh_flag = !store.state.xzqh_flag
         // 隐藏行政区划console.log();
         cockpit.hidden_xzqh(store.state.xzqh_flag);

src/components/Query/clickQuery/CockpitVector.vue

@@ -1,10 +1,15 @@
 <template>
-  <el-table :data="tableData" :show-header="false" border  style="width: 100%">
-    <el-table-column prop="name" label="" width="100">
-    </el-table-column>
-    <el-table-column prop="value" label="" width="230">
-    </el-table-column>
-  </el-table>
+  <!-- <el-select v-model="value" placeholder="请选择对象">
+    <el-option v-for="(item, index) in options" :key="index" :label="item.name" :value="item" @click.native="test(item)">
+    </el-option>
+  </el-select> -->
+  <div>
+    <div class="list_vector" v-for="(item, index ) in tableData" :key="index">
+      <span>{{ item.name }}：</span>
+      <span>{{ item.value }}</span>
+      <p></p>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -47,4 +52,19 @@ export default {
   deactivated() { } //若组件实例是 <KeepAlive> 缓存树的一部分，当组件从 DOM 中被移除时调用。
 };
 </script>
-<style  scoped></style>
+<style  scoped lang="scss">
+.list_vector {
+  background-image: url("/static/images/ghzc/内容框.png");
+
+  width: 20rem;
+  border-top: 1px solid #CCC;
+  font-size: 14px;
+  padding: 1rem;
+  // border-bottom:1px solid #CCC ;
+}
+
+.list_vector:last-child {
+
+  border-bottom: 1px solid #CCC;
+}
+</style>

src/components/Query/clickQuery/clickQuery.vue

@@ -43,7 +43,7 @@
       </el-collapse>
     </div>
 
-    <!-- <CockpitVector class="cockpit_vector"></CockpitVector> -->
+    <CockpitVector class="cockpit_vector"></CockpitVector>
   </div>
 </template>