huangxiaoqiang
2025-11-17 b07472f884708a6bfdf63d999004bbf0bb5f00a8
ÏîÄ¿´úÂë/BigScreenVue/src/views/index.vue
@@ -11,6 +11,7 @@
            </h1>
            <div class="header-info">
              <div class="current-time">{{ currentTime }}</div>
              <div @click="btn"><i class="el-icon-full-screen" style="font-size: 32px; margin-right: 15px;"></i></div>
            </div>
          </div>
        </div>
@@ -34,11 +35,14 @@
                  <div class="metric-name-large">{{ item.name }}</div>
                  <div class="metric-value-large">{{ formatNumber(item.value) }}</div>
                  <div class="metric-compare-large" v-if="item.compare !== undefined">
                    <span :class="getCompareClass(item.compare)">
                    <span v-if="item.name == '库存总量'">
                    </span>
                    <span :class="getCompareClass(item.compare)" v-else>
                      <i :class="getCompareIcon(item.compare)"></i>
                      {{ formatCompareValue(item.compare) }}
                    </span>
                    <span class="compare-label">较昨日</span>
                    <span class="compare-label">{{ text(item.name) }}</span>
                  </div>
                </div>
              </div>
@@ -201,7 +205,7 @@
        <!-- èƒŒæ™¯è£…饰元素 -->
        <div class="decoration-corner top-left"></div>
        <div class="decoration-corner top-right"></div>
        <!-- <div class="decoration-corner top-right"></div> -->
        <div class="decoration-corner bottom-left"></div>
        <div class="decoration-corner bottom-right"></div>
      </div>
@@ -212,6 +216,7 @@
<script>
import http from '../api/ajax.js';
import * as echarts from 'echarts';
import screenfull from 'screenfull';
export default {
  name: 'DashboardScreen',
@@ -323,6 +328,16 @@
      return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
    },
    text(str) {
      if (str == "今日进库量" || str == "今日出库量") {
        return "较昨日"
      } else if (str == "本月进库量" || str == "本月出库量") {
        return "较上月"
      } else {
        return ""
      }
    },
    formatCompareValue(value) {
      if (value === 0) return '0';
      return value > 0 ? `+${this.formatNumber(value)}` : this.formatNumber(value);
@@ -365,6 +380,13 @@
        '库存总量': 'metric-total'
      };
      return classMap[name] || '';
    },
    btn() {
      console.log(11111111111);
      if (screenfull.isEnabled) {
        console.log(2222222222);
        screenfull.request();
      }
    },
    getMetricIcon(type) {
@@ -1269,6 +1291,7 @@
  width: 80px;
  height: 80px;
  border: 2px solid rgba(64, 158, 255, 0.5);
}
.top-left {