季度、月份修改

src/views/globalMap/RightMenu/index.vue

@@ -76,10 +76,9 @@
           @handle-menu="handleMenu"
         />
         <!--直升机-->
-        <Helicopter
-          v-if="menuState.showMenu && menuState.menuData[menuState.activeIndex]?.name === '直升机'"
-          @handle-menu="handleMenu"
-        />
+        <Helicopter v-if="menuState.showMenu && menuState.menuData[menuState.activeIndex]?.name === '直升机'" @handle-menu="handleMenu" />
+        <!--台风视频-->
+        <TyphoonVideo v-if="menuState.showMenu && menuState.menuData[menuState.activeIndex]?.name === '台风视频'" @handle-menu="handleMenu" />
       </div>
     </div>
   </div>
@@ -109,6 +108,7 @@ import SatellitePhone from './SatellitePhone.vue';
 import MobileUnmannedVehicle from './MobileUnmannedVehicle.vue';
 import MobileCommandVehicle from './MobileCommandVehicle.vue';
 import Helicopter from './Helicopter.vue';
+import TyphoonVideo from './TyphoonVideo.vue';
 interface Props {
   pointType: PointType[];
 }
@@ -333,4 +333,59 @@ defineExpose({ handleMenu, clickContractMenu, updateMenu, getMenuState });
 .icon6_checked {
   background: url('@/assets/images/map/rightMenu/icon6_checked.png') no-repeat;
 }
+//
+.icon7 {
+  width: 89px;
+  height: 87px;
+  background: url('@/assets/images/map/rightMenu/icon7.png') no-repeat;
+  cursor: pointer;
+}
+.icon7_checked {
+  background: url('@/assets/images/map/rightMenu/icon7_checked.png') no-repeat;
+}
+.icon8 {
+  width: 89px;
+  height: 87px;
+  background: url('@/assets/images/map/rightMenu/icon8.png') no-repeat;
+  cursor: pointer;
+}
+.icon8_checked {
+  background: url('@/assets/images/map/rightMenu/icon8_checked.png') no-repeat;
+}
+.icon9 {
+  width: 89px;
+  height: 87px;
+  background: url('@/assets/images/map/rightMenu/icon9.png') no-repeat;
+  cursor: pointer;
+}
+.icon9_checked {
+  background: url('@/assets/images/map/rightMenu/icon9_checked.png') no-repeat;
+}
+.icon10 {
+  width: 89px;
+  height: 87px;
+  background: url('@/assets/images/map/rightMenu/icon10.png') no-repeat;
+  cursor: pointer;
+}
+.icon10_checked {
+  background: url('@/assets/images/map/rightMenu/icon10_checked.png') no-repeat;
+}
+.icon11 {
+  width: 89px;
+  height: 87px;
+  background: url('@/assets/images/map/rightMenu/icon11.png') no-repeat;
+  cursor: pointer;
+}
+.icon11_checked {
+  background: url('@/assets/images/map/rightMenu/icon11_checked.png') no-repeat;
+}
+.icon12 {
+  width: 89px;
+  height: 87px;
+  background: url('@/assets/images/map/rightMenu/icon12.png') no-repeat;
+  cursor: pointer;
+}
+.icon12_checked {
+  background: url('@/assets/images/map/rightMenu/icon12_checked.png') no-repeat;
+}
 </style>

src/views/routineCommandMap/RightSection/index.vue

@@ -26,7 +26,7 @@
               <div class="gradient-text3 text1">{{ statisticalData.jd_value }}</div>
               <div class="text2">件</div>
             </div>
-            <div class="text3">{{ statisticalData.jd }}</div>
+            <div class="text3">第{{getChineseQuarter( statisticalData.jd )}}季度</div>
           </div>
         </div>
         <div class="box-item">
@@ -36,7 +36,7 @@
               <div class="text4">{{ statisticalData.yf_value }}</div>
               <div class="text2">件</div>
             </div>
-            <div class="text3">{{ statisticalData.yf }}</div>
+            <div class="text3">{{ statisticalData.yf }}月份</div>
           </div>
         </div>
       </div>
@@ -159,6 +159,10 @@ const initData = () => {
     chartOption1.value.series[1].data = chartData2;
   });
 };
+const getChineseQuarter = (quarter: number): string => {
+  const chineseQuarters = ['一', '二', '三', '四'];
+  return chineseQuarters[quarter - 1] || '';
+};
 onMounted(() => {
   initData();
 });