Forráskód Böngészése

首页图标更换

Hwf 4 hónapja
szülő
commit
5399e972a7

BIN
src/assets/images/disasterRiskMonitor/rainfall/icon1.png


BIN
src/assets/images/index/boxBg2.png


BIN
src/assets/images/index/easyToflood.png


BIN
src/assets/images/index/emergencyResponse.png


BIN
src/assets/images/index/forestFire2.png


BIN
src/assets/images/index/hazardousChemicals.png


BIN
src/assets/images/index/nonCoalMine.png


BIN
src/assets/images/index/radarEchoMap.png


BIN
src/assets/images/index/rainfall.png


BIN
src/assets/images/index/satelliteCloudChart.png


BIN
src/assets/images/index/temperatureAndPrecipitation.png


BIN
src/assets/images/index/weatherForecast.png


+ 6 - 0
src/styles/index.less

@@ -201,6 +201,12 @@ a:hover {
           color: #414F64;
         }
       }
+      .van-field__right-icon {
+        .van-icon__image {
+          width: 13px;
+          height: 13px;
+        }
+      }
     }
   }
   .common-textarea {

+ 0 - 1
src/utils/validate.ts

@@ -13,6 +13,5 @@ export function validatePhone(phoneNumber: string) {
 }
 
 export function validateFile(fieList: []) {
-  debugger
   return fieList && fieList.length > 0;
 }

+ 3 - 4
src/views/disasterRiskMonitor/rainfall.vue

@@ -87,9 +87,8 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, reactive, ref } from "vue";
 import { ElTable, ElTableColumn } from "element-plus";
-import icon1 from '@/assets/images/disasterRiskMonitor/galeDisaster/icon1.png'
+import icon1 from '@/assets/images/disasterRiskMonitor/rainfall/icon1.png'
 
 const option1 = reactive([
   { text: "1h", value: "1" },
@@ -118,7 +117,7 @@ const detailsData = ref({
 const initData = () => {
   detailsData.value = {
     img: icon1,
-    text: "据气象水文监测,25日至26日16时,茂名无降水。",
+    text: "据气象水文监测,24日至25日16时,茂名无降水。",
     dataList: [
       {
         area: "茂名",
@@ -167,7 +166,7 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .container {
-  height: 100vh;
+  height: calc(100vh - 55px);
   padding: 8px 16px;
   .title {
     font-size: 18px;

+ 16 - 4
src/views/leader/index.vue

@@ -62,7 +62,7 @@
         </van-grid>
         <div class="app_panel">
           <div class="app_panel_title">综合应用</div>
-          <div v-for="(item, index) in menu2" :key="index" class="box">
+          <div v-for="(item, index) in menu2" :key="index" :class="index === 0 ? 'box2' : 'box'">
             <div class="box-title">{{ item.name }}</div>
             <div class="box-content">
               <div
@@ -118,12 +118,18 @@ const menu2 = ref([
   {
     name: "自然灾害风险监测",
     children: [
+      { name: '预警态势', icon: 'monitor', url: 'WarningSituation' },
+      { name: '大风灾害', icon: 'wind', url: 'GaleDisaster' },
+      { name: '森林火灾', icon: 'forestFire', url: 'ForestFireWarn' },
+      { name: '台风实况', icon: 'typhoon', url: 'TyphoonPath' },
+      { name: '水库监测', icon: 'hydrology', url: 'ReservoirMonitor' },
+      { name: '河道监测', icon: 'riverMonitor', url: 'RiverMonitor' },
       { name: "应急响应", icon: "emergencyResponse", url: "EmergencyResponse" },
       { name: "卫星云图", icon: "satelliteCloudChart", url: "SatelliteCloudchart" },
       { name: "雷达回波图", icon: "radarEchoMap", url: "RadarEchoMap" },
-      { name: "气温降水实况", icon: "temperatureAndPrecipitation", url: "TemperatureAndPrecipitation" },
       { name: "天气预报", icon: "weatherForecast", url: "WeatherForecast" },
-      { name: "强降水", icon: "temperatureAndPrecipitation", url: "Rainfall" },
+      { name: "强降水", icon: "rainfall", url: "Rainfall" },
+      { name: "气温降水实况", icon: "temperatureAndPrecipitation", url: "TemperatureAndPrecipitation" },
       { name: "易涝点视频", icon: "easyToflood", url: "EasyToFloodPoint" }
     ]
   },
@@ -393,7 +399,8 @@ onUnmounted(() => {
     letter-spacing: 0;
     margin-bottom: 4px;
   }
-  .box {
+  .box,
+  .box2 {
     width: 100%;
     height: 152px;
     background: url("@/assets/images/index/boxBg.png") no-repeat;
@@ -431,6 +438,11 @@ onUnmounted(() => {
       }
     }
   }
+  .box2 {
+    height: 214px;
+    background: url("@/assets/images/index/boxBg2.png") no-repeat;
+    background-size: 100% 100%;
+  }
 }
 .search-list {
   position: absolute;