调整行政区划名称显示样式和内容

src/store/store.js

@@ -40,7 +40,7 @@ var store2 = {
         sceneLayerlist: [],
         flattenNames: [],//存储压平的名称数组
         cockpit_date: null,
-        cockpit_region: {id:'4602',name :'三亚'},//行政区划
+        cockpit_region: {id:'4602',name :'三亚市'},//行政区划
         viewer_flag: true,
         xzqh_flag: true,
         query_pick_pane: [],

src/views/cockpit/borderTemplate.vue

@@ -3,8 +3,10 @@
     <div class="title">
       <div>
         <div class="icon"></div>
-        <span>{{ titleName }}</span>
-        <span class="region">{{ store.state.cockpit_region.name }}</span>
+        <span
+          >{{ isregion ? "三亚市" : store.state.cockpit_region.name
+          }}{{ titleName }}</span
+        >
       </div>
       <slot name="title"></slot>
     </div>
@@ -19,11 +21,15 @@ export default {
   name: "borderTemplate",
   props: {
     titleName: "",
+    isregion: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {};
   },
-  mounted() { },
+  mounted() {},
   methods: {},
 };
 </script>
@@ -50,7 +56,6 @@ export default {
     justify-content: space-between;
     position: relative;
 
-
     span {
       color: #fff;
       font-size: 14px;
@@ -59,9 +64,9 @@ export default {
       bottom: -0.3rem;
       left: 2.7rem;
     }
-    .region{
-        font-weight: 500;
-        margin-left: 10px;
+    .region {
+      font-weight: 500;
+      margin-left: 10px;
     }
 
     .selectTab {
@@ -94,12 +99,17 @@ export default {
 
       /deep/ .el-select-dropdown__list {
         color: #bcd3e5 !important;
-        background: linear-gradient(180deg,
-            rgba(3, 115, 177, 0) 11%,
-            rgba(3, 115, 177, 0.48) 100%);
-        border-image: linear-gradient(360deg,
+        background: linear-gradient(
+          180deg,
+          rgba(3, 115, 177, 0) 11%,
+          rgba(3, 115, 177, 0.48) 100%
+        );
+        border-image: linear-gradient(
+            360deg,
             rgba(75, 185, 250, 0.2),
-            rgba(75, 185, 250, 0.05)) 1 1 !important;
+            rgba(75, 185, 250, 0.05)
+          )
+          1 1 !important;
         border: none;
       }
 

src/views/cockpit/common/Title.vue

@@ -1,10 +1,7 @@
 <template>
     <div class="title">
         <div class="icon"></div>
-        <span>{{ title }}</span>
-        <span class="region" >
-            {{ title == "空间规划指标" ? "三亚" : store.state.cockpit_region.name }}
-        </span>
+        <span>{{ isregion ? "三亚市" : store.state.cockpit_region.name }}{{ title }}</span>
     </div>
 </template>
 
@@ -18,6 +15,10 @@ export default {
             type: String,
             default: '标题',
         },
+        isregion: {
+            type: Boolean,
+            default: true,
+        }
 
     },
     data() {
@@ -59,9 +60,5 @@ export default {
         font-weight: bold;
         margin-left: 2.7rem;
     }
-    .region{
-        font-weight: 500;
-        margin-left: 10px;
-    }
 }
 </style>

src/views/viewer.vue

@@ -274,7 +274,7 @@ export default {
 
                         that.params.id = '4602'
                         that.setDatas()
-                        store.setCockpitRegion({ id: '4602',name:'三亚' })
+                        store.setCockpitRegion({ id: '4602',name:'三亚市' })
 
                     }
                 }