feat:兼容分辨率低不出现滚动条

chenyao

3 days ago a53ece5036c1fa61a63fe5f9e0cd3519210ab928

 applications/drone-command/src/views/dataCockpit/components/SceneDeployment.vue

@@ -59,6 +59,8 @@
               </div>
               <div class="row">
                  <span class="label">有效时间</span>
               </div>
               <div class="row">
                  <span class="value">{{ formatTimeRange(item.effectiveDateStart, item.effectiveDateEnd) }}</span>
               </div>
            </div>
@@ -70,8 +72,8 @@
<script setup>
import { ref, onMounted } from 'vue'
import dayjs from 'dayjs'
import zcsbLogo from '@/assets/images/dataCockpit/zcsb.png'
import fzsbLogo from '@/assets/images/dataCockpit/fzsb.png'
import sceneLogo from '@/assets/images/dataCockpit/scene.png'
import areaLogo from '@/assets/images/dataCockpit/area.png'
import EmptyState from './EmptyState.vue'
import { newDefenseSceneManageList, sceneManageStatisticsApi } from '@/api/dataCockpit'
import { getDictionaryByCode } from '@/api/system/dictbiz'
@@ -84,12 +86,12 @@
   {
      name: '场景',
      val: 0,
      logo: zcsbLogo // 暂时复用
      logo: sceneLogo // 暂时复用
   },
   {
      name: '区域',
      val: 0,
      logo: fzsbLogo // 暂时复用
      logo: areaLogo // 暂时复用
   }
])

@@ -125,7 +127,11 @@

const fetchStatistics = async () => {
   try {
      const res = await sceneManageStatisticsApi()
      const params = {
         time: dayjs().format('YYYY-MM-DD HH:mm:ss')
      }
      const res = await sceneManageStatisticsApi(params)
		
      if (res.data.code === 200) {
         const { sceneManageCount, areaCount } = res.data.data
         categoryList.value[0].val = sceneManageCount || 0
@@ -290,7 +296,6 @@
      margin-top: 10px;
      display: flex;
      flex-direction: column;
      gap: 10px;

      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: 400;
@@ -301,15 +306,27 @@
      text-transform: none;

      .row {
         margin-top: 10px;

         line-height: 22px;

         .label {
            margin-right: 10px;
            color: #D4D5D7;
         }

         &:first-child {
            margin-top: 0;
         }

         &:last-child {
            margin-top: 0;
         }
      }

      .rows {
         margin-top: 10px;

         display: flex;

         .col {