优化

src/components/layer/header/citymanageHeader.vue

@@ -1,97 +1,114 @@
 <template>
-    <el-container class="newcim-header">
+  <el-container class="flex newcim-header">
-      <el-row class="tw-w-full tw-flex tw-flex-row tw-items-center">
+    <div class="flex ai-c max-h" style="width: 600px;">
-        <el-col :span="4" class="flex tw-justify-start tw-items-center">
+      <span class="header-title">农业农村时空大数据平台底座</span>
-          <div v-for="(item,index) in navList" :key="index" class="flex fz-16 fc-w">
+    </div>
-            <div class="flex nav-li ai-c jc-c" :class="navIndex==index?'active':''" @click="sendMapButton(item, index)">{{ item }}</div>
+    <div class="flex">
-          </div>
+      <div v-for="(item,index) in navList" :key="index" class="flex fz-16 fc-w nav-ul">
-        </el-col>
+        <div class="flex nav-li ai-c jc-c" :class="navIndex==index?'active':''" @click="sendMapButton(item, index)">{{ item }}</div>
-        <el-col :span="16" class="flex tw-justify-center">
+      </div>
-          <div class="newcim-header-center tw-flex tw-flex-row">
+    </div>
-            <span class="header-title">农业农村时空大数据平台底座</span>
+    <div style="margin-top:-50px" class="flex-1 mr-2 tw-flex tw-flex-row tw-items-center tw-justify-end" >
-          </div>
+      <span class="fc-w fz-16 cursor" @click="logout()">退出登录</span>
-        </el-col>
+    </div>
-        <el-col :span="4" class="flex tw-justify-end">
+    <!-- <el-row class="tw-w-full tw-flex tw-flex-row tw-items-center">
-          <div style="width: 120px;margin-top:-70px" class="tw-flex tw-flex-row tw-items-center tw-justify-center" >
+      <el-col :span="10">
-            <span class="fc-w fz-16 cursor" @click="logout()">退出登录</span>
+        <div class="flex ai-c" style="width: 600px;">
-          </div>
+          <span class="header-title">农业农村时空大数据平台底座</span>
-        </el-col>
+        </div>
-      </el-row>
+      </el-col>
-    </el-container>
+      <el-col :span="10" class="flex ta-l">
-  </template>
+        <div v-for="(item,index) in navList" :key="index" class="flex fz-16 fc-w nav-ul">
-  
+          <div class="flex nav-li ai-c jc-c" :class="navIndex==index?'active':''" @click="sendMapButton(item, index)">{{ item }}</div>
-  <script>
+        </div>
-  import {defineComponent, reactive, watch,onMounted} from "vue";
+      </el-col>
-  import Weather from "../../weather/Weather.vue";
+      <el-col :span="4" class="flex tw-justify-end">
-  import {useRouter} from 'vue-router'
+        <div style="width: 120px;margin-top:-70px" class="tw-flex tw-flex-row tw-items-center tw-justify-center" >
-  import {toRefs} from "@vueuse/core";
+          <span class="fc-w fz-16 cursor" @click="logout()">退出登录</span>
-  import {getMethodCommon, postMethodCommon} from '../../../api/common';
+        </div>
-  export default defineComponent({
+      </el-col>
-    name: 'CimHeader',
+    </el-row> -->
-    components: {Weather},
+  </el-container>
-    setup(props,context) {
+</template>
-      const router = useRouter()
+
-      let data = reactive({
+<script>
-        navList:["产权交易","产业园区","特色产业","农业资源"],
+import {defineComponent, reactive, watch,onMounted} from "vue";
-        navIndex: null,
+import Weather from "../../weather/Weather.vue";
-      })
+import {useRouter} from 'vue-router'
-      onMounted(() => {
+import {toRefs} from "@vueuse/core";
-          
+import {getMethodCommon, postMethodCommon} from '../../../api/common';
-      })
+export default defineComponent({
-      let methods = {
+  name: 'CimHeader',
-          sendMapButton(item,index){
+  components: {Weather},
-            context.emit('send-map-serve', item)
+  setup(props,context) {
-            data.navIndex = index
+    const router = useRouter()
-          },
+    let data = reactive({
-          logout() {
+      navList:["产权交易","产业园区","特色产业","农业资源"],
-              localStorage.clear()
+      navIndex: null,
-              router.push({path: "/login"})
+    })
-          }
+    onMounted(() => {
-      };
+        
-  
+    })
-      return {
+    let methods = {
-        ...methods,
+        sendMapButton(item,index){
-        ...toRefs(data),
+          context.emit('send-map-serve', item)
-      };
+          data.navIndex = index
-    },
+        },
-  });
+        logout() {
-  </script>
+            localStorage.clear()
-  <style scoped>
+            router.push({path: "/login"})
-  .newcim-header{
+        }
-      width: 100%;
+    };
-      height: 114px;
+
-      background: url("/images/citymanage/titlebg1.png");
+    return {
-      background-size: 100% 100%;
+      ...methods,
-      position: fixed;
+      ...toRefs(data),
-      top: 0;
+    };
-      z-index: 11;
+  },
-  }
+});
- 
+</script>
-  .newcim-header-center{
+<style scoped>
-    margin-top: -40px;
+.newcim-header{
-  }
+    width: 100%;
-  .header-title{
+    height: 90px;
-    font-size: 34px;
+    background: url("/images/headernew.png");
-    font-family: PingFangSC-Medium, PingFang SC;
+    position: fixed;
-    font-weight: 600;
+    top: 0;
-    color: #FFFFFF;
+    z-index: 11;
-    letter-spacing: 1px;
+}
-    /* text-shadow: 0px 0px 20px rgba(0,112,255,0.8); */
+
-    background: linear-gradient(180deg, #FFFFFF 0%, #E3F5FF 76%, #9AD3FF 100%);
+.newcim-header-center{
-    -webkit-background-clip: text;
+  margin-top: -40px;
-    -webkit-text-fill-color: transparent;
+}
-  }
+.header-title{
-  .nav-li{
+  font-size: 34px;
-    width: 100px;
+  font-family: PingFangSC-Medium, PingFang SC;
-    height: 50px;
+  font-weight: 600;
-    border: 1px solid #f00;
+  color: #FFFFFF;
-    margin-left: 15px;
+  letter-spacing: 1px;
-    cursor: pointer;
+  text-align: left;
-  }
+  padding-left: 30px;
-  .nav-li.active{
+  /* text-shadow: 0px 0px 20px rgba(0,112,255,0.8); */
-    border: 1px solid #ff0;
+  background: linear-gradient(180deg, #FFFFFF 0%, #E3F5FF 76%, #9AD3FF 100%);
-  }
+  -webkit-background-clip: text;
-  </style>
+  -webkit-text-fill-color: transparent;
-  
+}
-  
+.nav-ul{
-  
+ margin-top: 53px;
+}
+.nav-li{
+  width: 170px;
+  height: 40px;
+  margin-left: 10px;
+  cursor: pointer;
+  background: url("/images/navli.png");
+  background-size: 100% 100%;
+}
+.nav-li.active{
+  background: url("/images/navliactive.png");
+  background-size: 100% 100%;
+  border: none;
+}
+</style>
+
+

src/components/map/index.vue

@@ -77,19 +77,7 @@
     <video width="500" height="400" id="videoElement" controls autoplay></video>
   </div>
   <!-- 图例 -->
-  <div style="z-index:99;bottom:50px;right:420px;background:rgba(0,0,0,0.5);width:190px;height:130px;" class="flex ai-c jc-c pos-f column fc-w" v-if="roleInfo.tuliVisible">
+  <div class="pos-f tuliimg" v-if="roleInfo.tuliVisible"></div>
-     <div class="flex ai-c">
-      <span style="width:35px;height:15px;background:#5EE739"></span>
-      <span style="width:60px;" class="ml-2 fz-14 ta-l">已成交</span>
-     </div>
-     <div class="flex mt-1 ai-c">
-      <span style="width:35px;height:15px;background:#FFF433"></span>
-      <span style="width:60px;" class="ml-2 fz-14 ta-l">挂牌 </span>
-     </div><div class="flex mt-1 ai-c">
-      <span style="width:35px;height:15px;background:#76A4DD"></span>
-      <span style="width:60px;" class="ml-2 fz-14 ta-l">竞价中</span>
-     </div>
-  </div>
   <Loading />
 </template>
 <script>
@@ -944,7 +932,7 @@
             const center = turf.centroid(featurespoint)
             let coordinate = center.geometry.coordinates
             viewer.entities.add({
-              position: Cesium.Cartesian3.fromDegrees(coordinate[0], coordinate[1], 80),
+              position: Cesium.Cartesian3.fromDegrees(coordinate[0], coordinate[1], 200),
               // 文字
               label: {
                 // 文本。支持显式换行符“ \ n”
@@ -963,7 +951,7 @@
                 distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 28000),
                 // 是否显示
                 show: true,
-                // clampToGround: true,
+                clampToGround: true,
               }
             });
           })
@@ -1319,12 +1307,12 @@
             imageryLayerCollection.addImageryProvider(imageryProvider, 0);
             imageryLayerCollection.remove(layer);
           
-            // viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
+            viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
-            //     url : "http://223.99.16.253:8090/iserver/services/3D-fxdxt/rest/realspace/datas/费县%40fxdxt",
+                url : "http://223.99.16.253:8090/iserver/services/3D-fxdxt/rest/realspace/datas/费县%40fxdxt",
-            //     isSct : true,//地形服务源自SuperMap iServer发布时需设置isSct为true
+                isSct : true,//地形服务源自SuperMap iServer发布时需设置isSct为true
-            //     invisibility:true
+                invisibility:true
-            // });
+            });
-            // viewer.scene.globe.depthTestAgainstTerrain = true;
+            viewer.scene.globe.depthTestAgainstTerrain = true;
             Cesium.Credential.CREDENTIAL = new Cesium.Credential(SUPER_MAP_KEY);  //令牌
 
 
@@ -2905,4 +2893,14 @@
   .el-popper__arrow::before {
     display: none;
   }
+  .tuliimg{
+    z-index:99;
+    bottom:50px;
+    right:420px;
+    background:rgba(0,0,0,0.5);
+    width:247px;
+    height:170px;
+    background: url("/images/tuliimg.png");
+  background-size: 100% 100%;
+  }
 </style>