修改测试/运营工作台的统计的样式

董国庆

2026-06-17 cc2de71cbc27289724be88db60f701708e012bed

修改测试/运营工作台的统计的样式

 src/views/businessOperations/operationWorkbench/components/MapInfoPopupCard.vue

@@ -132,19 +132,22 @@
<template>
  <div class="map-info-popup-card">
    <div class="map-info-popup-card__shell">
      <div class="map-info-popup-card__header">
        <div class="map-info-popup-card__title">
      <button
        type="button"
        class="map-info-popup-card__header"
        :aria-expanded="isExpanded"
        @click="toggleExpanded"
      >
        <span class="map-info-popup-card__title">
          {{ props.title }}
        </div>
        </span>
        <span
          class="map-info-popup-card__toggle"
          :class="{ 'is-expanded': isExpanded }"
          aria-hidden="true"
          @click="toggleExpanded"
        >
          <img class="map-info-popup-card__toggle-icon" :src="toggleIcon" alt="" />
        </span>
      </div>
      </button>

      <div v-show="isExpanded" class="map-info-popup-card__content">
        <div class="map-info-popup-card__divider" />
@@ -261,8 +264,14 @@

.map-info-popup-card__header {
  display: flex;
  width: 100%;
  padding: 0;
  border: 0;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.map-info-popup-card__title {
@@ -293,7 +302,6 @@
  width: 10.5px;
  height: 6px;
  object-fit: contain;
  transition: transform 0.2s ease;
}

.map-info-popup-card__divider {

 src/views/businessOperations/operationWorkbench/map.vue

@@ -1446,8 +1446,8 @@
  () => fenceOutOfRangePointList.value.length,
)
const mapInfoPopupStyle = computed(() => ({
  top: '32px',
  left: shouldHideLeftPanel.value ? '32px' : leftExpanded.value ? '312px' : '32px',
  top: '12px',
  left: '12px',
}))

const pointPanelMeta = computed(() => ({

 src/views/testDemo/operationWorkbench/components/MapInfoPopupCard.vue

@@ -132,19 +132,22 @@
<template>
  <div class="map-info-popup-card">
    <div class="map-info-popup-card__shell">
      <div class="map-info-popup-card__header">
        <div class="map-info-popup-card__title">
      <button
        type="button"
        class="map-info-popup-card__header"
        :aria-expanded="isExpanded"
        @click="toggleExpanded"
      >
        <span class="map-info-popup-card__title">
          {{ props.title }}
        </div>
        </span>
        <span
          class="map-info-popup-card__toggle"
          :class="{ 'is-expanded': isExpanded }"
          aria-hidden="true"
          @click="toggleExpanded"
        >
          <img class="map-info-popup-card__toggle-icon" :src="toggleIcon" alt="" />
        </span>
      </div>
      </button>

      <div v-show="isExpanded" class="map-info-popup-card__content">
        <div class="map-info-popup-card__divider" />
@@ -261,8 +264,14 @@

.map-info-popup-card__header {
  display: flex;
  width: 100%;
  padding: 0;
  border: 0;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.map-info-popup-card__title {
@@ -293,7 +302,6 @@
  width: 10.5px;
  height: 6px;
  object-fit: contain;
  transition: transform 0.2s ease;
}

.map-info-popup-card__divider {

 src/views/testDemo/operationWorkbench/map.vue

@@ -1536,8 +1536,8 @@
  () => fenceOutOfRangePointList.value.length,
)
const mapInfoPopupStyle = computed(() => ({
  top: '32px',
  left: shouldHideLeftPanel.value ? '32px' : leftExpanded.value ? '312px' : '32px',
  top: '12px',
  left: '12px',
}))

const pointPanelMeta = computed(() => ({