新问题 25-9-28

zxl

3 天以前 8ac5cd64caa0a0809419d137d2582d5759e8eeca

 src/views/home/data-face/index.vue

@@ -16,10 +16,16 @@
              </el-option>
            </el-select>
          </div>
          <div class="select-container">
          <div style="margin-right: 20px">
            <el-date-picker v-model="date" format="yyyy-MM" value-format="yyyy-MM" type="month" placeholder="选择月份"
                            @change="dateChange">
            </el-date-picker>
          </div>
          <div >
            <el-select v-model="params.area" placeholder="区县" @change="getChart"  clearable>
              <el-option v-for="item in areaOption" :key="item.label" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </div>
        </div>
        <div class="chart-container">
@@ -50,6 +56,15 @@
      categories: [
        {label: '累计数据', value: 1},
        {label: '每日数据', value: 2},
      ],
      areaOption:[
        {label:'自流井区',value:'510302'},
        {label:'贡井区',value:'510303'},
        {label:'大安区',value:'510304'},
        {label:'沿滩区',value:'510311'},
        {label:'荣县',value:'510321'},
        {label:'富顺县',value:'510322'},
        {label:'高新区',value:'510399'},
      ],
      options: [
        {label: '省厅', value: 1}
@@ -323,12 +338,11 @@
}

.title-container {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;

  padding: 15px 20px; /* 内边距控制高度和边距 */
  background: #fff;
  border-bottom: 1px solid #eee; /* 分隔线增强视觉分离 */
  .more-button {
    cursor: pointer;
    font-size: 16px;
@@ -339,7 +353,7 @@
.chart-container {

  width: 100%;
  height: 100%;
  height: 80%;

  #chartContent {
    width: 100%;
@@ -348,7 +362,7 @@
}

.select-container {
  margin-left: 20px;
  margin: 0 20px;
  width: 180px;
}
</style>