diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index da88007..d365911 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -27,6 +27,14 @@
           {{ item.name }}
         </p>
       </div>
+
+      <div class="weather flex">
+        <el-select clearable v-model="stationCode" placeholder="全局搜索站点名称" class="stationSel">
+          <el-option v-for="item in stationList" :key="item.stationCode" :label="item.stationName" :value="item.stationCode" />
+        </el-select>
+        <p class="weathers">{{ weatherInfo.text }} {{ weatherInfo.temp }}℃</p>
+        <p class="date">{{ dateNow }}</p>
+      </div>
     </div>
 
     <!-- 内容-内容切换区 -->
@@ -52,8 +60,14 @@
 import EvaluationKH from '@/views/sponeScreen/evaluationKH/index.vue'; //考核评估
 import WaterFlood from '@/views/sponeScreen/waterFlood/index.vue'; //排水防涝
 import LongYW from '@/views/sponeScreen/longYW/index.vue'; //长效运维
+import axios from 'axios';
 
+const { proxy } = getCurrentInstance();
 const router = useRouter();
+const weatherInfo = ref({});
+const stationList = ref([]);
+const stationCode = ref('');
+const dateNow = ref(proxy.moment(new Date()).format('YYYY-MM-DD'));
 const menuList = ref([
   { name: '城市概况', id: 1 },
   { name: '项目建设', id: 2 },
@@ -61,7 +75,7 @@
   { name: '排水防涝', id: 4 },
   { name: '长效运维', id: 5 },
 ]);
-const menuIndex = ref(4);
+const menuIndex = ref(1);
 const showPanel = ref(false);
 const showLegend = ref(false);
 
@@ -82,7 +96,19 @@
   showPanel.value = !showPanel.value;
 }
 
-onMounted(() => {});
+// 获取天气信息
+const getWeather = () => {
+  axios
+    .get(`https://gfapi.mlogcn.com/weather/v001/now?key=F2hH0eoTQS99jaKr3v4AIWFQkJwRjMAU&areacode=101180801`)
+    .then(res => {
+      weatherInfo.value = res.data.result.realtime;
+    })
+    .catch(error => {});
+};
+
+onMounted(() => {
+  getWeather();
+});
 </script>
 
 <style scoped lang="scss">
@@ -100,6 +126,27 @@
     height: 100px;
     background: url('@/assets/newImgs/HMScreen/headBg.png') no-repeat;
     background-size: 100% 100%;
+    .weather {
+      height: 58px;
+      align-items: center;
+      flex: 1;
+      justify-content: flex-end;
+      padding-right: 40px;
+      .weathers {
+        margin: 0px 20px;
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        font-size: 20px;
+        border-right: 3px solid rgba(170, 206, 255, 0.2);
+        padding-right: 20px;
+      }
+      .date {
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        font-size: 18px;
+        color: #b8ecff;
+      }
+    }
     .mainYW {
       width: 50px;
       height: 44px;