全国全球高亮

src/components/AreaLayerSwitch/index.vue

@@ -2,8 +2,8 @@
   <div class="area_layer_switch_container">
     <div class="area_layer_switch_content">
       <!-- 全国 -->
-      <div class="national">
-        <div class="national_text">全国</div>
+      <div class="national" @click="nationalChange">
+        <div class="national_text" :class="{national_text_active:national}">全国</div>
       </div>
 
       <!-- 片区 -->
@@ -20,8 +20,8 @@
       </div>
 
       <!-- 全球 -->
-      <div class="global">
-        <div class="global_text">全球</div>
+      <div class="global" @click="globalChange">
+        <div class="global_text" :class="{global_text_active:global}">全球</div>
       </div>
     </div>
   </div>
@@ -30,6 +30,15 @@
 import { ref, watch, computed, reactive, toRefs, onBeforeMount, onMounted } from 'vue'
 const emit = defineEmits(['btnClick'])
 const activeIndex = ref(0)
+const national=ref(false)
+const global = ref(false)
+
+function nationalChange() {
+   national.value= !national.value
+}
+function globalChange() {
+   global.value= !global.value
+}
 
 const bottons = ref([
   { id: 12, name: '黄浦区', active: false },
@@ -209,4 +218,11 @@ function btnClick(index, item) {
     text-transform: none;
   }
 }
+
+.national_text_active{
+ color: rgb(233, 233, 52) !important;
+}
+.global_text_active{
+ color: rgb(233, 233, 52) !important;
+}
 </style>

src/views/left/dialog/components/dialog/RiskLocationControlDialog.vue

@@ -13,7 +13,7 @@
         </div>
       </div>
     </div>
-
+    <div style="text-align: right;"><el-button color="#3599ff" :dark="true" plain>新增</el-button></div>
     <el-table :data="dialogOptions.tableData" class="dialog_table" @row-click="handleRowClick" :row-class-name="tableRowClassName">
       <el-table-column
         v-for="(column, colIndex) in dialogOptions.tableColumns"
@@ -130,7 +130,7 @@ const getImgSrc = picName => {
 
 .dialog_table {
   width: 100%;
-  height: 670px;
+  height: 640px;
   margin-top: 15px;
 }