演示优化

hejianhao

2025-03-28 96d7087169a927c44d49cc95c03c3d2008d8ceed

演示优化

 .gitignore

@@ -1,6 +1,7 @@
.DS_Store
node_modules
/dist
/screen
package-lock.json



 src/components/datascreen/CenterPanel.vue

@@ -14,7 +14,7 @@
        <div class="data-item">
          <img src="@/assets/center-top-right.png" alt="">
          <div>
            <div class="label">本月应补偿总额(万元)</div>
            <div class="label">本季应补偿总额(万元)</div>
            <div class="value">{{ data.monthCompensationAmount }} <span>环比</span><span
                class="value-change value-change-down">{{ data.monthCompensationAmountRate }}</span></div>
          </div>
@@ -22,7 +22,7 @@
        <div class="data-item">
          <img src="@/assets/center-top-right.png" alt="">
          <div>
            <div class="label">下月应补偿总额(万元)</div>
            <div class="label">下季应补偿总额(万元)</div>
            <div class="value">{{ data.nextMonthCompensationAmount }} <span>环比</span><span
                class="value-change value-change-up">{{ data.nextMonthCompensationAmountRate }}</span></div>
          </div>

 src/components/datascreen/LeftPanel.vue

@@ -108,7 +108,7 @@
            show: false
          },
          axisLabel: {
            color: '#495F88',
            color: '#fff',
            fontSize: 12,
            // rotate: 30, // 标签倾斜角度
          }
@@ -117,7 +117,7 @@
          type: 'value',
          name: '单位：次',
          nameTextStyle: {
            color: '#495F88',
            color: '#fff',
            fontSize: 12,
          },
          splitLine: {
@@ -133,7 +133,7 @@
            show: false
          },
          axisLabel: {
            color: '#495F88',
            color: '#fff',
            fontSize: 12
          }
        },
@@ -142,7 +142,7 @@
            name: '安置面积异常',
            type: 'line',
            smooth: true,
            symbol: 'none',
            symbol: 'circle',
            itemStyle: {
              color: '#FEDB65'
            },
@@ -192,7 +192,7 @@
            name: '补偿金额异常',
            type: 'line',
            smooth: true,
            symbol: 'none',
            symbol: 'circle',
            itemStyle: {
              color: '#00F2EF'
            },

 src/views/DataScreen.vue

@@ -14,7 +14,7 @@
</template>

<script>
import HeaderPanel from '@/components/datascreen/HeaderPanel.vue';
import HeaderPanel from '@/components/datascreen/HeaderPanel.vue'; 
import LeftPanel from '@/components/datascreen/LeftPanel.vue';
import CenterPanel from '@/components/datascreen/CenterPanel.vue';
import RightPanel from '@/components/datascreen/RightPanel.vue';

 vue.config.js

@@ -1,5 +1,6 @@
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  outputDir: 'screen',
  transpileDependencies: true,
  publicPath: './',
  devServer: {