Merge branch 'master' of http://120.76.84.145:10101/gitblit/r/H5/chongzhou-...

hejianhao

2025-03-24 c67dbe946a1a26144529c6ee56bbe93b2ee580f1

 src/components/datascreen/RightPanel.vue

@@ -4,7 +4,7 @@
    <div class="panel-item top-panel-item">
      <div class="box-title">本月进度值比</div>
      <div class="circle-progress">
        <v-chart class="chart" :option="circleOption" autoresize />
        <!-- <v-chart class="chart" :option="circleOption" autoresize /> -->
      </div>
    </div>

@@ -12,7 +12,7 @@
    <div class="panel-item middle-panel-item">
      <div class="box-title">各季度进度值统计</div>
      <div class="bar-chart">
        <v-chart class="chart" :option="barOption" autoresize />
        <!-- <v-chart class="chart" :option="barOption" autoresize /> -->
      </div>
    </div>

@@ -20,7 +20,7 @@
    <div class="panel-item bottom-panel-item">
      <div class="box-title">安置房类型分布</div>
      <div class="pie-chart">
        <v-chart class="chart" :option="typeDistOption" autoresize />
        <!-- <v-chart class="chart" :option="typeDistOption" autoresize /> -->
      </div>
    </div>
  </div>
@@ -133,28 +133,35 @@
  bottom: 20px;

  .panel-item {
    background: rgba(0,0,255,0.1);
    border: 1px solid rgba(0,255,255,0.2);
    border-radius: 10px;
  }

  .top-panel-item {
    height: 268px;
    background: url('@/assets/right-top-bg.png') no-repeat center center;
    background-size: 100% 100%;
  }

  .middle-panel-item {
    margin-top: 21px;
    height: 303px;
    background: url('@/assets/right-middle-bg.png') no-repeat center center;
    background-size: 100% 100%;
  }

  .bottom-panel-item {
    margin-top: 21px;
    height: 335px;
    background: url('@/assets/right-bottom-bg.png') no-repeat center center;
    background-size: 100% 100%;
  }

  .box-title {
    font-size: 20px;
    color: #7cb9e8;
    font-size: 14px;
    color: #19ECFF;
    text-align: center;
    padding-top: 9px;
    line-height: 21px;
  }

  .chart {