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

style: 修改总览天气卡片样式文案

bxy 10 hónapja
szülő
commit
9b6e953193

+ 5 - 1
src/views/disaster/overview/components/WeatherCard.vue

@@ -17,7 +17,7 @@
         :warning="weatherInfo.warning"
       />
       <div class="info-box">
-        <WeatherTips :measure="measureInfo" />
+        <WeatherTips :title="measureTitle" :measure="measureInfo" />
       </div>
     </div>
   </div>
@@ -38,6 +38,7 @@
   let timer: NodeJS.Timeout;
   const weatherDisasterDic = ref<SysDictDataDetail[]>([]); // 气象灾害预警字典
   const disasterMeasureDic = ref<SysDictDataDetail[]>([]); // 灾害应急措施字典
+  const measureTitle = ref<string | undefined>('');
   const measureInfo = ref<string | undefined>('');
 
   const weatherInfo = ref({
@@ -65,6 +66,7 @@
     if (weekDisasterInfoList.length === 0) {
       weatherInfo.value.warning = '';
       measureInfo.value = normalMeasure?.itemValue;
+      measureTitle.value = '安全提示';
     } else {
       const today = dayjs().format('YYYY-MM-DD');
       const todayWarning = weekDisasterInfoList.find((item) => item.warnTime.includes(today));
@@ -75,10 +77,12 @@
         if (weatherWarningType) {
           const targetMeasure = disasterMeasureDic.value.find((item) => item.itemCode.includes(weatherWarningType));
           measureInfo.value = targetMeasure ? targetMeasure?.itemValue : normalMeasure?.itemValue;
+          measureTitle.value = targetMeasure ? '应急提示' : '安全提示';
         }
       } else {
         weatherInfo.value.warning = '';
         measureInfo.value = normalMeasure?.itemValue;
+        measureTitle.value = '安全提示';
       }
     }
   };

+ 5 - 2
src/views/disaster/overview/components/weather-info/WeatherTips.vue

@@ -1,12 +1,15 @@
 <template>
   <div class="weather-tips">
-    <div class="title">应急提醒</div>
+    <div class="title">{{ title }}</div>
     <div class="content">{{ measure }}</div>
   </div>
 </template>
 
 <script setup lang="ts">
-  defineProps<{ measure: string | undefined }>();
+  defineProps<{
+    title: string | undefined;
+    measure: string | undefined;
+  }>();
 </script>
 
 <style scoped lang="scss">